@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');

@import url('https://fonts.googleapis.com/css2?family=Poppins: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&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/*font-family: "Sarabun", sans-serif;
font-family: "Poppins", sans-serif;*/


* {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-decoration: none;
    outline: none;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
}

h1, h2, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
    margin: 0;
    padding: 0;
}

p {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    padding: 0;
    margin: 15px 0 0 0;
    color: #222222;
    font-weight: 400;
    line-height: 24px;
}

ul, li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

img {
    max-width: 100%;
    border: none;
}

a {
    text-decoration: none;
    outline: none !important;
}

html {
    scroll-behavior: smooth;
    font-size: 100%;
}

.p-80 {
    padding: 80px 0;
}

.bannertext h1 {
    font-size: 65px;
    color: var(--black);
    font-weight: 500;
}

.bannertext h2 {
    font-size: 50px;
    color: #fff;
    margin: 0 0 10px;
    font-weight: 700;
}

.headertext h3 {
    font-size: 40px;
    color: #000;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 15px;
    position: relative;
}

.headertext h3 span {
    color: #E31E27;
}

/*.headertext h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 90px;
    height: 2px;
    background-color: var(--theme-color);
}*/

.headertext h5 {
    font-size: 20px;
    color: var(--black);
    margin-bottom: 15px;
    font-weight: 600;
    line-height: normal;
}

.headertext h6 {
    font-size: 25px;
    color: var(--red);
    margin-bottom: 10px;
}


.commonbtn {
    position: relative;
    padding: 12px 25px;
    font-size: 16px;
    border-radius: 8px;
    font-weight: 600;
    margin-top: 25px;
    border: 1px solid #0054A4;
    background-color: transparent;
    color: #0054A4;
    text-align: center;
    display: inline-block;
    transition: 0.6s;
}

.commonbtn:hover {
    background-color: #0054A4;
    color: #fff;
}

/*[class^=col-] {
    margin-bottom: 30px; 
}*/



/* ======================================================================= */
    /* header start */
/* ======================================================================= */

.headerarea {
    box-shadow: none;
    padding: 0px;
    position: relative;
    /*box-shadow: 0 4px 15px rgb(255 255 255 / 12%);*/;
}

.topHead {
    width: 100%;
    padding: 10px 0;
}

.headerarea .logo {
    width: 100%;
    max-width: 100px;
    position: relative;
    display: inline-block;
}

/*.headerarea .logo::before {
    content: "";
    position: absolute;
    left: -15px;
    bottom: -25px;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 135px;
    height: 135px;
    border-top-color: transparent;
    background-color: #fff;
}*/

.headerarea .logo img {
    width: 100%;
    object-fit: cover;
    position: relative;
}
img.twentytwenty-after {
    filter: grayscale(1);
}
.headerarea .header-contact .call {
    width: 100%;
    min-width: 43px;
    max-width: 43px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F6F7FB;
    background-color: #F6F7FB;
    color: #000000;
    border-radius: 100%;
    margin-left: 10px;
    transition: 0.5s;
}

.headerarea .header-contact .call:hover {
    border-color: #000000;
    background-color: #000000;
    color: #ffffff;
}

.headerarea.fix {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    background-color: #fff;
    padding: 10px 100px;
    z-index: 22;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.headerarea.fix .menu ul li a {
    color: #000;
}

.headerarea.fix .menu {
    margin-top: 0px;
    margin-right: 0;
}

.headerarea.fix .menu ul li a:hover, .headerarea.fix .menu ul li.active a {
    color: #e31e27;
}

.header-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-right .header-contact .btn {
    margin-right: 10px;
}

#backToTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 45px;
    height: 45px;
    padding: 10px;
    background-color: #083B6C;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border: 1px solid rgb(255 255 255 / 89%);
    transition: 0.6s;
}

#backToTop .fa-arrow-up {
    font-size: 18px;
    color: #fff;
    top: -1px;
    position: relative;
}

#backToTop:hover {
    background-color: rgb(0 120 181 / 66%);
    transform: scale(1.1);
}

#backToTop:hover svg {
    transform: translateY(-3px);
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
/*menu CSS
--------------------------------------------------------------------------------------------------*/
.menu {
    margin-top: 0px;
    margin-right: 0;
}
.menu ul{margin:0;padding:0;font-size:0;}
.menu ul li{display:inline-block;padding:0;list-style-type:none;position:relative;vertical-align:middle;}
.menu ul li.active { position: relative; }
.menu ul li.active::before {content: '';position: absolute;top: -5px;left: 0;width: 100%;max-width: 50px;height: 50px;background-repeat: no-repeat;background-size: contain;background-position: center;background-image: url(../images/menu-active-shape.svg);}
.menu ul li span { position: absolute; top: 45%; right: 10px; }
.menu ul li span::after { content: '\2b'; color: #000000; font-family: FontAwesome; font-size: 10px; }
.menu ul li:hover span::after { color: #f7c624; }
.headarea.innerheader .menu ul li a { color: #000; }
.menu ul li a { font-family: "Sarabun", sans-serif; color: #000; font-size: 20px; font-weight: 400; display: block; padding: 15px 0px; margin: 0 22px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.menu ul li a:hover, .menu ul li.active a { color: #e31e27; }
.menu ul li.active a::after { width: 100%; }
.menu ul li a span { display: inline-block; vertical-align: 0px; margin-left: 6px; font-size: 10px; }
.menu ul li:hover ul li a:hover { color: #000; background-color: #f7c624; }
.menu ul li ul { width: 240px; position: absolute; top: calc(100% + 30px); left: 0; z-index: 2; background-color: #ffffff; text-align: left; transition: 0.3s; opacity: 0; visibility: hidden; box-shadow: 0 4px 15px rgb(0 0 0 / 3%); }
.menu ul ul li:first-child:before{display:none;}
.menu ul ul li:after{display:none;}
.menu ul li:last-child ul{width:220px;position:absolute;top:100%;left:auto;right:0;z-index:2;background-color:#ffffff;box-shadow:0px 5px 14px rgb(0 0 0 / 2%);text-align:left;}
.menu ul li ul li a { font-size: 14px; text-transform: none; padding: 12px 15px; color: #000; line-height: 20px; font-weight: 500; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s; display: block; margin: 0; }
.menu ul li ul li ul{top:10px;left:149px;}
.menu ul li ul li span{right:7px;top:12px;}
.menu ul li a:hover.menu ul li ul{display:block;}
.menu ul li ul li{display:block;padding:0;border-bottom:solid 1px rgb(255 255 255 / 7%);border-right:none;}
.menu ul li ul li:last-child{border:none;}
.menuButton{width:40px;height:35px;padding:5px;float:right;display:none;}
.menuButton span { width: 100%; height: 2px; background: #000; margin-bottom: 6px; float: left; transition: all 0.3s ease-in-out 0s; }
.menuButton span:last-child{margin-bottom:0;}
@media (min-width:991.98px) {
    .menu ul {
        display: block!important;
    }

    .menu ul li:hover > ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }
}
@media (max-width:991.98px){.menuButton{display:block;margin-left:15px;cursor:pointer;}
 .menu ul li span{background:url(../images/menu_arrow.png) center center no-repeat;cursor:pointer;width:15px;height:15px;position:absolute;right:15px;top:20px;z-index:99;}
 .menu ul li:hover span{background:url(../images/menu_arrow_hover.png) center center no-repeat;}
 .arrow_change span:nth-child(2){display:none;}
 .arrow_change span:first-child{position:relative;top:9px;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
 .arrow_change span:last-child{position:relative;top:1px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
 .menuBar{padding:15px 0;}
 .menu{padding:5px 0;}
 .menu ul{display:none;background-color:#fff;position:absolute;top:100%;left:0;width:100%;z-index:99;}
 .menu ul li a{color:#071731;display:block;width:100%;font-size:15px;}
 .menu ul li ul{display:none;background-color:#e1e1e1;position:relative;top:5px;left:0;width:100%;z-index:1;padding:0;visibility: initial;opacity: 1;}
 .menu ul li:last-child ul{display:none;background-color:#e1e1e1;position:relative;top:5px;left:0;width:100%;z-index:1;}
 .menu ul li{display:block;padding:10px 15px 10px 15px;border-top:1px solid #cccccc54;text-align:left;position:relative;}
 .menu ul li span{position:absolute;right:30px;z-index:99;cursor:pointer;top:12px;text-align:center;}
 .menu ul li ul li ul{top:0;left:0;}
 .menu ul li ul li a{font-size: 12px;text-transform: none; background-color: #e1e1e1; padding: 8px 12px;color: #000;}
}

.headerarea .menu .active>a {
    color: #e31e27;
    background: transparent;
}

.topbar {
    width: 100%;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    padding: 10px 0;
    -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.1);
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.1);
}

.topbar_left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
}

.topbar_left h6 {
    font-size: 16px;
    color: #000;
    font-weight: 300;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}


.topbar_left h6 a{color: #000;}

.topbar_left h6 i {
    font-size: 14px;
    color: #E31E27;
    position: relative;
    display: inline-block;
    z-index: 1;
}

.topbar_left h6 span {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.topbar_left h6 span::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -9px;
    background-image: url(../images/shape2.png);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.topbar_right {
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: flex-end;
}

.topbar_right h6 {
    font-size: 16px;
    color: #0155A6;
    font-weight: 300;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.topbar_right h6 i {
    font-size: 16px;
    color: #E31E27;
    margin-right: 5px;
    position: relative;
    display: inline-block;
    z-index: 1;
}

.topbar_right h6 span {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.topbar_right h6 span::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -9px;
    background-image: url(../images/shape2.png);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}


/*-- header area stop --*/

/* ======================================================================= */
    /* banner start */
/* ======================================================================= */
/*.banner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}*/

.banner {
  height: 78dvh;
  display: flex;
  position: relative;
}

.banner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* ======================================================================= */
    /* about_sec start */
/* ======================================================================= */
.about_sec {
    width: 100%;
}

.btn_tag {
    border: 1px solid #083B6C;
    padding: 10px 20px;
    background-color: transparent;
    border-radius: 30px;
    margin-bottom: 25px;
    height: 42px;
    text-align: center;
    display: table;
}

.btn_tag h6 {
    font-size: 15px;
    color: #083B6C;
    font-weight: 400;
}

.about_in {
    width: 100%;
    margin-top: 50px;
}

.about_pic {
    height: 380px;
    position: relative;
    display: flex;
    overflow: hidden;
}

.about_pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about_right {
    width: 100%;
    padding-left: 40px;
}

/* ======================================================================= */
    /* analytics_sec start */
/* ======================================================================= */
.analytics_sec {
    width: 100%;
}

.analytics_left {
    width: 100%;
    transition: 0.6s;
}

.analytics_leftpic {
    height: 360px;
    position: relative;
    display: flex;
    border-radius: 25px;
    overflow: hidden;
}

.analytics_leftpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.item_order01:hover .analytics_leftpic img {
    transform: scale(1.1);
}

.leftsidepic:hover .analytics_leftpic img {
    transform: scale(1.1);
}

.analytics_sec .headertext {
    padding: 0 50px;
}

.analytics_sec .headertext h3 {
    color: #E31E27;
}

.analytics_sec .headertext h3 span, .location_sec .headertext h3 span {
    color: #4a4a4a;
    font-weight: 700;
}

.item_order01 {
    order: -1;
}

.item_order02 {
    order: -2;
}


/* ======================================================================= */
    /* country_wise start */
/* ======================================================================= */
.country_wise {
    width: 100%;
}

.country_wise .headertext {
    width: 55%;
}

.country_wise_in { width: 100%; margin-top: 35px; }
.country_card { width: 100%; overflow: hidden; }
.country_cardimg { height: 460px; overflow: hidden; border-radius: 15px; position: relative; transition: all .5s ease-in-out; }
.country_cardimg img { width: 100%; height: 100%; object-fit: cover; transition: all .5s ease-in-out; }
.country_cardimg::after { position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgb(2 74 142) 7%, rgba(0, 0, 0, 0.08725488486410193) 65%); top: 0px; left: 0px; border-radius: 15px; }
.country_cardtext { position: absolute; bottom: 0px; padding: 15px 20px 25px; z-index: 3; }
.country_cardtext h5 { color: #fff; font-size: 32px; }
.country_cardtext p { color: #fff; }
.country_cardtext .commonbtn { padding: 10px 20px; font-size: 16px; margin-top: 20px; border: 1px solid #fff; background-color: #fff; color: #0054A4; }
.country_card:hover .country_cardimg img { transform: scale(1.1); } 
.country_card:hover .commonbtn { background-color: #0054A4; color: #fff; }
.countries_slide .owl-carousel .owl-stage-outer { padding: 55px 0 0 !important; }
/*.services-carousel .owl-nav { position: absolute; top: -130px; width: 100%; left: 0; right: 0; text-align: center;}*/
.services-carousel .owl-nav button.owl-prev, .services-carousel .owl-nav button.owl-next { width: 40px; height: 40px; border: 1px solid #024A8E; border-radius: 50%; color: #345C7E; font-size: 30px;}
.services-carousel .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.services-carousel .owl-nav button.owl-prev span::after { content: '\f060'; color: #024A8E !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.services-carousel .owl-nav button.owl-prev:hover span::after { content: '\f060'; color: #fff !important; }
.services-carousel .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.services-carousel .owl-nav button.owl-next span::before { content: '\f061'; color: #024A8E !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.services-carousel .owl-nav button.owl-next:hover span::before { content: '\f061'; color: #fff !important; }
.services-carousel .owl-nav button.owl-prev { left: 0px; position: relative;}
.services-carousel .owl-nav button.owl-next { right: 0px; position: relative;}
.services-carousel .owl-nav { position: absolute; top: -100px; display: inline-flex; left: 0; justify-content: end; width: 100%;}
.services-carousel .owl-nav button.owl-prev:hover, .services-carousel .owl-nav button.owl-next:hover { background: #024A8E; border: 1px solid #024A8E; color: #fff; transition: all .3s ease-in-out;}
.owl-theme .owl-nav { margin-top: 0; }
.owl-carousel .services-carousel .owl-dots.disabled, .owl-carousel .services-carousel .owl-nav.disabled {
    display: block !important;
}
.owl-item.active.center .adventure_box::after {
    content: "";
    position: absolute;
    width: 112%;
    /*top: -15px;
    left: -15px;
    right: 0;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    border: 1px solid #DF1C18;
    border-bottom-color: transparent;*/
}


/* ======================================================================= */
    /* testimonial_sec start */
/* ======================================================================= */
.testimonial_sec {
    width: 100%;
    padding: 80px 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial_right {
    width: 65%;
    margin-left: auto;
    text-align: center;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 60px 35px 100px;
    box-shadow: inset 0 0px 19px rgb(57 63 72 / 32%);
}

.testimonial_box {
    width: 100%;
}

.circle_box {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border: 4px solid #024A8E;
    background-color: #024A8E;
    border-radius: 50%;
    overflow: hidden;
}

.circle_box img {
    width: 100%;
    height: 100%;
}

.testimonial_text {
    width: 100%;
    margin-top: 25px;
    position: relative;
}

.testimonial_text::before {
    content: "\f10d";
    position: absolute;
    top: -60px;
    left: 40px;
    font-family: FontAwesome;
    font-size: 50px;
}

.testimonial_text h4 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}


/**/
.testimonial-carousel .owl-nav button.owl-prev, .testimonial-carousel .owl-nav button.owl-next { width: 40px; height: 40px; border: 1px solid #024A8E; border-radius: 50%; color: #345C7E; font-size: 30px;}
.testimonial-carousel .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.testimonial-carousel .owl-nav button.owl-prev span::after { content: '\f060'; color: #024A8E !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.testimonial-carousel .owl-nav button.owl-prev:hover span::after { content: '\f060'; color: #fff !important; }
.testimonial-carousel .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.testimonial-carousel .owl-nav button.owl-next span::before { content: '\f061'; color: #024A8E !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.testimonial-carousel .owl-nav button.owl-next:hover span::before { content: '\f061'; color: #fff !important; }
.testimonial-carousel .owl-nav button.owl-prev { left: 0px; position: relative;}
.testimonial-carousel .owl-nav button.owl-next { right: 0px; position: relative;}
.testimonial-carousel .owl-nav { position: relative; bottom: -50px; display: inline-flex; left: 0; justify-content: end; width: 100%;}
.testimonial-carousel .owl-nav button.owl-prev:hover, .testimonial-carousel .owl-nav button.owl-next:hover { background: #024A8E; border: 1px solid #024A8E; color: #fff; transition: all .3s ease-in-out;}
.owl-theme .owl-nav { margin-top: 0; }
.owl-carousel .testimonial-carousel .owl-dots.disabled, .owl-carousel .testimonial-carousel .owl-nav.disabled {
    display: block !important;
}

.testimonial-carousel .owl-nav::before {
    content: "";
    position: absolute;
    top: 25px;
    left: 0;
    width: 70%;
    height: 1px;
    background-color: #ccc;
}

/* ======================================================================= */
    /* counter_sec start */
/* ======================================================================= */
.counter_sec {
    width: 100%;
    background-color: #083B6C;
    padding-bottom: 50px;
}

.counter_sec h2 {
    font-size: 125px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    letter-spacing: 15px;
    line-height: 80px;
    opacity: .10 !important;
}

.space-area {
    padding: 100px 0;
    position: relative;
}

.space-area h1 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
}

.count-area {
    position: relative;
    text-align: center;
    color: #fff;
}

.count-area-content {
    margin-top: 0px;
    padding: 15px 0 25px;
}

.count-area i {
    font-size: 48px;
}

.count-digit {
    margin: 0 0px 15px;
    color: #fff;
    font-weight: 700;
    font-size: 62px;
}

.count-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.countbox {
    border-right: 1px solid #fff;
}

.countbox:first-child {
    border-left: 1px solid #fff;
}


/* ======================================================================= */
    /* middle_sec start */
/* ======================================================================= */
.middle_sec {
    width: 100%;
    min-height: 600px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/* ======================================================================= */
    /* location_sec start */
/* ======================================================================= */
.location_sec {
    width: 100%;
}

/*.location_pic {
    height: 560;
    position: relative;
    display: flex;
    overflow: hidden;
}

.location_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/

.point {
  width: 15px;
  height: 15px;
  background: rgba(25, 118, 210, 0.4);
  border-radius: 50%;
  animation: blink 1s ease-in-out infinite none;
}
@keyframes blink {
  0% {
    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.4);
  }
  100% {
    box-shadow: 0 0 0 16px rgba(187, 222, 251, 0.3);
  }
}

.washington {
  position: relative;
  top: 180px;
  left: 20%;
}

.sanfrancisco {
  position: relative;
  top: 200px;
  left: 20px; 
}

.texas {
  position: relative;
  top: 260px;
  left: 340px;
}

.delhi {
    position: relative;
    top: 210px;
    left: 210px;
}

.mumbai {
    position: relative;
    top: 260px;
    left: 140px;
}

.kolkata {
    position: relative;
    top: 255px;
    left: 270px;
}

.form_box { width: 85%; border: 1px solid #ccc; padding: 30px; margin-left: auto; border-radius: 20px; box-shadow: 0 0px 12px rgb(0 0 0 / 10%); }
.form_box h4 { color: #E31E27; font-size: 36px; font-weight: 600; }
.form_box h5 { color: #083B6CF8; font-size: 28px; font-weight: 400; margin: 10px 0 20px; }
.field_label { position: relative; left: 20px; bottom: -12px; background-color: #fff; padding: 0 5px; font-size: 15px; line-height: normal; color: #000; font-weight: 400; margin-top: -12px; z-index: 1; }
.field02 { width: 100%; border: 1px solid #A1A1A1; background-color: transparent; font-size: 16px; color: #000; padding: 5px 15px 5px 15px; height: 55px; font-weight: 400; border-radius: 8px; margin-bottom: 10px; position: relative; }
.field02:focus { border-color: #0155A6; transition: 0.9s; }
/*.field02::placeholder, .textfield02::placeholder {
    color: #000;
}*/
.submit02 { font-size: 16px; font-weight: 500; padding: 14px 25px; color: #fff; background-color: #0155A6; border: none; position: relative; border-radius: 8px; margin: 15px 0 0 0; transition: all 0.4s ease; }
.submit02 .fa-arrow-right { transform: rotate(-45deg); margin-left: 3px; transition: all 0.4s ease; }
.submit02:hover .fa-arrow-right { transform: rotate(0deg); }
.submit02:hover { color: #fff !important; background-color: #E31E27; transition: all 0.4s ease; }


/* ======================================================================= */
    /* our_services start */
/* ======================================================================= */
.our_services { width: 100%; overflow: hidden; }
.our_services_in { width: 100%; }
.services_grid { display: flex; flex-wrap: nowrap; }
.services_grid .services_box { /*background-color: #000;*/ width: 20%; height: 350px !important; margin: 1px; text-align: center; line-height: 75px; font-size: 30px; }
.services_boxpic { height: 350px; position: relative; display: flex; overflow: hidden; transition: 0.6s; }
.services_boxpic::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #083B6CF8; display: flex; align-items: center; justify-content: center; transition: 0.6s; }
.services_boxpic img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s; }
.services_boxpic h4 { width: 100%; font-size: 28px; color: #ffffff; text-align: center; font-weight: 600; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }
.services_box:hover .services_boxpic::after { opacity: 0.7; }
.services_box:hover .services_boxpic img { transform: scale(1.1); }

/* ======================================================================= */
    /* footer_area start */
/* ======================================================================= */
.footer_area {
    width: 100%;
    background-color: #E5F3FF;
    padding: 0 0 80px;
}

.footer_top { width: 100%; padding: 40px 0; margin-bottom: 50px; border-bottom: 1px solid #c0c0c0; }
.footer_topbox { width: 100%; padding: 0 0 0 35px; gap: 40px; height: 115px; }
.footer_topbox h6 { font-size: 20px; color: #0054A4; font-weight: 600; position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 45px; }
.footer_topbox span i { font-size: 22px; color: #E31E27; position: relative; display: inline-block; z-index: 1; }
.footer_topbox span { position: relative; display: inline-block; z-index: 1; }
.footer_topbox span::before { content: ""; position: absolute; top: -21px; left: -24px; background-image: url(../images/shape.png); width: 65px; height: 65px; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; }
.footer_topbox p { margin-top: 7px; }
.footer_topbox p a{color: #000;}
.footer_topbox address { margin-bottom: 0; }
.divideline { border-right: 1px solid #c0c0c0; }
.divideline:last-child { border-right: none; }
/*//*/
.footer_btm { width: 100%; }
.footer_btmcard { width: 100%; }
.footer-logo img { width: 40%; }
.footer-social { display: flex; justify-content: center; margin-top: 15px; }
.footer-social li{ margin: 0px 5px;}
.footer-social li a { width: 100%; min-width: 38px; max-width: 38px; height: 38px; border-radius: 5px; border: 1px solid #0255a6; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: #0255a6; transition: 0.5s; text-decoration: none; }
.footer-social li a:hover { background-color: #0255a6; color: #fff; }
.footer_btmcard h4 { color: #000; font-size: 22px; font-weight: 500; margin: 0 0 20px; }
.footer_btmcard ul { padding: 0; margin: 0; list-style: none; }
.footer_btmcard ul li { width: 100%; }
.footer_btmcard ul li a { width: 100%; position: relative; display: block; font-size: 16px; color: #4c4c4c; font-weight: 400; text-decoration: none; padding-bottom: 12px; transition: 0.6s; }
.footer_btmcard ul li a:hover { color: #0054A4; margin-left: 15px; position: relative; }
.footer_btmcard ul li a::before { content: ""; position: absolute; left: 0px; top: 11px; width: 15px; height: 2px; background-color: #E31E27; transition: 0.6s; margin-left: -18px; opacity: 0; }
.footer_btmcard ul li a:hover::before { opacity: 1; }


/* ======================================================================= */
    /* home_designs start */
/* ======================================================================= */
.about_ban { width: 100%; height: 100%; position: relative; min-height: 400px; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; z-index: 1; }
.about_ban::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #292929; background: linear-gradient(280deg, rgba(41, 41, 41, 0) 44%, rgb(41 41 41 / 71%) 100%); z-index: -1; }
.about_ban_content { width: 45%; }
.about_ban .btn01 { margin-bottom: 15px; }
.about_ban h2 { font-size: 50px; color: #fff; font-weight: 600; margin-bottom: 10px; text-shadow: 0px 3px 1px #ffdada;}
.about_ban p { font-size: 16px; color: #fff; font-weight: 400; margin: 10px 0 0; }
.breadcrumb a { color: #fff; text-decoration: none; }
.breadcrumb-item.active { color: #fff; }
.breadcrumb-item+.breadcrumb-item::before { color: #fff; }
.breadcrumb { position: relative; margin: 0; }

/*.breadcrumb::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 125px;
    height: 1px;
    background-color: #fff;
}*/


/* ======================================================================= */
    /* home_designs start */
/* ======================================================================= */
#aboutPage .analytics_sec {
    padding: 80px 0 0 !important;
}

#aboutPage .analytics_leftpic {
    height: 400px !important;
}

#aboutPage .about_in {
    width: 100%;
    margin-top: 0px !important;
}

#aboutPage .about_pic {
    position: relative;
    height: 410px;
}

#aboutPage .headertext {
    margin-left: auto;
}

#aboutPage .about_pic::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 390px;
    height: 390px;
    background-color: #FFDFE1;
    border-radius: 50%;
    z-index: -1;
}

#aboutPage .headertext ul {
    padding: 0;
    margin: 20px 0 0 0;
    list-style: none;
}

#aboutPage .headertext ul li {
    width: 100%;
    font-size: 16px;
    color: #000;
    padding-bottom: 15px;
    position: relative;
    padding-left: 37px;
}

#aboutPage .headertext ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    height: 27px;
    background-image: url(../images/check.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

/* ======================================================================= */
    /* our_commitment start */
/* ======================================================================= */

.our_commitment {
    width: 100%;
    padding-top: 0 !important;
}

.our_commitment_in {
    width: 100%;
    background-color: #0F4171;
    padding: 15px;
    border-radius: 20px;
}

.our_commitment_in:hover .our_commitmentpic img {
   transform: scale(1.1);
}

.our_commitment_left {
    width: 100%;
    padding: 23px;
}

.our_commitment_left .headertext h3, .our_commitment_left .headertext p {
    color: #fff;
}

.our_commitmentpic {
    height: 420px;
    position: relative;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
}

.our_commitmentpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.whyCompany {
    position: relative;
    padding-top: 0 !important;
}

#aboutPage .whyCompany .about_pic::before {
    display: none !important;
}

.whyCompanypic {
    height: 450px !important;
    position: relative !important;
    display: flex !important;
    overflow: hidden;
}

.whyCompanypic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
}

.whyCompanypic::before {
    content: "";
    position: absolute;
    top: 0;
    left: -15px;
    width: 2px;
    height: 150px;
    background-color: #0054A4;
}

.brandsec { width: 100%; margin-top: 60px; display: block; }
.branBox { height: 100%; max-height: 90px; width: 93%; background-color: #fff; padding: 15px 10px; margin: 10px; border-radius: 15px; text-align: center;  box-shadow: 0 4px 10px rgb(0 0 0 / 10%); display: flex; align-items: center; justify-content: center; }
.branBoxlogo { width: 100%; max-width: 110px; height: 65px; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.branBoxlogo img { width: 100%; height: 100%; object-fit: contain; }
.owl-carousel  .owl-item .branBoxlogo img { display: block; width: 87%; margin: 0 auto;}
/**/
.brand_slide .owl-carousel .owl-stage-outer { padding: 55px 0 0 !important; }
/*.brand_slide .owl-nav { position: absolute; top: -130px; width: 100%; left: 0; right: 0; text-align: center;}*/
.brand_slide .owl-nav button.owl-prev, .brand_slide .owl-nav button.owl-next { width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 30px;}
.brand_slide .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.brand_slide .owl-nav button.owl-prev span::after { content: '\f060'; color: #fff !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.brand_slide .owl-nav button.owl-prev:hover span::after { content: '\f060'; color: #fff !important; }
.brand_slide .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.brand_slide .owl-nav button.owl-next span::before { content: '\f061'; color: #fff !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.brand_slide .owl-nav button.owl-next:hover span::before { content: '\f061'; color: #fff !important; }
.brand_slide .owl-nav button.owl-prev { left: 0px; position: relative;}
.brand_slide .owl-nav button.owl-next { right: 0px; position: relative;}
.brand_slide .owl-nav { position: absolute; display: inline-flex; right: -215px; bottom: 160px; align-items: center; justify-content: flex-end; width: 100%; }
.brand_slide .owl-nav button.owl-prev:hover, .brand_slide .owl-nav button.owl-next:hover { background: #C82D2D; border: 1px solid #C82D2D; color: #fff; transition: all .3s ease-in-out;}
.owl-theme .owl-nav { margin-top: 0; }
.owl-carousel .brand_slide .owl-dots.disabled, .owl-carousel .brand_slide .owl-nav.disabled {
    display: block !important;
}

.about_pic.aos-init {
	border-radius: 25px;
	overflow: hidden;
}

/* ======================================================================= */
    /* blog_sec start */
/* ======================================================================= */

.blog_sec {
    width: 100%;
}

.blog_sec p {
    font-size: 18px;
    text-align: center;
    width: 75%;
    margin: 0 auto 15px;
}

.blog_sec .commonbtn {
    border: 1px solid #E31E27;
    background-color: #E31E27;
    color: #fff;
    margin: 25px auto 0;
    display: table;
}
.blog_sec .commonbtn:hover {
    border: 1px solid #083B6C;
    background-color: #083B6C;
    color: #fff;
}

/* ======================================================================= */
    /* find_here start */
/* ======================================================================= */

.find_here {
    width: 100%;
    padding-top: 0 !important;
}

.find_herepic {
    height: 450px;
    position: relative;
    display: flex;
}

.find_herepic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
}

.find_herepic::before {
    content: "";
    position: absolute;
    top: 0;
    left: -15px;
    width: 2px;
    height: 250px;
    background-color: #0054A4;
}

.find_herepic::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -15px;
    width: 2px;
    height: 250px;
    background-color: #0054A4;
}

.find_here ul {
    padding: 0;
    margin: 20px 0 0 0;
    list-style: none;
}

.find_here ul li {
    width: 100%;
    font-size: 16px;
    color: #000;
    padding-bottom: 15px;
    position: relative;
    padding-left: 37px;
}

.find_here ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    height: 27px;
    background-image: url(../images/check.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

.find_here .headertext {
    width: 90%;
    margin-left: auto;
}

/* ======================================================================= */
    /* why_follow start */
/* ======================================================================= */

.why_follow {
    width: 100%;
    padding-top: 0 !important;
}

.why_follow_left {
    width: 120%;
    background-color: #fff;
    padding: 60px 50px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 1;
}

.why_followpic {
    width: 160%;
    height: 540px;
    position: relative;
    left: -60%;
    display: flex;
    overflow: hidden;
    border-radius: 15px;
}

.why_followpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.posts_updates {
    width: 100%;
    margin: 50px 0;
    padding: 45px;
    border: 2px solid #E31E27;
    border-radius: 20px;
    text-align: center;
}

.posts_updates h5 {
    font-size: 20px;
    color: #4c4c4c;
    width: 73%;
    line-height: 36px;
    margin: 0 auto;
}

.posts_item {
    width: 100%;
    margin-top: 50px;
}

.posts_itemCard {
    width: 100%;
    margin-top: 25px;
    padding: 15px 30px 15px 15px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    transition: 0.6s;
}

.posts_itemCardpic {
    height: 250px;
    position: relative;
    display: flex;
    overflow: hidden;
    border-radius: 15px;
    flex-basis: 30%;
    flex-shrink: 0;
}

.posts_itemCardpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.posts_itemCard article  h4 {
    font-size: 26px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.posts_itemCard:hover .posts_itemCardpic img {
   transform: scale(1.1) rotate(10deg);
}


/* ======================================================================= */
    /* request_sec start */
/* ======================================================================= */

.request_sec {
    width: 100%;
}

.request_secbox {
    width: 130%;
    background-color: #fff;
    padding: 60px 265px 60px 60px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    position: relative;
    margin-bottom: 50px;
}

.request_secbox h2, .request_sec_right h2 {
    font-size: 38px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.request_sec .form-control {
    width: 100%;
    border: 1px solid #A1A1A1;
    background-color: transparent;
    font-size: 16px;
    color: #000;
    height: 120px;
    padding: 12px 15px 10px 15px;
    font-weight: 400;
    border-radius: 8px;
    margin-bottom: 10px;
    position: relative;
}

.form-control:focus, .form-select:focus {
    box-shadow: none;
    border-color: #0155A6;
    transition: 0.9s;
}

.request_sec_right {
    width: 100%;
    background-color: #0F4171;
    padding: 35px;
    border-radius: 15px;
    position: relative;
    z-index: 1;
}

.request_sec_right h2 {
    color: #fff;
}

.request_sec_right .counter {
    align-items: center;
    margin-bottom: 15px;
    background-color: #415877;
    border-radius: 12px;
    padding: 15px;
}

.request_sec_right .counter:last-child {
    border-bottom: none;
}

.request_sec_right .counter-img {
    width: 40px;
    height: 40px;
    background: rgb(119,137,159);
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    margin-right: 15px;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #f58332;
}

.request_sec_right .counter-body h5 {
    font-size: 23px;
    line-height: 37px;
    color: #fff;
    margin-bottom: 0px;
}

.request_sec_right .counter-body h6, .request_sec_right .counter-body h6 a {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.01em;
    line-height: 23px;
}

.request_sec_right i {
    color: #fff;
}

.request_sec_right h4 {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}

.request_sec_right small {
    color: #fff;
}


/* ======================================================================= */
    /* carriers_sec start */
/* ======================================================================= */

.carriers_sec {
    width: 100%;
}

.redbg {
    background-color: rgb(255,243,243);
    padding: 50px;
    border-radius: 20px;
    box-shadow: inset 0 1px 24px rgb(0 0 0 / 10%);
    border: 1px solid #FFBDC0;
}

.redbg p {
    color: #000;
}

/* ======================================================================= */
    /* business_travel start */
/* ======================================================================= */

.business_travel {
    width: 100%;
    padding-top: 0 !important;
}

.business_travel p {
    padding-bottom: 15px;
}

.business_right {
    width: 100%;
    padding-left: 30px;
}



/* ---- Create Accordion --- */
.accordion {  width: 100%; height: 500px; display: flex; overflow: hidden; }
.tab { position: relative; width: 100%; height: 500px; padding: 20px; margin: 0 6px; color: #FFF; cursor: pointer; transition: width .5s ease; overflow: hidden;}
.tab::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(2 74 142 / 60%) 7%, rgba(0, 0, 0, 0.08725488486410193) 65%);
    top: 0px;
    left: 0px;
    border-radius: 15px;
}

.tab img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px; object-fit: cover; transition: all .5s ease; }
.caption {
    position: absolute;
    z-index: 2;
    white-space: nowrap;
    bottom: 20px;
    right: 20px;
    opacity: 1;
    transform: rotate(-90deg);
    transform-origin: 15% 50%;
    z-index: 11;
    transition: 0.6s;
}
.caption_box {  margin: 0 auto; position: relative; font-size: 20px;  font-weight: 500;  color: #fff;  display: inline-block; transition: 0.6s; }
.tab:hover img { opacity: .8; }
.tab:hover .caption {
    transform: rotate(0deg);
    transform-origin: inherit;
}
.tab:hover { width: 80%; }
.tab:hover .caption { transition: all .5s ease; opacity: 1; }
/* ---- Create Accordion --- */

/*.drivers-carousel .owl-nav { position: absolute; top: -130px; width: 100%; left: 0; right: 0; text-align: center;}*/
.drivers-carousel .owl-nav button.owl-prev, .drivers-carousel .owl-nav button.owl-next { width: 40px; height: 40px; border: 1px solid #fff; background-color: #fff; border-radius: 50%; color: #345C7E; font-size: 30px;}
.drivers-carousel .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.drivers-carousel .owl-nav button.owl-prev span::after { content: '\f060'; color: #024A8E !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.drivers-carousel .owl-nav button.owl-prev:hover span::after { content: '\f060'; color: #fff !important; }
.drivers-carousel .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.drivers-carousel .owl-nav button.owl-next span::before { content: '\f061'; color: #024A8E !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.drivers-carousel .owl-nav button.owl-next:hover span::before { content: '\f061'; color: #fff !important; }
.drivers-carousel .owl-nav button.owl-prev { left: 0px; position: relative;}
.drivers-carousel .owl-nav button.owl-next { right: 0px; position: relative;}
.drivers-carousel .owl-nav {
    position: absolute;
    top: 45%;
    display: inline-flex;
    left: 0;
    justify-content: space-between;
    width: 100%;
}
.drivers-carousel .owl-nav button.owl-prev:hover, .drivers-carousel .owl-nav button.owl-next:hover { background: #024A8E; border: 1px solid #024A8E; color: #fff; transition: all .3s ease-in-out;}
.owl-theme .owl-nav { margin-top: 0; }
.owl-carousel .drivers-carousel .owl-dots.disabled, .owl-carousel .drivers-carousel .owl-nav.disabled {
    display: block !important;
}
.business_travel .country_cardtext h5 {
    color: #fff;
    font-size: 22px;
}

.business_travel .country_cardimg {
    height: 430px;
}

/* ======================================================================= */
    /* thankyou modal start */
/* ======================================================================= */
.modal-dialog {
    max-width: 50%;
    margin-right: auto;
    margin-left: auto;
}

.modal-header {
    border-bottom: none;
}

.modal-body {
    padding: 20px 55px;
}

.modalIcon {
    width: 160px;
    height: 160px;
    margin: 0 auto;
}

.modalText {
    width: 100%;
    text-align: center;
}

.modal-body h4 {
    font-size: 44px;
    color: #000;
    font-weight: 300;
    margin: 10px auto;
    text-align: center;
    width: 75%;
}
.modal-body h4 span  {
    font-weight: 400;
}

.modal-body b, .modal-body strong {
    font-weight: 600;
    color: #000;
}

.why_contact {
    width: 100%;
    margin-top: 25px;
    padding: 10px 45px;
    border-top: 1px solid #BEB3B3;
    border-bottom: 1px solid #BEB3B3;
}

.why_contact h5 {
    font-size: 32px;
    color: #000;
    font-weight: 500;
}

.why_contact ul {
    padding: 0;
    margin: 20px 0 0 0;
    list-style: none;
}

.why_contact ul li {
    width: 100%;
    font-size: 16px;
    color: #000;
    padding-bottom: 15px;
    position: relative;
    padding-left: 37px;
}

.why_contact ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    height: 27px;
    background-image: url(../images/check.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

.modal-body .commonbtn {
    border: 1px solid #E31E27;
    background-color: #E31E27;
    color: #fff;
    margin: 15px auto 25px;
    display: table;
}

/* ======================================================================= */
    /* services_sec start */
/* ======================================================================= */
.services_sec {
    width: 100%;
}

#servicesPage .services_sec .headertext {
    width: 90%;
    margin-left: auto;
}

#aboutPage .whyCompany .headertext {
    width: 90%;
    margin-left: auto;
}

.services_sec .headertext h5 {
    font-size: 17px;
    color: #000;
    font-weight: 500;
    margin-top: 15px;
}

.services_sec .commonbtn {
    border: 1px solid #E31E27;
    background-color: #E31E27;
    color: #fff;
    margin: 25px 0 0;
    display: table;
}

/* ======================================================================= */
    /* services_sec2 start */
/* ======================================================================= */
.services_sec2 {
    width: 100%;
    padding-top: 0 !important;
}

.services_tab {
    width: 100%;
}

.services_tab .nav-link {
    color: #3a3a3a;
    text-align: center;
}

.services_tab .nav-pills {
    margin-bottom: 50px;
}

.services_tab .nav-pills .nav-link.active {
    color: #083B6C;
    background-color: #ffffff;
    border-top: 1px solid #083B6C;
    border-bottom: 1px solid #083B6C;
    position: relative;
    font-weight: 600;
    /*background-image: url(../images/active.png);
    width: 156px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;*/
}

.services_tab .nav-pills .nav-link.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -11px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 11px solid #0054A4;
}

.services_tab .nav {
    align-items: center;
    justify-content: center;
    gap: 0;
    display: flex;
    flex-wrap: nowrap;
}
.services_tab .nav-link {
    padding: 11px 8px;
    min-height: 55px;
    border-top: 1px solid #C7BEBE;
    border-bottom: 1px solid #C7BEBE;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border-left: 1px solid #c7bebe;
    max-width: 241px;
}

#servicesPage .services_sec2 .posts_updates {
    background-color: #E31E27;
    margin-bottom: 0;
}

#servicesPage .services_sec2 .posts_updates h5 {
    color: #fff;
}

#servicesPage .services_sec2 .commonbtn {
    border: 1px solid #fff;
    background-color: #fff;
    color: #E31E27;
}

#servicesPage .services_sec2 .commonbtn:hover {
    border: 1px solid #083B6C;
    background-color: #083B6C;
    color: #fff;
}

/* ======================================================================= */
    /* gallery_sec start */
/* ======================================================================= */
.gallery_sec {
    width: 100%;
    padding-top: 0 !important;
}

.project_gallery {
    column-count: 4;
    --webkit-column-count: 4;
    --moz-column-count: 4;
    gap: 15px;
    padding: 0;
    margin-top: 40px;
}

.project_gallery .project_galleryimg {
    margin-bottom: 1rem;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s;
    border-radius: 10px;
    overflow: hidden;
}

.project_gallery .project_galleryimg:hover {
    margin-bottom: 1rem;
    cursor: pointer;
}

.project_galleryimg img {
    height: auto;
    width: 100%;
    object-fit: cover;
    transition: 1s;
    border-radius: 10px;
}

.project_galleryimg:hover img {
    opacity: 0.7;
    transform: scale(1.1);
}

.project_galleryimg .overlay-text {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    display: block !important;
    background: rgb(2 74 142 / 48%);
    transition: 0.6s;
    opacity: 0;
}

.project_galleryimg .overlay-text .fa-plus {
    color: #fff;
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    z-index: 1;
}

/*.project_galleryimg .overlay-text .fa-plus::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    z-index: -1;
}*/

.project_galleryimg:hover .overlay-text {
    display: block;
    opacity: 1;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}



.wpcf7-spinner{ display:none;}



.tab-pane .projectinner:nth-of-type(2n) .item_order02 {
  order: 2;
}

.services_grid .services_box {
    height: 100px;
  }



.about_in .headertext, .services_sec .headertext{padding-left: 40px;}

.about_in .headertext ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-top: 15px;
}

.about_in .headertext ul li {
    list-style-type: disc;
    font-weight: 500;
    margin: 4px 0px;
}
.about_sec  .about_right .headertext h3 {
    color: #4a4a4a;
    font-weight: 700;
}
.about_in  .headertext h3 {
    color: #4a4a4a;
    font-weight: 700;
}
.why_follow {
	overflow: hidden;
}


.error{ color:#f00;}