body {

    font-family: 'Montserrat', sans-serif;

    font-size: 16px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    background-color: #fff;



}



/* 1 General */

/* @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); */



* {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}



* {

    padding: 0;

    margin: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



:root {

    /* Background Color */

    --primary-color: #013443;

    --secondary-color: #e85f43;

    --black-font: #1d1d1d;

    --bg-white: #fff;





    /* Text Color */

    --primary-font: 'Urbanist', sans-serif;

    --secondry-font: 'Bebas Neue', sans-serif;

    --primary-text: #013443;

    --secondary-text: #D99A29;

    --text-white: #fff;

    --text-gray: #6b6b6b;

}



body {

    font-family: var(--primary-font);

    background-color: var(--bg-white);

}



a {

    text-decoration: none;

}



/* .container{

    overflow: hidden;

} */

section {

    padding: 50px 0;

}


.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 8%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}
.main-btn {

    display: inline-block;

    border-radius: 0px;

    transition: all .4s ease-in-out;

    padding: 10px 27px;

    background-color: var(--secondary-color);

    color: var(--text-white);

    font-weight: 500;

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 2px;

    text-decoration: none;

    margin: auto;

    border: none;

}



.main-btn:hover {

    background-color: var(--primary-text);

    color: var(--text-white);

    border: none;

}



h1 {

    font-size: 84px;

    line-height: 70px;

    font-weight: 400;

    text-shadow: 1px 6px 6px rgba(0, 0, 0, 0.42);

    letter-spacing: 1px;

    color: var(--text-white);



    text-transform: uppercase;

    text-align: center;

    font-family: var(--secondry-font);

}



h1 span {

    font-size: 48px;

    line-height: 68px;

    font-weight: 400;

    text-shadow: 1px 6px 6px rgba(0, 0, 0, 0.42);

    color: var(--text-white);

    text-transform: uppercase;

    text-align: center;

    font-family: var(--secondry-font);

    letter-spacing: 2px;



}



h2 {

    font-size: 40px;

    line-height: 1.3;

    font-weight: 300;

    color: #1d1d1d;

    margin-bottom: 40px;

    margin-top: 1px;

    font-family: var(--primary-font);

}



h3 {

    font-size: 28px;

    line-height: 1.3;

    font-weight: 500;

    color: var(--primary-text);

    letter-spacing: 1.5px;

    margin-bottom: 10px;

    margin-top: 10px;

    font-family: var(--secondry-font);

}



h4 {

    font-size: 28px;

    line-height: 1.3;

    font-weight: 500;

    color: var(--secondary-color);

    letter-spacing: 1.5px;

    margin-bottom: 10px;

    margin-top: 10px;

    font-family: 'Seaweed Script', sans-serif;

}



h6 {

    color: var(--text-gray);

    font-size: 15px;

    text-transform: uppercase;

    letter-spacing: 4px;

    display: block;

    margin-bottom: 20px;

}



p {

    color: var(--text-gray);

    line-height: 28px;

    letter-spacing: 1px;

    font-weight: 400;

    font-size: 14px;

    font-family: var(--primary-font);

}



.subtitle {

    display: inline-block;

    font-weight: 400;

    letter-spacing: 2px;

    line-height: 28px;

    font-size: 20px;

    margin-bottom: 12px;

    color: var(--primary-color);

    font-family: var(--primary-font);

    width: 80%;



}



input:hover,

input:focus,

textarea:focus,

textarea:hover,

button {

    outline: none !important;

    box-shadow: none !important;

}



/* tttop menu and slider part start */

.margn-botm {

    margin-bottom: 160px;

}



.top-social-bar {

    background-color: #0e1f2f;

    padding: 6px 0px;

    color: #fff;

}



.top-social-bar ul {

    clear: both;

}



.top-social-bar ul li {

    list-style: none;

    color: #ffffff;

    font-size: 16px;

}



.top-social-bar ul li a {

    list-style: none;

    color: #ffffff;

    font-size: 16px;

}



.top-social-bar ul li a:hover {

    list-style: none;

    color: var(--secondary-color);



}



.top-social-bar .icon {

    margin: 0 auto;

    float: inline-end;

}



.top-social-bar i {

    margin-right: 5px;

    margin-top: 2px;

    align-self: center;

}



.top-navi-bar {



    display: block;

    background-color: var(--bg-white);





}



.top-navi-bar .bg-transparent {

    --bs-bg-opacity: 0.7;

    margin: 0;

    padding: 0;







}



.top-navi-bar .navbar-brand {

    padding-bottom: 0px;

    position: relative;



    border-radius: 0px 0px 20px 20px;

    margin-top: 0px;

    display: block;

    padding-top: 0;

}



.top-navi-bar .navbar-brand .logo {

    display: block;

    margin: auto;

    margin: 5px 0;

    width: 180px;

}





.top-navi-bar .navbar-nav .nav-item {

    margin: 0px 5px;

    font-size: 14px;

    text-transform: capitalize;

    justify-content: space-between;



}



.top-navi-bar .navbar-nav .nav-item .nav-link.active {

    color: var(--orange-color);

    text-transform: capitalize;

    -o-transition: all 200ms linear;

    -webkit-transition: all 200ms linear;

    border-bottom: 3px solid var(--orange-color);

    /*border: none;

     padding-top: 10px;

    width: 100%; */

}



.top-navi-bar .navbar-nav .nav-item .nav-link a {

    color: #000;

    text-decoration: none;

    border-bottom: 3px solid var(--secondary-text);

    width: 100%;

}



.top-navi-bar .navbar-nav .nav-item .nav-link a:hover {

    color: var(--orange-color);

    text-transform: uppercase;

    -o-transition: all 200ms linear;

    -webkit-transition: all 200ms linear;

    border-bottom: 3px solid var(--secondary-text);

    /* padding-top: 10px; */

    width: 100%;

}





.img-fade {

    color: #c57200;

    background-color: #000;

    z-index: 1;

    opacity: .5;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    content: "";

}



.top-navi-bar .navbar-nav .nav-item .nav-link {

    content: "";

    font-size: 16px;

    letter-spacing: 0.5px;

    font-weight: 600;

    display: inline-block;

    color: #000;

    position: relative;

    text-transform: none;

}



.top-navi-bar .navbar-nav .nav-item .nav-link:hover {

    content: "";

    font-size: 16px;

    letter-spacing: 0.5px;

    font-weight: 600;

    display: inline-block;

    color: #b70000;

    position: relative;

    text-transform: none;

    border-bottom: 2px solid var(--secondary-color);







}



.top-navi-bar .navbar-nav .nav-item .btn-primary {

    background-color: var(--secondary-color);

    border: 1px solid var(--secondary-color);

}



/* example css */

.top-navi-bar .navbar-expand-lg .navbar-nav .dropdown-menu {

    position: absolute;

    padding: 0;

    /* border: 2px solid #c25252; */

}



.top-navi-bar .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {

    color: rgb(0, 0, 0);

    background-color: #ffffff;

    border-bottom: 1px solid #000;



}



.top-navi-bar .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item li:last-child {

    border: none;

}



.top-navi-bar .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover {

    color: #FFF;

    background-color: var(--secondary-color);

}



/* example css End*/

.top-navi-bar .navbar-nav .nav-item .nav-link::after {

    margin-top: 11px;

    margin-left: 4px;

    content: "";

    left: 0;

    width: 0;

    height: 2px;

    /*background: var(--primary-color);*/

    transition: 0.3s;

    bottom: 0;

}



.top-navi-bar .navbar .navbar-toggler {

    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);

    font-size: var(--bs-navbar-toggler-font-size);

    line-height: 1;

    color: var(--bs-navbar-color);

    /* background-color: transparent; */

    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);

    border-radius: var(--bs-navbar-toggler-border-radius);

    transition: var(--bs-navbar-toggler-transition);

    background-color: #fff;

}



.top-navi-bar .navbar .navbar-toggler-icon {

    color: #fff;



}



.top-navi-bar .navbar-nav .nav-item .nav-link.active::after,

.top-navi-bar .navbar-nav.nav-item .nav-link:hover::after {

    width: 100%;

}



.top-navi-bar .navbar-nav .nav-item .nav-link.active,

.top-navi-bar .navbar-nav .nav-item .nav-link:hover {

    color: var(--secondary-color);

}



/* .top-navi-bar .nav-item .dropdown {

    position: static;

    background-color: #00fff0;

}



.top-navi-bar .nav-item .dropdown .dropdown-menu {

    background-color: var(--secondary-color);

}



.top-navi-bar .nav-item .dropdown .dropdown-menu .dropdown-item a {

    color: #000;

    text-transform: capitalize;

}



.top-navi-bar .nav-item .dropdown .dropdown-menu .dropdown-item a {

    color: #000;

    text-transform: capitalize;

}



.top-navi-bar .nav-item .dropdown .dropdown-menu .dropdown-item a:hover {

    background-color: var(--primary-color);

    color: var(--secondary-color);

    text-decoration: underline;

} */

.cap-box {

    position: absolute;

    margin-left: 10%;

    background: rgba(0, 0, 0, 0.5);

    top: 30%;

    width: 660px;

    height: 230px;

    display: block;

    border-left: 4px solid #e85f43;

    padding: 20px 10px;

}



.cap1 {

    font-family: Roboto, Serif;

    font-weight: 700;

    font-size: 42px;

    color: #fffc00;

    text-align: left;

    line-height: 35px;

}



.cap2 {

    font-family: Roboto, serif;

    font-weight: 700;

    font-size: 33px;

    text-align: left;

    color: #ffffff;

    line-height: 23px;



}



.cap3 {

    font-family: Roboto, serif;

    font-weight: 300;

    font-size: 22px;

    text-align: left;

    color: #ffffff;

    line-height: 25px;

    left: 0;

}





.slider-top {

    position: relative;

    margin-top: -157px;

    z-index: -2;

}



.slider-top .slider-img-bg {

    background-color: var(--primary-color);

    display: block;

    background-size: cover;

    width: 100%;

    height: auto;

    padding: 0;

    margin: 0;

}



.slider-top .carousel-item .carousel-caption h5 {



    font-size: 46px;

    text-align: center;

    animation: infinite;

    margin-top: 161px;

}



.slider-top .carousel-item .carousel-caption p {

    font-size: 16px;

    text-align: center;

    margin-bottom: 150px;

}

#CDSWIDEXC {
    font: normal 11px Trip Sans VF, Trip Sans, Arial, sans-serif;
    color: #000;
    background-color: #fff;
    overflow: hidden;
    min-width: 230px;
    min-height: 150px;
    margin: 10px;
    padding: 0 0 9px;
    text-align: center;
    border: solid #34e0a1;
    border-width: 1px;
    position: relative;
}

/*-------------------------------------------*/

.tour-package {

    margin: 40px 0px;

}



.tour-package .tour-top-text {

    clear: both;

}



.tour-package .card {

    position: relative;

    display: block;
    margin-bottom:20px;



}



.tour-package .card:hover {

    display: block;

    top: 0px;

    position: relative;

    background-color: #fff;

    border-radius: 4px;

    /* padding: 2px 4px;

    margin: 2px; */

    text-decoration: none;

    z-index: 0;

    overflow: hidden;

    border: 1px solid #f2f8f9;

    cursor: pointer;

    transition: all 1s ease-in-out;

    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);

}



/*.tour-package .card &:hover {

      transition: all 0.2s ease-out;

      box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);

      top: -4px;

      border: 1px solid #cccccc;

      background-color: white;

    }

  

 .tour-package .card &:before {

      content: "";

      position: absolute;

      z-index: -1;

      top: -16px;

      right: -16px;

      background: #00838d;

      height: 32px;

      width: 32px;

      border-radius: 32px;

      transform: scale(2);

      transform-origin: 50% 50%;

      transition: transform 0.15s ease-out;

    } */



.tour-package .card img {

    cursor: pointer;

    min-height: 200px;

    width: 100%;

}



.tour-package .card img a {

    text-decoration: none;



}



.tour-package .card img:hover {

    text-decoration: none;

    opacity: 0.5;

    transition: 1s all ease-in-out;



}



.tour-package .card .rating {

    position: absolute;

    top: 20px;

    right: 20px;

    width: 60px;

    height: 21px;

    line-height: 21px;

    background: #fff;

    text-align: center;

    border-radius: 50px;

    z-index: 1;

    font-size: 14px;

    color: var(--title-color);

}



.tour-package .card .rating img {

    position: relative;

    top: -3px;

    height: 16px;

    width: 16px;

}



.tour-package .card .card-subtitle {

    color: #626263;

    font-size: 14px;

    font-family: var(--primary-font);

    margin: 7px 0;

    font-weight: 600;

    text-transform: uppercase;

}



.tour-package .card .card-title {

    font-size: 24px;

    color: var(--bs-btn-color);

    font-family: var(--primary-font);

    text-transform: capitalize;

    letter-spacing: 1px;



    font-weight: 600;



}



.tour-package .card .card-title a {

    font-size: 24px;

    color: var(--bs-btn-color);

    font-family: var(--primary-font);

    text-transform: capitalize;

    letter-spacing: 1px;

    text-decoration: none;

    font-weight: 600;



}



.tour-package .card .card-title a:hover {

    font-size: 24px;

    color: var(--secondary-color);

    font-family: var(--primary-font);

    text-transform: capitalize;

    letter-spacing: 1px;

    text-decoration: none;

    font-weight: 600;

    transition: 1s all ease-in-out;

}



.tour-package .card .card-text {

    font-weight: 500;

    font-size: 16px;

    color: var(--bs-btn-color);

}



.tour-package .card .card-text span {

    color: var(--secondary-color);

    font-weight: bold;



}



.tour-package .card .card-text span:hover {

    color: var(--secondary-color);

    font-weight: bold;

    text-decoration: underline;

    cursor: pointer;

}



.tour-package .card .time {

    padding-top: 8px;

}



.tour-package .card .time i {

    color: var(--secondary-color);

    cursor: pointer;

    font-weight: 300;

}



.tour-package .card .explore {

    color: #1d1d1d;

    cursor: pointer;

    margin: 15px 0 15px 0;

}



.tour-package .card .explore a {

    color: #1d1d1d;

    cursor: pointer;

    margin: 15px 0 15px 0;

}



.tour-package .card .explore a:hover {

    color: var(--secondary-color);

    cursor: pointer;

    margin: 15px 0 15px 15px;

    transition: all 1s ease-in-out;

}



.tour-package .service-btn {

    text-align: center;

    margin-top: 1rem;

}



/* service details page css start */

.service-page-details {

    clear: both;

}



.service-page-details h2 {

    font-weight: 500;

    letter-spacing: 1;

    font-size: 34px;

}



.service-page-details .service-txt h5 {

    font-size: 28px;

    font-weight: 600;

    letter-spacing: 1px;

    margin: 36px 0px;

}



.service-page-details .info-list {

    clear: both;

    margin-top: 1rem;

    display: inline-block;

    float: start;

    border-bottom: 1px solid #e7e7e7;



}



.service-page-details .info-list li {

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 60px;

    padding: 0px 0px 0px 62px;

    margin-bottom: 15px;

}



.service-page-details .info-list li:last-child {

    margin-right: 0px !important;

}



.service-page-details .info-list li i {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background: rgba(251, 247, 244, 1);

    border-radius: 5px;

    font-size: 24px;

    color: var(--secondary-color);

}





.service-page-details .info-list li span {

    position: relative;

    display: block;

    font-size: 16px;

    line-height: 20px;

    font-weight: 500;

    color: var(--secondary-color);

    width: 100px;

}



.service-page-details .info-list li h5 {

    display: block;

    font-size: 16px;

    line-height: 28px;

}



.service-page-details .tour-details-content .title-box .info-list li h5 .price {

    font-size: 20px;

}



.service-page-details h3 {

    position: relative;

    display: block;

    font-size: 24px;

    line-height: 30px;

    margin-bottom: 16px;

}



.service-page-details .list-one li,

.service-page-details .list-two li,

.service-page-details .list-three li {

    position: relative;

    display: block;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 20px;

    padding-left: 32px;

    color: var(--title-color);

}



.service-page-details .list-one li:last-child,

.service-page-details .list-two li:last-child {

    margin-bottom: 0px;

}



.service-page-details .list-one li:before {

    position: absolute;

    content: '';

    background-image: url(..//images/icon-5.png);

    left: 0px;

    top: 5px;

    width: 18px;

    height: 13px;

    background-repeat: no-repeat;

}



.service-page-details .list-two li:before {

    position: absolute;

    content: '';

    background-image: url(..//images/icon-6.png);

    left: 0px;

    top: 5px;

    width: 15px;

    height: 15px;

    background-repeat: no-repeat;

}



.service-page-details .list-three li:before {

    position: absolute;

    content: '';

    background-image: url(..//images/icon-7.png);

    left: 0px;

    top: 2px;

    width: 20px;

    height: 20px;

    background-repeat: no-repeat;

}



.service-page-details .border-bottom {

    border-bottom: 1px solid rgba(229, 229, 229, 1);

}



.tour-details-content .border-bottom {

    border-bottom: 1px solid rgba(229, 229, 229, 1);

}



.service-page-details .tour-detail-day {

    clear: both;

}



.service-page-details .tour-detail-day .day {

    display: flex;

    clear: both;



}



.service-page-details .tour-detail-day .day span {

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    left: -1px;

    top: -1px;

    width: 100px;

    height: calc(100% + 2px);

    line-height: 100%;

    font-size: 18px;

    font-family: var(--title-font);

    color: #fff;

    font-weight: 700;

    z-index: 1;

    background-color: var(--secondary-color);





}



.service-page-details .tour-detail-day .day h5 {

    padding-left: 90px;

}



.book-ticket {

    /* padding: 10px; */

    background-color: #eff4f8;

    text-align: left;

}



.book-ticket .right-inquiry-img {

    background-image: url(..//images/inquiry.jpg);

    background-size: cover;

    background-repeat: no-repeat;

}



.book-ticket h5 {

    font-size: 26px;

    font-weight: 600;

    letter-spacing: 1px;

    color: #ffffff;

    text-transform: uppercase;

    text-align: center;

    position: relative;

    padding-top: 47px;



}



.book-ticket p {

    color: #fff;

    padding: 10px;

    text-align: center;

}



/* .service-page-details .accordion{

    position: relative;

    display: block;

    border: 1px solid rgba(215, 215, 215, 1);

    border-radius: 5px;

    margin-bottom: 20px;

    overflow: hidden;

  }

  

  .service-page-details .accordion .accordion-item:last-child{

    margin-bottom: 0px;

  }

  

  .service-page-details .accordion .accordion-item .acc-btn{

    position: relative;

    display: block;

    padding: 15px 70px 15px 120px;

    cursor: pointer;

  }

  

  .service-page-details .accordion-box .acc-btn span{

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    left: -1px;

    top: -1px;

    width: 100px;

    height: calc(100% + 2px);

    line-height: 100%;

    font-size: 18px;

    font-family: var(--title-font);

    color: #fff;

    font-weight: 700;

    z-index: 1;

    background-color: var(--secondary-color);

  }

  

  .service-page-details .accordion-box .acc-content{

    position: relative;

    border-top: 1px solid rgba(215, 215, 215, 1);

    padding: 35px 30px;

  }

  

  .service-page-details .accordion-box .acc-btn h4{

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

  }

  .service-page-details .accordion-box .acc-btn .icon-box{

    position: absolute;

    top: 22px;

    right: 40px;

    font-size: 16px;

    color: var(--title-color);

    transition: all 500ms ease;

  }

  

  .service-page-details .accordion-box .acc-btn .icon-box:before{

    position: absolute;

    content: '\e90b';

    font-family: 'icomoon';

  }

  

  .service-page-details .accordion-box .acc-btn.active .icon-box:before{

    transform: rotate(180deg);

  }

  

  .service-page-details .tour-plans h3{

    margin-bottom: 22px;

  }

   */

.tour-map {

    clear: both;

    margin-top: 2rem;



}



.tour-map .alert {

    --bs-alert-bg: transparent;

    --bs-alert-padding-x: 1rem;

    --bs-alert-padding-y: 0.54rem;

    --bs-alert-margin-bottom: 0.2rem;

    --bs-alert-color: inherit;

    --bs-alert-border-color: transparent;

    /* --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); */

    --bs-alert-border-radius: 15px 15px 0px 0px;

    --bs-alert-link-color: inherit;

    position: relative;

    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);

    margin-bottom: var(--bs-alert-margin-bottom);

    color: #0e0e0e;

    background-color: #e85f43;

    border: var(--bs-alert-border);

    border-radius: var(--bs-alert-border-radius);

}



.tour-map .alert h5 {

    font-size: 24px;

    font-weight: 500;

    color: #fff;

    letter-spacing: 1px;



}



/* Testimonial part css start */

.testi-slide {

    clear: both;



}



.testi-slide .carousel .carousel-indicators {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 2;

    display: flex;

    justify-content: center;

    padding: 0;

    margin-right: 15%;

    margin-bottom: 1rem;

    margin-left: 15%;

    list-style: none;

    color: #000;

}



.testi-slide .carousel .carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 13px;

    height: 13px;

    padding: 0;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #e96b43;

    background-clip: padding-box;

    border: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: 0.5;

    transition: opacity 0.6s ease;

    border-radius: 50%;

}



.testi {

    background-color: #eff4f8;

    padding: 40px 0;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    margin-top: 40px;

}





/* Testimonial part css End */

/* we are best part css start */

.we-best-top {

    margin: 50px 0 10px 0px;

    text-align: center;

}



.we-best {

    margin-top: 2px;

    clear: both;

}



.we-best .card {

    border: none;

    text-align: center;

}



.we-best .card i {

    text-align: center;

    color: var(--secondary-color);

    padding: 2px 0px;

    font-size: 38px;

    cursor: pointer;

}



.we-best .card .card-body .card-title {

    color: #1d1d1d;

    font-weight: 600;

    letter-spacing: 1px;

    font-size: 20px;

    cursor: pointer;

}



/* We are best part css End */

.fair {

    margin: 15px 0px;



}



.fair h3 {

    text-align: center;



}



.fair .card {

    border: none;

}



.fair .card img {

    padding: 20px;

}



.fair .card .card-title {

    text-align: center;

    margin: 1px 0px;

    color: #1d1d1d;

    font-weight: 600;

}



.fair .card .btn {

    text-align: center;

}



.fair .card .btn-primary {

    text-align: center;

    justify-content: center;

}



/* advancure part css start */

.adventure {

    background-color: #eff4f8;

    padding: 50px 0px 50px 0px;



}



.adventure img {

    text-align: center;



}



/* advancure part css End */



/* Our blog part css start */

.blog {

    margin: 40px 0px 10px 0px;

    text-align: center;

}



.homepage-blog {

    margin-top: 2px;

}



.blog-detail {

    margin-top: 5px;

}



.blog-detail .card {

    margin-top: 5px;

}



.blog-detail .card img {

    cursor: pointer;

    max-height: 152px;

    width: 100%;



}



.blog-detail .card .blog-buton {

    color: #1d1d1d;

    cursor: pointer;

    margin: 2px 0 2px 0;

}



.blog-detail .card .blog-buton a {

    color: #1d1d1d;

    cursor: pointer;

    margin: 15px 0 15px 0;

}



.blog-detail .card .blog-buton a:hover {

    color: var(--secondary-color);

    cursor: pointer;

    margin: 15px 0 15px 15px;

    transition: all 1s ease-in-out;

}



.homepage-blog .carousel-control-prev-icon {

    margin-right: 45px;

    color: #000;

    background-color: #000;

}



.homepage-blog .carousel-control-next-icon {

    margin-left: 45px;

    color: #000;

    background-color: #000;

}



.blog-page-bg {

    background-image: url(..//images/page-title-6.jpg);

    background-size: cover;

    background-position: center center;

    background-position: center;

    background-repeat: no-repeat;

    height: 380px;

}



.blog-page-bg h3 {

    color: #fff;

    text-align: center;

    margin: 100px 0px;

    color: var(--secondary-color);

    font-family: var(--secondry-font);



}



.blog-page-bg h2 {

    color: #fff;

    text-align: center;

    margin: 100px 0px;

    font-weight: 700;



}



.blog-social {

    clear: both;

}



.blog-social h5 {

    font-size: 26px;

    font-weight: 600;

    letter-spacing: 1px;

}



.blog-social ul {

    text-align: center;

}



.blog-social ul li {

    margin: 10px;

}



.blog-social ul li a {

    color: var(--primary-color);

    text-decoration: none;

}



.blog-social ul li a:hover {

    color: var(--secondary-color);

    text-decoration: none;

    transition: all 0.5s ease-in-out;

}



/* Our Blog part css End */

/* blog detail page css start */

.blog-details-page {

    clear: both;

}



.blog-details-page h3 {

    color: var(--primary-color);

    text-transform: capitalize;

    font-weight: 500;

    margin: 20px 0px;

}



.blog-details-page h4 {

    font-family: var(--primary-font);

    font-weight: 500;

    color: var(--secondary-color);

}



.input-box-blog-details {

    border: 1px solid #626263;

    opacity: 0.25;

    padding: 5px 0px;

    margin-top: 5px;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: normal;

    display: inline-block;





}



.recent-post {

    border-bottom: 1px solid #e7e7e7;

}



.recent-post .card {

    border: none;

}



.recent-post .card img {

    min-height: 70px;

    max-width: 100%;

}



.recent-post .card .card-body {

    padding: 0px;

    margin: 5px 0px 0px 5px;



}



.recent-post .card .card-body h5 {

    color: var(--primary-color);

    letter-spacing: 1px;

    text-transform: capitalize;

    font-size: 16px;

    line-height: 20px;

    margin-top: 10px;



}



.recent-post .card .card-body h5 a {

    color: var(--primary-color);

    letter-spacing: 1px;

    text-transform: capitalize;

}



.recent-post .card .card-body h5 a:hover {

    color: var(--secondary-color);

    letter-spacing: 1px;

    text-transform: capitalize;

    text-decoration: underline;

    transition: all ease-in-out 1ms;

}



/* Blog details page css end */

.footer-top-part {

    background-color: var(--secondary-color);

    padding: 1rem;

    margin-bottom: -50px;

    position: relative;

    z-index: 1;

}



.footer-top-part i {

    color: var(--bg-white);

    font-size: 50px;

    position: relative;

    display: inline;

}



.footer-top-part h5 {

    font-size: 14px;

    color: var(--text-white);

    width: 80%;

    font-weight: 600;

    text-decoration: none;

    display: inline-grid;

    margin-left: 0.0;

}



.footer-top-part p {

    font-size: 12px;

    color: var(--text-white);

    font-weight: 500;

    display: inline-grid;

    line-height: 12px;

    width: 80%;

}



.footer-top-bg .main-footer {

    background-color: var(--primary-color);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 2rem 0rem 1rem 0rem;

    padding-top: 70px

}

.footer-top-bg .main-footer .foter-review{

    float: inline-start;

}

.footer-top-bg .main-footer .copy {

    border-top: 1px solid #fff;

    width: 100%;

    text-align: center;

    margin-bottom: 10px;

    margin-top: 25px;

   

}



.footer-top-bg .main-footer .copy h5 {

    color: #fff;

    text-transform: none;

    margin-top: 10px;

    font-size: 14px;

    text-align: center;

    width: 100%;

    display: flex;

}

.footer-top-bg .main-footer .copy .trip-advisor {

    

    justify-content: end;

}



.footer-top-bg .main-footer .copy .trip-advisor ul {

    display: flex;

    float: inline-end;

}

.footer-top-bg .main-footer .copy .trip-advisor ul li {

    

    cursor: pointer;

    float: inline-end;

}



.footer-top-bg .main-footer .copy .trip-advisor img {

    margin: 0rem 0rem 0.5rem 0.5rem;

    cursor: pointer;

}



.footer-top-bg .main-footer p {

    line-height: 22px;

    color: #66839f;

    font-size: 12px;





}



.footer-top-bg .main-footer h5 {

    color: var(--secondary-color);

    text-transform: uppercase;

    font-size: 24px;

    font-weight: 500;

}



.footer-top-bg .main-footer ul {

    display: inline-block;

}

.clr{

    clear: both;

}

.main-footer ul li {

    display: block;

    color: var(--text-white);

    font-size: 16px;

    font-weight: 400;

    font-family: var(--primary-font);

    text-transform: capitalize;

    margin: auto 0;

    position: relative;

    padding: 5px;



}



.main-footer ul li a {

    color: var(--text-white);

}



.main-footer ul li a:hover {

    color: var(--secondary-color);

}



ol,

ul,

dl {

    margin-top: 0;

    margin-bottom: 0;

}



/* .main-footer .form-control {

    border: 1px solid #fff;

    border-radius: 0;

    background-color: var(--primary-color);

    color: var(--text-white);

    width: 55%;

    margin-top: 1.5rem;

    flex-direction: row;



}



.main-footer .form-control::placeholder {

    color: #fff;

    font-size: 14px;

} */







.social-icon {

    width: 100%;

    margin: 20px 0 0 25px;

    float: left;

}



.social-icon ul {

    clear: both;

}



.social-icon ul li {

    float: left;

    margin-right: 10px;



}





/* footer part END */

.contact {

    margin-top: 60px;

}



.contact i {

    color: var(--secondary-color);

    font-size: 44px;

}



.contact img {

    text-align: center;

    margin: 5px 0px 15px 0;

}



.contact span {

    text-align: center;

    color: var(--primary-color);

    font-size: 18px;

    margin-top: 10px;

    font-weight: 600;

}



.contact-form {

    margin-top: 10px;

}



.contact-form .btn-primary {

    background-color: var(--secondary-color);

    border: 1px solid var(--secondary-color);

    width: 100%;

    text-align: center;

}



.contact-form .btn-primary:hover {

    background-color: var(--primary-color);

    border: 1px solid var(--primary-color);

    width: 100%;

    text-align: center;

}



/* About us page css */

/* .about-page-bg {

    background-image: url(..//images/page-title.jpg);

    background-size: cover;

    background-position: center center;

} */

.image_block_one .image-box {

    position: relative;

    display: block;

    padding-bottom: 242px;

    padding-left: 319px;

}



.image_block_one .image-box .image {

    border-radius: 10px;

    overflow: hidden;

}



.image_block_one .image-box .image img {

    width: 100%;

    border-radius: 10px;

    transition: all 500ms ease;

}



.image_block_one .image-box .image:hover img {

    transform: scale(1.05);

    cursor: pointer;

}



.image_block_one .image-box .image-2 {

    position: absolute;

    left: 0px;

    top: 135px;

}



.image_block_one .image-box .image-3 {

    position: absolute;

    bottom: 0px;

    right: 90px;

}



.about-part {

    margin-top: 2px;

}



.about-part .pattern-layer-2 {

    position: absolute;

    left: 0px;

    bottom: 10px;

    width: 201px;

    height: 324px;

    background-repeat: no-repeat;

    opacity: 0.05;

}



.about-part .pattern-layer {

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: 100%;

    height: 100%;

    background-repeat: repeat-x;

    background-position: center;

    animation: slide 60s linear infinite;

    -webkit-animation: slide 60s linear infinite;

    background-image: url(..//images/shape-1.png);

}



.mar-50 {

    margin-top: 50px;

}



.skech {

    margin-top: 2px;

}



.skech img {

    box-shadow: 3px 3px 3px 3px rgba(86, 86, 86, 0.25);

    display: block;

    cursor: pointer;

    border: 4px solid #fff;

    max-width: 580px;



}



.skech img:hover {

    opacity: 0.5;

    transition: all 1s ease-in-out;

    cursor: pointer;

}



.input-box {

    width: 240px;

    height: 35px;

    border: 1px solid #fff;

    background-color: var(--secondary-color);

    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);

    color: #fff;

    font-size: 14px;

    padding-left: 8px;

}



.newsleter {

    margin-top: 1rem;

}



.newsleter .input-box .news-btn {

    display: inline-block;

    border-radius: 0px;

    transition: all .4s ease-in-out;

    padding: 8px 27px;

    background-color: var(--orange-color);

    color: var(--text-white);

    font-weight: 500;

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 2px;

    text-decoration: none;

    margin: auto;

    border: none;

}



.newsleter .input-box .news-btn:hover {

    background-color: var(--primary-text);

    color: #00fff0;

}



/* career page css */



.model-popup {

    margin-top: 0px;

}



.model-popup .modal-header {

    display: block;

    border-bottom: none;

}



.model-popup .modal-header h2 {

    text-align: center;

    margin-top: 1.5rem;

    font-weight: 700;

}





.about-page-bg {

    background-image: url(..//images/page-title.jpg);

    background-size: cover;

    background-position: center center;

    background-position: center;

    background-repeat: no-repeat;

    height: 320px;

}



.about-page-bg h3 {

    color: #fff;

    text-align: center;

    margin: 100px 0px;

    color: var(--secondary-color);

    font-family: var(--secondry-font);



}



.about-page-bg h2 {

    color: #fff;

    text-align: center;

    margin: 100px 0px;

    font-weight: 700;



}



/* our team section about page */

.row.heading h4 {

    text-align: center;

}



.row.heading h2 {

    font-size: 40px;

    line-height: 1.3;

    font-weight: 300;

    color: #1d1d1d;

    margin-bottom: 40px;

    margin-top: 1px;

    font-family: var(--primary-font);

    text-align: center;

}



ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.heading.heading-icon {

    display: block;

}



.padding-lg {

    display: block;

    padding-top: 60px;

    padding-bottom: 60px;

}



.practice-area.padding-lg {

    padding-bottom: 55px;

    padding-top: 55px;

}



.practice-area .inner {

    border: 1px solid #999999;

    text-align: center;

    margin-bottom: 28px;

    padding: 40px 25px;

}



.our-webcoderskull .cnt-block:hover {

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);

    border: 0;

}



.practice-area .inner h3 {

    color: #3c3c3c;

    font-size: 24px;

    font-weight: 500;

    font-family: 'Poppins', sans-serif;

    padding: 10px 0;

}



.practice-area .inner p {

    font-size: 14px;

    line-height: 22px;

    font-weight: 400;

}



.practice-area .inner img {

    display: inline-block;

}





.our-webcoderskull {

    background: #eff4f8;



}



.our-webcoderskull .cnt-block {

    float: left;

    width: 100%;

    background: #fff;

    padding: 30px 20px;

    text-align: center;

    border: 2px solid #d5d5d5;

    margin: 0 0 28px;

}



.our-webcoderskull .cnt-block figure {

    width: 148px;

    height: 148px;

    border-radius: 100%;

    display: inline-block;

    margin-bottom: 15px;

}



.our-webcoderskull .cnt-block img {

    width: 148px;

    height: 148px;

    border-radius: 100%;

    cursor: pointer;

}



.our-webcoderskull .cnt-block h3 {

    color: #2a2a2a;

    font-size: 26px;

    font-weight: 500;

    padding: 4px 0;

    text-transform: uppercase;

}



.our-webcoderskull .cnt-block h3 a {

    text-decoration: none;

    color: #2a2a2a;

}



.our-webcoderskull .cnt-block h3 a:hover {

    color: var(--secondary-color);

}



.our-webcoderskull .cnt-block h6 {

    background-color: var(--secondary-color);

    font-weight: 500;

    border-radius: 30px;

    max-width: 200px;

    color: #fff;

    font-size: 16px;

    text-decoration: none;

    letter-spacing: 1px;

    text-transform: capitalize;

    padding: 3px;

    margin: auto;

}



.our-webcoderskull .cnt-block p {

    color: #2a2a2a;

    font-size: 13px;

    line-height: 20px;

    font-weight: 400;

    margin-top: 12px;

}



.our-webcoderskull .cnt-block .follow-us {

    margin: 15px 0 0;

}



.our-webcoderskull .cnt-block .follow-us li {

    display: inline-block;

    width: auto;

    margin: 0 5px;

}



.our-webcoderskull .cnt-block .follow-us li a {

    font-size: 18px;

    color: #767676;

}



.our-webcoderskull .cnt-block .follow-us li a:hover {

    color: var(--secondary-color);

}









/* our team section about page */

.question {

    clear: both;

}



.question h2 {

    color: var(--secondary-color);

    text-transform: uppercase;

    letter-spacing: 0px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;



}



.accordion-list {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    /* padding: 20px; */

    margin: 0;

    list-style: none;

    /* background-color: #f9f9fA;*/

}



.accordion-list .accordion-item {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    background-color: #FFF;

    margin: 0 auto 15px auto;

    border: 1px solid #eee;

    border-radius: 5px;

    /* cursor: pointer; */

    background: #FFFFFF;

    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);

    border-radius: 10px;

}



.accordion-item:last-of-type .accordion-button.collapsed {

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

}



/* .accordion-list .accordion-item .accordion-header {

	padding: 20px;

} */



.accordion-list .accordion-button:not(.collapsed),

.accordion-list .accordion-button:focus {

    background-color: inherit;

    box-shadow: inherit;

}



.accordion-list .accordion-item .accordion-body {

    padding: 10px 20px 20px;

}



.accordion-list .accordion-item .accordion-header.active h3:after {

    content: "\f077";

    font-family: "Font Awesome 5 Pro";

    font-weight: 900;

}



.accordion-list .accordion-item .accordion-button {

    font-weight: 400;

    font-size: 20px;

    line-height: 20px;

    color: #212121;

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    padding: 0 0 0 0;

    margin: 0;

    cursor: pointer;

    padding: 20px;

    border-radius: 10px;

    letter-spacing: 1px;

}



.accordion-list .accordion-item .accordion-button:after {

    /* content: "/f078";

	font-family: "Font Awesome 5 Pro"; */

    font-weight: 900;

    position: absolute;

    right: 19px;

    top: 19px;

    color: #F37C21;

    transition: all 0.3s ease-in-out;

    font-size: 20px;

    background-image: inherit;

}



.accordion-list .accordion-item div.answer {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    cursor: pointer;

    padding-top: 20px;

}



.accordion-list .accordion-item div.answer p {

    font-weight: 500;

    font-size: 16px;

    line-height: 22px;

    color: #212121;

    position: relative;

    display: block;

    cursor: pointer;

    margin: 0 0 15px 0;

}





.accordion-list .accordion-item .accbody {

    display: none;

}



/* Gold Coin Page css End */



/* gallery css start */

/* gallery page css */



.gallery-top {

    margin-top: 60px;

    margin-bottom: 40px;

    ;

}



.gallery-top .gallery-text {

    text-align: center;

    margin-top: 1.5rem;

    margin-bottom: 0.5rem

}



.gallery-top .gallery-text h2 {

    font-size: 36px;

    color: var(--secondary-color);

    text-transform: capitalize;

    text-decoration: none;

    font-weight: 500;

    font-style: normal;

    line-height: normal;

    letter-spacing: 0px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

}



.gallery-top .gallery-text p {

    font-size: 16px;

    color: #000;

    text-transform: capitalize;

    text-decoration: none;

    font-weight: 400;

    font-style: normal;

    line-height: normal;

    letter-spacing: 0px;

}



.gallery-top .gallery-text p::after {

    content: " ";

    position: relative;

    display: block;

    width: 120px;

    height: 2px;

    margin: auto;

    margin-top: 0.5rem;

    background-color: var(--primary-color);



}



.video-bg {

    background-color: #f0f0f0;

    background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

    top: 0;

    bottom: 0;

    display: block;

    margin-top: 2rem;

    text-align: center;

    padding-bottom: 2rem;

}



#gallery {

    padding-top: 40px;

}



#gallery h2 {

    color: var(--secondary-color);

    text-align: center;

    margin: auto;

    text-transform: capitalize;

    font-weight: 700;

}



#gallery h2::after {

    font-weight: 700;

    content: " ";

    position: relative;

    display: block;

    width: 120px;

    height: 2px;

    margin: auto;

    margin-top: 0.5rem;

    background-color: var(--primary-color);

    font-family: 'Montserrat', sans-serif;





}





.img-wrapper {

    position: relative;

    margin-top: 15px;

}



.img-wrapper img {

    width: 100%;

}



.img-overlay {

    background: rgba(0, 0, 0, 0.7);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    opacity: 0;

}



.img-overlay i {

    color: #fff;

    font-size: 3em;

}



#overlay {

    background: rgba(0, 0, 0, 0.7);

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 1200;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



#overlay img {

    margin: 0;

    width: 80%;

    height: auto;

    -o-object-fit: contain;

    object-fit: contain;

    padding: 5%;

}

@media screen and (min-width: 768px) {
    #overlay img {
      width: 60%;
    }
  }
  @media screen and (min-width: 1200px) {
    #overlay img {
      width: 50%;
    }
  }





#nextButton {

    color: #fff;

    font-size: 2em;

    transition: opacity 0.8s;

}



#nextButton:hover {

    opacity: 0.7;
}

#prevButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
}

#prevButton:hover {
    opacity: 0.7;
}



#exitButton {

    color: #fff;

    font-size: 2em;

    transition: opacity 0.8s;

    position: absolute;

    top: 15px;

    right: 15px;

}



#exitButton:hover {

    opacity: 0.7;

}





/* gallery css end */

/* Slider css start */

/** scroll-to-top **/



.scroll-to-top {

    position: fixed;

    right: 0px;

    bottom: 100px;

    transform: rotate(90deg);

    z-index: 99;

}



.scroll-to-top .visible {

    visibility: visible !important;

    opacity: 1 !important;

}



.scroll-to-top .scroll-top-inner {

    opacity: 0;

    visibility: hidden;

}



.scroll-to-top .scroll-top-inner {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;

    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;

    transition: all cubic-bezier(.4, 0, .2, 1) .4s;

}



.scroll-to-top .scroll-bar {

    width: 50px;

    height: 2px;

    margin-right: 10px;

    position: relative;

}



.scroll-to-top .scroll-bar:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: #f4244f;

    opacity: .3;

}



.scroll-to-top .scroll-bar .bar-inner {

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    background-color: currentColor;

}



.scroll-to-top .scroll-bar-text {

    font-size: 14px;

    font-weight: 600;

    cursor: pointer;

    color: var(--theme-color);

    transition: all 500ms ease;

}



.light-home .scroll-to-top .scroll-bar-text {

    color: var(--secondary-color);

}



.scroll-to-top .scroll-bar-text:hover {

    transform: scale(1.1);

}