body{font-family: "Roboto", serif; font-weight: 400; font-size: 14px; background-color: #fff; letter-spacing: .5px;}

.mymt{margin-top: 50px;}
.main-heading {font-size: 28px; margin-bottom: 15px; color: #312d8e; font-weight: 600;}



header {padding: 15px 0;  background: #ebeffb;}
header .row {align-items: center;}
.logo-sec img {width: 200px; height: auto;}
.head-tfn {text-align: right;}

.head-tfn a{background: #312d8e; padding: 8px 12px; font-size: 20px; border-radius: 10px; color: #ffff; font-weight: bold; letter-spacing: 0; text-decoration: none; display: inline-block;}
.head-tfn a:hover{background: #1c46d2;}
.head-tfn a i {font-size: 22px;}


.main-banner-sec {position: relative; overflow: hidden; z-index: 1; background-color: #f0f3fb; padding: 20px 0 0px;}
.main-banner-sec .banner-content {margin-bottom: 15px;}
.main-banner-sec .banner-content a {background: #174cd8; color: #fff; padding: 14px 18px; margin-top: 0; font-size: 18px; font-weight: 600; border-radius: 5px;  text-decoration: none;
    display: inline-block;} 
.main-banner-sec .banner-content a:hover{background: #35298a;}
.main-banner-sec .row {align-items: center;}
.main-banner-sec .banner-rightimg {text-align: right;}
.main-banner-sec .banner-heading {font-weight: 600; font-size: 36px; color: #000; }
.main-banner-sec .banner-rightimg img{width: 90%; border-radius: 10px;}
.main-banner-sec p {margin: 20px 0 24px; font-size: 16px; line-height: 28px;}


.destinationimg-sec {position: relative; z-index: 1; }
.destinationimg-sec .main-heading {text-align: center; margin-bottom: 30px;}
.destinationimg-sec ul {list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; gap: 1%;}
.destinationimg-sec ul li{width: 15.8%; border-radius: 20px; overflow: hidden; border: 5px solid #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; position: relative;}
.destinationimg-sec ul li img{width: 100%; height: 100%;}
.destinationimg-sec ul li .destinationimg-name {position: absolute; top: 50%; left: 50%; right: 0; width: 100%; text-align: center; background: #fff; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 6px; font-weight: 600; font-size: 16px;}


.static-with-our-experience .row {align-items: center;}
.our-experience-left img {width: 100%; height: auto; border-radius: 12px;}
.our-experience-right p {font-size: 15px; line-height: 26px; color: #4c4b4e;}
.experience-datalist-row {display: flex; gap: 2%; margin-top: 25px;}
.experience-datalist-row .experience-icon img {width: 45px; height: auto;}
.our-experience-right .experience-content .exp-head {font-size: 18px; color: #000; font-weight: 500; margin-bottom:5px}
.our-experience-right .experience-content p {font-size: 15px; margin-bottom: 0;}


.ctabanner .cta-inner {background: #1c46d2; color: #fff; display: flex; justify-content: space-between; padding: 30px 30px; align-items: center; border-radius: 15px; max-width: 1100px; margin: 0 auto;}
.ctabanner .cta-inner .cta-leftcol {width: 70%;}
.ctabanner .cta-inner .cta-heading {font-weight: 600; font-size: 24px;}
.ctabanner .mybtn {background-color: #fff; color: #35298a; font-size: 18px; padding: 12px 18px; font-weight: 600; border-radius: 5px; text-decoration: none;}
.ctabanner .mybtn:hover{color: #1c46d2;}


.static-desti-pricecustomer {background: #174cd8; padding: 40px 0;}
section.static-desti-pricecustomer .main-heading {text-align: center; margin-bottom: 40px; color:#fff}
.pricecustomerer-item {display: flex; gap: 5%; padding: 0 10px; color:#fff}
.pricecustomerer-content p {margin-bottom: 5px; line-height: 25px;}
.pricecustomerer-content .pricus-head {font-weight: 500; font-size: 18px;}
.pricecustomerer-icon {font-size: 30px;}

.landingfqa-sec .main-heading {text-align: center; margin-bottom: 30px;}
.landingfqa-sec .accordion-item {margin-bottom: 10px; border: 1px solid rgba(0, 0, 0, .125); border-radius: 12px; overflow: hidden;}
.landingfqa-sec .accordion-button{font-weight: 500;}
.landingfqa-sec .accordion-button:not(.collapsed){border-bottom: 1px solid #709aff; color: #1e56db; background: #dae5ff;}
.landingfqa-sec .accordion-button:focus{box-shadow:none}
.landingfqa-sec .accordion-body {background: #dae5ff;}
.landingfqa-sec .faqimgcol img {width: 100%; height: auto;}


footer {background: #2e2e2e; padding: 0px 0 15px; color: #fff;}
.foot-logo {margin-bottom: 10px;}
.foot-logo img {width: 100px; height: auto;}
.foot-logo-sec p {font-size: 13px; margin-bottom: 18px; padding-right: 12px;}
footer .social-links{display: flex;}
footer .social-links a {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;  border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2); font-size: 16px; color: rgba(255, 255, 255, 0.7);    margin-right: 10px; transition: 0.3s;}
footer .social-links a:hover {border: 1px solid #fe8a2b; color: #fe8a2b;}

footer h5, .foot-nav-head {font-size: 16px; font-weight: bold; font-family: 'Open Sans', sans-serif; margin-bottom: 12px; margin-top: 30px; position: relative;}
footer h5:after, .foot-nav-head:after {content: ""; width: 10px; height: 2px; background: #fff; position: absolute; bottom: -5px; left: 0;}
footer ul {padding-left: 0; list-style: none; margin-top: 20px;}
footer ul li {margin: 8px 0;}
footer ul li a{text-decoration: none; color: #fff;}
footer ul li a:hover {color: #ffffff;}
.foot-info {margin-top: 20px;}
.foot-info p {margin-bottom: 12px;}
.foot-info p a {color: #fff; text-decoration: none;}
.foot-info p i {font-size: 13px; color: #fff; margin-right: 5px;}

.foot-disclaimer {text-align: center; line-height: 22px; color: #fff; font-size: 13px; margin-top: 20px;}
.foot-certified {text-align: center; margin: 20px 0 0;}
.foot-certified img {width: 350px; height: auto;}
footer .copyrighttext {text-align: center; margin: 20px 0 0; font-size: 11px; letter-spacing: .8px; color: rgba(255, 255, 255, 0.7);}


.homefixtfn {position: fixed; z-index: 9999; background: #35298a; bottom: 38%; text-align: center; padding: 10px 6px; letter-spacing: .5px; right: 7px; border-radius: 7px; box-shadow: -1px 3px 4px -4px rgba(0, 0, 0, 0.75);}
.homefixtfn a {color: #fff; text-decoration: none; font-size: 20px; display: block; font-weight: 600;}
.homefixtfn img {width: 24px; height: auto; position: relative; top: -1px; vertical-align: middle;}

.esmx .main-heading{color: #174cd8;}
.esmx .head-tfn a {background: #174cd8;}
.esmx .head-tfn a:hover {background: #312d8e;}

.esmx .main-banner-sec .banner-content a {background: #312d8e;}
.esmx .main-banner-sec .banner-content a:hover{background: #174cd8;}

.esmx .main-banner .banner-content{background: rgb(49 45 142 / 80%);}
.esmx .static-desti-pricecustomer {background: #312d8e;}
.esmx .homefixtfn{background: #174cd8;}

@media only screen and (max-width: 991px) {

    .pricecustomerer-item{flex-wrap: wrap; margin-bottom: 40px;}
    .pricecustomerer-icon, .pricecustomerer-content { width: 100%; text-align: center;}
    .pricecustomerer-icon {font-size: 36px; margin-bottom: 10px;}
    .static-desti-pricecustomer .row .col-lg-4:last-child .pricecustomerer-item {margin-bottom: 0;}

    .destinationimg-sec .main-heading {margin-bottom: 25px;}
    .destinationimg-sec ul li{width: 32.6%;}

    .our-experience-right {margin-top: 20px; text-align: center;}

    .landingfqa-sec .faqimgcol{display: none;}

    .main-banner-sec .banner-rightimg img {width: 100%; border-radius: 10px;}
    .main-banner-sec .banner-content{text-align: center;}

}



@media only screen and (max-width: 767px) {

    .head-tfn a {padding: 6px 12px; font-size: 16px; letter-spacing: .5px;}
    .head-tfn a i {font-size: 18px;}

	.homefixtfn {bottom: 0; width: 100%; border-radius: 0; right: 0;}
    
    .hold-calltfn {display: block; text-align: center;}
    .hold-calltfn a {background: #174dd8; padding: 12px 20px; display: inline-block; border-radius: 6px; text-decoration: none; color: #fff; font-weight: bold; font-size: 24px;  width: 100%;}

     .destinationimg-sec ul li{width: 32.6%; margin-bottom: 15px;}

     .ctabanner .cta-inner{flex-wrap: wrap; text-align: center;}
     .ctabanner .cta-inner .cta-leftcol{width: 100%;}
     .ctabanner .cta-inner .cta-rightcol{width: 100%; margin-top: 25px;}

}


@media only screen and (max-width: 576px) {
   
     header {padding: 10px 0;}
    .logo-sec {text-align: center;}
    .logo-sec img {margin-top: 0;}
    .head-tfn {text-align: center; margin-top: 20px;}

    .destinationimg-sec ul li{width: 49.5%;}
}


@media only screen and (max-width: 414px) {
.foot-certified img {width: 85%;}
}