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

/* font-family: "Barlow", sans-serif; */

/* ================================== default css start  ================================== */

html {scroll-behavior: smooth;}

body {font-family: "Barlow", sans-serif; overflow-x: hidden;}

h1, h2, h3, h4, h5, h6{ color: #0b233b;font-family: Barlow,serif;line-height: 1.5;letter-spacing: 0;margin-bottom: .5em}
span,a{color:#0b233b;font-family:inherit;font-size: inherit;}
input,div,button{font-family:"Barlow", sans-serif;}

h1 {font-size:60px;line-height: 1}
h2 {font-size: 40px;line-height: 1.25}
h3 {font-size: 30px}
h4 {font-size: 24px}
h5 {font-size: 20px}
h6 {font-size: 16px}
p{font-size: 18px;font-weight: 400; line-height: 26px;}
span{font-size: 16px;font-weight: 500;}
input{font-size: 14px;}
label{font-size: 14px;}

ul{padding: 0;margin: 0;    padding-left: 18px;}
ul li{ margin-bottom: 10px;}
ol{list-style-position: inside;    padding-left: 18px;}

a{text-decoration: none;cursor: pointer;transition: all .2s linear;}
a:active{color: #55c2c3;}
/* a:visited{color: #af0e0e;} */
a:hover{color:#55c2c3;}
button:focus, input[type="button"]:focus {box-shadow: none;outline: none;}
button:hover, input[type="button"]:hover {box-shadow: none;outline: none;}
input, input:focus, input:focus{box-shadow: none;outline: none;}

figure img, img{max-width: 100%;}

/* section headint (section-title) */
.heading{text-align: center;padding-bottom:15px ;font-size: 40px;font-weight: 700;margin-bottom: 40px;position: relative;}
.heading::after{content:"" ;position: absolute;top: 100%;left: 50%;width: 83px;height: 2px;background-color:var( --headingafte);transform: translate(-50%,0%);}

/* default btn */
.button{font-size: 16px;font-weight: 700;letter-spacing: 1px;color: #0c243c;background-color: #55c2c3; padding: 16px 40px 16px 40px;outline: none;border: none;display: inline-block;text-transform: uppercase; transition: all .4s linear;
}
.button:hover{color: #000;background-color: #fff;}

/* ================================== default css end  ================================== */

header .container {max-width: 100%; padding: 20px 55px;}
.container{max-width: 1170px;}

/* ========= banner-section start ========= */
.banner-section{
    background-repeat: no-repeat;
    background-size: cover;
    background-position:top center;
    position: relative;
}
.banner-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(12, 36, 60, 0.7);
}
.banner-wrap{
    color: #fff;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    justify-content: space-between;
}


.banner-colum{
    padding: 200px 10px;
    width: 68.385%;
}

/* .banner-colum:last-child{
    padding:0px 10px;
    width:34.574%;
} */

.banner-section h1{
    font-size: 3.3rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0;
    text-shadow: 0 0 60px rgba(0, 0, 0, .9);
    color: #fff;
    -webkit-text-fill-color: initial;
    margin-bottom: 20px;
}
.banner-section h1 strong {
    font-weight: 600;
}
.banner-section h4 {
    color: #fffFFFFA;
    font-family: Barlow, Sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-shadow: 0 0 60px #000;
    margin-bottom: 40px;
}
.banner-section h4 strong {
    display: block;
    padding-top: 28px;
}
.banner-section .button{text-transform: capitalize; transition: all .4s linear;}
.banner-section .button:hover{transform: translateY(8px);}

.banner-section .disclaimer{
    position: relative;
    width: 100%;
    max-width: 334px;
    margin-left: auto;
}
.inner-banner .disclaimer{
    max-width: 440px;
}

.disclaimer .disclaimer-content{
    position: relative;
    color: #0b233b;
    background-color: #fff;
    border: 1px solid #ededed;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 35px;
    padding: 30px 40px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08);
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
    transition: all .2s ease;
}

.disclaimer .disclaimer-content strong{
    font-weight: 600;
}

.disclaimer .disclaimer-content::before{
    position: absolute;
    top: 100%;
    left: 50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(237, 237, 237, 0);
    border-top-color: #ededed;
    border-width: 18px 18px 0 0;
}

/* ========= banner-section  end ========= */

/* ========= best-travel-section start ========= */
.best-travel-section{
    padding:120px 0 320px 0;
}

.best-travel-wrap{
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.best-travel-colum{
    width: 50%;
    padding: 0px 15px;
}

.best-travel-colum:first-child{
    padding-right: 100px;
}

.best-travel-colum h2, .best-travel-colum span{
    font-size: 42px;
    font-weight: 600;
    color: #0b233b;
}

.best-travel-colum p a{
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #35215b;
    font-weight: 500;
}


.slider-wrapper {
    font-size: 40px;
    color: #aaa;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .slider {
    height: 50px;
    overflow: hidden;
  }

  .slider>div {
    height: 50px;
    margin-bottom: 50px;
    font-size: 42px;
    font-weight: 600;
    color: #0b233b;
    border-style: solid;
    border-width: 0 0 2px 0;
    padding: 0;
    text-transform: capitalize;
    box-sizing: border-box;
  }

  .slider-text-1 {
    animation: slide 10s linear infinite;
  }

  @keyframes slide {
    0% {
      margin-top: -300px;
    }
    5% {
      margin-top: -195px;
    }
    7% {
      margin-top: -200px;
    }
    33% {
      margin-top: -200px;
    }
    38% {
      margin-top: -95px;
    }
    40% {
      margin-top: -100px;
    }
    66% {
      margin-top: -100px;
    }
    71% {
     margin-top: 5px;
    }
    73% {
      margin-top: 0px;
    }
    95% {
      margin-top: 0px;
    }
    100% {
      margin-top:50px;
    }
  }

/* ========= best-travel-section end ========= */


/* ========= complex-travel-section start  ========= */
.complex-travel-section{
    padding: 0 0 80px 0;
    background-color: #f1f5f9;
}

.complex-travel-wrap{
    display: flex;
    flex-flow: column;
}

.complex-travel-colum{
    position: relative;
    width: 100%;
}

.complex-travel-card{
    padding: 0px 15px;
}

.complex-travel-cards{
    width: 100%;
    margin-top: -245px;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.complex-travel-card{
    width:33.33%;
    padding: 0px 15px;
}

.complex-travel-card figure img{
    object-fit: cover;
    width: 100%;
    transform-origin: center;
    transition: all 4s ;
}

.complex-travel-card:hover figure img{
    transform: scale(1.4);
}

.complex-travel-card figure{
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

.complex-travel-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 36, 60, 0.84);
    color: #fff;
}

.complex-travel-content h3{
    padding: 16% 14% 16% 14%;
}

.complex-travel-content>h3>a{
    color:#fff;
    display: block;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
}

.complex-travel-content>h3>a::before{
    content: "";
    position: absolute;
    bottom:-20px;
    left: 0;
    height: 2px;
    width: 50px;
    background: #fff;
}

.complex-travel-hover{
    padding: 16% 14% 16% 14%;
}

.complex-travel-hover p{
    color:#fffFFF99;
}

.complex-travel-hover{
    opacity: 0;
    transform: translateY(25px);
    transition: all .4s ease-in-out;
}

.complex-travel-hover a span{
    display: block;
    margin-top: 40px;
    color: #55c2c3 ;
    text-decoration: underline;
}

.complex-travel-hover a:hover span {
    color:#fffFFF99 !important;
}

.complex-travel-card:hover .complex-travel-hover{
    opacity: 1;
    transform: translateY(0px);
}

.complex-need-wrap{
    margin-top: 80px;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.complex-need-colum{
    width: 50%;
    padding: 0px 15px;
}

.complex-need-colum:first-child{
    padding-right: 50px;
}

.complex-need-colum h3{
    color: #0b233b;
    font-weight: 600;
}

.complex-need-btn{
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 1px;
    color: #0b233b;
    padding: 5px 0 0 0;
    text-decoration: underline;
    text-underline-offset:8px;
    margin-top: 30px;
}

.complex-need-btn:hover{
    color:  #232323B3 !important;
}

/* ========= complex-travel-section end  ========= */


/* ========= counter-section start  ========= */
.counter-section{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.counter-section-img{
    width: 45%;
}

.counter-section-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: left center;
}

.counter-section-content {
    position: relative;
    width: 55%;
    background-color: #0C243C;
    padding:100px 120px 100px 85px;
    display: flex;
    flex-wrap: wrap;
}

.counter-text{
    max-width: 72%;
    padding: 0px 22px 0px 15px;
}

.counter-text h3{
    color: #fff;
    font-size: 1.6rem;
}

.counter-text a{
    margin-top: 30px;
}


.counter-item{
    max-width: 26%;
    padding: 0px 15px;
}


/* ========= counter-section end  ========= */


/* ========= Frequently-section start  ========= */
.frequently-section{
    padding: 80px 0 70px 0;
}

.frequently-wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.frequently-text{
    width: 50%;
    max-width: 536px;
    padding: 0 15px;
}

.frequently-text h3 {
    color: #0b233b;
    font-size: 2.3rem;
    line-height: 1.25;
    font-weight: 600;
}

.frequently-accordin{
    width: 50%;
    padding: 0 15px;
}


.accordion-body{
    padding: 45px 40px 45px 20px;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: rgba(0,0,0,.1);
}

.accordion-header{
    padding: 15px 20px;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: rgba(0,0,0,.1);
}

.accordion-item:last-child .accordion-header, .accordion-item:last-child .accordion-body{
    border-width:0px 1px 1px 1px;
}

.accordion-button:not(.collapsed)::after{
    display: none;
}

.accordion-button::after {
    display: block;
    width: 1px;
    height: 13px;
    background-image:none;
    background-color: #333045;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.accordion-button::before {
    content: "";
    position: absolute;
    right: -7px;
    width: 15px;
    height: 1px;
    background-image:none;
    background-color: #333045;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.accordion-button h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    padding-right:20px !important;
}

.accordion-button:not(.collapsed){
    background-color: transparent;
    box-shadow:none;
}

.accordion-button, .accordion-button h5{
    padding: 0;
    margin: 0;
    border: none;
}

.accordion-button:focus,
.accordion-button:active{
    outline: none;
    box-shadow: none;
}

/* ========= Frequently-section end  ========= */


/* ========= other-account-section start  ========= */
.other-account-section{ background-color: #f1f5f9; padding: 80px 0 60px 0; }
.other-account-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; }
.other-account-left{ width: 458px; }
.account-address-col{ background-color: #fff; background-image: url("../images/quotes-01.png"); background-position: top right; background-repeat: no-repeat; box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1); transition: background .3s, border .3s, border-radius .3s, box-shadow .3s; padding: 4rem 3rem 4rem 4rem; display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.account-address-col:last-child{ margin-bottom: 0px; background-image: none; }
.account-address-col h6 { font-family: Barlow, Sans-serif; font-size: 21px; font-weight: 600; color: #0b233b; margin-bottom: 10px; }
.elementor-address{ margin: 15px 0 15px 0; width: 100%; }
.elementor-address p { margin-bottom: 10px; font-size: 18px; color: #000; font-weight: 400; }
.elementor-address p span { display: block; color: #55c2c3; font-size: 22px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-bottom: 5px; margin-bottom: 5px; }
.info-links { font-size: 16px; font-weight: 600; color: #35215b; transition-duration: .3s; padding: 0 0 2px 0; }
.info-links i { margin-right: 10px; }
.view-map a { font-size: 16px; font-weight: 600; color: #0b233b; transition-duration: .3s; padding: 0 0 2px 0; border-style: solid; border-width: 0 0 1px 0; }
.view-map a:hover { color: #55c2c3; border-color: #55c2c3; }
.account-contact-info{ width: 556px; }
.account-contact-info h4{ margin-bottom: 0px; color: #0b233b; font-weight: 600; font-size: 36px; line-height: 36px; margin-bottom: .5em; }
.account-contact-info .recaptcha {margin-bottom: 20px !important}

.contact-us .form-item .form-control { color: #000000; background-color: #00000000; border-radius: 0 0 0 0; padding: 13px 0 14px 0; margin: 0 0 4px 0; border-style: solid; border-width: 0 0 1px 0; border-color: #232323; outline: none; box-shadow: none;}
.contact-us .form-item label { display: none; }
.contact-us form { display: flex; flex-wrap: wrap; justify-content: space-between; }
.contact-us .form-item { width: 48%; margin-bottom: 20px; }
.contact-us .form-item.form-item-full { width: 100%; }
.contact-us textarea.form-control { color: #000000; height: 150px; resize: none; background-color: #00000000; border-radius: 0 0 0 0; padding: 13px 0 14px 0; margin: 0 0 15px 0; }
.contact-us .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; }
.contact-us .form-control::-moz-placeholder { /* Firefox 19+ */ color: #000000; }
.contact-us .form-control:-ms-input-placeholder { /* IE 10+ */ color: #000000; }
.contact-us .form-control:-moz-placeholder { /* Firefox 18- */ color: #000000; }
.contact-us .form-item select.form-control { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }
.contact-btn .btn { background-color: #55c2c3; font-size: 16px; font-weight: 600; letter-spacing: 1px; color: #0c243c; border-style: none; padding: 16px 36px 16px 36px; }
.contact-btn .btn:hover { background-color: #000000; color: #fff; }
.contact-btn .btn:active ,.contact-btn .btn:focus{outline: none; box-shadow: none;}
.contact-us .form-item br{display: none;}
/* ========= other-account-section end  ========= */

.cd-headline.slide .cd-words-wrapper { overflow: hidden; vertical-align: top; }
.elementor-75492 .elementor-element.elementor-element-aa19fa6 .cd-words-wrapper { text-align: left; display: block !important; }
.elementor-75492 .elementor-element.elementor-element-aa19fa6 .cd-headline .text-rotator { font-family: Barlow,Sans-serif; font-size: 42px; font-weight: 600; color: #35215b; -webkit-text-fill-color: initial; border-style: solid; border-width: 0 0 2px 0; padding: 0 }
.cd-headline.slide b.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in .6s; -moz-animation: slide-in .6s; animation: slide-in .6s }
.cd-headline.slide b.is-hidden { -webkit-animation: slide-out .6s; -moz-animation: slide-out .6s; animation: slide-out .6s }
.counter-number-col:first-child{ margin-top: 0px; }
.counter-number-col{ padding: 0 0 25px; margin: 12% 0 12% 0; border-bottom: 1px solid #e4e4E45E; }
.counter-number-col:last-child{ margin-bottom: 0px; margin: 0; border-bottom: none; }
.counter-number-col span{ font-weight: 600; letter-spacing: -1px; color: #fff; font-size: 2.85rem; line-height: 3.1rem; /*margin-bottom: 10px; display: block;*/ }
.counter-inn { display: flex; flex-wrap: wrap; }
.counter-inn sup { font-weight: 500; color: #55c2c3; margin-left: 1px; font-size: 30px; line-height: 24px; top: 6px; left: 6px; }
.counter-number-col p { font-size: 14px; font-weight: 400; text-transform: uppercase; line-height: 20px; color: #939393; -webkit-text-fill-color: initial; display: block; margin-bottom: 0px; }


/*=========About page css start==============*/
.our-history-section{ padding: 80px 0 80px 0; }
.our-history-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-right: 25px; }
.our-history-colleft{ width: 555px; }
.our-history-colleft h2 { color: #0b233b; font-weight: 600; font-size: 2.57rem; line-height: 1.25; }
.our-history-colleft p { margin-bottom: 20px; }
.association-standards { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 40px 0 0 0; padding: 30px 0 0 0; border-style: solid; border-width: 1px 0 0 0; border-color: #35215B24; }
.association-standards figure { width: 115px; margin-right: 30px; }
.image-box-content{ width: calc(100% - 145px); }
.image-box-content h3{ margin-bottom: 0; font-size: 21px; font-weight: 600; color: #0b233b; }
.about-logo-col { width: 490px; }
.about-logo-col h6 { font-size: 18px; font-weight: 500; font-style: italic; line-height: 1.15em; color: #35215b; margin-bottom: 20px; text-align: center; }
.horizontal-separator{ background-color: #35215b; height: 2px; width: 30px; display: inline-block; vertical-align: middle; margin: 0 20px 0 0; }
.other-logos { display: flex; flex-wrap: wrap; justify-content: space-between; }
.logo-col { border: 1px solid #35215B24; width: 30%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 40px; }
.logo-col img { max-height: 100px; filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg); }
.logo-col.fullwidth { width: 100%; }
.logo-col.halfwidth { width: 45%; padding: 14px 20px 15px 20px; }
.logo-col.halfwidth img{ max-height: 156px; opacity: .75; }
/*=========About page css end==============*/

/*=========Reasons Choose section css start==============*/
.reasons-choose-section{ background-color: #f1f5f9; padding: 100px 0 60px 0; }
.reasons-choose-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.reasons-heading{ text-align: center; padding-bottom: 42px; }
.reasons-heading h2{ line-height: 1; font-size: 2.57rem; font-weight: 600; color: #0b233b; }
.reasonschoose-col { margin: 0 0 30px 0; padding: 30px 0 0px 45px; border-top: 1px solid rgba(0, 0, 0, 0.1); width: 46%; position: relative; }
.reasonschoose-col:first-child, .reasonschoose-col:nth-child(2) { border-top: none; padding-top: 0px; }
.reasonschoose-col::before { content: "\e83e"; position: absolute; font-family: feather !important; /*top: 0;*/ left: 0; font-size: 24px; color: #000; }
.reasonschoose-col p{ margin: 0; padding: 0; color: #333333; }
.reasonschoose-col p b, .reasonschoose-col p strong { font-weight: 600; }
/*=========Reasons Choose section css end==============*/

/*=========popular services section css start==============*/
.popular-services-section{ padding: 100px 0 100px 0; }
.services-cards { width: 100%; display: flex; flex-flow: row; flex-wrap: wrap; }
/*=========popular services section css end==============*/

/*=========contact-section css start==============*/
.banner-section.contact-banner { background-position: 50% 0px; }
.banner-section.contact-banner { padding: 80px 0; position: relative; min-height: 360px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-size: cover; background-attachment: fixed; }
.banner-section.contact-banner .banner-caption { text-align: center; position: relative; }
.banner-section.contact-banner::before { content: ""; background-color: rgba(12, 36, 60, 0.84); opacity: .75; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.banner-caption h1{ font-size: 42px; line-height: 49px; color: #fff; font-weight: 600; }
.banner-caption strong{ font-size: 18px; font-weight: 500; color: #55c2c3; opacity: 1; margin-bottom: 10px; line-height: 28px; display: block; }
.contact-section{ padding: 100px 0 100px 0; }
.contact-section .account-address-col { background-color: #f1f5f9; box-shadow: none; }
.contact-section .other-account-wrap { align-items: center; }
/*=========contact-section css end==============*/

/*=========map section css start==============*/
 .map-section{ }
 .form-item.recaptcha.form-item-full { margin-bottom: 0px; }
 .map-section iframe { width: 100%; height: 600px; filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg); display: block; }
/*=========map section css end==============*/

/*=========map section css end==============*/
.careers-section{ padding: 100px 0 100px 0; }
.careers-section .account-address-col { background-color: #f1f5f9; box-shadow: none; }
.careers-section .account-contact-info h4 { font-size: 1.857rem; }
.form-item.select-item label, .form-item.textareaitem label, .form-item.uploadfile label { display: block; font-weight: 500; color: #000; display: block; font-size: 16px; }
.contact-us .form-item.textareaitem textarea.form-control { height: 100px; }
.contact-us .uploadfile input.form-control { border: 1px solid #dfdfdf; padding: 9px 15px; width: 100%; margin: 0 0 15px 0; max-width: 100%; resize: none; outline: 0; color: #232323; font-size: 14px; }
.careers-section  .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666666; }
.careers-section .form-control::-moz-placeholder { /* Firefox 19+ */ color: #666666; }
.careers-section .form-control:-ms-input-placeholder { /* IE 10+ */ color: #666666; }
.careers-section .form-control:-moz-placeholder { /* Firefox 18- */ color: #666666; }
.lata-logo { padding-top: 20px; }
.lata-logo img { max-height: 56px; }
/*=========map section css end==============*/

/*=========Website Terms section css start==============*/
.website-terms-section{
  padding: 100px 0px;
}
.website-terms-section .container {
    max-width: 840px;
}
.website-terms-wrap h2, .website-terms-wrap h3{
  font-size: 1.857rem;
  font-weight: 600;
  color: #0b233b;
}
.website-terms-wrap p strong{
  color: #0b233b;
}
/*=========Website Terms section css end==============*/



/*========================*/

.inner-banner .horizontal-separator {background-color: #55c2c3;height: 2px;width: 30px;display: inline-block;vertical-align: middle;margin: 0 20px 0 0;}
.inner-banner .litho-primary-title{color:#55c2c3; font-size: 18px; font-weight: 600; font-family: Barlow, serif; }
.inner-banner .litho-heading {  margin-bottom: 20px;}
.inner-banner .banner-colum {padding: 130px 10px;width: 60%;}
.business-travel{ background-image: linear-gradient(90deg, rgb(53 33 91 / 70%), rgb(53 33 91 / 70%)), url(../images/business-travel-agency.jpg);}

.inner-banner h4 {color: #ffffffd4;font-size: 21px;line-height: 36px;font-weight: 500;}
.inner-banner .button {text-transform: uppercase;}

.travel-experience {background: #f1f5f9;padding: 100px 0 80px 0;}
.sec-heading {margin-bottom: 30px;display: block;}
.sec-heading h2 {color: #0b233b;font-weight: 600;font-family: 'Barlow';}
.travel-experience p {margin-bottom: 20px;color: #000;max-width: 85%;font-size: 18px;line-height: 30px;}

.testimonials-box {background-color: #fff;box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);padding: 45px 50px;margin-left: 70px; position: relative;}
.testimonials-box .testimonials-icon {position: absolute;top: 0px;border: 1px solid #55c2c3;padding: 6px 8px;font-size: 19px;color: #35215b;    -ms-transform: translateY(-50%) rotateY(0) rotateX(0);
    -moz-transform: translateY(-50%) rotateY(0) rotateX(0);
    -webkit-transform: translateY(-50%) rotateY(0) rotateX(0);
    transform: translateY(-50%) rotateY(0) rotateX(0);
    transition: 1s;
  }
  .testimonials-box:hover .testimonials-icon {
      -ms-transform: translateY(-50%) rotateY(-180deg) rotateX(-180deg);
      -moz-transform: translateY(-50%) rotateY(-180deg) rotateX(-180deg);
      -webkit-transform: translateY(-50%) rotateY(-180deg) rotateX(-180deg);
      transform: translateY(-50%) rotateY(-180deg) rotateX(-180deg);
  }
.testimonials-box h4 {font-size: 21px;font-weight: 500;line-height: 36px;color: #0b233b;border-bottom: 1px solid #e4e4e4;margin-bottom: 35px;padding-bottom: 35px;}
.author h6 {font-size: 14px;line-height: 26px;font-weight: 500;color: #0b233b;display: block;margin-bottom: 0;}
.author span {font-size: 13px;line-height: 22px;display: block;color: #0b233b;font-weight: 400;}
.travel-experience .container {max-width: 1060px;}




.business-counter .counter-text h3 {margin-bottom: 50px;}
.business-counter .counter-text {position: relative;}
.business-counter .counter-text .button {position: absolute;bottom: 0;}

.choose-utravel {background: #f1f5f9;padding: 100px 0 80px 0;}
.choose-utravel .sec-heading {text-align: center;margin-bottom: 40px;}
.choose-utravel-box {border-bottom: 1px solid #00000012;margin-bottom: 20px;padding: 0px 0px 15px 0px;margin-right: 60px;}
h5 {color: #0b233b;font-size: 21px;font-weight: 600;line-height: 36px;}
.choose-utravel-box p {color: #333333;padding-left: 45px;}
.choose-utravel-icon {display: flex;align-items: center;margin-bottom: 10px;}
.choose-utravel-icon h5 {margin-bottom: 0;}
.choose-utravel-icon .icon-simple-line-check {margin-right: 20px;font-size: 25px;}
.choose-utravel .row [class*="col"]:last-child .choose-utravel-box, .choose-utravel .row [class*="col"]:nth-last-child(2) .choose-utravel-box{border-bottom: 0px solid #00000012;margin-bottom: 0px;}

.our-services .complex-travel-cards {margin-top: 0;}
.our-services {padding: 100px 0px;background-color: #ffffff;}
.our-services-box {border: 10px solid #f1f5f9;padding: 85px 60px 100px 60px; width: calc(33.33% - 10px); margin-right: 10px; }
.our-services-box h2 {color: #0b233b;margin-bottom: 0;font-weight: 600;}

.faq-sec {padding-top: 0;}
.faq-sec .sec-heading {margin-bottom: 40px;}
.faq-sec .sec-heading strong {font-size: 17px;}

.corporate-events { background-image: linear-gradient(90deg, rgb(53 33 91 / 70%), rgb(53 33 91 / 70%)), url(../images/corporate-travel-hero-bg.jpg);}
.first-travel { background-image: linear-gradient(90deg, rgb(53 33 91 / 70%), rgb(53 33 91 / 70%)), url(../images/first-class-her-bg.jpg);}
/*========================*/

/* ========= blog page start  ========= */
.blog-section .inner-banner { padding: 40px 0px; }
.inner-banner{ background-color: #f7f7f7; padding: 0px 0px; }
.inner-banner-title{ display: flex; flex-flow: row; flex-wrap: wrap;align-items: center; }
.inner-banner-title h1{ font-family: Poppins, Sans-serif; font-size: 18px; font-weight: 500; line-height: 20px; margin-bottom: 0; }
.inner-banner-title p{ position: relative; margin-left: 20px; padding-left: 25px; line-height: 20px; display: inline-block; font-weight: 400; margin-bottom: 0; }
.inner-banner-title p::before{ position: absolute; top: 50%; left: 0; content: ""; width: 2px; height: 12px; background: #232323; transform: translateY(-50%); }
.inner-banner .breadcrumb{ margin-bottom: 0; justify-content: end; }
.blog-content{ padding-top: 60px; margin-bottom: 130px; }
.blog-content .row>div{ margin-bottom: 25px; }
.blog-post { position: relative; height: 100%; overflow: hidden; border-radius: 5px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .08); transition: all .3s ease-in-out; will-change: transform; transition-duration: .6s; }
.blog-post-images{ overflow: hidden; position: relative; }
.blog-post-images img{ transition: all 1.5s cubic-bezier(0, 0, .2, 1);object-fit: cover;}
.blog-post:hover .blog-post-images img { opacity: .6; transform: scale3d(1.1, 1.1, 1.1); }
.blog-category { position: absolute; top: 23px; right: 23px; transition: all .5s ease-in-out; z-index: 1; will-change: transfrom; }
.blog-category a { font-size: 11px; line-height: 14px; font-weight: 400; background-color: rgba(23, 23, 23, .75); color: #fff; border-radius: 2px; padding: 5px 13px; }
.blog-post:hover .blog-category a { background-color: #fff; color: #232323; transition: all .5s ease-in-out; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.post-details { padding: 40px 40px; word-break: break-word; }
.post-date { display: block; color: #55c2c3; font-weight: 600; text-transform: uppercase; margin: 0 0 20px 0; font-size: 13px; line-height: 22px; }
.entry-title { color: #232323; font-size: 16px; line-height: 28px; display: block; margin-bottom: 15px; font-size: 21px; font-weight: 600; color: #000; width: 100%; }
.entry-title:hover { color: #0b233b; }
.blog-pagination{ margin-top: 70px; }
.blog-pagination ul{ display: flex; flex-flow: row; align-items: center; justify-content: center; }
.blog-pagination ul li, .blog-pagination .page-numbers {list-style: none; font-weight: 500; font-size: 13px; line-height: 22px; margin: 0 10px; }
.blog-pagination .page-numbers { color: #828282; line-height: 40px; border: 0; padding: 0 5px; margin: 0; background-color: transparent; min-width: 40px; min-height: 40px; text-align: center; border-radius: 100%; position: relative; display: block; font-weight: 500; font-size: 13px; }
.blog-pagination .page-numbers.current, .blog-pagination .page-numbers:hover { background-color: #fff; color: #232323; box-shadow: 0 0 10px rgba(23, 23, 23, .15); }
.grid { display: grid; grid-gap: 20px; grid-template-columns: repeat(auto-fill, minmax(275px,1fr)); grid-auto-rows: 20px; margin: 10px; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.15em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
.item { background-color: #ffffff; }
.item:nth-child(odd) .post-details {margin-bottom: 40px;}

/* ========= blog page  end  ========= */

/* ========= blog-detail  start  ========= */

.blog-detail-inner h1,
.blog-detail-inner h2,
.blog-detail-inner h3,
.blog-detail-inner h4,
.blog-detail-inner h5,
.blog-detail-inner h6{color: #35215b;font-weight: 600;}
.blog-detail-inner ul{
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 25px;
}

.blog-detail-inner ul li{
    margin-bottom: 10px;
}


.blog-detail-banner-img {
    overflow: hidden ;
    position: relative;
    max-height: 700px;
}

.blog-detail-banner-img img {
    width: 100%;
    object-position: center;
    height: 100%;
    object-fit: cover;
}

.blog-detail-banner{
    position: relative;
}

.hover-effect{
    width: 100%;
    max-width: 975px;
    position: relative;
    margin: -300px auto 0px;
}

.banner-content{
    min-height: 350px;
    max-width: 100%;
    position: relative;
    color: #fff;
    background-color: #1a0e2d;
    padding: 100px 20px;
}

.banner-content .design {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 90px;
    background-color: #fff;
}

.banner-content ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.banner-content ul li {
    position: relative;
    padding: 0px 15px;
    text-transform: uppercase;
}

.banner-content a, .banner-content span{
    color:#fff;
}

.banner-content p>a, .banner-content p>span{
    color: rgba(255, 255, 255, .7);
}

.banner-content ul li::after{
    content: "";
    height: 10px;
    width: 1px;
    background-color: #fff;
    position: absolute;
    top:50%;
    right: 0;
    transform: translateY(-50%);
}

.banner-content ul li:last-child::after{
    display: none;
}

.banner-content h1{
    width: 60%;
    letter-spacing: -.5px;
    font-size: 3.4rem;
    line-height: 3.9rem;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.banner-content p{
    margin-top: 10px;
    color: rgba(255, 255, 255, .7);
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
}

.blog-detail-content {
    max-width: 840px;
    width: 100%;
    padding-top: 40px;
}

.related-posts {
    background-color: #f7f7f7;
    padding: 130px 0;
}

.related-posts .col-sm-6.col-lg-4 {
    margin-bottom: 35px;
}

.related-posts-heading{
    margin-bottom: 50px;
}

.related-posts-heading p{
    font-weight: 500;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
}

.related-posts-heading h4{
    color: #232323;
    letter-spacing: -1px;
    display: block;
    font-weight: 500;
    font-size: 2.3rem;
    line-height: 3rem;
    text-align: center;
    margin-bottom: 0;
}

.related-posts .blog-post{
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .08);
}

.related-posts .blog-post:hover{
    transform: translateY(-3px);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
}

.related-posts .blog-post:hover .blog-post-images{
    background-image: linear-gradient(60deg, #0039e3 34%, #8600d4 100%);
    background-color: transparent;
}

.related-posts  .post-details {
    padding: 35px;
}

.related-posts .entry-title, .related-posts .post-date{
    text-align: center;
}


.related-posts .hover-icon{
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #232323;
    font-size: 18px;
    border-radius: 100%;
    text-align: center;
    opacity: 0;
    margin-top: 15px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    transition: all .3s ease-in-out;
}

.related-posts .blog-post:hover .hover-icon {
    opacity: 1;
    margin-top: 0
}

.blog-details-social-sharing{
    margin-top: 30px;
    padding-bottom: 130px;
}

.blog-details-social-sharing ul{
    list-style-type: none;
    display: flex;
    justify-content: center;
}

.blog-details-social-sharing ul li{

    margin-right: 10px;
}

.blog-details-social-sharing ul>li>a{
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    margin: 0;
    display: inline-block;
    color: #232323;
    position: relative;
    text-align: center;
}

.blog-details-social-sharing ul>li>a::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: scale(.8);
    border: 1px solid;
    border-color: initial;
    border-radius: 100%;
    opacity: 0;
    transition: all .5s cubic-bezier(0, 0, .2, 1);
}

.blog-details-social-sharing ul>li>a:hover::after {
    opacity: .4;
    transform: scale(1.3);
}


.blog-details-social-sharing ul>li>a:hover.facebook-icon{
    background-color: #3b5998;
    color:#fff ;
}

.blog-details-social-sharing ul>li>a.facebook-icon:hover::after{
    border-color: #3b5998;
    color: #3b5998;
}


.blog-details-social-sharing ul>li>a:hover.twitter-icon{
    background-color: #00aced;
    color:#fff ;
}

.blog-details-social-sharing ul>li>a.twitter-icon:hover::after{
    border-color: #00aced;
    color: #00aced;
}

.blog-details-social-sharing ul>li>a:hover.linkedin-icon{
    background-color: #007bb6;
    color:#fff ;
}

.blog-details-social-sharing ul>li>a.linkedin-icon:hover::after{
    border-color: #007bb6;
    color: #007bb6;
}

.blog-details-social-sharing ul>li>a:hover.pinterest-icon{
    background-color: #cb2027;
    color:#fff ;
}

.blog-details-social-sharing ul>li>a.pinterest-icon:hover::after{
    border-color: #cb2027;
    color: #cb2027;
}

/* ========= blog-detail  end  ========= */
.other-info ul {
    padding-left: 0;
}
/* ========= Value partnership section css start  ========= */
.value-partnership-section { padding: 70px 0 70px 0; }
.value-partnership-section .reasons-heading { padding-bottom: 26px; }
.partner-logo-wrap { display: flex; flex-wrap: wrap; justify-content: center; }
.partner-logo-col { padding: 10px; text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.partner-logo-col img { }
.partner-logo-wrap .item { background-color: transparent; }
.partner-logo-wrap.owl-carousel .owl-stage { display: flex; flex-wrap: wrap; align-items: center; }
.partner-logo-wrap.owl-carousel .owl-item img { width: auto; max-height: 56px; max-width: 210px; }
.owl-dots {
    text-align: center;
    padding-top: 26px;
}
.partner-logo-wrap .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    background: #0C243C;
    border-radius: 50px;
    margin: 0 3px;
}
.partner-logo-wrap .owl-dots button.owl-dot.active {
  background: #55c2c3;
}
/* ========= Value partnership section css end  ========= */
.contact-us .form-item p { margin-bottom: 0px; }
.contact-us .wpcf7 form .wpcf7-response-output {
    margin: 1em 0em 1em;
}

/* ========= counter css start  ========= */
.counter { position: relative; display: flex; overflow: hidden; align-items: center; height: 3.125rem; }
.counter > span { z-index: 1; display: flex; flex-direction: column; height: 100%; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; -webkit-transform: translateY(0); transform: translateY(0); line-height: 1; }
.counter > span span { flex: 0 0 100%; height: 100%; }
/* ========= counter css end  ========= */
