@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400;500;600;700;800&display=swap');
html{scroll-behavior: smooth;}
body{font-family:'Lexend Deca', sans-serif !important; transition:0.3s;  box-sizing:border-box; margin:0; padding:0;} 
.patb{ padding:20px 0;}
.head_bg{ background:rgba(229, 206, 169, 0.84); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5); margin:0;}
.ezey_logo{display:inline-block; padding:6px 0; display:inline-block; }
.header_top { padding:5px; margin:0;background: #eee; width:100% !important; border-bottom:1px solid #ccc;}
.header_top .cont_top{float:left;  width:70%; }
.cont_top span i, .cont_top span a{color:#303030; text-decoration:none; font-size:14px; margin-right:5px; }
.scl_meda{float:right; width:30%; }
.scl_meda ul{list-style-type:none; margin:0; padding:0;}
.scl_meda ul li{display:inline; margin:0 8px 0 0;}
.scl_meda ul li i{color:#303030;}
.insta{background:rgb(228, 64, 95) !important;}
.twtr{background:#1bc4ef !important;}
.linked{background:#3c62df !important;}
.navbar-default{ border:none; font-size:12px !important;}
.navbar{margin-top:0;}
.travel_ser_bg{ background:#f8f7f2;margin-top: 20px;}
.mail_email{ text-align:right; display:inline-block; padding-top:24px;}
.mail_email span i.fa{color:#fff; font-size:21px;}
.mail_email a{ color:#fff; font-size:25px; padding-left:15px; font-weight:bold; }
.carousel-control.left,.carousel-control.right{padding-top:230px;  font-size: 50px; color: #ccc;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%;margin: auto;}
  /*----Navigation Bar---*/
.header{ margin:0; width:100% !important; overflow:hidden; background:#fff; padding:0 0 4px 0;}
.header .logo{ width:50%; float:left;}
.header .logo img{ max-height:300px; max-width:400px;margin:0; padding:0; float:left;}
.Menu{ text-decoration:none;}
.navigation-menu{float:left; width:50%;  min-height:70px; transition-duration:0.4s; align-items:center;  display:flex;}
.navigation-menu a{margin-left:10px; color:#1e1e1e; text-decoration:none; font-size:14px; padding:4px 10px; border-radius:4px;  transition:0.4s;line-height:25px;font-weight:bold;}
.navigation-menu a:hover{color:#802929;}
.fadeInUp{animation-name:fadeInUp; animation-fill-mode:both; animation-duration:1s;}
@keyframes fadeInUp{ 0%{transform:translateY(20px); opacity:0;}  100%{transform:translateY(0); opacity:1;}}
/*.navigation-menu .active{color:#f8f8f8; background:#0a3dbe; }*/
 #menu-toggle-btn{float:right;color:#802929; font-size:30px; padding:0 10px 0 0; display:none; line-height:70px; cursor:pointer;   }
 #menu-toggle-btn:focus{ outline:1px solid #802929;border-radius:10px;  }       
/* Mobile navigatio End */
.AgencyContainer{width: 100%; float: left;}
.travelAgency{width: 100%; float: left;text-align: center;}
.travelAgency h1{font-size: 30px; font-weight: bold; color: #000; margin: 0; padding:30px 0 30px 0; color:#882929;}
.whoweare{width: 100%; float: left; padding:10px; margin-top: 20px;}
.whoweare h1{ font-size: 24px; color: #000; font-weight: bold; padding: 0 15px; margin:0;}
.who_Content{width: 100%; float: left;}
.who_Content p{ font-size: 14px; color: #000;line-height: 25px;text-align: justify; }
.who_Content a{background: #882929;border-radius: 10px;padding: 12px 16px;float: right;color: #fff;font-size: 16px; text-decoration:none; transition:background ease-in 0.3s;}
.who_Content a:hover{background:#2f3291;}
.page-footer{ width: 100%; float: left;}
.agencyBox{width: 100%;float: left;border: 1px solid #ccc;box-shadow: 2px 2px 2px #ccc;border-radius: 10px;margin-bottom: auto;padding: 20px;height: 410px;overflow:hidden;text-align: center;}
.agencyBox h4{font-size:18px;font-weight: bold;text-align: center;}
.col-md-3{ padding-bottom:5px;}
.agencyBox img{ padding: 15px; width: 100%; max-height:450px !important;}
.agencyBox p{ font-size: 13px; color: #000; padding-top: 20px;}
.who_Images{width: 100%;float: left;}
.who_Images img{width: 100%;}  
.listtype {list-style-type: none;margin: 0;padding: 0;}
.listtype li {font-size: 16px;color: #000;line-height: 24px;}
.listtype li i {font-size: 16px; color: #249d05; margin-right: 10px;}
.send_enquiry {background: rgba(130,158,206,0.7);width: 40%; float: right;border-radius: 15px; padding: 15px;}
.send_enquiry h3 { margin: 0px;padding: 0 !important; }
.send_enquiry form { margin-top: 20px;}
.margin_t15 {margin-top: 40px;}
.bg-gray-darker { background-color: #282e3c;}
.page-footer {position: relative;padding-top: 30px;} 
.page-footer h5 {color: #fff;}
.sticky_nav{position:fixed; top:0; margin:0; animation:Down_tab; background:#fff; z-index:999;}
.mainheader{width:100%;}
@keyframes Down_tab{
    0%{transform:translateY(-100%);}
    100%{transform:translateY(0%);}

}
 .inline-list-md, .inline-list-md:first-child, .inline-list-md:last-child {
        transform: translateY(-10px);
        margin-bottom: -10px;
        margin-top: 20px;
        margin-left: -45px;
    }

    .contact-list {
        margin-bottom: -10px;
        margin-top: 20px;
        margin-left: -28px;
    }

    .inline-list-md li {
        display: inline-block;
    }

   .inline-list-md li a {
            display: inline-block;
            color: #737273;
            font-size: 24px;
            padding: 10px;
   }

    .page-footer .copyright {
        font-size: 14px;
    }

    .unit-body {
        padding-top: 0;
        padding-left: 15px;
    }

        .unit-body a {
            color: #fff;
            font-size: 12px;
        }

    .list > li + li {
        margin-top: 10px;
    }

    .unit-left, .unit-right {
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
        width: 18px;
    }

    .unit-lefts {
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
        display: inline-block;
        vertical-align: middle;
    }

    p + [class*='rd-mailform'] {
        margin-top: 20px;
    }

    .form-wrap + [class*='group-'] {
        margin-top: 15px;
    }

    .form-input {
        display: block;
        width: 100%;
        height: 60px;
        padding: 10px 15px;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        color: #737273;
        background-color: #fff;
        background-image: none;
        border: 1px solid #c8c8c8;
        border-radius: 6px;
        -webkit-appearance: none;
    }

        .form-input:focus {
            outline: 0;
        }

        .form-input:-webkit-autofill ~ label,
        .form-input:-webkit-autofill ~ .form-validation {
            color: #000 !important;
        }

    .form-input-sm {
        height: 44px;
    }

    .ie-11 .form-input-sm {
        line-height: 1;
    }

    textarea.form-input {
        height: 160px;
        min-height: 128px;
        max-height: 272px;
        resize: vertical;
    }

    .form-wrap {
        position: relative;
    }

        .form-wrap + .form-wrap {
            margin-top: 13px;
        }

    .rd-mailform {
        position: relative;
        text-align: left;
    }

    .foot_col {
        color: #cbcbcc;
    }

    .unit-left span {
        font-size: 24px;
        color: #f36d28;
    }

    .page-footer, .page-footer[class*='section-'] {
        padding-bottom: 30px;
        margin-top: 20px;
        padding-left:8px;
    }

        .page-footer.bg-gray-darker .list-marked > li.active a {
            color: #46a3f2;
        }

    .page-footer-plugin .copyright {
        font-size: 14px;
    }

    .copyright {
        font-size: 14px;
        color: #cbcbcc;
        margin-top: 10px;
    }



    .heading-divider {
        display: block;
        position: relative;
        font-size: 0;
    }

        .heading-divider:before {
            content: '';
            display: inline-block;
            width: 100%;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .heading-divider:after {
            content: '';
            top: 0;
            left: 0;
            position: absolute;
            width: 30px;
            border-top: 1px solid #f36d28;
        }
    /*----- image css start hover effect-------*/
    .hovereffect {
        width: 100%;
        height: 100%;
        float: left;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default;
    }

        .hovereffect .overlay {
            width: 100%;
            height: 100%;
            position: absolute;
            overflow: hidden;
            top: 0;
            left: 0;
        }

        .hovereffect img {
            display: block;
            position: relative;
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-transition: all 0.35s;
            transition: all 0.35s;
        }

        .hovereffect:hover img {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            filter: brightness(0.7);
            -webkit-filter: brightness(0.7);
        }

        .hovereffect h2 {
            text-transform: uppercase;
            color: #fff;
            text-align: center;
            font-size: 17px;
            padding: 10px;
            width: 100%;
        }

        .hovereffect:hover h2 {
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
            transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
        }

        .hovereffect a.info {
            display: inline-block;
            text-decoration: none;
            padding: 7px 14px;
            text-transform: uppercase;
            color: #fff;
            border: 1px solid #fff;
            margin: 50px 0 0 0;
            background-color: transparent;
        }

            .hovereffect a.info:hover {
                box-shadow: 0 0 5px #fff;
            }

        .hovereffect .rotate {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            width: 100%;
            height: 100%;
            position: absolute;
        }

        .hovereffect hr {
            width: 50%;
            opacity: 0;
            filter: alpha(opacity=0);
        }

            .hovereffect hr:nth-child(2) {
                -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1);
                transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1);
            }

            .hovereffect hr:nth-child(3) {
                -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);
                transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);
            }

        .hovereffect h2, .hovereffect hr {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
            transition: opacity 0.35s, transform 0.35s;
            -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
            -webkit-transform-origin: 50%;
            -ms-transform-origin: 50%;
            transform-origin: 50%;
            background-color: transparent;
            margin: 0px;
        }

    .group1, .group2 {
        left: 50%;
        position: absolute;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
        transform-origin: 50%;
        background-color: transparent;
        margin: 0px;
        padding: 0px;
    }

    .group1 {
        top: 40%;
    }

    .group2 {
        top: 60%;
    }

    .hovereffect p {
        width: 30%;
        text-transform: none;
        font-size: 15px;
        line-height: 2;
    }

        .hovereffect p a {
            color: #fff;
        }

            .hovereffect p a:hover,
            .hovereffect p a:focus {
                opacity: 0.6;
                filter: alpha(opacity=60);
            }

    .hovereffect a i {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        padding: 10px;
        font-size: 20px;
    }
    .group1 a:first-child i {
        -webkit-transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2);
        transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2);
    }

    .group1 a:nth-child(2) i {
        -webkit-transform: translate3d(60px,-60px,0) rotate(45deg) scale(2);
        transform: translate3d(60px,-60px,0) rotate(45deg) scale(2);
    }

    .group2 a:first-child i {
        -webkit-transform: translate3d(-60px,60px,0) rotate(45deg) scale(2);
        transform: translate3d(-60px,60px,0) rotate(45deg) scale(2);
    }

    .group2 a:nth-child(2) i {
        -webkit-transform: translate3d(60px,60px,0) rotate(45deg) scale(2);
        transform: translate3d(60px,60px,0) rotate(45deg) scale(2);
    }

    .hovereffect:hover hr:nth-child(2) {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
        transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
    }

    .hovereffect:hover hr:nth-child(3) {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);
        transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);
    }

    .hovereffect:hover .group1 i:empty, .hovereffect:hover .group2 i:empty {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0) rotate(45deg) scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .packag_con {
        border: 1px solid #ccc;
        padding: 6px;
    }


    /*---------image effect end here-------*/
    .heading-divider + * {
        margin-top: 15px;
        list-style: none;
    }

    .news_latter h3 {
        font-size: 24px;
        color: #FFFFFF;
        text-align: center;
    }

        .news_latter h3 span {
            color: #FF3300;
        }

    .news_latter p {
        text-align: center;
        font-size: 14px;
        color: #FFFFFF;
    }

    .subcribe-button {
        width: 100%;
        text-align: center;
        display: inline-block;
    }
        .subcribe-button i {
            font-size: 32px;
            color: #fff;
            float: left;
            margin-top: 6px;
            margin-left: 22px;
        }
    /*  Home Contant */
.poster{width:100%;height:780px;padding-top:25px;margin-top:0; position:relative; background-image: url(/images/poster.jpg); background-repeat:no-repeat; background-size:cover; object-fit:cover; background-position:center; /*animation:zoom 30s infinite;*/ }
.poster .welcm_sec {width:100%;}
.poster .welcm_sec .cont{padding-top:4rem; transition:1s;}
.poster .welcm_sec .cont .sec_btn span{ margin-right:15px;}
.poster .welcm_sec .cont ul{margin:0; padding:0;list-style:none;}
.poster .welcm_sec .cont ul li{color:#fff; padding:40px 0px;}
.poster .welcm_sec .cont ul li h2{font-size:70px; font-weight:900; line-height:80px;}
.poster .welcm_sec .cont ul li p{font-size:30px;}
.poster .welcm_sec .cont ul li:nth-child(3n+3){padding-bottom:50px;}
.poster .welcm_sec .cont ul li a{color:#fff; transition:0.4s; text-decoration:none; font-size:22px; border:2px solid #fff; padding:12px 30px; }
.poster .welcm_sec .cont ul li a:hover{background:#fff; color:#000;}
.cont_btn{background:#fff; color:#000 !important;}
.sec_cnt{width:55%; float:left; }
.sec_cnt .knw_more{padding:50px 0px;}
.knw_more a{text-decoration:none; color:#fff; transition:0.4s; border:2px solid #fff; font-size:20px; padding:15px 30px; border-radius:5px;}
.knw_more a:hover{background:#fff; color:#000;}
.sec_cnt h2{font-size:50px; color:#fff; font-weight:600; margin:0; padding:40px 0px; }
.sec_cnt p { font-size:22px; font-weight:500; color:#fff;line-height:30px; }
    /*--Contact end ---*/
.pageheading{ margin:0; background:#802929;text-align:center;padding:10px;  }
.pageheading h3{ font-size:22px; overflow:hidden;  font-weight:600; color:#fff; margin:0; padding:0;}
    /*--About Page-- */
.about_bg{overflow:hidden; }
.about-sec{ opacity:0; transform:translateY(50px); transition:all 1s ease; background:#E5E5F7; height:800px; position:relative; background-repeat:no-repeat; /*animation:zoom 30s infinite;*/  }
.about-sec h4{color:#646464;}
.ihead{color:#494949; position:relative; font-size:40px;}
.abt_sec .abt-img img{width:100%;}
.abt_sec h2{font-size:40px; margin-bottom:15px; border-bottom:1px solid #ccc; color:#646464; padding:5px; font-weight:600;}
.abt_sec p{font-size:22px; padding:30px 0px; line-height:32px; color:#494949;}
.misson_vison{ padding:10px; transition:0.4s;}
.misson_vison h3 {color:#646464; font-size:26px; font-weight:600; }
.misson_vison p{font-size:18px; line-height:25px; color:#494949; }
.misson_vison .our-mission{background:transparent;padding:1.5em 2.5em; transition:0.4s; margin:20px 0; border:1px solid #ccc; }
.misson_vison .our-mission:hover, .misson_vison .our-vision:hover{box-shadow:0px 0px 20px rgba(0,0,0,0.25); }
.misson_vison .our-vision{background:transparent; transition:0.4s; padding:1.5em 2.5em; margin:20px 0; border:1px solid #ccc; }
.our-mission h4{font-size:20px; font-weight:600; color:#646464; }
.our-mission p{color:#494949;}
.our-vision h4 {font-size:20px; font-weight:600;color:#646464; }
.our-vision p{color:#494949;}
.btn-primary{background:#802929 !important; transition:0.4s; }
.btn-primary:hover{background:#0a55e6 !important;}
/*------- whoweare -------*/
.whoweare_bg{background:#eee; width:100%;}
.whoweare_bg .whowe-img{float:right; margin-top:20px; width:50%;}
.whowe-img img{max-width:400px; filter:drop-shadow(2px 6px 2px #303030);}
.whoweare_bg .content{float:left; width:50%; }
.whoweare_bg h4{ font-size:30px;color:#333; font-weight:700; border-bottom:2px solid #ccc; color:#802929; width:100%; padding:10px;  }
.content p{ font-size:18px; color:#303030; margin-top:10px; line-height:30px;}
/*--our client--*/
.our_clts{width:100%; background:#fff; padding:40px 0px;}
.our_clts .main_sec{padding:20px;}
.our_clts ul {display:flex; list-style-type:none; margin:0; padding:20px; justify-content:center; gap:40px;}
.our_clts ul li{padding:10px; margin:0px 10px;}
.our_clts ul li{border:1px solid #ccc; border-radius:10px; /*box-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/}

/*--Contact us--*/
.contct_bg{background:#f0f0f0; padding:100px 0px;  opacity:0; transform:translateY(50px); transition:all 1s ease; }
.heading{color:#646464; font-size:65px; position:relative; text-align:center;  font-family: 'Mochiy Pop One', sans-serif;}
/*.heading::before{position:absolute; content:''; width:90px; height:3px; background:#0a55e6; border-radius:50%; left:30px; bottom:-7px;}*/
.contct_bg .main_cont{padding:50px 0px }
.contct_bg .main_cont .lt_sec ul{list-style:none; margin:0; padding:0;}
.contct_bg .main_cont .lt_sec ul li{padding:16px 0px;}
.media_sec{padding:40px 0px;}
.contct_bg .main_cont .lt_sec ul li .media_sec h5{color:#494949; padding:10px 8px; font-size:30px; font-weight:500;}
.contct_bg .main_cont .lt_sec ul li .media_sec span{font-size:22px; background:#ccc; transition:0.4s; cursor:pointer; border-radius:100%; padding:8px 15px;}
.contct_bg .main_cont .lt_sec ul li .media_sec span:hover{background:#a0a0a0; }
.contct_bg .main_cont .msg_sec{padding:25px; background:#fff; border-radius:10px; border:1px solid #ccc; }
.contct_bg .main_cont .msg_sec label{color:#494949; font-weight:500; font-size:17px; padding:5px 0px;}
.btn{padding:8px 12px !important; font-size:20px !important;}
.ico{font-size:24px; color:#fff; background:#802929; padding:14px; transition:0.4s; border-radius:10px;}
.ico:hover{background:#0a55e6;}
.form-control{ background:#f0f0f0 !important; border:0px !important; transition:0.4s !important;  box-shadow:none !important; padding:12px !important;}
.form-control:active, .form-control:focus {outline:1px solid #0a55e6 !important; background:#fff !important;}
.wdt{width:100%; margin-top:8px; padding:14px; font-size:28px;}
.h3_ctrl{text-align:center; font-size:28px; color:#494949;}
.cls_tb{position:absolute; right:-40px; transition:0.4s; display:none; font-size:48px; color:#fff; cursor:pointer; top:-10px;}
.cls_tb:hover{color:#0a55e6;}
.contct_bg .lt_sec .sec > i{float:left; margin-right:30px;}
.contct_bg .lt_sec .sec .info p{font-size:25px; margin:0; color:#494949;}
.contct_bg .lt_sec .sec .info > span > a{font-size:18px; text-decoration:none; color:#264f72;} 
.contct_bg .lt_sec .sec .info .val{color:#494949 !important;}
/*---our services---*/
.our_serv{opacity:0; transform:translateY(50px); transition:all 1s ease;}
.our_serv .featr_sec{padding:40px 0px; overflow:hidden;}
.our_serv .featr_sec .lt_img{padding:10px;display:flex; max-width:400px; justify-content:center;}
.our_serv .featr_sec .lt_img img{ width:100%;position:relative;  border-radius:5px; border:1px solid #646464;}
.our_serv .featr_sec .lt_text h4{color:#494949; font-size:30px; padding:20px 0px; position:relative;}
.our_serv .featr_sec .lt_text h4:before{position:absolute; content:''; background:#f36d28; width:70px; height:3px; border-radius:50%; bottom:10px;}
.ft{float:right;}
.our_serv .featr_sec .lt_text p{font-size:18px; color:#494949; line-height:30px;}
.padding_sec{padding:100px 0px;}
.container{overflow:visible;}
/*Navigation*/
.headbg{width:100%; margin:0px auto; background:#fff; position:sticky; z-index:999; box-shadow:0px 0px 20px rgba(0,0,0,0.10);  position:-webkit-sticky; top:0;}
.headbg .logo_sec{width:25%; float:left;}
.headbg .logo_sec a > img{max-width:250px; padding:8px 0px;}
.headbg .navbarbg{width:60%; float:left; padding:22px 0px;}
.headbg .mainmenu .brgr{display:none; float:right; padding:2px; font-size:25px; cursor:pointer;}
.mennu-bar{color:#646464; background:#ccc; padding:2px 4px; border-radius:5px;}
.headbg .mainmenu ul{width:100%; list-style:none; display:flex; justify-content:flex-end; gap:20px;margin:0; padding:0;}
.headbg .mainmenu ul .links_menu{position:relative !important; display:inline-block;}
.headbg .mainmenu ul .links_menu .service_tab{position:absolute; border:1px solid #ccc; top:55px; transition:0.4s; min-width:220px; transform:translateY(15px); opacity:0;visibility:hidden; background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.10);}
.headbg .mainmenu ul .links_menu .service_tab::before{content:''; position:absolute; top:-20px; left:10px; border-left:10px solid transparent; border-right:10px solid transparent;border-top:10px solid transparent;border-bottom:10px solid #ccc; }
.headbg .mainmenu ul .links_menu:hover .service_tab { transform:translateY(0px); opacity:1; visibility:visible; }
.headbg .mainmenu ul .links_menu .service_tab ul{display:block; z-index:999;}
.headbg .mainmenu ul .links_menu .service_tab ul li{font-size:16px; padding:12px; cursor:pointer;transition:0.4s; border-left:2px solid #fff; transform:translateX(0px);}
.headbg .mainmenu ul .links_menu .service_tab ul li:hover{background:#f0f0f0; transform:translateX(3px);  border-left:2px solid #0a55e6;}
.headbg .mainmenu ul li{padding:8px 16px;}
.headbg .mainmenu ul li:nth-child(6n+6){display:none; padding:0 !important; margin-top:20px !important;}
.headbg .mainmenu ul li a{text-decoration:none; display:block; width:100%; transition:0.4s; color:#494949; font-size:18px; font-weight:600; padding:2px;}
.headbg .mainmenu ul li a:hover{color:#0a55e6;}
.active{color:#0a55e6 !important;}
#cls_tb{display:none;}
.bg{position:fixed; background:rgba(0,0,0,0.40); top:0; left:0; right:0; bottom:0; z-index:999;}
/*why choose us*/
.why_us{background:#fff;}
/*.cls{color:#802929; position:relative;}*/
.why_us .us_sec{padding:20px; overflow:hidden;}
.why_us .us_sec ul{list-style:none; margin:0; padding:10px 0px; display:flex; gap:20px; opacity:0; transform:translateY(50px); transition:all 1s ease;}
.animate{opacity:1 !important; transform:translateY(0px) !important;}
.why_us .us_sec ul li{width:33.3%; float:left; }
.why_us .us_sec ul li .ptn_sec{width:100%; position:relative; overflow:hidden; padding:30px; transition:0.4s; background:#fff; border:1px solid #ccc;}
.why_us .us_sec ul li .ptn_sec:hover{border:1px solid #fff; box-shadow:0px 0px 20px rgba(0,0,0,0.25);}
.why_us .us_sec ul li .ptn_sec .img_sec{display:flex; justify-content:center;}
.why_us .us_sec ul li .ptn_sec .img_sec img{max-width:120px;}
.why_us .us_sec ul li .ptn_sec .abt_txt h3{font-size:25px; color:#494949; font-weight:500; padding:20px 0px;}
.why_us .us_sec ul li .ptn_sec .abt_txt {font-size:16px; color:#494949;}
.footer_bg{padding:20px 0px; background:#002367; text-align:center;}
.copyrt{color:#898989; font-size:16px;}
.footer_bg .links{float:right; }
.footer_bg .links span a{color:#898989; text-decoration:none; transition:0.4s; margin:0px 10px;}
.footer_bg .links span a:hover{color:#fff;}
.cont_sec{width:15%; float:left; padding:32px 0px;}
.cont_sec .elmt_nu{text-align:right;}
.cont_sec .elmt_nu a{text-decoration:none; color:#0a55e6; font-size:17px; padding:6px 22px; transition:0.4s; font-weight:600;  background:#e7f0f9; border:2px solid #0a55e6; border-radius:30px;}
.cont_sec .elmt_nu a:hover{background:#0a55e6; color:#fff;}
.owl-nav{display:flex; gap:50px; justify-content:center; padding:30px 0px;}



/*new designs */
:root{--primary-color:#0059bd; --secondary-color:#aa3a17; --bold:700; --color:#2e475d; --radius:6px; }
.navigation-bar{background:#fff; }
.contact-nav{ background:#b7ecec; padding:3px 0; }
.nav-link{font-size:14px !important; font-weight:300 !important; transition:0.4s; padding:0px 15px !important; color:var(--color) !important;}
.nav-link:hover{color:var(--primary-color) !important;}
.get-in-touch a{text-decoration:none; transition:0.4s; font-size:15px; font-weight:300; color:#fff; background:var(--primary-color); padding:10px 15px; border-radius:var(--radius); } 
.get-in-touch a:hover{background:var(--secondary-color); color:#fff; }
.landing-hero-sec{background:linear-gradient(155deg, rgb(4 19 43) 0%, rgb(14 48 99) 46%, rgb(4, 23, 52) 100%); width:100%; height:585px; }
.page-title-main{padding-top:10rem; position:relative; z-index:9;}
.home-title{font-size:37px; font-weight:var(--bold); color:#fff;  line-height:48px; margin-bottom:10px;}
.home-title span{color:#ff4141; position:relative;}
.home-title span:before{width:100%; content:''; height:3px; border-radius:100%;  background:#ffd731; position:absolute;bottom:0px; 
}
.home-title + p{color:#c1c1c1; font-weight:300; font-size:14px;}
.active-link{background:var(--primary-color);border:2px solid var(--primary-color) !important; color:#fff !important; }
.know-abt a{border:2px solid #fff; padding:10px 18px; font-size:14px; border-radius:var(--radius); text-decoration:none; color:#fff;}
.know-abt a:hover{color:#fff; background:var(--primary-color);border:2px solid var(--primary-color)}
.right-poster-main{padding-top:30px; position:relative; z-index:1;}
.link-for-abt a{padding:5px 30px; text-decoration:none; transition:0.4s;  background:var(--primary-color); color:#fff; border:2px solid var(--primary-color); border-radius:30px;  }
.link-for-abt a:hover{color:var(--primary-color); background:transparent; border:2px solid var(--primary-color); }
.who-we-are0-main{background:#f1f1f1; border-radius:20px; position:relative;  overflow:hidden; padding:20px;}
.who-we-are0-main::after{content:''; background:var(--primary-color);width:300px; height:300px; position:absolute; right:-55px;  bottom:-95px; z-index:1; border-radius:100%;}
.content-who-we{padding-top:20px;}
.title-who-we{color:var(--color); font-weight:var(--bold); font-size:35px;}
.content-who-we p{color:var(--color); font-size:15px;}
.images-who-we { display:flex; justify-content:center; position:relative;}
.we-we-img{max-width:230px; border:5px solid #fff; position:relative; z-index:99;   border-radius:20px;}
.services-offering0-main{padding-top:65px;}
.title-of-ec-sec{color:var(--color); text-align:center; position:relative; font-weight:var(--bold); font-size:33px; margin-bottom:15px; }
.title-of-ec-sec::before{content:''; position:absolute; left:43%; width:170px; height:2px; background:var(--primary-color); bottom:-4px; }
.title-of-ec-sec::after{content:''; position:absolute; left:48.2%; width:45px; height:4px; background:var(--primary-color); bottom:-5px; }

.title-of-ec-sec span{color:var(--primary-color);}
.flight-src{background:#ced0ff; border-radius:100%; text-align:center; width:65px; height:65px; display:inline-block;}
.flight-src img{max-width:60px; padding:10px;}
.head-services{font-size:26px;  font-weight:var(--bold); color:var(--color);}
.services-offering0-main p{color:#000;  font-size:15px; padding:12px 0; margin:0;}
.services-offering0-main a{text-decoration:none; color:#2e57e8; font-size:15px; font-weight:600;}
.services-offering0-main a::after{font-family:'FontAwesome'; content:'\f061'; color:#2e57e8; font-weight:500; padding:0px 4px;}
.contact0-centered-section{background:var(--primary-color); padding:30px 0; text-align:center;}
.main-content1 .content-contact{color:#fff; font-weight:var(--bold); font-size:28px; padding:18px 0;}
.contact0-btn a{text-decoration:none; padding:8px 25px; color:#fff; transition:0.3s; background:#fff; color:var(--primary-color); border:2px solid var(--primary-color); outline:0;  border-radius:100px;}
.contact0-btn a:hover{background:transparent; color:#fff; border:2px solid #fff; }
.res-to-choose0us ul{list-style-type:none; margin:0; padding:0; display:block;}
.res-to-choose0us ul li{background:url(/images/checkbox-multiple-fill.png) no-repeat; transition:0.4s; cursor:pointer; padding:5px 10px 10px 50px;}
.res-to-choose0us ul li:hover{transform:scale(1.1);}
.img-choose-us{display:flex; justify-content:center;}
.img-choose-us img {max-width:360px; border-radius:20px;}
.brif-abt-us{background:#fff; padding:20px 0; text-align:center;}
.counter-plus{color:#111; font-weight:var(--bold); font-size:28px; padding:8px 0;}
.abt-wht-cont{color:#555; font-size:15px;}
.navbar-toggler, .navbar-toggler:focus{box-shadow:unset !important ; border-color:#fff !important; }
.testmonial{padding:8px 1px; font-size:12px; color:#111; border-bottom:1px solid #ccc; }
.testmonial span{font-weight:var(--bold); font-size:30px; color:#000;}
.clent-idn{border-top:1px solid #ccc; padding-top:10px;}
.client-name{font-size:13px; font-weight:500; padding-top:6px;}
.client-profile{width:30px; height:30px; border-radius:100%; border:1px solid #ccc; }
.starts{filter:drop-shadow(0px 1px 2px rgba(0,0,0,0.10));}
.footer-main{ padding:30px 0 5px 0 ;background:#121332;}
.abt-cont{color:#f3f3f3; font-size:13px; padding:15px 35px 0 0; font-weight:300; }
.footer-link-head{font-weight:var(--bold); color:#fff; margin-bottom:8px; font-size:17px;}
.res-link ul, .contact-link ul{list-style:none; margin:0; padding:0; }

.res-link ul li{line-height:20px;}
/*.res-link ul li{background:url(/images/dot-footer-sre.png) no-repeat; display:flex; padding:1px 0px 0px 23px;}*/
.res-link ul li a, .contact-link li a{text-decoration:none; font-size:12px; color:#f6f6f6; font-weight:300; transition:0.4s;}
.res-link ul li a:hover, .contact-link li a:hover{color:var(--primary-color);}
.copy-right-terms{border-top:1px solid #ccc; font-size:13px; color:#ccc; font-weight:300; margin-top:10px; padding-top:20px;}
.social-media-contect span{padding:0 2px;}
.social-media-contect span a{text-decoration:none; line-height:25px; font-size:13px; color:#dfdfdf; background:#5e5e5e; display:inline-block; text-align:center; width:25px; height:25px;  transition:0.3s; border-radius:100%;}
.social-media-contect span a:hover{background:var(--primary-color); color:#fff; }
.client-testmonial{transition:0.4s; padding:20px;}
.client-testmonial:hover{box-shadow:0px 0px 20px rgba(0,0,0,0.10);}
.nav-item .nav-links:hover{color:var(--primary) !important;}
.main-btn{background:#e05f1c; box-shadow:1px 2px 3px rgba(0,0,0,0.10); position:fixed; right:-45px; top:50%; z-index:999; font-size:13px; border-top-left-radius:4px;border-top-right-radius:4px; padding:5px 12px;transform:rotate(270deg);}
.main-btn a{text-decoration:none; color:#fff; font-weight:500; }
.main-btn a:hover{color:#fff; }
.service-prd:after{content:''; background:url(/images/sample-ins.png) no-repeat !important;  width:140px; height:140px; bottom:-95px; right:90px; position:absolute; }
.title-icon-main{width:40px; height:40px; line-height:35px; background:#0d904f; border-radius:100%; display:inline-block;}
.expns-abt-us{box-shadow:-13px 6px 20px 2px rgba(0,0,0,0.08); transform:perspective(500px) rotateY(-5deg); padding:10px; height:180px;}
.hp-nd{background:#0d8290 !important;}
.hp-th{background:var(--primary-color) !important;}
.hp-fr{background:#e79200 !important;}
.ico-title{font-size:14px; font-weight:600; color:#444;padding:7px 0;}
.title-techno{font-weight:800; font-size:30px; color:#444;}
.right-circle{position:relative;}
.slick-slide img{display:unset !important;}
.title-techno{position:relative; }
.title-techno::before{position:absolute; width:200px; height:200px;z-index:-1; top:0rem; opacity:0.1; left:-8rem; content:''; background:url(/images/centos-fill.svg) no-repeat;}
.title-techno span{color:var(--primary-color);}
.right-circle img{transform:rotate(45deg); }
.facebk{background:#3b5998; cursor:pointer; transition:0.4s; position:relative; width:40px; height:36px; padding:5px 0; margin-bottom:2px; border-top-right-radius:4px; border-bottom-right-radius:4px; text-align:center;}
.facebk:hover{width:60px;}
.social-div{position:fixed;z-index:99; top:50%;}
.instagram{
  background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  }
.twitter{background:#00acee ;}
.facebk::before{content:'Facebook'; color:#fff; font-weight:600; font-size:12px; display:none;}


/*main css*/
.banner-image img, .banner-image-abt img{width:500px; height:330px; border-radius:25px;}
.banner-image{padding-top:9rem; display:flex;justify-content:center; z-index:2; position:relative;}
.banner-image-abt{ display:flex;justify-content:flex-start; z-index:2; position:relative;}
.our-ser-tooltip{width:170px; overflow:hidden; border-radius:8px; background:#bf5252; position:absolute; left:-10px; bottom:-22px; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.20);}
.our-ser-tooltip-abt{width:170px; overflow:hidden; border-radius:8px; background:var(--primary-color); position:absolute; right:20px; bottom:10px; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.20);}
.section-workflow .home-title + p{color:#333; font-size:15px; font-weight:300;}
.section-workflow .home-title{color:#000 ;}
.over-ser-heading{text-align:center; font-size:15px; border-bottom:1px solid #ccc; padding:6px 0; font-weight:500; color:#fff;}
.abt-conts{font-size:12px; color:#f4f4f4; padding:5px 0; }
.icon-set{width:22px; background:#ffd7d7; height:22px; border-radius:100%; text-align:center; line-height:8px; padding:5px 0; }
.title-our-ctl{font-weight:800;  color:var(--color); font-size:30px; position:relative;  }
.title-our-ctl + p{padding-top:1rem; color:#727272; font-size:14px; font-weight:300;}
.title-our-ctl:before{content:''; width:60px; height:3px; background:var(--primary-color); border-radius:30px; position:absolute; bottom:-5px; left:0; transform:translate(0, -50%);}
.title-our-ctl:after{content:''; width:10px; height:3px;   background:var(--secondary-color);position:absolute; border-radius:30px;  bottom:-5px; left:65px; transform:translate(0, -50%);}
.clients-main img{width:95%; height:105px; background:#f5f5f5; padding:35px; border-radius:8px;}
.section-main-about{padding:4rem 0; background-image: linear-gradient(124deg, #fff1f1 0%, #c9f3ff 46%, #eec883 100%);}
.abt-heading{background:#ffde9f; color:#2e475d; border-radius:30px; display:inline-block; font-size:14px; padding:2px 15px;}
.abt-heading + h1{color:var(--color); padding:8px 0; font-size:30px;font-weight:800;} 
.abt-heading + h1 + p{color:#333; font-size:14px; font-weight:300;}
.abt-heading + h1 + p + ul{margin:0; padding:0; list-style:none;}
.abt-heading + h1 + p + ul li{color:#333; font-size:14px;  width:50%; float:left;  font-weight:300; }
.section-counts{background:#f3f3f3; text-align:center; padding:1.6rem 0.6rem;}
.section-counts h1{font-weight:700; color:var(--secondary-color); font-size:30px;}
.section-counts p{color:#333; font-size:13px;}
.dim-clr{background:#7ee9b5 !important; }
.dim-clr h1{color:#992c0a;}
.contact-us{background-image:linear-gradient(to left, #2a75c9 ,var(--primary-color)); padding:2rem 0;}
.contact-us h1{color:#fff; font-size:30px;}
.contact-us p{color:#f7f7f7; font-size:14px; font-weight:300;}
.contact-num a{text-decoration:none; border-radius:var(--radius); color:var(--primary-color); background:#fff; padding:0.7rem 2rem;}
.contact-num a:hover{background:var(--secondary-color); color:#fff; }
.our-services-main{padding:2rem 0 3rem 0;}
.left-icon{background:#e3ecff; border-radius:100%; width:35px; height:35px; line-height:30px; padding:2px; text-align:center;}
.services-content h1{font-size:15px; font-weight:700;}
.services-content p{color:#727272; font-weight:300; font-size:12px; margin:0; }
.services-tabs{border:1px solid #ccc; padding:12px; border-radius:8px; cursor:pointer; transition:background 0.3s; margin-bottom:0.8rem;}
.services-tabs:hover{background:#eef4ff; border:1px solid var(--primary-color);}
.services-tabs.active-tab{background:#eef4ff; border:1px solid var(--primary-color);}
.section-main-services.active-tab{display:block;}
.section-main-services{background:#eef4ff; border-radius:10px; padding:2.5rem 1.5rem; display:none;}
.section-main-services h1{font-size:22px; color:#333; font-weight:600;}.section-main-services p{font-size:14px; color:#666; font-weight:300;}
.techo-banner{background:#f7f7f7; padding:10px; border-radius:8px; width:98% !important;}
.scroll-shadow{box-shadow:0px 0px 10px rgba(0,0,0,0.10) !important; transition:0.4s;}
.img-sec{background:#fff; padding:4px; border-radius:10px; }
.section-contact-details{position:absolute; width:300px; opacity:0; visibility:hidden; transition:opacity 0.3s; left:-70px; border-radius:2px; top:2.1rem; height:120px; background:#fff; display:flex; box-shadow:0px 0px 15px rgba(0,0,0,0.20); justify-content:center; align-items:center;    padding:8px;}
.get-in-touch:hover .section-contact-details{opacity:1; visibility:visible;}
.call-btnn{background:#08a148 !important; padding:6px 10px !important; font-size:13px !important; }
.call-btnn:hover{background:#0a5a2a !important;}
.quote-btnn:hover{background:#5e1515 !important;}

.quote-btnn{background:var(--secondary-color) !important; padding:6px 10px !important;font-size:13px !important; }
.page-title-main ul{margin:0.8rem 0; list-style:none; padding:0; overflow:hidden;    }
.page-title-main ul li{color:#ccc; font-size:14px;font-weight:300;  width:50%; float:left;}
.action-bttns p{font-size:13px; color:#444; font-weight:300; margin-bottom:0.4rem; }
.action-bttns img{width:67px; border-radius:4px;}
.counts:after{content:'+ ';}
.section-our-work{background:#581717; opacity:0; visibility:hidden; transition:0.3s; left:7rem; top:3.5rem; border-radius:4px; position:absolute; width:550px; height:auto; padding:20px;}
.btn-hiwork:hover ~ .section-our-work{ opacity:1; visibility:visible; }
.work-counts, .work-steps{display:flex; justify-content:space-around; }
.step-counts{width:40px; height:40px; background:#803434; color:#f6f6f6; position:relative; z-index:9; text-align:center;  border-radius:100%; line-height:38px; font-weight:800; font-size:16px; }
.step-counts:before{content:''; width:130px; height:3px; background:#803434; position:absolute; left:-40px; top:18px;  z-index:-1;}
.work-data h1{font-size:12px; padding-top:0.8rem; color:#f5f5f5; font-weight:700; }
.work-data p{color:#efefef; font-size:10px; font-weight:300; margin:0; padding:0;}
.work-data{text-align:center; width:25%; padding:0px 0.4rem; }
.contact-link ul li svg{background:var(--secondary-color); width:22px; height:22px; border-radius:100%; padding:4px; margin-bottom:5px;}
.section-query-form{position:fixed; display:none; background:rgba(0,0,0,0.60); top:0; left:0; width:100%; height:100vh; z-index:9999;}
.query-main{width:620px; height:350px; background:#fff;position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.section-left-img{background:#6cd391; position:relative; overflow:hidden;  height:350px;}
.section-left-img img{width:235px; position:absolute; bottom:0; left:0px;}
.section-right-form{padding:1rem 1rem 1rem 0;}
.section-right-form h1{font-size:18px; padding-bottom:0.4rem; }
.section-right-form .form-control{border-radius:0; text-overflow:ellipsis; padding:8px 5px !important; border:0; background:#fff !important; color:#333; border-bottom:1px solid #ccc !important; font-size:13px; font-weight:300;  }
.section-right-form .form-control:active, .section-right-form .form-control:focus{box-shadow:unset !important; outline:0 !important; border:0; border-bottom-color:#0a55e6 !important; }
.submit--button{background:var(--secondary-color); width:100%; border:0; border-radius:3px; color:#fff; padding:6px 20px; font-size:14px; font-weight:300;}
.submit--button:hover{background:var(--primary-color);}
.section-right-form p{font-size:11px; color:#555; margin:0; padding: 0 15px; font-weight:300;}
.close-btnn{position:absolute; top:-25px; right:-25px; cursor:pointer;}
.click-btn{position:absolute; top:20px; left:30px; color:#000; font-weight:600; font-size:18px; }
.section-howits-working{background:#18253e; margin-bottom:2rem;}
.section-howits-working .step-counts:before{width:331px; left:-135px;}
.section-howits-working .work-data h1{font-size:17px;}
.section-howits-working .work-data p{font-size:13px;}
.section-howits-working .step-counts:before{background:#2e4062;}
.section-howits-working .step-counts{width:50px; height:50px; font-size:24px; background:#2e4062; line-height:48px; }
.title-who-its{color:#f6f6f6; font-weight:600; text-align:center; font-size:25px;}
.top-nav-links a{text-decoration:none; color:#515151; font-size:12px; font-weight:300;}
.top-nav .social-media-contect a{font-size:11px; background:#579f9f; width:22px; height:22px;  line-height:22px; }
.faq-question{display:flex; cursor:pointer; justify-content:space-between;}
.faq-question h1{font-size:15px; padding:4px 0; font-weight:500; color:#444;}
.faq-question h1:hover, .faq-question h1:active, .faq-question h1:focus{color:var(--secondary-color);}
.section-faqs{width:calc(100% - 380px); margin: 0 auto;}
.faqs-section{padding:0.4rem 0 4rem 0;}
.faq-answer p{font-size:13px;  color:#777; font-weight:300;}
.faq-answer p b{color:#444;}
.faq-answer{max-height:0; transition:1.5s; overflow:hidden;}
.faq-active{max-height:230px;  }
.faq-title{text-align:center; color:var(--color); font-weight:700; font-size:28px; }
.border-starts{border-left:1px solid #ccc; }
.about-section-main{background:url(/images/about-organization.jpg) no-repeat center/cover; padding-top:10rem;  height:300px; width:100%;}
.about-section-main h1{text-align:center; color:#fff; font-weight:600; font-size:40px;  }               
.about-main .about-heading{color:#555; font-size:20px; margin-bottom:0.3rem; font-weight:500; }       
.about-main p{color:#666; font-weight:300; font-size:14px; }      
.about-main p b{color:#333;}   
.whych-heading{font-weight:600; color:#555; font-size:22px; }  
.section-whyus h1{color:#444; font-size:17px;}
.section-whyus{background:#f7f7f7; border-radius:8px; padding:15px;  }
.icon-contact{background:#09b174; margin: 0 auto;   text-align:center;  border-radius:100%; width:45px; height:45px; line-height:40px; }
.icon-contact svg{padding:3px; }
.contact-main{text-align:center; border-radius:10px; height:170px;  box-shadow:inset 1px -1px 20px 2px rgba(0,0,0,0.10); padding:20px 15px;}
.contact-main h1{font-size:18px;padding:4px 0; margin:0; font-weight:400; color:#444;}
.contact-main a{text-decoration:none; color:var(--primary-color) !important; font-size:16px; font-weight:300;}
.info-kork{font-size:15px; margin-bottom:1.4rem !important; font-weight:300; width:calc(100% - 200px); color:#444; text-align:center; margin:0 auto;}
.dropdowns-items{position:absolute; opacity:0; visibility:hidden; transform:translateY(15px); transition:0.4s; background:#f0f9ff; width:550px;  padding:30px; z-index:9; box-shadow:-1px 12px 15px rgba(0,0,0,0.10); }
.left-drop-section h1{font-size:16px; font-weight:600;}
.left-drop-section p{color:#555; font-weight:300; font-size:12px; }
.left-drop-section a{text-decoration:none; font-size:12px; color:#fff !important; background:#0a55e6; padding:6px 10px; }
.left-drop-section a:hover{background:var(--secondary-color);}
.services-links ul li a{text-decoration:none; color:#555; font-weight:300; font-size:14px; }
.services-links ul li:hover{list-style-type:disc; color:#0a55e6;}
.services-links ul li a:hover{color:#0a55e6; font-weight:500; text-decoration:underline;}
.nav-item:hover .dropdowns-items{ opacity:1; visibility:visible; transform:translateY(0px);}
.section-our-service{background:url(/images/our-service-banner.jpg) no-repeat center/cover; width:100%; height:250px; padding-top:8.5rem; }
.section-our-service h1{font-size:28px; color:#fff; font-weight:800;}
.section-our-service p{font-weight:300; color:#ccc; font-size:14px; }
.sevices-tab ul li a{font-size:14px; font-weight:300;}
.arrow{margin-left:3px; transition:0.3s; opacity:0; transform:translateX(-5px);}
.sevices-tab ul li a:hover ~ .arrow{ opacity:1; transform:translateX(0px);} 
.section-services-content{background:#fafafa;}
.service-contents{background:#fff; padding:0.5rem 1rem;}
.service-contents h2{font-size:26px; display:flex; align-items:center;  gap:0.6rem; position:relative; font-weight:600; color:#000; }
.service-contents h2:after{content:''; border:none; display:block; flex-grow:1;  height:1px; border-radius:10px; background:var(--secondary-color); }
.service-contents h3{font-size:18px; font-weight:600; color:#444; }
.service-contents p{font-weight:300; font-size:14px; color:#666;}
.service-contents b{font-size:14px; font-weight:500; color:#444;}
.sevices-tab{position:sticky; position:-webkit-sticky; top:7rem;}
.service-contents img{width:100%;}
.highlight{background:#efd5a0;padding:0px 5px;}
.tabs-btnn{background:#fff; display:none; position:fixed; left:2px; top:30%; box-shadow:1px 1px 8px rgba(0,0,0,0.10); z-index:2; padding:3px; border:1px solid #ccc; border-radius:4px; }
.border-ends{border-right:1px solid #ccc; }


 .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 1);
    z-index: 99999;
  }
  .preloader-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); font-size:20px; 
  }

.preloader-inner svg {
 width: 2.25em;
 transform-origin: center;
 animation: rotate4 2s linear infinite;
}

.preloader-inner circle {
 fill: none;
 stroke: hsl(214, 97%, 59%);
 stroke-width:6;
 stroke-dasharray: 1, 200;
 stroke-dashoffset: 0;
 stroke-linecap: round;
 animation: dash4 1.5s ease-in-out infinite;
}

@keyframes rotate4 {
 100% {
  transform: rotate(360deg);
 }
}

@keyframes dash4 {
 0% {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
 }

 50% {
  stroke-dasharray: 90, 200;
  stroke-dashoffset: -35px;
 }

 100% {
  stroke-dashoffset: -125px;
 }
}