@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
@font-face{font-family:Icons;src:url('../fonts/icons.eot');src:url('../fonts/icons.eot#iefix-rdmvgc') format('embedded-opentype'),url('../fonts/icons.woff') format('woff'),url('../fonts/icons.ttf') format('truetype'),url('../fonts/icons.svg#icomoon') format('svg');font-weight:400;font-style:normal}
body,textarea{font-family:Roboto,sans-serif;font-size:16px;line-height:25px;padding:0;margin:0}
body>#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:99995}
#preloader:before{content:url(../fonts/loader.svg);position:absolute;width:15px;height:15px;top:50%;left:50%;margin-left:-15px;margin-top:-15px}
body.no-transactions *{transition:none!important}
a,li{-webkit-tap-highlight-color:transparent}
h1,h2,h3,h4,h5,h6,p{margin:0}
p{margin:0}  
p+p{margin-top:10px}
h1{font-size:35px;line-height:40px}
h2{font-size:25px;line-height:30px}
.container>.row+.row,.container>div+.btn,.container>div+p,.row+p,.slimScrollDiv+.btn,.table+.btn,.table+.btn-text,.text-list+.btn,.text-list+.btn-text,h1+h4,h1+p,h2+h4,h2+p,h2+ul.icon-list,h3+p,h3+ul.icon-list,h4+.btn,h4+.btn-text,h4+a,h4+div,h4+input,h4+p,h4+select,h4+textarea,h4+ul,h4+ul.icon-list,img+p,p+.btn,p+.btn-text,p+.cnt-box,p+.icon-links,p+.img-box,p+.media-box,p+.row,p+.text-list,p+h3,p+h4,p+img,p+pre,p+table,p+ul.icon-list{margin-top:15px}
.row.justify-content-around{margin-right:-55px;margin-left:-55px}
.btn:not(.full-width)+.btn:not(.full-width){margin-left:15px}
.hidden{display:none!important}
.text-light{font-weight:100!important}
.text-normal{font-weight:400!important}
.text-bold{font-weight:600!important}
.text-black{font-weight:900!important}
.text-uppercase{text-transform:uppercase}  
.clear{clear:both;width:100%}
.full-width{width:100%}
.align-left{text-align:left}
.align-right{text-align:right}
.align-center{text-align:center}
.no-margin,div.no-margin{margin:0}
[data-href]{cursor:pointer}
.scroll-show:not(.showed){display:none!important}
.boxed-area,.hc-cmp-column .hc-cmp-column.boxed-area,.hc-cmp-column .hc-cmp-column.boxed-area:last-child{padding:30px;border-radius:3px}
#scene{width:100%;height:100%;display:block}
#wrapper{height:100vh;position:relative}
#blend{mix-blend-mode:hard-light;pointer-events:none}
#switch{position:absolute;right:0;background:#000;margin:4rem;display:flex;width:8rem;height:4rem;border-radius:3rem;align-items:center;justify-content:space-around;cursor:pointer;box-shadow:0 4px 30px rgb(0 0 0 / 50%)}
#switch-moon{z-index:1}
#switch input{visibility:hidden;position:absolute}
::placeholder,body,header h2{color:#6fa6d7}
.btn-text,.btn.btn-border,.glide__arrow,.icon-list span,.icon-list span a,.input-select,.input-text,.input-textarea,.menu-cnt .tab-nav>li a,.menu-cnt>ul>li a,.search-bar input[type=submit],.social-links a i,a,h1,h2,h3,h4,h5,h6{color:#379cf4}
.breadcrumb li a:after,.glide__bullets>button,.icon-circle li:before,.icon-circle span:before,.icon-line li:before,.icon-line span:before,.progress-bar>div span,.progress-bar>div>div{background-color:#379cf4}
.btn,.icon-links-button a,.icon-links-grid a:hover,.tab-nav li.active a,.tab-nav li:hover a{background-color:#379cf4;border-color:#379cf4}
.tab-nav li a{color:#379cf4;border-color:#379cf4}
.accordion-list>li:hover>a,.album-title>a:hover,.breadcrumb li:not(:last-child):hover a,.btn-border:hover,.btn-text:hover,.glide__arrow:hover,.icon-links a:hover i,.icon-links-popup:hover>i,.list-nav a:hover,.mega-menu .icon-list li a:hover,.menu-inner .dropdown ul>li:hover>a,.menu-inner li.active>a,.menu-inner li:hover>a,.menu-transparent .menu-cnt>ul>li:hover>a,.pagination li:not(.page):hover a,.search-bar input[type=submit]:hover,nav.active .menu-btn{color:#3081c8}
.light .dropdown>ul>li:not(:hover)>a{color:#3081c8!important}
.btn:not(.btn-border):hover,.cnt-box-badge .badge,.cnt-box-blog-side .blog-date,.cnt-box-blog-top .blog-date,.dropdown ul:not(.icon-list) li:hover>a,.glide__bullets>button.glide__bullet--active,.glide__bullets>button:hover,.lan-menu>li:hover>a,.menu-cnt>ul>li:hover>a{background-color:#3081c8}
.icon-links-button a:hover,.pagination li.page.active a,.pagination li.page:hover a{background-color:#3081c8;border-color:#3081c8}
.btn:hover,.input-select:focus,.input-text:focus,.input-textarea:focus,.search-bar input[type=text]:focus{border-color:#3081c8}
.accordion-list>li,.cnt-pricing-table,.footer-bar,.input-select,.input-text,.input-textarea,.menu-cnt.active,.menu-inner:not(.menu-inner-vertical) .dropdown ul,.pagination li.page a,.search-bar input[type=text],.search-box-menu,.section-block+.section-base,.section-map+.section-base,.step-item>span,.table,.table td,.table th{border-color:#c3dff7}
.bg-color,.menu-inner li:before,.menu-top-logo>.container:before,.step-item:before,body hr:not([class*=space]),body main>section.bg-color{background-color:#c3dff7}
.boxed-area,.cnt-box-side-icon.boxed>i,.cnt-box-testimonials-bubble>p,.cnt-box-top-icon.boxed>i,.cnt-box.boxed .caption,.cnt-call,.comment-list li,.header-base,.list-tags a,.menu-big-box .menu-box,.progress-bar>div,.quote,.timeline .panel,footer,main>section.section-base.section-color{background-color:#eaf5fc}
.light .breadcrumb li:not(:last-child) a,.light.menu-inner li>a{color:#fff}
.light,.light .btn a,.light .btn-text,.light .btn-text:hover,.light .btn:hover,.light .counter .value span:last-child,.light .glide__arrow,.light .icon-links a i,.light h1,.light h2,.light h3,.light h4,.light h5,.light h6,.light p,.light.counter .value span:last-child,nav.light a{color:#fff!important}
.light .breadcrumb li a:after,.section-image .boxed-area{background-color:#fff}
.bg-white,.light .glide__bullets>button,.light .glide__bullets>button.glide__bullet--active,.section-color .boxed-area{background-color:#fff!important}
.light .btn-border{color:#fff!important;border-color:#fff!important}
.light .btn-text:hover,.light p a:hover{opacity:.7}
[class*=" icon-"]:before,[class^=icon-]:before{font-family:Icons;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;speak:none;text-transform:none}
.icon-user:before{content:"\6a"}
.icon-bookmark:before{content:"\6c"}
.icon-share:before{content:"\6d"}
.icon-quote:before{content:"\65"}
.icon-calendar:before{content:"\6e"}
.icon-facebook:before{content:"\6b"}
.icon-twitter:before{content:"\6f"}
.icon-instagram:before{content:"\70"}
.icon-pinterest:before{content:"\71"}
.icon-linkedin:before{content:"\72"}
.icon-youtube:before{content:"\73"}
main>section{margin:0;padding:0;position:relative;overflow:clip;}
main>section.section-base{background-color:#fff}
.section-map>.google-map,.section-slider>.background-slider,.section-slider>.background-slider>div,.section-video>video{position:absolute!important;height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:0}
section.section-center{display:flex;align-items:center}
.section-full-width>.container{max-width:100%;width:100%}


 .popup {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-content {
      width: 350px;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      position: relative;
      text-align: center;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      animation: popup .3s ease;
    }

    @keyframes popup {
      from {
        transform: scale(0.8);
        opacity: 0;
      }

      to {
        transform: scale(1);
        opacity: 1;
      }
    }

    .popup img {
      width: 100%;
      display: block;
    }

    .close {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 30px;
      color: #fff;
      cursor: pointer;
      z-index: 10;
    }
@media (min-width:994px){
.section-full-width-right>.container>.row>.col-lg-6:last-child{position:absolute;left:50%}
.section-full-width-right>.container>.row>.col-lg-8:last-child{position:absolute;left:66.666667%}
.section-full-width-left>.container>.row>.col-lg-6:first-child{position:absolute;right:50%}
.section-full-width-left>.container>.row{direction:rtl;text-align:left}
.section-full-width-left>.container>.row>div,.section-full-width-right>.container>.row>div{direction:ltr}
main .section-full-width-left>.container{position:static}
}
.no-padding-y>.container{padding-top:0;padding-bottom:0}
.no-padding-x>.container{padding-left:0;padding-right:0}
.no-padding-top>.container{padding-top:0}
.no-padding-bottom>.container{padding-bottom:0}
.no-padding>.container{padding:0}
.section-image{background-size:cover;background-position:center center}
.section-image.bg-top{background-position:top}
.section-image.bg-bottom{background-position:bottom}
main>.section-map{padding-top:100px;padding-bottom:100px}
.section-map>.container{position:relative;z-index:5;background-color:#fff;padding:30px;border-radius:3px;width:50%;margin:0 15px;left:calc(50% - 30px);transform:translateX(calc(-100% + 30px))}
.section-map-right>.container{transform:none}
.section-map.section-full-width>.container{max-width:50%}
@media (min-width:1200px){
.section-map>.container{max-width:570px}
}
.section-video>video{height:auto}
.section-video>.container{position:relative;z-index:5}
.section-slider>.background-slider>div{opacity:0;transition:all .5s;background-size:cover;background-position:center center}
.section-slider>.background-slider>div.active{opacity:1}
.section-slider>.container{position:relative;z-index:5}
.section-slider[data-slider-parallax] .background-slider{position:fixed!important;z-index:-1;opacity:0;transition:none}
.section-slider[data-slider-parallax].active .background-slider{opacity:1}
.section-block>.block-media{position:absolute;width:calc(50% - 15px);height:100%;top:0;right:0;border-top-left-radius:3px;border-bottom-left-radius:3px;overflow:hidden}
.section-block-right>.block-media{left:0;right:auto;border-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px}
.section-block>.container>.row>.col:first-child:before{content:'';border:25px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;right:-65px;left:auto;top:50%;margin-top:-25px;position:absolute;z-index:1}
.section-block-right>.container>.row>.col:first-child:before{right:auto;left:-65px;transform:rotate(180deg)}
.section-block>.block-media .image{height:100%;width:100%;background-size:cover;background-position:center center}
.section-block>.block-media video{width:100%}
.section-block-right>.container>.row{flex-direction:row-reverse}
.section-block>.container>.row>.col:last-child{text-align:center;display:flex;align-items:center;justify-content:center;transform:translateX(30px)}
.section-block-right>.container>.row>.col:last-child{transform:translateX(-30px)}
.section-block-full>.block-media{width:100%}
.section-block-full>.container>.row>.col{max-width:calc(50% - 60px)}
.section-block-full>.container>.row>.col:first-child{background:#fff;padding:60px;margin:0 30px;border-radius:3px}
.section-block-full>.container>.row>.col:first-child:before{right:-49px}
.section-block-full.section-block-right>.container>.row>.col:first-child:before{right:auto;left:-49px}
body>nav{z-index:995;position:relative;background-color:#fff}
body>nav>.container{height:100%}
.dropdown ul li a{background-color:#fff}
.dropdown ul li:hover>a,nav:not(.menu-transparent) .menu-cnt>ul>li:hover>a{color:#fff}
.logo-retina{display:none!important}
@media (min-resolution:192dpi) and (min-width:994px),(-webkit-min-device-pixel-ratio:2) and (min-width:994px){
.logo-retina.scroll-show.showed,.logo-retina:not(.hidden):not(.scroll-show){display:block!important}
.logo-default{display:none!important}
}
body>nav .menu-brand{float:left;height:50px;display:flex;align-items:center;justify-content:center;z-index:9999;position:relative}
body>nav .menu-brand>a{height:100%}
body>nav .menu-brand img{max-height:100%;display:block}
.menu-btn{display:none;width:30px;height:30px;font-style:normal;position:absolute;right:30px;top:50%;transform:translateY(-50%);font-size:30px;line-height:30px}
.menu-btn:before{content:"\64";font-family:Icons;position:absolute;left:0;text-transform:none}
.menu-right{float:right;height:50px;display:flex;align-items:center;margin:0 -15px}
.menu-cnt{position:relative}
.menu-cnt>ul,.menu-inner>ul{float:right;list-style:none;padding:0;margin:0;display:flex;margin-left:30px; align-items: center;}
.dropdown-submenu>ul>li>a,.dropdown>ul>li>a,.menu-cnt>ul>li>a{line-height:50px;padding:0 14px;font-size:13px;display:block}
.menu-cnt ul>li>a{text-decoration:none;transition:all .5s,height 0s,line-height 0s}
.menu-cnt>ul>li a{font-weight:500;text-decoration:none;text-align:left}
.menu-right>*{margin:0 15px}
.search-box-menu>input[type=text]{display:none;position:absolute;box-sizing:border-box;left:0;top:calc(100% + 10px);width:100%!important;max-width:1125px;padding:5px 15px;margin:auto;border:none;height:50px;z-index:9;outline:0;border-radius:3px;box-shadow:0 5px 5px rgba(0,0,0,.06);background-color:#fff;transition:all .5s}
body>nav .search-box-menu.active>input{display:block}
.search-box-menu>i{font-size:19px;height:50px;line-height:50px;cursor:pointer;width:50px;display:block;text-align:center}
.search-box-menu>i:before{font-family:Icons;content:"\61";font-style:normal;text-transform:none}
.search-box-menu.active>i:before{content:"\63"}
.search-box-menu>input[type=submit]{display:none;position:absolute;z-index:9;right:0;height:40px;top:calc(100% + 15px);background:#fff;border:none;padding:0 15px;cursor:pointer}
.search-bar{position:relative}
.search-bar input[type=text]{line-height:25px;border-radius:3px;border-width:1px;border-style:solid;outline:0;padding:0 5px;transition:all .5s}
.search-bar input[type=submit]{position:absolute;top:50%;transform:translateY(-50%);right:5px;background:0 0;border:none;outline:0;cursor:pointer}
.light .lan-menu ul li a,.light .shop-menu .btn,.light .shop-menu .shop-cart .cart-item .cart-content,.light .shop-menu p,nav.light h5{color:#4c4c4c}
body>nav .icon-links a i{font-size:16px;transform:translateX(-50%) translateY(-50%)}
.menu-cnt li>a{position:relative}
.menu-mini{height:35px;border-bottom:1px solid rgba(128,128,128,.21);background:#fff}
.menu-mini>.container>ul{list-style:none;float:left;padding:0;margin:9px 0 0 0}
.menu-mini>.container>ul>li{float:left;padding-right:20px;padding-left:25px;font-size:13px;line-height:16px;position:relative}
.menu-mini>.container>ul>li i{margin-right:5px;font-size:16px;position:absolute;left:0}
.menu-mini li>a{text-decoration:none}
.menu-mini .menu-right{align-items:center;height:35px;padding:0}
.menu-mini .icon-links i,.menu-mini .icon-links i:hover{font-size:14px;border-radius:0;width:35px;padding:0}
.menu-mini .lan-menu{position:relative;z-index:999}
.menu-mini .lan-menu li.dropdown>a{height:35px;line-height:35px;padding-top:0;padding-bottom:0}
.menu-wide .container,.menu-wide .search-box-menu>input{max-width:100%}
.dropdown ul:not(.icon-list){position:absolute;display:none}
.dropdown li{cursor:pointer}
.dropdown>a{position:relative}
.dropdown-submenu>ul,.dropdown>ul{box-shadow:0 6px 5px rgba(0,0,0,.17);list-style:none;padding:0;margin:0;border:none;max-width:100%;min-width:200px}
.dropdown-submenu:hover>ul,.dropdown:hover .mega-menu,.dropdown:hover>ul{display:block;z-index:4}
.dropdown-submenu{position:relative}
.dropdown-submenu>a{position:relative;z-index:3}
.dropdown-submenu>a:after,.menu-cnt>ul>li.dropdown>a:after,.menu-inner .dropdown>a:after,.menu-side .dropdown>a:after,.menu-side .mega-dropdown>a:after{font-family:Icons;content:"\67";position:absolute;top:52%;transform:translateY(-50%) rotate(90deg);width:20px;height:20px;line-height:20px;text-align:center;right:0;transition:transform .5s;text-transform:none;opacity:.7}
.dropdown-submenu>a:after,.menu-side:not(.menu-side-collapse) li.dropdown>a:after,.menu-side:not(.menu-side-collapse) li>a:after{transform:translateY(-50%) rotate(0);transition:none}
.dropdown.active>a:after,.mega-dropdown.active>a:after{transform:translateY(-50%) rotate(90deg) matrix(-1,0,0,1,0,0)}
.dropdown:hover>a:after,.menu-cnt li:hover>a:after{opacity:1}
.dropdown-submenu ul{top:0;left:100%;z-index:1}
.menu-cnt>ul>li.dropdown>a,.menu-cnt>ul>li.mega-dropdown>a{padding-right:20px}
.menu-side .menu-cnt>ul>li.dropdown>a,.menu-side .menu-cnt>ul>li.mega-dropdown>a{padding-right:15px}
.dropdown .divider{height:1px;background:#eaeaea}
.mega-dropdown:hover .mega-menu,.mega-menu .tab-box>.panel.active{display:flex;overflow:hidden;z-index:2}
.mega-menu .tab-box>.panel{margin:30px 5px}
.mega-menu .tab-nav{margin:15px}
.mega-dropdown .mega-menu{left:0;width:100%}
.mega-menu .col{padding:0 10px}
.mega-menu{position:absolute;min-width:250px;padding:25px 5px;box-shadow:0 6px 5px rgba(0,0,0,.17);background-color:#fff;background-size:cover;display:none}
.mega-menu a{color:#636363;padding-left:5px;display:block;white-space:nowrap}
.mega-menu .no-icons a{padding-left:0}
.mega-menu.bg-menu{min-width:400px}
.mega-menu h5{margin-top:5px;min-height:15px;font-size:15px;text-align:left}
.mega-menu .icon-list+h5{margin-top:30px}
.mega-menu .no-icons{margin-left:1px}
.mega-menu .col>h5:first-child{margin-top:0}
.mega-menu .tab-box{width:calc(100% + 10px);margin:-25px -5px}
nav.align-right .menu-cnt{display:flex;justify-content:flex-end}
nav.align-right .menu-cnt{float:none}
.menu-inner>ul{float:none;margin-left:0}
.menu-inner:not(.menu-inner-vertical)>ul>li:not(:last-child){margin-right:20px}
.menu-inner li>a{height:50px;line-height:50px;display:block;position:relative;text-decoration:none;border-radius:3px;cursor:pointer;transition:all .5s}
.menu-inner li.dropdown>a{padding-right:35px}
.menu-inner .dropdown ul>li>a{font-size:15px}
.menu-inner .dropdown ul>li:hover>a{background:0 0}
.menu-inner li{position:relative;transition:all .5s}
.menu-inner li:before{content:"";position:absolute;width:0%;height:1px;transition:all .5s;bottom:0;left:0}
.menu-inner li.active:before,.menu-inner li:hover:before{width:100%}
.menu-inner li>a>i{margin-right:15px}
.menu-inner-vertical>ul{display:block}
.menu-inner-vertical li.dropdown>ul{position:static;box-shadow:none}
.menu-inner-vertical .dropdown:hover>ul{display:none}
.menu-inner-vertical .dropdown.active>ul{display:block}
.menu-inner.ms-minimal li.active>a,.menu-inner.ms-minimal li:hover a{background:0 0}
.menu-inner>div{display:none;position:relative;padding:10px 0}
.menu-inner>div>i{right:0}
.menu-inner.nav-right{justify-content:flex-end;display:flex}
.menu-inner.nav-center{justify-content:center;display:flex}
.menu-inner:not(.menu-inner-vertical) .dropdown>a:after{right:0}
.menu-inner:not(.menu-inner-vertical) .dropdown ul{box-shadow:none;border-style:solid;border-width:1px;border-radius:3px;margin-top:-1px}
.menu-inner:not(.menu-inner-vertical) .dropdown li:last-child:before{bottom:-1px}
.menu-inner-image li img{position:absolute;height:50px;max-height:50px;max-width:50px;height:50px;border-radius:3px;left:-65px}
.menu-inner-image li{padding-left:65px;margin-bottom:15px}
.menu-inner-image li a{line-height:30px}
.menu-inner-image li a span{display:block;line-height:15px;font-size:12px}
.menu-big-box.menu-transparent .menu-box,.menu-transparent .btn,.menu-transparent .btn:hover,.menu-transparent .form-control,.menu-transparent .lan-menu>li:hover>a,.menu-transparent .lan-menu>li>a,.menu-transparent .menu-cnt>ul>li:hover>a,.menu-transparent .menu-mini,body>nav.menu-transparent{background:0 0}
nav.menu-fixed {
    right: 0;
    left: 0;
    background: #153056;
    height: 50px;
    /* clip-path: polygon(100% 0, 100% 42%, 98.5% 100%, 1.5% 100%, 0 42%, 0% 0%); */
}
.menu-fixed:not(.menu-transparent)+header,.menu-fixed:not(.menu-transparent)+main{margin-top:50px}
.menu-fixed.menu-top-logo:not(.menu-transparent)+header,.menu-fixed.menu-top-logo:not(.menu-transparent)+main{margin-top:0}
.lan-menu{list-style:none;padding-left:0;position:relative}
.lan-menu .dropdown>ul>li>a,.lan-menu li a{padding-left:40px;color:#444;text-decoration:none;line-height:50px;font-size:13px;display:block;transition:all .5s}
.lan-menu .dropdown>ul>li:hover>a,nav:not(.menu-transparent) .lan-menu>li:hover>a,nav:not(.menu-transparent) .menu-mini .lan-menu>li:hover>a{color:#fff}
.lan-menu li.dropdown>a{padding-right:15px}
.lan-menu li.dropdown>a:after{right:15px}
.lan-menu .dropdown>ul,.lan-menu .dropdown>ul>li>a{min-width:100%;max-width:100%;box-sizing:border-box}
.lan-menu li a img{position:absolute;left:15px;top:50%;margin-top:-6px;border-radius:3px}
.shop-menu-cnt{position:relative}
.shop-menu-cnt>i{font-size:23px;height:50px;line-height:50px;cursor:pointer;width:50px;display:block;text-align:center}
.shop-menu-cnt>i:before{font-family:Icons;content:"\69";font-style:normal}
.shop-menu-cnt:hover .shop-menu{display:block;visibility:visible;opacity:1}
.shop-menu-cnt .shop-menu{z-index:90;position:absolute;top:100%;left:50%;margin-left:-160px;width:320px;text-align:center;background-color:#fff;transition:all .4s ease;box-shadow:0 6px 5px rgba(0,0,0,.17);overflow:hidden;display:none}
.shop-cart li{cursor:pointer}
.shop-cart li img{width:65px;height:40px;margin:0;border-radius:3px;float:left}
.shop-cart .cart-item .cart-content{padding-left:100px;text-align:left;font-size:13px;line-height:21px}
.shop-menu-cnt .cart-total{display:block;text-align:left;padding:8px 16px;margin:0;overflow:hidden;font-size:14px;line-height:18px}
.shop-cart{list-style:none;padding:15px 0;margin:0}
.shop-cart .cart-item{height:50px;padding:0 15px;transition:all .3s}
.shop-cart .cart-item:hover{background:0 0;padding-left:20px}
.cart-item h5{margin-bottom:0;font-size:14px}
.shop-menu .cart-buttons{text-align:left;padding:15px;margin:0;line-height:20px}
.shop-menu .cart-buttons a{text-decoration:none;margin-right:10px}
.shop-menu-cnt .cart-count{background-color:#292929;top:50%;margin-top:-4px;right:3px;width:18px;height:18px;display:block;position:absolute;z-index:95;font-size:11px;line-height:19px;font-style:normal;text-align:center;border-radius:50%;color:#fff;font-weight:600}
.shop-menu-empty .shop-menu,.wc-backward{display:none!important}
.menu-big-box{padding-bottom:40px}
.menu-big-box .menu-box{position:absolute;height:80px;width:calc(100% - 60px);z-index:1;display:flex;align-items:center;justify-content:center;padding:15px;border-radius:3px}
.menu-big-box .menu-box>.row{width:calc(100% + 15px)}
.menu-big-box .menu-cnt>ul,.menu-big-box .menu-right>ul{z-index:2;position:relative}
.menu-big-box>.container{position:relative}
.menu-subtitle .menu-cnt li a span{display:block;height:23px;position:absolute;bottom:24px;font-size:11px;color:#bbb}
.menu-subtitle .menu-cnt .menu-right,.menu-subtitle .menu-cnt>ul>li>a{height:70px}
.menu-subtitle .menu-cnt>ul>li>a{position:relative}
.menu-subtitle .lan-menu>li>a,.menu-subtitle .menu-brand,.menu-subtitle .search-box-menu>i,.menu-subtitle .shop-menu-cnt>i{height:70px;line-height:70px}
@media (min-width:992px){
.menu-top-logo>.container{padding-left:30px;padding-right:30px}
.menu-top-logo .menu-right,.menu-top-logo>.container>.menu-brand{position:absolute;width:228px;float:none;padding-right:30px;justify-content:flex-start;height:auto}
.menu-top-logo .menu-right{left:50%;right:auto;justify-content:flex-end;margin:0}
.menu-top-logo .menu-right>:last-child{margin-right:0}
.menu-top-logo .menu-cnt{position:static}
.menu-top-logo .menu-cnt>ul{margin:0;position:relative;width:100%}
.menu-top-logo>.container:before{content:"";position:absolute;height:1px;width:100%;left:0}
.menu-top-logo .menu-mini{position:absolute;top:0;width:100%}
.menu-top-logo .menu-mini .menu-right{transform:translateY(-50%)}
.menu-top-logo>.menu-mini+.container .menu-right,.menu-top-logo>.menu-mini+.container>.menu-brand{transform:translateY(calc(-50% - 8px))}
.menu-top-logo.menu-wide>.container>.menu-brand{left:0;right:auto}
.menu-top-logo.menu-wide .menu-right{left:auto;right:0}
}
@media (max-width:1125px) and (min-width:992px){
.menu-top-logo .menu-right,.menu-top-logo>.container>.menu-brand{width:480px}
}
.menu-icon .menu-cnt>ul>li>a>i{position:absolute;top:50%;left:13px;transform:translateY(-50%);font-size:24px;cursor:pointer}
.menu-icon .menu-cnt>ul>li>a{padding-left:55px;position:relative}
.menu-icon-top.menu-fixed.scroll-menu .menu-cnt>ul>li>a>i{display:none}
@media (min-width:993px){
.menu-icon-top .menu-cnt>ul>li>a>i{top:15px;left:50%;transform:translateY(0) translateX(-50%)}
.menu-icon-top .menu-cnt>ul>li>a{padding-top:35px;padding-left:15px}
.menu-icon-top .dropdown-submenu>ul>li>a,.menu-icon-top .lan-menu>li>a,.menu-icon-top .menu-brand,.menu-icon-top .menu-cnt .menu-right,.menu-icon-top .menu-cnt>.dropdown>ul>li>a,.menu-icon-top .search-box-menu>i,.menu-icon-top .shop-menu-cnt>i{height:80px;line-height:80px}
.menu-icon-top .menu-cnt>ul>li>a{line-height:50px}
}
@media (min-width:992px){
.menu-side-cnt,.menu-side-cnt #fullpage-main,.menu-side-cnt .footer-parallax,.menu-side-cnt>.menu-fixed:not(.menu-wide){padding-left:250px}
.menu-side{width:250px;height:100%;position:fixed;top:0;left:0;z-index:99995;background-color:#fff;border-right:1px solid #e7e7e7;box-shadow:1px 0 2px rgba(0,0,0,.05)}
.menu-side .menu-brand{width:100%;padding:15px;height:90px;float:none}
.menu-side .menu-cnt>ul{float:none;display:block;margin:0}
.menu-side .menu-cnt>ul>li{float:none;position:relative;margin:0}
.menu-side .dropdown-submenu>ul,.menu-side .dropdown>ul,.menu-side .mega-menu{left:100%;top:0;width:auto}
.menu-side-collapse{display:flex;flex-direction:column;justify-content:space-between}
.menu-side-collapse .menu-cnt{height:100%}
.menu-side-collapse .menu-cnt>ul{float:none;display:block;margin:0}
.menu-side-collapse .menu-cnt>ul>li{float:none;position:relative;margin:0}
.menu-side-collapse .dropdown-submenu>ul,.menu-side-collapse .dropdown>ul,.menu-side-collapse .mega-menu{left:0;top:100%;width:100%;position:relative;box-shadow:none}
.menu-side-collapse .bottom-area{position:static}
.menu-side-collapse .active .dropdown-submenu ul,.menu-side-collapse .active .mega-menu,.menu-side-collapse .mega-menu .tab-box .nav-tabs,.menu-side-collapse .mega-menu .tab-box>.panel.active,.menu-side-collapse li.active>ul{display:block}
.menu-side-collapse li:not(.active):hover .mega-menu,.menu-side-collapse li:not(.active):not(.dropdown-submenu):hover>ul{display:none}
.menu-side-collapse .mega-menu{padding:25px 0}
.menu-side .mega-menu .col{padding:0 15px;font-size:13px}
.menu-side .mega-menu .icon-list li a:hover{background:0 0}
.menu-side:not(.menu-side-collapse) .dropdown-submenu>ul,.menu-side:not(.menu-side-collapse) .dropdown>ul{box-shadow:4px 5px 5px rgba(0,0,0,.17);border-left:1px solid #eaeaea}
.menu-side .slimScrollRail{visibility:hidden}
.menu-side-collapse .active .dropdown-submenu>a:after{transform:translateY(-50%) rotate(90deg)}
.menu-side-collapse .mega-menu .tab-nav{display:block}
.menu-side-collapse .mega-menu .tab-nav li a{margin:10px 0}
}
.menu-side-collapse .col+.col>h5:first-child{margin-top:30px}
.menu-side .bottom-area{position:absolute;bottom:20px;padding:20px 15px;width:100%;text-align:center}
.menu-side-collapse .bottom-area{position:static}
.menu-side .bottom-area .lan-menu{display:flex;justify-content:center;padding:15px 0}
.menu-side .bottom-area .lan-menu a{margin:0 5px}
.menu-side .bottom-area .icon-links{margin:10px 0}
.menu-side .bottom-area p{font-size:12px}
.title{position:relative;margin-bottom:50px}
.title>p{margin-top:15px}
.row>div>.title:last-child{margin-bottom:0}
body>header{position:relative;display:flex;align-items:center;height:350px;overflow:hidden}
body>header>.container{position:relative;z-index:5}
body>header h1{font-size:30px;font-weight:600;margin:0}
body>header h2{margin:20px 0 0 0;font-size:18px;font-weight:400}
body>header.align-center h2{margin:20px auto 0 auto}
.breadcrumb{list-style:none;display:flex;margin:40px 0 0 0;padding:15px}
.breadcrumb li{list-style:none}
.breadcrumb li a{display:block;text-decoration:none;padding-right:15px;margin-right:15px;font-size:14px;position:relative}
.breadcrumb li a:after{content:"";position:absolute;width:1px;height:11px;margin-top:-5px;opacity:.6;top:50%;right:0;transform:rotate(25deg)}
.breadcrumb li:last-child a{font-weight:600;cursor:default;padding-right:0;margin-right:0}
.breadcrumb li:last-child a:after{display:none}
body>header.align-right .breadcrumb{left:15px;right:auto;justify-content:flex-end}
body>header.align-center .breadcrumb{position:static;justify-content:center;margin-top:20px}
.breadcrumb.align-center{justify-content:center}
.breadcrumb.align-right{justify-content:flex-end}
body>nav.menu-transparent+header{margin-top:0!important}
.header-base,.header-image{background-position:center center;background-size:cover;background-color:#2c89b3ad;text-transform:uppercase}
.header-slider>.background-slider>div{position:absolute;height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:0}
.header-slider>.background-slider>div{opacity:0;background-size:cover;background-position:center center;transition:all .5s}
.header-slider>.background-slider>div.active{opacity:1}
.header-video>video{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;z-index:0}
.header-base{height:200px}
.header-base .breadcrumb{position:absolute;right:15px;top:0;margin-top:0}
hr.space,hr.space-lg,hr.space-md,hr.space-sm,hr.space-xs{border:none;clear:both;margin:0}
hr.space-xs{height:15px}
hr.space-sm{height:30px}
hr.space{height:60px}
hr.space-md{height:75px}
hr.space-lg{height:100px}
span.space,span.space-lg,span.space-md,span.space-sm,span.space-xs{display:inline-block}
span.space-xs{width:15px}
span.space-sm{width:30px}
span.space{width:60px}
span.space-md{width:75px}
span.space-lg{width:100px}
.text-xs{font-size:12px!important;line-height:18px}
.text-sm{font-size:16px!important;line-height:22px}
.text-md{font-size:25px!important;line-height:35px}
.text-lg{font-size:50px!important;line-height:70px}
hr:not([class*=space]){height:1px;border:none;background:#dadada;margin:30px 0}
.quote{position:relative;padding:30px 30px 30px 105px;margin:0;border-radius:3px}
.quote>p{margin:0}
.quote.quote-double{padding:30px 105px 30px 105px}
.quote.quote-double:after,.quote:before{content:"\65";font-family:Icons;position:absolute;left:30px;width:50px;height:50px;font-size:45px;line-height:55px;opacity:.2;text-transform:none}
.quote.quote-double:after{content:"\66";left:auto;right:30px;bottom:30px}
.quote .quote-author{display:block;margin-top:15px;font-weight:600}
.quote-author:empty{display:none}
.btn{color:#fff;border-radius:3px;display:inline-block;text-decoration:none;border-style:solid;border-width:1px;position:relative;cursor:pointer;outline:0;text-align:center;transition:all .5s}
.btn-xs{padding:7px 20px;font-size:13px}
.btn-sm{padding:10px 30px;font-size:15px}
.btn-lg{padding:15px 50px;font-size:20px}
.btn-border,body .btn-border{background:0 0}
.btn-circle{border-radius:100px}
.btn-text{position:relative;display:inline-block;text-decoration:none;cursor:pointer;background:0 0;border:none;outline:0;transition:all .5s}
.btn-text.btn-icon i{position:static;margin-right:10px}
.btn-icon.btn-xs.btn-anima:hover,.btn-icon.btn-xs:not(.btn-anima){padding-left:40px}
.btn-icon.btn-sm.btn-anima:hover,.btn-icon.btn-sm:not(.btn-anima){padding-left:55px}
.btn-icon.btn-lg.btn-anima:hover,.btn-icon.btn-lg:not(.btn-anima){padding-left:85px}
.btn-icon i{position:absolute;left:30px;top:50%;transform:translateY(-50%)}
.btn-icon.btn-lg:not(.btn-anima) i{left:50px}
.btn-anima{overflow:hidden}
.btn-anima i{left:-50px;transition:all .5s}
.btn-icon.btn-xs.btn-anima:hover i,.btn-icon.btn-xs:not(.btn-anima) i{left:20px}
.btn-icon.btn-sm.btn-anima:hover i{left:30px}
.btn-icon.btn-lg.btn-anima:hover i,.btn-icon.btn-lg.btn-xs:not(.btn-anima) i{left:50px}
.btn-video{position:relative;display:block;padding-top:60px;text-decoration:none}
.btn-video:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;top:-14px;left:50%;transform:translateX(-50%);margin-left:-43px;background:#fff;z-index:1}
.btn-video:after{content:"\62";font-family:Icons;position:absolute;width:50px;height:50px;font-size:45px;line-height:55px;top:0;left:50%;margin-left:-24px;animation-iteration-count:infinite;z-index:1;text-transform:none}
.img-box.btn-video{padding-top:0}
.img-box.btn-video:before{top:50%;margin-top:-43px;margin-left:-45px;height:80px;border-radius:50%;left:50%;background:#fff}
.img-box.btn-video:after{top:50%;margin-top:-30px}
.input-select,.input-text,.input-textarea{border-radius:3px;border-style:solid;border-width:1px;outline:0;width:100%;padding:10px;font-size:14px;background:#fff}
.input-text-btn{display:flex}
.input-text-btn .input-text{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;margin:0}
.input-text-btn .btn{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:10px;padding-right:10px;margin:0}
.text-list,.text-list li{list-style:none;position:relative;padding:0;margin:0}
.text-list li{transition:all .5s}
.text-list-base li,.text-list-image li,.text-list-side li{margin-bottom:30px}
.text-list-base li:last-child,.text-list-image li:last-child,.text-list-side li:last-child{margin-bottom:0}
.text-list-base li>h3,.text-list-image .content>h3,.text-list-side h3{margin:0;font-size:19px}
.text-list-base li>p,.text-list-image .content>p{margin:5px 0 0 0}
.text-list-base li>div,.text-list-image .content>div{position:absolute;right:0;top:0}
.text-list-image li{display:flex;align-items:center;justify-content:space-between}
.text-list-image li .content{position:relative;width:100%;padding-left:30px}
.text-list-image li>img{position:relative;left:0;width:90px;height:90px;border-radius:50%}
.text-list-side li{display:flex;justify-content:space-between}
.text-list-side li h3{min-width:150px}
.text-list-side p{margin:0 30px}
.text-list-bold li,.text-list-line li{display:flex;margin-bottom:5px}
.text-list-bold p span,.text-list-line p span{padding-left:15px}
.text-list-bold li p{margin:0 0 0 15px}
.text-list-line li b{margin-right:5px;white-space:nowrap}
.text-list-line label{text-transform:none;font-weight:400;font-style:normal;display:inline}
.text-list-line li p{margin:0 5px;white-space:nowrap;overflow:visible}
.text-list-line li{justify-content:space-between;height:26.5px}
.text-list-line li hr{width:100%;margin-top:16px;border-top:1px dotted;background:0 0;opacity:.8}
.icon-list-horizontal{display:flex}
.icon-list-horizontal.icon-list li{margin-right:25px;margin-bottom:0;padding-left:25px;position:relative;white-space:nowrap;overflow:hidden}
.icon-list p{margin:0;display:inline}
.icon-list li>i{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.icon-list-horizontal.icon-list a{text-decoration:none}
ul.icon-list{list-style:none;padding:0;margin:0}
ul.icon-list li{position:relative;list-style:none;padding-left:30px;margin-bottom:10px}
ul.icon-list li:last-child{margin-bottom:0}
.icon-list.icon-md li,.icon-list.icon-md span{padding-left:40px;line-height:35px}
.icon-list.icon-md li>i,.icon-list.icon-md span>i{font-size:23px}
.icon-list.icon-lg li,.icon-list.icon-lg span{padding-left:50px;line-height:40px}
.icon-list.icon-lg li>i,.icon-list.icon-lg span>i{font-size:30px}
.icon-list.icon-md.text-xs li{line-height:20px}
.icon-list.icon-md.text-xs li>i{font-size:15px}
.icon-circle li>i,.icon-decimal li>i,.icon-line li>i{display:none}
.icon-circle li:before,.icon-circle span:before,.icon-line li:before,.icon-line span:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;left:0;top:50%;transform:translateY(-50%);transition:all .5s}
.icon-circle li:hover:before,.icon-circle span:hover:before{transform:translateY(-50%) scale(.8)}
.icon-circle.icon-md li:before,.icon-circle.icon-md span:before{width:11px;height:11px}
.icon-circle.icon-md li,.icon-circle.icon-md span{padding-left:35px}
.icon-circle.icon-lg li:before,.icon-circle.icon-lg span:before{width:16px;height:16px}
.icon-circle.icon-lg li,.icon-circle.icon-lg span{padding-left:40px}
.icon-line li:before,.icon-line span:before{border-radius:3px;height:2px}
.icon-line li:hover:before,.icon-line span:hover:before{transform:translateY(-50%) translateX(5px)}
.icon-line.icon-md li:before,.icon-line.icon-md span:before{width:15px;height:3px}
.icon-line.icon-md li,.icon-line.icon-md span{padding-left:35px}
.icon-line.icon-lg li:before,.icon-line.icon-lg span:before{width:20px;height:4px}
.icon-line.icon-lg li,.icon-line.icon-lg span{padding-left:40px}
ul.icon-decimal{padding-left:15px}
ul.icon-decimal,ul.icon-decimal li{list-style:decimal}
.icon-list-horizontal.icon-list:not(.icon-md):not(.icon-lg) span{padding-left:33px}
.icon-list-horizontal.icon-list.list-right span,ul.icon-list.list-right li{padding-left:0;padding-right:30px;text-align:right}
.icon-list-horizontal.icon-list.list-right i,ul.icon-list.list-right li i{left:auto;right:0}
.icon-list-horizontal.icon-list.list-right.icon-md span,ul.icon-list.list-right.icon-md li{padding-right:40px}
.icon-list-horizontal.icon-list.list-right.icon-lg span,ul.icon-list.list-right.icon-lg li{padding-right:50px}
.icon-list-horizontal.icon-list.list-right:not(.icon-md):not(.icon-lg) span{padding-left:0;padding-right:33px}
.icon-circle.list-right li:before,.icon-circle.list-right span:before,.icon-line.list-right li:before,.icon-line.list-right span:before{left:auto;right:0}
.icon-links{display:flex}
.icon-links.align-center{justify-content:center}
.icon-links.align-right{justify-content:flex-end}
.icon-links a{display:block;width:30px;height:30px;margin-right:15px;position:relative;cursor:pointer}
.icon-links a i{left:50%;top:50%;transform:translateX(-50%) translateY(-50%);margin:0;padding:0;display:block;position:absolute;font-size:18px;transition:all .5s}
.icon-links{display:flex}
.icon-links-grid a{border-style:solid;border-width:1px;border-right:none;width:50px;height:40px;margin:0}
.icon-links-grid a i{transition:all .1s}
.icon-links-grid a:hover i{color:#fff}
.icon-links-grid a:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}
.icon-links-grid a:last-of-type{border-right-style:solid;border-right-width:1px;border-bottom-right-radius:3px;border-top-right-radius:3px}
.icon-links-button a{width:50px;height:40px;border-radius:3px;transition:all .5s}
.icon-links-button a i,.icon-links-button a:hover i{color:#fff}
.icon-links-popup{position:relative;padding-left:35px}
.icon-links-popup>i{display:block;position:absolute;width:20px;height:20px;left:0;font-size:16px;cursor:pointer}
.icon-links-popup>i:before{font-family:Icons;content:"\6d";font-size:20px;font-style:normal;font-weight:400;text-transform:none}
.icon-links-popup>div{display:flex;position:relative;visibility:hidden}
.icon-links-popup>div>a{opacity:0;transition:all .5s}
.icon-links-popup.active>div{visibility:visible}
.icon-links-popup.active>div>a{opacity:1}
.icon-links.icon-lg i{font-size:25px}
.icon-links.icon-lg a{margin-right:25px}
.icon-links-grid.icon-lg a{margin-right:0;width:60px;height:45px}
.icon-links-button.icon-lg a{width:60px;height:45px}
.icon-links-popup.icon-lg{padding-left:45px}
.icon-links-popup.icon-lg>i{height:25px;width:25px}
.icon-links-popup.icon-lg>i:before{font-size:25px}
.icon-links>a:last-child{margin-right:0}
.icon-social a i{transform:translateX(-50%) translateY(calc(-50% + 2px))}
.social-colors-hover.icon-links-button i,.social-colors-hover.icon-links-grid i,.social-colors.icon-links-button i,.social-colors.icon-links-grid i{transition:none}
.social-colors-hover.icon-links-button .facebook:hover,.social-colors-hover.icon-links-grid .facebook:hover,.social-colors.icon-links-button .facebook:not(:hover),.social-colors.icon-links-grid .facebook:not(:hover){background-color:#3b5998;border-color:#3b5998;color:#fff}
.social-colors-hover.icon-links-button .twitter:hover,.social-colors-hover.icon-links-grid .twitter:hover,.social-colors.icon-links-button .twitter:not(:hover),.social-colors.icon-links-grid .twitter:not(:hover){background-color:#3b8aca;border-color:#3b8aca;color:#fff}
.social-colors-hover.icon-links-button .pinterest:hover,.social-colors-hover.icon-links-grid .pinterest:hover,.social-colors.icon-links-button .pinterest:not(:hover),.social-colors.icon-links-grid .pinterest:not(:hover){background-color:#b90b20;border-color:#b90b20;color:#fff}
.social-colors-hover.icon-links-button .linkedin:hover,.social-colors-hover.icon-links-grid .linkedin:hover,.social-colors.icon-links-button .linkedin:not(:hover),.social-colors.icon-links-grid .linkedin:not(:hover){background-color:#0077b5;border-color:#0077b5;color:#fff}
.social-colors-hover.icon-links-button .youtube:hover,.social-colors-hover.icon-links-grid .youtube:hover,.social-colors.icon-links-button .youtube:not(:hover),.social-colors.icon-links-grid .youtube:not(:hover){background-color:#cc181e;border-color:#cc181e;color:#fff}
.social-colors-hover.icon-links-button .instagram:hover,.social-colors-hover.icon-links-grid .instagram:hover,.social-colors.icon-links-button .instagram:not(:hover),.social-colors.icon-links-grid .instagram:not(:hover){background-color:#464646;border-color:#464646;color:#fff}
.social-colors-hover:not(.icon-links-button):not(.icon-links-grid) .facebook:hover i,.social-colors:not(.icon-links-button):not(.icon-links-grid) .facebook:not(:hover) i{color:#3b5998}
.social-colors-hover:not(.icon-links-button):not(.icon-links-grid) .twitter:hover i,.social-colors:not(.icon-links-button):not(.icon-links-grid) .twitter:not(:hover) i{color:#3b8aca}
.social-colors-hover:not(.icon-links-button):not(.icon-links-grid) .pinterest:hover i,.social-colors:not(.icon-links-button):not(.icon-links-grid) .pinterest:not(:hover) i{color:#b90b20}
.social-colors-hover:not(.icon-links-button):not(.icon-links-grid) .linkedin:hover i,.social-colors:not(.icon-links-button):not(.icon-links-grid) .linkedin:not(:hover) i{color:#0077b5}
.social-colors-hover:not(.icon-links-button):not(.icon-links-grid) .youtube:hover i,.social-colors:not(.icon-links-button):not(.icon-links-grid) .youtube:not(:hover) i{color:#cc181e}
.social-colors-hover:not(.icon-links-button):not(.icon-links-grid) .instagram:hover i,.social-colors:not(.icon-links-button):not(.icon-links-grid) .instagram:not(:hover) i{color:#464646}
.icon-box{position:relative;display:flex}
.icon-box i{font-size:35px;display:block;text-align:left}
.icon-box h3{font-size:20px}
.icon-box p{margin:0}
.icon-box-top{flex-direction:column}
.icon-box-top h3{margin:20px 0 10px 0}
.icon-box-left{flex-direction:row;align-items:center}
.icon-box-left i{padding-right:30px}
.icon-box-left h3{margin:0 0 5px 0}
.icon-box-right{flex-direction:row-reverse;align-items:center;text-align:right}
.icon-box-right i{padding-left:30px}
.icon-box-right h3{margin:0 0 5px 0}
.icon-box-top.align-center i{margin-left:auto;margin-right:auto;text-align:center}
.icon-box-top.align-right i{margin-left:auto;margin-right:0;text-align:right}
.google-map{height:350px}
.box-steps{display:grid;grid-gap:30px;grid-template-columns:1fr 1fr 1fr 1fr}
.box-steps>div{grid-template-columns:1fr 1fr 1fr}
.step-item{position:relative}
.step-item>.content{position:relative;padding-top:60px}
.step-item>.content>:first-child{margin-top:0}
.step-item>span{position:absolute;width:30px;height:30px;line-height:30px;border-style:solid;border-width:1px;border-radius:50%;text-align:center;font-size:14px;display:block;font-weight:600;background:#fff}
.step-item:before{content:"";position:absolute;width:100%;height:1px;top:14px}
.box-steps-vertical{display:block}
.box-steps-vertical>.step-item:not(:last-child){padding-bottom:30px}
.box-steps-vertical>.step-item>.content{padding:0 0 0 60px}
.box-steps-vertical>.step-item>span{margin-top:-2px}
.box-steps-vertical>.step-item:before{width:1px;height:100%;top:0;left:14px}
.progress-bar>h4,.progress-circle>h4{font-size:16px;margin-bottom:15px}
.progress-bar>div,.progress-bar>div>div{width:100%;height:6px;border-radius:3px}
.progress-bar>div>div{width:0%;position:relative;transition:all 1s linear}
.progress-bar>div span{position:absolute;padding:0 8px;font-size:13px;right:0;top:-35px;transform:translateX(50%);margin-right:1px;border-radius:3px;color:#fff;white-space:nowrap;opacity:0;transition:all 1s}
.progress-bar>div>[data-trigger=null] span{opacity:1}
.progress-circle{position:relative;margin:auto}
.progress-circle .content{position:absolute;text-align:center;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;padding:0 30px}
.progress-circle h4{margin:0 0 5px 0}
.progress-circle p{margin:0;font-size:14px}
.progress-circle .counter{margin:0;font-size:25px}
.progress-circle h4+.counter,.progress-circle p+.counter{margin:15px 0 0 0}
.counter h3{font-size:18px;margin:0 0 10px 0}
.counter-horizontal i{margin-right:10px}
.counter-horizontal.counter-icon{display:flex;align-items:center}
.counter-horizontal.counter-icon>i{font-size:30px;display:block;text-align:left;padding-right:15px}
.counter-vertical i{margin-bottom:15px;display:inline-block}
.countdown h3{font-size:18px;margin:0}
.countdown p{margin:0}
.countdown [data-time]{display:flex}
.countdown [data-time]>div{padding-right:15px}
.countdown h3{margin-bottom:15px}
.countdown p{margin-top:10px}
.countdown-horizontal [data-time]>div>span:first-child{padding-right:5px}
.countdown-vertical [data-time]>div>span{display:block}
.timeline>div{position:relative;margin-bottom:30px;transition:all .5s}
.timeline>div:hover{transform:translateX(5px)}
.timeline .badge{position:absolute;left:calc(70% + 60px)}
.timeline .badge p{font-weight:600;font-size:25px;margin:30px 0 15px 0}
.timeline .badge span{display:block;font-size:14px}
.timeline .panel{width:70%;padding:30px 60px;border-radius:3px}
.timeline>div:last-child{padding-bottom:0;margin-bottom:0}
.timeline>div:last-child .panel{margin-bottom:0}
.timeline>div.inverted .badge{left:auto;right:calc(70% + 60px)}
.timeline>div.inverted .panel{margin-left:30%}
.timeline>div.inverted:hover{transform:translateX(-15px)}
.list-nav{display:flex;margin-top:30px}
.list-nav a{position:relative;text-decoration:none;transition:all .5s}
.list-nav a.list-archive{width:30px;height:30px;margin:0 30px;font-size:25px;text-align:center}
.list-nav a.list-archive:before,.list-nav a:first-child:before,.list-nav a:last-child:before{content:"\64";font-family:Icons;text-transform:none;font-weight:400}
.list-nav a:first-child:before,.list-nav a:last-child:before{position:absolute;font-size:20px}
.list-nav a:first-child{padding-left:40px}
.list-nav a:last-child{padding-right:40px}
.list-nav a:first-child:before{content:"\68";left:0}
.list-nav a:last-child:before{content:"\67";left:auto;right:0}
.list-nav.align-right{justify-content:flex-end}
.list-nav.align-center{justify-content:center}
.list-nav a:not(.list-archive):empty{display:none}
div.list-nav a:empty+a.list-archive{margin-left:0}
.list-tags{margin:-5px}
.list-tags a{display:inline-block;padding:3px 12px;border-radius:3px;transition:all .5s;margin:5px;font-size:13px;cursor:pointer}
.table{width:100%;border-spacing:0;table-layout:fixed}
.table th{font-weight:600}
.table td,.table th{text-align:left;padding:5px 10px}
.table.align-center td,.table.align-center th{text-align:center}
.table.align-right td,.table.align-right th{text-align:center}
.table:not(.table-border):not(.table-full-border){margin:-5px -10px;width:calc(100% + 20px)}
.table-border td,.table-border th,.table-full-border td,.table-full-border th{border-style:solid;border-width:1px;border-right:none;border-top:none;padding:10px}
.table-border tbody tr td:first-child,.table-border thead tr:first-child th:first-child{border-left:none;padding-left:0}
.table-border tbody tr:last-child td{border-bottom:none;padding-bottom:0}
.table-full-border{border-radius:3px;border-style:solid;border-width:1px}
.table-full-border th{border-top:none}
.table-full-border td:first-child,.table-full-border th:first-child{border-left:none}
.table-full-border td:last-child{border-right:none}
.table-full-border tr:last-child td{border-bottom:none}
.table-grid:not(.table-border):not(.table-full-border){margin:-30px;width:calc(100% + 60px)}
.table-grid td,.table-grid.table-border tbody tr td:first-child,.table-grid.table-border tbody tr:last-child td{padding:30px}
.table-grid td>img{max-width:100%;display:block}
.table-grid.no-padding-y.table-border tbody tr td{padding-top:0;padding-bottom:0;vertical-align:top}
.table-grid.table-border.align-left tbody tr td:first-child{padding-left:0}
.table-columns{display:block}
.table-columns tbody{width:100%;display:block}
.table-columns>tbody>tr{display:flex;justify-content:space-between}
.table-columns td{display:block;padding:0 30px;width:100%}
.table.table-columns:not(.table-border):not(.table-full-border){margin:0 -30px;width:calc(100% + 60px)}
.img-box{position:relative;overflow:hidden;display:block;border-radius:3px;transition:all .5s}
.img-box:before{content:"";opacity:0;left:0;right:0;top:0;bottom:0;height:100%;background:#000;position:absolute;border-radius:4px;transition:all .5s}
.img-box:hover:before{transition:all 0s}
.img-box:hover,.img-box:hover:before,.light .img-box:hover{opacity:1}
.img-box img{max-width:100%;display:block;position:relative;border-radius:3px;transition:all .5s;width:100%}
.img-box:hover img{opacity:.8}
.img-box-caption span{position:absolute;bottom:0;width:100%;padding:5px 15px;color:#fff;font-size:12px}
.img-box>i{position:absolute;width:30px;height:30px;top:50%;left:50%;margin-top:-15px;margin-left:-15px;text-align:center;line-height:30px;color:#fff;text-decoration:none;font-size:25px;z-index:5}
img{max-width:100%;display:inline-block}
.img-grayscale{filter:grayscale(100%)}
.img-png:before,.img-png:hover{background:0 0}
.img-png:hover img{margin:auto!important;height:auto!important;width:auto!important}
.tab-box>.panel:not(.active){display:none}
.tab-nav{padding:0;margin:0 0 30px 0;list-style:none;display:flex;align-items:center;overflow-x:scroll;overflow-y:hidden;height:90px; justify-content: center;}
.tab-nav li{list-style:none}
.tab-center>.tab-nav{justify-content:center}
.tab-right>.tab-nav{justify-content:flex-end}
.tab-left>.tab-nav{justify-content:flex-start}
.tab-justify>.tab-nav{justify-content:space-between}
.tab-justify>.tab-nav li{width:100%}
.tab-inverse>.tab-nav{margin:30px 0 0 0}
.tab-nav li a{text-decoration:none;display:block;padding:10px 15px;border-radius:3px;border-style:solid;border-width:1px;font-size:15px;text-align:center;position:relative;transition:all .5s}
.tab-nav li.active a:after{position:absolute;right:0;bottom:-14px;left:0;display:block;width:0;height:0;margin:auto;content:'';border-width:15px 15px 0 15px;border-style:solid;border-color:#153056 transparent transparent transparent;background:#fff}
.tab-nav li:first-child a{margin-left:0}
.tab-nav li:last-child a{margin-right:0}
.tab-icon>.tab-nav a{padding-left:45px}
.tab-icon>.tab-nav a i{position:absolute;left:15px;top:50%;transform:translateY(-50%)}
.tab-vertical{display:flex}
.tab-vertical>.tab-nav{display:block;padding:0 30px 0 0;flex:0 0 25%;max-width:25%}
.tab-vertical>.tab-nav li a{margin:15px 0}
.tab-vertical li:first-child a{margin-top:0}
.tab-vertical li:last-child a{margin-bottom:0}
.tab-vertical>.panel{flex:0 0 75%;max-width:75%}
.tab-vertical.tab-inverse>.tab-nav{padding:0 0 0 30px;margin:0}
.tab-vertical.tab-icon>.tab-nav li a{text-align:left}
.tab-vertical.tab-md-2>.tab-nav{flex:0 0 16.666667%;max-width:16.666667%}
.tab-vertical.tab-md-2>.panel{flex:0 0 83.333333%;max-width:83.333333%}
.tab-vertical.tab-md-4>.tab-nav{flex:0 0 33.333333%;max-width:33.333333%}
.tab-vertical.tab-md-4>.panel{flex:0 0 66.666666%;max-width:66.666666%}
.tab-nav li.active a,.tab-nav li:hover a{color:#fff}
.tab-nav.align-right{justify-content:flex-end}
.tab-nav.align-center{justify-content:center}
.maso-item{padding:15px;position:relative}
.maso-box{margin:-15px;display:flex;flex-wrap:wrap}
.maso-list>.menu-inner{margin-bottom:30px}
.maso-list.no-gap .maso-box{margin:0}
.maso-list.no-gap .maso-item{padding:0}
.isotope-hidden{visibility:hidden!important;transform:scale(0);max-height:0;overflow:hidden}
.grid-item{padding:0;margin:0;min-width:0;position:relative}
.grid-item img,.maso-item img{display:block;width:auto;object-fit:cover}
.grid-box { display: grid; grid-gap: 30px; margin: 40px 0px; }
.no-gap>div{grid-gap:0}
.maso-order{width:17px;cursor:pointer}
.maso-order:before{font-family:Icons;content:"\68";position:absolute;top:50%;left:0;transition:all .5s;transform:translateY(-50%) rotate(-90deg);text-transform:none}
.maso-order[data-sort=desc]:before{transform:translateY(-50%) rotate(90deg)}
.maso-layout .maso-item:nth-child(3n+0) .img-box{height:550px}
.maso-layout .maso-item:nth-child(2n+0) .img-box{height:350px}
.maso-layout .maso-item:nth-child(4n+0) .img-box{height:250px}
.maso-layout .maso-item:first-child .img-box{height:450px}
.list-pagination{padding-top:30px}
.pagination{position:relative;list-style:none;display:flex;align-items:center;margin:0 -15px 0 -15px;padding:0}
.pagination li{list-style:none}
.pagination li a{text-decoration:none;padding:0 15px;position:relative;transition:all .5s}
.pagination li.disabled a{opacity:.5;cursor:default}
.pagination li.page a{font-weight:600;width:35px;height:35px;line-height:35px;border-style:solid;border-width:1px;border-radius:50%;text-align:center;display:block;padding:0;margin:0 5px}
.pagination li.page.active a,.pagination li.page:hover a{color:#fff}
.pagination .first,.pagination .last{display:none}
.pagination .prev a{margin-right:15px;padding-left:45px}
.pagination .next a{margin-left:15px;padding-right:45px}
.pagination .next a:before,.pagination .prev a:before{font-family:Icons;position:absolute;top:50%;transform:translateY(-50%);text-transform:none;display:block}
.pagination .prev a:before{content:"\68";left:15px}
.pagination .next a:before{content:"\67";right:15px}
.pagination-lg{margin-top:15px}
.pagination-lg li{font-size:20px}
.pagination-lg li.page a{width:45px;height:45px;line-height:45px;margin:0 10px}
.pagination.align-center{justify-content:center}
.pagination.align-right{justify-content:flex-end}
.scroll-box{padding-right:15px}
.scroll-box>*{margin-top:0}
.scroll-box:after{content:"";position:absolute;height:50px;bottom:0;left:0;right:0;width:100%;background:linear-gradient(to top,#fff 0,rgba(0,0,0,0) 100%)}
.scroll-pos-bottom.scroll-box:after{display:none}
.collapse-box>.content *{margin-top:0}
.collapse-box>.content{overflow:hidden;display:none;position:relative}
.collapse-box>.content:after{content:"";position:absolute;height:50px;bottom:0;left:0;right:0;width:100%;background:linear-gradient(to top,#fff 0,rgba(0,0,0,0) 100%);transition:opacity .5s}
.collapse-box.open>.content:after{opacity:0}
.collapse-button>a{position:relative;margin-top:10px;padding-left:30px;cursor:pointer;display:inline-block}
.collapse-button>a:before{font-family:Icons;content:"\68";position:absolute;top:50%;left:0;transition:all .5s;transform:translateY(-50%) rotate(-90deg);text-transform:none}
.collapse-box.open .collapse-button>a:before{transform:translateY(-50%) rotate(90deg)}
.accordion-list{list-style:none;padding:0;margin:0}
.accordion-list>li{list-style:none;padding:0;margin:0;border-bottom-style:solid;border-bottom-width:1px}
.accordion-list>li:first-child{border-top-style:solid;border-top-width:1px}
.accordion-list>li.active{padding:0 0 15px 0}
.accordion-list>li>a{display:block;text-decoration:none;padding:10px 0 10px 25px;position:relative;transition:all .5s}
.accordion-list>li.active>a:before{transform:rotate(90deg)}
.accordion-list>li>a:before{content:"\67";font-family:Icons;position:absolute;left:-5px;top:50%;margin-top:-9px;width:20px;height:20px;font-size:20px;line-height:20px;transition:all .5s;opacity:.6}
.accordion-list>li>a:hover:before{opacity:1}
.accordion-list>li>.content{height:0;display:none;overflow:hidden}
.accordion-list>li>.content>*{margin-top:0;margin-bottom:0}
.album-list{display:grid;grid-gap:30px;grid-template-columns:1fr 1fr 1fr}
.album-box{position:relative}
.album-box .caption{position:absolute;bottom:30px;left:50px;cursor:pointer}
.album-box .caption h3{margin:0}
.album-box:hover .img-box:before{opacity:1;transition:all 0s}
.album-box:hover .img-box img{opacity:.8}
.album-item:not(.active){display:none}
.album-item{opacity:0}
.album.active .album-list,.cnt-album-box{display:none}
.album.active .cnt-album-box{display:block}
.album-title{margin-bottom:30px}
.album-title>a{display:inline-block;position:relative;margin-left:30px;padding-left:30px;transition:all .5s;cursor:pointer}
.album-title>a:before{font-family:Icons;content:"\68";position:absolute;top:50%;left:0;transform:translateY(-50%);text-transform:none}
.box-steps[data-columns='1'],[data-columns='1']>div{grid-template-columns:1fr}
.box-steps[data-columns='2'],[data-columns='2']>div{grid-template-columns:1fr 1fr}
.box-steps[data-columns='3'],[data-columns='3']>div{grid-template-columns:1fr 1fr 1fr}
.box-steps[data-columns='4'],[data-columns='4']>div{grid-template-columns:1fr 1fr 1fr 1fr}
.box-steps[data-columns='5'],[data-columns='5']>div{grid-template-columns:1fr 1fr 1fr 1fr 1fr}
.box-steps[data-columns='6'],[data-columns='6']>div{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}
[data-columns='1'] .maso-item{flex:0 0 100%;max-width:100%}
[data-columns='2'] .maso-item{flex:0 0 50%;max-width:50%}
[data-columns='3'] .maso-item{flex:0 0 33.333333%;max-width:33.333333%}
[data-columns='4'] .maso-item{flex:0 0 25%;max-width:25%}
[data-columns='5'] .maso-item{flex:0 0 20%;max-width:20%}
[data-columns='6'] .maso-item{flex:0 0 16.666666%;max-width:16.666666%}
.fixed-area{z-index:95}
footer>.container{padding-top:60px;padding-bottom:10px}
.footer-bar{border-top-style:solid;border-top-width:1px}
.footer-bar>.container{padding-top:15px;padding-bottom:15px;font-size:12px;letter-spacing:.5px}
.footer-bar>.container>span:last-child{float:right}
.footer-wide .container{max-width:100%}
.footer-parallax{position:fixed;bottom:0;left:0;right:0;z-index:-121}
.footer-parallax-cnt{position:relative;z-index:1}
footer a{text-decoration:none}
i.scroll-top-btn{position:fixed;bottom:15px;right:15px;width:35px;height:35px;display:none;box-shadow:0 2px 3px rgba(0,0,0,.17);border-radius:50%;background:#fff;text-align:center;cursor:pointer;z-index:999995;transition:all .5s}
i.scroll-top-btn:hover{margin-bottom:5px}
i.scroll-top-btn.show{display:block}
i.scroll-top-btn:before{font-family:Icons;font-style:normal;font-weight:400;transform:rotate(90deg);content:"\68";position:absolute;left:0;right:.5px;font-size:22px;line-height:32px;text-transform:none}
[data-anima]:not([data-trigger=hover]) .anima,[data-hidden] .anima{opacity:0}
@keyframes ken-burn-in{
0%{transform:scale(1.2)}
100%{transform:scale(1)}
}
.ken-burn-in>img{animation:ken-burn-in 13s;transform-origin:bottom left;transform:scale(1.2)}
.ken-burn-center>img{animation:ken-burn-in 10s;transform:scale(1.2)}
.ken-burn-out>img{transform-origin:bottom left;transform:scale(1.1)!important;transition:transform 10s}
@keyframes rotate{
0%{transform:rotate(0)}
100%{transform:rotate(20deg)}
}
@keyframes scale{
0%{transform:scale(1)}
100%{transform:scale(1.2)}
}
.rotate{animation:rotate .5s;transform:rotate(20deg);opacity:1}
@keyframes scale-rotate{
0%{transform:scale(1) rotate(0)}
100%{transform:scale(1.2) rotate(4deg)}
}
@keyframes fadein{
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeleft{
0%{opacity:0;transform:translateX(-100px)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes faderight{
0%{opacity:0;transform:translateX(100px)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes fadetop{
0%{opacity:0;transform:translateY(-100px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes fadebottom{
0%{opacity:0;transform:translateY(100px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes pulse{
from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}
10%{transform:scale(.91);animation-timing-function:ease-in}
17%{transform:scale(.98);animation-timing-function:ease-out}
33%{transform:scale(.87);animation-timing-function:ease-in}
45%{transform:scale(1);animation-timing-function:ease-out}
}
@keyframes pulse-horizontal{
16.65%{transform:translateX(8px)}
33.3%{opacity:1;transform:translateX(-6px)}
49.95%{transform:translateX(4px)}
66.6%{transform:translateX(-2px)}
83.25%{transform:translateX(1px)}
100%{transform:translateX(0)}
}
@keyframes show-scale{
0%{opacity:0;transform:scale(0)}
100%{opacity:1;transform:scale(1)}
}
@keyframes ping{
0%{transform:scale(.2);opacity:.8}
80%{transform:scale(1.2);opacity:0}
100%{transform:scale(2.2);opacity:0}
}
.fade-bottom,.fade-in,.fade-left,.fade-right,.fade-top,.pulse,.pulse-horizontal,.scale,.scale-rotate,.show-scale{opacity:1!important}
.img-pulse-horizontal img,.img-scale-rotate img,.img-scale:hover img,img-pulse img{transition:all .5s}
.img-scale:hover img,.scale{animation:scale .5s;transform:scale(1.2)}
i.scale{transform:scale(1.2)}
.img-scale-rotate:hover img,.scale-rotate{transform:scale(1.2) rotate(4deg);animation:scale-rotate .5s}
.fade-in{animation:fadein .5s}
.fade-left{animation:fadeleft .5s}
.fade-right{animation:faderight .5s}
.fade-top{animation:fadetop .5s}
.fade-bottom{animation:fadebottom .5s}
.show-scale{animation:show-scale .5s}
.btn-video:after,.img-pulse:hover img,.pulse{animation-name:pulse;animation-duration:1.5s;animation-timing-function:ease-in-out}
.img-pulse-horizontal:hover img,.pulse-horizontal{animation-name:pulse-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
.btn-video:before,.ping{animation:ping .8s ease-in infinite both}
@media (max-width:1199.98px){
.hidden-lg{display:none!important}
[data-columns-lg='1']>div{grid-template-columns:1fr}
[data-columns-lg='2']>div{grid-template-columns:1fr 1fr}
[data-columns-lg='3']>div{grid-template-columns:1fr 1fr 1fr}
[data-columns-lg='4']>div{grid-template-columns:1fr 1fr 1fr 1fr}
[data-columns-lg='1'] .maso-item{flex:0 0 100%;max-width:100%}
[data-columns-lg='2'] .maso-item{flex:0 0 50%;max-width:50%}
[data-columns-lg='3'] .maso-item{flex:0 0 33.333333%;max-width:33.333333%}
[data-columns-lg='4'] .maso-item{flex:0 0 25%;max-width:25%}
[data-columns-lg='5'] .maso-item{flex:0 0 20%;max-width:20%}
[data-columns-lg='6'] .maso-item{flex:0 0 16.666666%;max-width:16.666666%}
}
@media (max-width:991.98px){
.col-md-6+.col-md-6+.col-md-6{margin-top:30px}
.col-md-4+.col-md-4,.col-md-6+.col-md-6{margin-top:0}
.row.justify-content-around{margin-right:-30px;margin-left:-30px}
.no-margin-md{margin:0!important}
.full-width-md+.full-width-md,[class*=col-lg-]+[class*=col-lg-]:not([class*=col-md-]).no-margin-md{margin-top:15px!important}
.full-width-md{width:100%!important}
.hidden-md{display:none!important}
.align-left-md{text-align:left}
.align-right-md{text-align:right}
.align-center-md{text-align:center}
.icon-links.align-center-md,.list-nav.align-center-md{justify-content:center}
.icon-links.align-left-md,.list-nav.align-left-md{justify-content:flex-start}
.form-box [class*=col-lg-]+[class*=col-lg-]{margin-top:0!important}
form.form-inline .btn{margin-left:0;width:100%}
.menu-inner:not(.menu-inner-vertical){overflow:hidden}
.menu-inner:not(.menu-inner-vertical)>ul{height:0;display:block}
.menu-inner.active>ul{height:auto}
.menu-inner:not(.menu-inner-vertical)>div{display:block}
.menu-inner:not(.menu-inner-vertical)>ul>li:not(:last-child){margin-right:0}
.menu-inner:not(.menu-inner-vertical) .dropdown ul{border:none}
.menu-inner:not(.menu-inner-vertical) .dropdown-submenu a:after{transform:translateY(-50%) rotate(90deg);right:0}
.menu-inner .menu-btn{z-index:1}
.table-6-md td,.table-6-md th{display:block;border-top:none;border-bottom:none}
.table-6-md tr{display:grid;grid-template-columns:1fr 1fr}
.table-6-md td:nth-child(odd),.table-6-md.table-grid.table-border tbody td:nth-child(odd){border-left:none}
.table-6-md.align-left td:nth-child(odd),.table-6-md.align-left.table-grid.table-border tbody td:nth-child(odd){padding-left:0}
[data-columns-md='1']>div{grid-template-columns:1fr}
[data-columns-md='2']>div{grid-template-columns:1fr 1fr}
[data-columns-md='3']>div{grid-template-columns:1fr 1fr 1fr}
[data-columns-md='4']>div{grid-template-columns:1fr 1fr 1fr 1fr}
[data-columns-md='1'] .maso-item{flex:0 0 100%;max-width:100%}
[data-columns-md='2'] .maso-item{flex:0 0 50%;max-width:50%}
[data-columns-md='3'] .maso-item{flex:0 0 33.333333%;max-width:33.333333%}
[data-columns-md='4'] .maso-item{flex:0 0 25%;max-width:25%}
[data-columns-md='5'] .maso-item{flex:0 0 20%;max-width:20%}
[data-columns-md='6'] .maso-item{flex:0 0 16.666666%;max-width:16.666666%}
.scroll-box.disable-md:after{display:none}
.section-map>.container{max-width:360px}
body>nav{height:50px}
body>nav .menu-brand{max-width:calc(100% - 60px)}
body>nav .menu-brand>a{display:flex;align-items:center}
body>.menu-mini>.container,body>nav>.container{max-width:100%}
.menu-btn{display:block;z-index:9999}
.dropdown-submenu>a:after,.menu-side:not(.menu-side-collapse) li>a:after{transform:translateY(-50%) rotate(90deg)}
.dropdown-submenu>ul>li>a,.dropdown>ul>li>a,.menu-cnt>ul>li>a{padding:0 30px}
.menu-cnt{height:0;overflow:hidden;position:absolute;top:100%;background:#fff;left:0;width:100%;transition:height .5s;display:block}
nav.light .menu-cnt a{color:#444!important}
nav.align-right .menu-cnt{display:block}
nav.active .menu-cnt{box-shadow:0 4px 3px rgba(0,0,0,.08);z-index:9995}
body>nav.menu-fixed .menu-cnt{overflow-y:scroll}
.menu-cnt>.menu-right,.menu-cnt>ul{float:none;display:block;width:100%;height:auto}
.menu-cnt>ul{margin:0}
.menu-cnt>.menu-right{padding:15px 0 0 0;margin:0;height:auto}
.search-bar input[type=text]{width:100%}
.search-box-menu{border-style:solid;border-width:1px;border-radius:3px}
.search-box-menu>input[type=text]{display:block;position:static;box-shadow:none;height:25px;padding:5px}
.search-box-menu>i{display:none}
.menu-right>*{margin:30px}
.shop-menu-cnt>i{position:relative;text-align:left}
.shop-menu-cnt .cart-count{right:15px}
.shop-menu-cnt .shop-menu{position:static;transform:none;margin:0 -15px;box-shadow:none;width:auto}
.dropdown:hover .mega-menu,.dropdown:hover>ul,.dropdown:not(.active)>ul,.mega-dropdown:hover .mega-menu,.shop-menu-cnt:not(.active) .shop-menu{display:none}
.dropdown-submenu>ul,.dropdown.active .mega-menu,.dropdown.active>ul,.mega-dropdown.active .mega-menu,.shop-menu-cnt.active .shop-menu{display:block}
.menu-right>.lan-menu{margin:15px}
.lan-menu a{text-align:left}
.dropdown .mega-menu,.dropdown ul:not(.icon-list),.dropdown-submenu>ul,.dropdown.icon-list>ul,.mega-dropdown .mega-menu{position:static;box-shadow:none}
.menu-big-box{padding-bottom:0}
.menu-big-box .menu-box{height:auto;display:block;float:left;width:calc(100% + 30px);position:static;margin:0 -15px 0 -15px}
.menu-big-box.active .menu-box{display:none}
.menu-big-box.menu-fixed.scroll-menu .menu-box{display:none}
body>nav.menu-side{padding:0 15px}
.menu-side .bottom-area{display:none;position:fixed;background:#fff;left:0;bottom:0;right:0;padding:0 15px 15px}
.menu-side.active .bottom-area{display:block}
.menu-side:not(.menu-side-collapse) li>a:after{transform:translateY(-50%) rotate(90deg)}
.menu-mini .lan-menu li ul{top:100%;position:absolute}
.mega-menu .col>h5:first-child{margin-top:30px}
.mega-menu .col:first-child>h5:first-child{margin-top:0}
.mega-menu .tab-box>.panel.active{display:block}
i.scroll-top-btn{display:block}
.footer-bar>.container>span:last-child{float:none}
}
@media (max-width:767.98px){
[class*=col-]:not([class*=col-sm])+[class*=col-]:not([class*=col-sm]){margin-top:30px}
.no-margin-sm{margin:0!important}
.full-width-sm{width:100%!important}
.hidden-sm{display:none!important}
.align-left-sm{text-align:left}
.align-right-sm{text-align:right}
.align-center-sm{text-align:center}
.table-full-sm td{text-align:center}
.table-full-sm{margin-top:-15px;margin-bottom:-15px}
.table-full-sm td,.table-full-sm th{border-right:none;border-left:none;display:block;padding:15px 0!important}
.table-border.table-full-sm tbody tr:last-child td:not(:last-child){border-bottom-style:solid;border-bottom-width:1px}
.btn:not(.full-width)+.btn.full-width-sm{margin-left:0}
[data-columns-sm='1']>div{grid-template-columns:1fr}
[data-columns-sm='2']>div{grid-template-columns:1fr 1fr}
[data-columns-sm='3']>div{grid-template-columns:1fr 1fr 1fr}
[data-columns-sm='4']>div{grid-template-columns:1fr 1fr 1fr 1fr}
[data-columns-sm='1'] .maso-item{flex:0 0 100%;max-width:100%}
[data-columns-sm='2'] .maso-item{flex:0 0 50%;max-width:50%}
[data-columns-sm='3'] .maso-item{flex:0 0 33.333333%;max-width:33.333333%}
[data-columns-sm='4'] .maso-item{flex:0 0 25%;max-width:25%}
[data-columns-sm='5'] .maso-item{flex:0 0 20%;max-width:20%}
[data-columns-sm='6'] .maso-item{flex:0 0 16.666666%;max-width:16.666666%}
.scroll-box.disable-sm:after{display:none}
.tab-nav li a{margin:10px 0}
.section-block-full>.container>.row>.col:first-child{padding:0 30px}
.section-block>.block-media{width:100%}
.section-block>.container>.row{display:block}
.section-block>.block-media,.section-block>.block-media>div{position:relative;height:400px}
.section-block-full.section-block-right>.container>.row>.col:first-child:before,.section-block>.container>.row>.col:first-child:before{right:auto;left:50%;top:-144px;transform:rotate(-90deg) translateY(-50%);margin:0}
.section-block>.container>.row>.col:last-child{position:absolute;top:0;left:50%;height:400px;transform:translateX(-50%);padding-top:100px;padding-bottom:100px}
.section-block:not(.section-block-full)+.section-base,.section-map+.section-base{border-top-style:solid;border-top-width:1px}
.section-block-full>.container>.row>.col,.section-block-full>.container>.row>.col:first-child{max-width:100%;margin:0}
main>.section-map{padding-top:0}
.section-map>.google-map{position:relative!important;height:300px}
.section-map>.container{max-width:540px;width:100%;left:auto;margin:0 auto;padding:100px 15px 0 15px}
body>header .breadcrumb{display:none}
}
@media (max-width: 1440px){
    .lan-menu a, .menu-cnt>ul>li>a {
    font-weight: 500;
    font-size: 11px !important;
    letter-spacing: .6px;
    /* text-transform: uppercase; */
}
}
@media (max-width:575.98px){
.hidden-xs{display:none!important}
.visible-xs{display:block!important}
.no-margin-xs{margin:0!important}
.btn-sm{padding:5px 20px;font-size:14px}
.table-6-md tr{grid-template-columns:1fr}
.table-6-md td{border:none}
.table-grid td,.table-grid.table-border tbody tr td:first-child,.table-grid.table-border tbody tr:last-child td{padding:15px}
.table.align-left td{padding-left:0!important}
.table,.table tbody,.table td,.table th,.table thead,.table tr{border:none;padding:0}
.table:not(.table-grid) tr{padding-bottom:15px;margin-bottom:15px;border-bottom-style:solid;border-bottom-width:1px}
.about-inds{background-color:rgba(255,255,255,.6);padding:8px;line-height:25px}
table.table-grid td{padding:30px 0}
table.table-grid tr:first-child td:first-child{padding-top:0}
table.table-grid tr:last-child td:last-child{padding-bottom:0}
.table.table-columns:not(.table-border):not(.table-full-border){margin:0 -15px;width:calc(100% + 30px)}
.table-columns td{display:block;padding:0 15px}
.table tbody tr:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}
.table.boxed-area{padding:30px}
.table.boxed-area td{padding:0 0 30px 0!important}
.table.boxed-area tr:last-child td:last-child{padding:0!important}
.pagination .next a{margin-left:0;padding-right:35px}
.pagination .prev a{margin-right:0;padding-left:35px}
.cnt-call{padding:30px}
.col-md-6+.col-md-6{margin-top:30px}
.cnt-box-blog-side{display:block}
body .cnt-box-blog-side{display:block}
body .cnt-box-blog-side>.img-box{width:100%;height:200px;border-bottom-left-radius:0;border-bottom-right-radius:0}
body .cnt-box-blog-side>.caption{width:100%;padding-left:0}
.icon-list-horizontal{display:block}
.list-nav a:not(.list-archive){text-indent:-9995px;width:33.333%}
.list-nav{justify-content:space-between}
.list-nav a:before{text-indent:0}
.list-nav.align-left-xs{justify-content:flex-start}
.list-nav.align-left-xs .list-archive{margin-left:0}
[data-columns-xs='1']>div{grid-template-columns:1fr}
[data-columns-xs='2']>div{grid-template-columns:1fr 1fr}
[data-columns-xs='3']>div{grid-template-columns:1fr 1fr 1fr}
[data-columns-xs='4']>div{grid-template-columns:1fr 1fr 1fr 1fr}
[data-columns-xs='1'] .maso-item{flex:0 0 100%;max-width:100%}
[data-columns-xs='2'] .maso-item{flex:0 0 50%;max-width:50%}
[data-columns-xs='3'] .maso-item{flex:0 0 33.333333%;max-width:33.333333%}
[data-columns-xs='4'] .maso-item{flex:0 0 25%;max-width:25%}
[data-columns-xs='5'] .maso-item{flex:0 0 20%;max-width:20%}
[data-columns-xs='6'] .maso-item{flex:0 0 16.666666%;max-width:16.666666%}
.box-steps{grid-template-columns:1fr}
}
@media (min-width:992.98px){
.visible-md{display:none}
}
@media (min-width:767.98px){
.visible-sm{display:none}
}
@media (min-width:576px){
.visible-xs{display:none}
}
.btn-text,.cnt-box-blog-side .btn-text:not(:hover):after,.cnt-box-blog-top .btn-text:not(:hover):after,.glide__arrow,.icon-list span,.icon-list span a,.input-select,.input-text,.input-textarea,.media-box.media-box-down .caption p,.menu-cnt>ul>li a,.search-bar input[type=submit],.social-links a i,a,body,p{color:#404d60;text-decoration:none}
.album-box .caption,.album-box .img-box,.btn-video:empty:hover,.btn:not(.btn-border):hover,.cnt-box-badge .badge,.cnt-box-blog-side .blog-date,.cnt-box-blog-top .blog-date,.cnt-box-side-icon.boxed.light>i,.cnt-box-top-icon.boxed.light>i,.counter i,.dropdown ul:not(.icon-list) li:hover>a,.glide__bullets>button.glide__bullet--active,.glide__bullets>button:hover,.header-base h2,.icon-box i,.img-box-caption span,.img-box:before,.lan-menu>li:hover>a,.list-nav a.list-archive:hover,.list-tags a,.media-box-full:before,.media-box-half,.media-box.media-box-reveal .caption,.menu-cnt>ul>li:hover>a,.menu-fixed.scroll-menu,.menu-mini,.menu-side,.progress-bar>div,.progress-bar>div span,.section-color.light .input-select,.section-color.light .input-text,.section-color.light .input-textarea,.shop-menu-cnt .shop-menu,.tab-nav li a:after,.tab-nav li a:before,.tweets_txt,body>nav,footer,i.scroll-top-btn,main>section.section-base.section-color.light,section .cnt-box.boxed.light .caption{background-color:#153056}
.boxed-area.light,.media-box-full .caption{background-color:#004767!important}
.album-title span,.breadcrumb li a,.cnt-call .caption .btn-text,.cnt-pricing-table .price span,.cnt-pricing-table .top-area p,.controls-bottom-right .glide__arrow,.countdown-horizontal [data-time]>div>span:last-child,.countdown-vertical [data-time]>div>span,.counter .value span,.form-box p,.icon-list-blog a,.list-nav a,.media-box.media-box-down .caption h2,.menu-inner .menu-btn,.menu-inner-image li a span,.menu-inner>div>span,.quote,.section-color .icon-box i,.step-item>span,.table-time th,.text-list-bold li>b:first-child,.text-list-line li b,h1,h2,h3,h4,h5,h6{color:#004767}
.light .dropdown ul li:not(:hover)>a,.text-color-1{color:#004767!important}
.accordion-list>li,.btn:hover,.glide__bullets>button,.input-select:focus,.input-text:focus,.input-textarea:focus,.search-bar input[type=text]:focus,.table-time td,.table-time th{border-color:#004767}
.btn.btn-border.active,.btn.btn-border:hover,.tab-nav li:not(.active):not(:hover) a{color:#004767;border-color:#004767}
.btn:not(.btn-border).active,.icon-links-button:not(.social-colors):not(.social-colors-hover) a:hover,.tab-nav li.active a,.tab-nav li:hover a{background-color:#004767;border-color:#004767}
@media (max-width:991.98px){
.lan-menu .dropdown>ul>li>a,.lan-menu li a,.menu-cnt .menu-right,body .lan-menu>li:hover>a,body nav .lan-menu>li>a,body nav:not(.menu-transparent) .lan-menu>li:hover>a,nav .menu-cnt>ul>li.nav-label>a span,nav .menu-cnt>ul>li>a{color:#004767}
nav.light .menu-cnt a{color:#004767!important}
.search-box-menu{border-color:#004767}
}
::placeholder{color:#4b86a1}
.accordion-list>li.active>a,.accordion-list>li:hover>a,.accordion-list>li>a:before,.album-title>a:before,.album-title>a:hover,.breadcrumb li:last-child a,.breadcrumb li:not(:last-child):hover a,.btn-text:after,.btn-text:hover,.btn-video:after,.btn.btn-border,.cnt-box-info .cnt-info>div>span:last-child,.cnt-box-side .extra-field,.cnt-box-side-icon>i,.cnt-box-side-icon>im.btn-border:hover,.cnt-box-team .caption,.cnt-box-testimonials-bubble .thumb-bar span:last-child,.cnt-box-top .extra-field,.cnt-box-top-icon>i,.cnt-pricing-table .price,.cnt-pricing-table>ul>li:before,.countdown-horizontal [data-time]>div>span:first-child,.countdown-vertical [data-time]>div>span:first-child,.counter .value [data-to],.glide__arrow:hover,.icon-links a:hover i,.icon-links-popup:hover>i,.icon-links:not(.social-colors) a i,.icon-list li>i,.light .shop-menu .shop-cart .cart-item .cart-content,.list-nav a:first-child:before,.list-nav a:hover,.list-nav a:last-child:before,.media-box .extra-field,.media-box.media-box-reveal .caption h3,.mega-menu .icon-list li a:hover,.menu-cnt>ul>li.nav-label>a,.menu-cnt>ul>li:hover>a,.menu-inner .dropdown ul>li:hover>a,.menu-inner li.active>a,.menu-inner li:hover>a,.menu-transparent .menu-cnt>ul>li:hover>a,.pagination li:not(.page):hover a,.search-bar input[type=submit]:hover,.social-feed a,.timeline .badge span,.title p,body>header h2,nav.active .menu-btn,nav:not(.menu-transparent) .menu-cnt>ul>li:hover>a{color:#8c1007}
.menu-cnt>ul>li:hover>a{color:#fff!important}
.boxed-area.light .text-list-bold li b,.cnt-box.light .extra-field,.light .title p,.section-home-slider [data-to],.section-home-slider h2,.text-color-2,body>header.light h2,footer.light a,nav.light .menu-cnt>ul>li:hover>a{color:#8c1007!important}
.arrows-inner-right .glide__arrow,.breadcrumb li a:after,.btn-video:empty,.cnt-box-blog-side .blog-date span:last-child,.cnt-box-blog-top .blog-date span:last-child,.cnt-box-info .extra-field,.dropdown ul:not(.icon-list) li:hover>a,.dropdown>ul:before,.icon-circle li:before,.icon-line li:before,.icon-line span:before,.lan-menu>li:hover>a,.light .breadcrumb li a:after,.light .counter i,.light .icon-box i,.list-tags a:hover,.media-box-reveal .caption h3:before,.menu-cnt>ul>li:hover>a,.menu-inner li:before,.progress-bar>div>div,.section-color.light .btn:not(.btn-border):hover,.shop-menu .cart-buttons a:hover,.shop-menu-cnt .cart-count,.text-line:before,.text-list-base li>div,.text-list-image .content>div,.text-list-side li>div,footer .icon-list li:before,keyword .icon-list li:before{background-color:#153056;color:#fff}
.btn,.icon-links-button a,.icon-links-grid a:hover,.list-nav a.list-archive,.pagination li.page.active a,.pagination li.page:hover a{background-color:#8c1007;border-color:#8c1007}
.light .glide__bullets>button.glide__bullet--active,.section-home-slider .glide__arrow{background-color:#03bfcb!important;border-color:#03bfcb!important}
.album-box .caption,.cnt-box-testimonials-bubble>p,.cnt-box-top .extra-field,.icon-links-grid a,.input-select,.input-text,.input-textarea,.light .glide__bullets>button,.light .table-border td,.light .text-list-line li hr,.media-box-half .extra-field+p,.media-box-reveal .caption,.menu-cnt>ul li ul li:hover+li>a,.shop-menu,nav .menu-right .custom-area{border-color:#91a4bd}
.cnt-call,.comment-list li,.header-base,.section-color .input-select,.section-color .input-text,.section-color .input-textarea,.timeline .panel,main>section.section-base.section-color{background-color:#e4edf3}
.cart-item h5,.counter i,.icon-box i,.icon-links-grid a:hover i,.icon-links.icon-links-button a i,.light .text-list-line li b,.media-box .caption h2,.media-box .caption p,.menu-btn,.menu-cnt,.menu-cnt>ul>li>a,.shop-menu .cart-buttons a,.shop-menu p,footer .text-list-line li b,i.scroll-top-btn,nav .icon-links:not(.social-colors) a i,nav .lan-menu>li>a{color:#000}
.section-color.light .input-select,.section-color.light .input-text,.section-color.light .input-textarea,.section-home-slider h2 span,.social-colors.icon-links-grid a:hover i,footer.light ul li>a{color:#fff!important}
@media (max-width:991.98px){
.light .dropdown ul li:hover>a,.light .shop-menu .cart-buttons a{color:#fff!important}
}
.lan-menu>li:hover>a,.menu-cnt>ul>li:hover>a{background-color:transparent}
.menu-cnt>ul>li>a:first-child{background-color:transparent;color:#fff}
.boxed-area,.cnt-box-side-icon.boxed>i,.cnt-box-testimonials-bubble>p,.cnt-box-top-icon.boxed,.cnt-box-top-icon.boxed>i,.cnt-box.boxed .caption,.section-color .icon-box i{background-color:#fff}
.light .glide__bullets>button{background:0 0!important}
.bg-color,.menu-top-logo>.container:before,body main>section.bg-color{background-color:rgba(255,255,255,.25)}
.btn-video:empty{width:80px;height:80px;margin-left:auto;margin-right:auto;border-radius:50%;transition:all .5s;cursor:pointer}
.btn-video:empty:before{width:78px;height:78px;margin-left:-40px;top:0;color:#fff}
.btn-video:empty:after{width:50px;height:80px;font-size:37px;line-height:80px;margin-left:-22px;color:#fff}
.text-line{position:relative;z-index:9}
.text-line:before{content:"";position:absolute;width:100%;height:5px;bottom:4px;border-radius:3px;z-index:-1}
.table-time th{font-weight:700}
.icon-list-blog li{padding-left:30px}
.icon-list-blog i{font-size:18px}
.icon-list-blog a{font-weight:600}
.controls-left{margin-bottom:0}
.controls-left .glide__bullets{left:-282px;bottom:0;justify-content:flex-start}
.events-list .caption .extra-field{font-weight:600;margin-bottom:15px;text-transform:uppercase;position:relative;padding-left:30px;line-height:35px}
.events-list .caption .extra-field:before{font-family:Icons;content:"\6e";text-transform:none;position:absolute;font-size:19px;line-height:32px;font-weight:400;width:30px;left:0;top:1px;transition:all .5s}
.box-sign.margin-top-35,.margin-top-35{margin-top:35px}
.button-pag-right{text-align:right;margin-top:-30px}
.pagination-top-right{position:relative}
.pagination-top-right .list-pagination{padding:0}
.pagination-top-right .pagination{position:absolute;top:-100px;right:10px}
.pagination-top-right .pagination li:not(.page){display:none}
h3+.pagination-top-right .pagination{top:-65px}
hr.space-25{max-height:25px}
hr.space-45{height:45px}
.slide-image{margin-bottom:-30px}
.block-image{position:absolute;max-height:600px;top:-50px}
.table-grid.table-border.table-10 tbody tr td{padding:10px}
.table-grid.table-border.align-left.table-10 tbody tr td:not(:first-child){padding-left:30px}
.table-logos img{width:140px;margin:0 auto 0 auto}
.table-logos p{font-weight:600;font-size:13px;line-height:23px}
.table-logos.table-10 img{max-width:125px;width:100%;margin:0 auto}
.width-190{min-width:190px}
.width-650{max-width:650px;margin-left:auto;margin-right:auto}
.text-style-1{font-weight:600;font-size:18px;opacity:.7;margin-top:15px}
.gap-40,.gap-40>div{grid-gap:40px}
.gap-18,.gap-18>div{grid-gap:18px}
.tab-top-right{position:relative}
.nav-label{position:absolute;right:-15px}
.menu-cnt>ul>li.nav-label>a{font-weight:600;font-size:14px;padding-right:0}
.menu-cnt>ul>li.nav-label>a span{font-weight:700;padding-right:5px;color:#fff;font-size:13px}
.section-overflow-top{overflow:visible}
.section-overflow-top>.container{padding-top:0}
.section-overflow-top>.container>.cnt-box-side>.caption,.section-overflow-top>.container>.cnt-box-side>.img-box{width:50%}
.section-overflow-top>.container>.cnt-box-side>.caption{padding:60px 30px}
.section-overflow-top>.container>.cnt-box-side .caption h2{font-size:28px;font-weight:700}
.section-overflow-top .logo-area{padding:30px;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.boxed-area{box-shadow:0 1px 4px rgba(0,0,0,.15)}
.grid-list.boxed-area{padding:0;border-radius:3px;box-shadow:none;background:0 0!important}
.grid-list.boxed-area>div{grid-gap:15px}
.grid-list.boxed-area .grid-item{box-shadow:0 1px 4px rgba(0,0,0,.15)}
.section-home-slider h1{position:absolute;z-index:2;max-width:400px;margin-top:30px;text-shadow:0 1px 3px rgba(0,0,0,.18823529411764706);text-transform:uppercase;transition:all .6s}
.section-home-slider .slider{margin-bottom:45px}
main>section.section-base.section-home-slider{background-color:#13304a}
.section-home-slider .slider li>.img-box{margin:15px 15px 15px 150px;box-shadow:0 5px 8px 2px rgba(0,0,0,.16)}
.section-home-slider .slider li>.img-box:before{opacity:1;z-index:1;background:linear-gradient(to right,#1e3039 0,rgba(0,0,0,0) 60%);border-radius:0}
.arrows-inner-right .glide__arrow,.section-home-slider .glide__arrow{left:0;bottom:-45px;top:auto;border-radius:50%;width:50px;height:50px;transition:all .5s;text-align:center}
.arrows-inner-right .glide__arrow:hover,.section-home-slider .glide__arrow:hover{transform:scale(.95)}
.section-home-slider .glide__arrow--right{left:65px}
.arrows-inner-right .glide__arrow:before,.section-home-slider .glide__arrow:before{line-height:50px;width:50px;font-size:33px;margin-left:1px;color:#fff}
.section-home-slider .glide__arrow--left:before{margin-left:-1px}
.section-home-slider .glide__bullets{bottom:-40px;padding-right:10px;justify-content:flex-end}
.section-home-slider .col-lg-5{padding-top:10px}
.section-home-slider h2{text-transform:uppercase;margin-bottom:0;font-weight:800;font-size:28px}
.section-home-slider h2+p{margin:39px 0 18px 0}
@media (min-width:992px) and (max-width:1200px){
.section-home-slider h2+p{margin:23px 0 0 0}
}
.section-home-slider [data-to]{font-size:25px;line-height:35px;font-weight:700;letter-spacing:.5px}
.section-home-slider .counter h3{margin:0;font-weight:500;text-transform:none;font-size:16px}
.section-home-slider+section{overflow:visible}
.section-home-slider+section:before{content:"";position:absolute;width:100%;height:150px;top:0;left:0;right:0}
.arrows-inner-right .glide__arrow{left:auto;right:93px;bottom:30px;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.arrows-inner-right .glide__arrow--right{right:30px}
.box-sign{margin-top:25px;padding:36px 15px 0 120px;position:relative}
.box-sign.no-margin{margin-top:0}
.box-sign img{position:absolute;left:0;top:0}
.box-sign b{font-weight:800;font-size:16px}
.box-sign span{display:block;line-height:15px}
@media (min-width:994px) and (max-width:1200px){
.section-home-one p{font-size:13px}
.section-home-one li h1{font-size:37px;line-height:49px}
.section-home-one .slide-image{margin-top:85px}
}
body,textarea{font-family:Montserrat,sans-serif;line-height:24px;font-size:15px;font-weight:500}
.input-select,.input-text,.input-textarea,button{font-family:Montserrat,sans-serif}
h1,h2{font-weight:900}
h1{font-size:45px;line-height:65px}
.container>.row+.row,.container>div+.btn,.container>div+p,.slimScrollDiv+.btn,.table+.btn,.table+.btn-text,.text-list+.btn,.text-list+.btn-text,h1+h4,h1+p,h2+h4,h2+p,h2+ul.icon-list,h3+.grid-list,h3+.slider,h3+p,h3+ul.icon-list,h4+.btn,h4+.btn-text,h4+a,h4+div,h4+input,h4+p,h4+select,h4+textarea,h4+ul,h4+ul.icon-list,p+.btn,p+.btn-text,p+.cnt-box,p+.icon-links,p+.img-box,p+.media-box,p+.row,p+.text-list,p+h3,p+h4,p+img,p+pre,p+table,p+ul.icon-list{margin-top:15px}
h3+h1{margin-top:10px}
.boxed-area>h3,.container>h3,[class*=col-lg-]>h3{text-transform:uppercase;font-weight:700;font-size:18px}
.container>h2{line-height:37px}
.widget>h3{font-size:18px}
.row{margin-right:-15px;margin-left:-15px}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}
@media (min-width:576px){
.controls-top-right{margin-bottom:0}
.controls-top-right .glide__bullets{bottom:auto;top:-65px;right:-5px;left:auto;justify-content:flex-end}
}
@media (min-width:767px){
.controls-bottom-right .glide__bullets{top:auto;bottom:-50px;right:-5px;left:auto;justify-content:flex-end}
.controls-bottom-right .glide__arrow{bottom:-60px;top:auto}
.controls-bottom-right .glide__arrow--right{right:-10px}
.controls-bottom-right .glide__arrow--left{left:auto;right:15px}
.controls-bottom-right[data-options*=arrows] .glide__bullets{right:55px}
.controls-bottom-right .glide__arrow:hover:before{margin:0}
}
[class*=col-lg]>img{border-radius:3px}
.text-xs{line-height:22px;opacity:.8}
.menu-side-collapse .tab-nav li a:before{display:none}
@media (min-width:992px){
.menu-side .dropdown .mega-menu,.menu-side .dropdown-submenu>ul,.menu-side .dropdown>ul{margin:0}
}
.mega-menu h5{margin-bottom:15px}
.menu-cnt>ul>li.dropdown .mega-menu a{border:none}
.menu-side .bottom-area p{color:#fff;line-height:22px}
.menu-side .menu-cnt>ul>li.dropdown>a:after{opacity:.7}
body>nav.menu-subtitle .search-box-menu.active>input{top:90px}
body>nav.menu-subtitle>.container{min-height:70px}
.menu-subtitle .menu-cnt li a span{position:relative;text-transform:none;font-size:11px;color:rgba(255,255,255,.65);font-weight:500;letter-spacing:.2px;bottom:30px}
.menu-subtitle .menu-brand{padding:15px 0}
@media (min-width:992px){
.lan-menu>li>a,.menu-big-box .menu-cnt>ul>li>a,.menu-classic .menu-cnt>ul>li>a,.menu-classic>.container .lan-menu li.dropdown>a,.menu-classic>.container .menu-right,.menu-icon .menu-cnt>ul>li>a,.menu-icon>.container .lan-menu li.dropdown>a,.menu-icon>.container .menu-right,.shop-menu-cnt>i{height:65px;line-height:65px}
}
.menu-big-box .menu-right,body>nav .menu-brand{height:100px}
.menu-classic .search-box-menu>i{width:30px;font-size:15px}
.menu-classic .shop-menu-cnt>i:before{font-size:16px}
.menu-classic.align-right>.container .menu-right{margin-left:10px}
nav .search-btn{margin:0}
.shop-menu-cnt>i:before{font-size:20px}
@keyframes anima-menu-down{
0%{opacity:0;top:-100%}
100%{top:0;opacity:1}
}
@media (min-width:992px){
.dropdown .mega-menu,.dropdown-submenu>ul,.dropdown>ul{margin:auto;box-shadow:0 8px 15px rgba(0,0,0,.1);display:flex}
.dropdown-submenu>ul{margin:0}
}
@media (max-width:1200px) and (min-width:992px){
.menu-subtitle .menu-right{display:none}
}
.menu-fixed.scroll-menu{opacity:1;top:0;transition:opacity .5s,top .5s;animation:anima-menu-down 2s}
.menu-fixed.scroll-menu.menu-top-logo{padding-top:0;background:#153056;position:fixed}
.menu-fixed.scroll-menu.menu-top-logo .menu-brand,.menu-fixed.scroll-menu.menu-top-logo .menu-right{display:none}
.menu-cnt>ul>li a{font-weight:600}
.lan-menu a, .menu-cnt>ul>li>a {   
    font-weight: 500;
    font-size: 13px;
    letter-spacing: .6px;
    /* text-transform: uppercase; */
}
.menu-cnt>ul>li a{transition:all .3s}
.menu-cnt>ul>li.dropdown>a:after{transition:none!important;opacity:1}
.dropdown>ul:before{content:"";position:absolute;top:0;left:0;height:2px;width:100%;z-index:9}
.menu-cnt>ul>li.dropdown ul a{border-top:1px solid rgba(9,59,86,.12);color:#153056;font-size:14px}
.menu-transparent .menu-cnt>ul>li.dropdown a{border-top:none}
.shop-menu{border-top-style:solid;border-top-width:2px}
.shop-menu-cnt .cart-count{box-shadow:0 1px 5px rgba(0,0,0,.35)}
.cart-item h5{font-size:13px;font-weight:600;letter-spacing:.3px}
.shop-menu-cnt .cart-total span{padding-left:30px;font-weight:600}
.shop-cart{padding:30px 0 15px 0}
.shop-menu .cart-buttons{padding:0;display:flex;justify-content:space-around;margin-top:15px}
.shop-menu .cart-buttons a{width:50%;text-align:center;padding:15px;background:rgba(0,0,0,.45);margin:0}
.shop-menu .cart-buttons a:first-child{border-right:1px solid rgba(255,255,255,.08)}
.shop-menu .cart-buttons a:hover{opacity:1}
.cart-quantity{opacity:.65}
nav .custom-area{text-align:right;font-size:12px;line-height:21px;border-right:1px solid #fff;padding-right:45px}
.menu-right>.lan-menu:last-child>li>a,.menu-right>:last-child{padding-right:0}
.lan-menu>.dropdown>ul{margin:0;min-width:75px}
.menu-mini{height:39px;color:#fff}
.menu-big-box .menu-box{background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.16)}
.menu-fixed.menu-big-box:not(.menu-transparent)+header{margin-top:105px;padding-top:90px}
nav.menu-fixed.menu-transparent:not(.scroll-menu){margin-top:10px}
@media (min-width:992px){
.menu-icon-top .menu-cnt>ul>li>a,.menu-icon-top>.container .menu-right{height:80px;line-height:45px}
.menu-icon-top>.container .lan-menu li.dropdown>a{height:80px;line-height:80px}
}
.menu-fixed.menu-icon-top:not(.menu-transparent)+header,.menu-fixed.menu-icon-top:not(.menu-transparent)+main{margin-top:80px}
.menu-icon-top .menu-cnt>ul>li.dropdown a{padding-right:15px}
.menu-icon-top .menu-cnt>ul>li.dropdown a:after{display:none}
body>.header-base .breadcrumb{position:static;justify-content:flex-start;margin-top:15px}
body>.header-base h1{text-transform:none;font-size:35px;max-width:800px}
@media (min-width:767px){
body>.header-base h2{position:absolute;right:30px;top:13px;text-transform:none;font-weight:600;color:#fff;padding:3px 15px;border-radius:3px;font-size:12px}
}
.header-base>.container{margin-top:0!important}
.menu-transparent.menu-fixed+.header-base>.container{padding-top:60px}
.menu-transparent.menu-fixed+.header-base h2{top:70px}
body>nav.menu-transparent+header:not(.header-base){padding-top:80px}
.header-base{height:auto}
body>.header-base{padding:60px 0}
body>header.header-base h1{margin-bottom:0}
body>header{height:250px}
body>header h1{text-transform:uppercase;font-size:45px;line-height:55px;margin-bottom:10px;font-weight:900}
body>header h2{text-transform:uppercase;font-weight:700;margin:0;font-size:14px}
.header-base .breadcrumb,body>header ol.breadcrumb{justify-content:flex-end;position:absolute;right:30px;top:50%;margin:-13px 0 0 0}
.breadcrumb li a{font-weight:600}
.breadcrumb li a:after{width:2px}
.breadcrumb li:last-child a{font-weight:700}
.footer-bar{border-color:rgba(255,255,255,.15)}
footer .logo{margin-bottom:15px;max-width:250px}
footer h3{text-transform:uppercase;font-size:18px;font-weight:900}
footer .icon-list li,footer p{opacity:.8}
footer .icon-list li{margin-bottom:1px}
footer .icon-links-grid a{width:45px;height:34px}
footer .icon-links-grid a i{font-size:16px}
/*footer .col-lg-4:last-child{background:rgba(0,0,0,.11);padding:30px;border-radius:3px}*/
footer .col-lg-6:last-child{background:rgba(0,0,0,.11);padding:30px;border-radius:3px}
.keyword{background-image:url(../images/keyword.png);height:145px;background-size:101%;padding-top:112px;border-radius:18px;background-position:top center}
.keyword a{text-decoration:none;font-family:sans-serif}
.keyword ul.icon-list li:hover a{background-color:transparent}
.keyword ul.icon-list li{padding-bottom:6px;padding-top:6px;margin-bottom:0;font-size:12px;padding-left:35px}
.keyword .icon-line li:before{content:" ";position:absolute;font-family:icomoon;width:0;height:0;border-radius:50%;left:15px;top:30px;transform:translateY(-50%);transition:all .5s}
.keyword ul.icon-list li:hover{background-color:#d3d3d391}
.keyword ul.icon-list li:first-child{background-color:transparent}
.tweets_txt>span{opacity:.5;text-transform:uppercase;letter-spacing:1px;font-size:10px}
.d3{transform:rotate3d(1,1,1,26deg)}
.tweets_txt{white-space:pre-wrap;padding:15px;border-radius:3px;margin-top:0;color:#fff;line-height:23px}
.img-box.btn-video{background:#000}
.col-lg-6>p+.icon-line{margin-top:20px}
.col-lg-6>p+.icon-line li{margin-bottom:2px}
.quote{background:rgba(228,237,243,.59)!important;margin:30px 0}
.list-tags a{color:#fff}
.cnt-box-blog-top.boxed .caption h2{margin-top:0}
.list-nav{margin-top:10px;max-height:37px}
.list-nav a{text-transform:uppercase;font-weight:700;font-size:14px}
.list-nav a.list-archive{width:45px;height:45px;min-width:45px;line-height:45px;font-size:21px;border-radius:50%;text-align:center;color:#fff;transform:translateY(-9px);box-shadow:0 1px 4px rgba(0,0,0,.15);border:none}
.media-box.media-box-full .caption h2{font-size:17px}
.media-box.media-box-full .extra-field{border-top-style:solid;border-top-width:1px;padding-top:10px;text-transform:uppercase;font-weight:700}
.media-box-full{box-shadow:0 1px 4px rgba(0,0,0,.15)}
.media-box-full .caption{opacity:0;text-align:left}
.media-box-full:hover:before{transform:scale(0) rotate(180deg);opacity:0}
.media-box-full:hover .caption{opacity:1}
.media-box-full:before{content:"+";position:absolute;text-align:center;width:50px;height:50px;line-height:50px;z-index:2;font-weight:400;font-size:41px;color:#fff;border-radius:50%;bottom:15px;left:15px;box-shadow:0 1px 5px rgba(0,0,0,.5);transition:all .5s}
.cnt-box-top .extra-field{padding-top:15px;border-top-style:solid;border-top-width:1px;display:block}
.media-box-reveal .caption .extra-field{position:absolute;left:45px;color:#e4edf3;padding:0 15px;border-right:1px solid rgba(255,255,255,.22)}
.media-box-reveal .caption p{margin-top:30px;opacity:.8}
.media-box-reveal .caption{max-height:250px;bottom:30px;left:30px;width:500px;max-width:calc(100% - 60px);display:inline-block;background:0 0;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.media-box.media-box-reveal .caption h2{margin-bottom:10px;font-weight:700}
.grid-item .media-box-reveal .caption h2{text-transform:none;font-weight:600}
.media-box-reveal .caption h3{font-weight:600;font-size:14px;padding-left:80px;position:relative;text-align:right;max-width:250px}
.media-box-reveal .caption h3:before{content:"";position:absolute;left:-30px;top:50%;width:45px;height:1px}
.media-box-half img{opacity:.2}
.media-box .caption h2,.media-box .extra-field{font-weight:600}
.media-box-half .extra-field+p{border-top-style:solid;border-top-width:1px;margin-top:15px;padding-top:15px;font-size:13px;line-height:20px;font-style:oblique}
.cnt-pricing-table{border:none;padding:30px 18px;text-align:left;box-shadow:0 1px 4px rgba(0,0,0,.15);background-color:#fff}
.price_ribben{background:linear-gradient(135deg,#8c1007,#b71c1c);text-align:center;transform:translateY(-50%) translateX(-50%) translateX(35px) rotate(40deg);position:absolute;width:300px;top:60px;left:176px;font-size:20px;font-weight:500;letter-spacing:.6px;color:#fff}
.cnt-pricing-table .bottom-area{padding:0}
.pricing-table-big>ul{margin:14px 0}
.cnt-pricing-table .bottom-area,.cnt-pricing-table .top-area{padding:0}
.cnt-pricing-table .price span{font-weight:700}
.cnt-pricing-table .top-area p{font-weight:600}
.cnt-pricing-table>ul>li{padding-left:26px}
.cnt-pricing-table>ul>li:before{content:'';position:absolute;top:9px;left:0;width:20px;height:20px;background:url(../images/check.svg) no-repeat;background-size:100%}
.progress-circle h4{text-transform:uppercase;font-size:14px}
.progress-circle .counter{font-weight:700;color:#0a4667}
.timeline .panel{border-bottom:1px solid #cdd8e0;border-right:1px solid #cdd8e0}
.timeline>div:last-child .panel{border-bottom:none}
.timeline div.inverted .panel:last-child{padding-bottom:0;margin-bottom:0;border-right:none;border-left:1px solid #cdd8e0;border-radius:0}
.timeline .panel{padding:0 0 30px 0;background:0 0}
.timeline .panel p{margin-top:15px}
.timeline .panel,.timeline .panel:last-child,.timeline div.inverted .panel,.timeline div.inverted .panel:last-child{width:70%;border-radius:0;padding:30px 30px 30px 0}
.timeline div.inverted .panel:last-child{padding-left:30px}
.timeline>div .badge{width:30%;left:70%;padding-left:30px}
.timeline>div.inverted .badge{left:0;right:auto;padding-left:0}
.timeline>div.inverted:hover,.timeline>div:hover{transform:none}
.timeline>div{margin-bottom:0}
.timeline .badge{margin-top:-2px;background:#fff}
.timeline .badge span{font-weight:700;text-transform:uppercase;font-size:13px}
.timeline .badge p{font-weight:700;font-size:25px;margin:30px 0 0 0;transition:color .5s}
.timeline-title{font-size:20px}
.menu-inner>div>span{text-transform:uppercase;font-weight:700}
.menu-inner li>a{text-transform:uppercase;font-size:13px;font-weight:700}
.maso-list .menu-inner li>a{font-size:14px}
.menu-inner-vertical li>a{border-radius:0;border-bottom:1px solid rgba(10,70,103,.25);overflow:hidden;line-height:50px}
.menu-inner .dropdown ul>li>a{font-size:13px}
.menu-inner-vertical li.dropdown>ul{margin:0}
.menu-inner .dropdown ul>li:hover>a{background:0 0}
.light.menu-inner-vertical li>a{border-bottom:1px solid rgba(255,255,255,.25)}
.menu-inner-vertical li:last-child>a{border-bottom:none}
.menu-inner-vertical .dropdown>ul:before{display:none}
.menu-inner:not(.menu-inner-vertical) .dropdown ul{margin:-2px 0 0 0;border-radius:0;border:none;box-shadow:0 8px 15px rgba(0,0,0,.1)}
.menu-inner:not(.menu-inner-vertical) .dropdown ul ul{margin-top:0}
.menu-inner-image.menu-inner li>a{text-transform:none;font-size:14px;height:75px;overflow:hidden;line-height:25px;padding-right:90px;border:none}
.menu-inner-image li{padding-left:0;border-bottom:1px solid rgba(10,70,103,.25);margin-bottom:15px;padding-bottom:15px}
.menu-inner-image li:last-child{border:none;margin-bottom:0}
.menu-inner-image li a span{font-weight:600;text-transform:none;opacity:.75;margin-bottom:7px}
.menu-inner-image li:before{left:0;bottom:-1px}
.menu-inner-image li:hover:before{width:calc(100%)}
.menu-inner-image li img{left:auto;right:0;max-height:65px;max-width:65px;height:65px}
.cnt-box-team .caption{font-size:14px;font-weight:600;height:120px;border-top:1px solid rgba(10,70,103,.25)}
.cnt-box-team{padding-bottom:120px}
.cnt-box-team:hover .caption{height:240px}
.cnt-box-team .caption h2{text-transform:uppercase;font-size:15px}
.cnt-box-team:not(:hover) .icon-links{opacity:0}
.cnt-box-team.cnt-box .caption p{font-size:12px;font-weight:500;line-height:22px}
.countdown h3,.counter h3{margin:0;text-transform:uppercase;white-space:nowrap;font-size:15px;font-weight:600}
.countdown-horizontal [data-time]>div>span:first-child,.countdown-vertical [data-time]>div>span:first-child,.counter .value{font-weight:900}
.counter.counter-horizontal.counter-icon>i{margin-right:20px}
.counter-horizontal.counter-icon{height:50px}
.countdown-horizontal [data-time]>div>span:last-child,.countdown-vertical [data-time]>div>span{font-weight:600}
.form-inline input,.form-inline select,.form-inline textarea{height:58px}
.form-box.form-inline .form-checkbox{position:absolute;right:15px;top:-55px;width:calc(33.333% - 45px);font-size:11px;line-height:19px;opacity:.8;letter-spacing:.3px}
.progress-bar>h4{margin-bottom:0;margin-top:-5px;text-transform:uppercase;font-size:14px}
.progress-bar>div{height:1px;margin-top:13px}
.progress-bar>div>div{height:5px;transform:translateY(-2px)}
.progress-bar>div span{font-size:11px;line-height:25px}
.cnt-call{box-shadow:0 1px 4px rgba(0,0,0,.15);background:#fff}
.cnt-call .caption{width:calc(70% - 30px);text-align:left}
.cnt-call .caption .btn,.cnt-call .caption .btn-text{position:absolute;right:60px;top:50%;margin-top:-25px;width:calc(30% - 60px)}
.cnt-call .caption .btn-text{width:auto;margin-top:-11px;text-transform:uppercase;font-weight:900}
.cnt-call .caption h3{font-weight:900;font-size:22px}
.cnt-call>i{display:block;text-align:left}
.text-list-line li hr{margin-top:19px}
.cnt-box-blog-side .icon-list,.cnt-box-blog-top .icon-list{margin-left:-30px;padding-left:27px;padding-bottom:10px;margin-top:15px;border-bottom:1px solid rgba(10,70,103,.18)}
.cnt-box .btn-text:after{opacity:1;animation:none;right:-35px}
.cnt-box-blog-side,.cnt-box-blog-top{transition:all .5s}
.cnt-box-blog-side:hover,.cnt-box-blog-top:hover{transform:scale(.95)}
.cnt-box-blog-side .blog-date,.cnt-box-blog-top .blog-date{margin:15px;border-radius:3px;overflow:hidden;font-weight:700}
.cnt-box-blog-side .blog-date span:last-child,.cnt-box-blog-top .blog-date span:last-child{font-weight:600;font-size:11px}
.cnt-box-blog-side .icon-list a,.cnt-box-blog-top .icon-list a{font-weight:600;text-transform:uppercase;font-size:12px}
.cnt-box-blog-side .blog-date span:first-child,.cnt-box-blog-top .blog-date span:first-child{padding:10px 0 10px 0}
.icon-box{transition:transform .5s}
.icon-box:hover{transform:scale(.95)}
.counter i,.counter-horizontal.counter-icon>i,.icon-box i,.icon-box-left i,.icon-box-right i{width:80px;height:80px;min-width:80px;line-height:80px;padding:0;margin:0 5px;border-radius:3px;font-size:44px!important;box-shadow:0 1px 4px rgba(0,0,0,.15);text-align:center}
.icon-box-top i{margin-bottom:15px}
.light .counter i,.light .icon-box i{text-shadow:1px 1px 0 rgba(0,0,0,.2)}
.icon-box-left .caption{padding-left:10px;height:50px;overflow:hidden}
.icon-box-left{align-items:flex-start}
.icon-box h3{margin:5px 0 5px 0;font-size:14px;line-height:16px}
.icon-box p{line-height:25px;opacity:.8}
.icon-links.icon-lg i{font-size:19px}
.cnt-box .extra-field{text-transform:uppercase;font-size:12px;font-weight:700}
.cnt-box-side .extra-field{font-size:14px;font-weight:600;border-bottom:1px solid rgba(10,70,103,.25);padding-bottom:15px;display:block;margin-top:-10px}
.cnt-box-testimonials .testimonial-info{font-weight:600}
.cnt-box-testimonials-bubble>p:after{border-right-color:#fff}
.cnt-box-testimonials-bubble>p:before{position:absolute;bottom:-17px;left:61px;content:'';display:block;background:rgba(0,0,0,.66);transform:rotate(-45deg);width:1px;height:18px;filter:blur(2px)}
.cnt-box-testimonials-bubble .thumb-bar span{font-weight:700;line-height:19px}
.cnt-box-testimonials-bubble .thumb-bar span:last-child{font-weight:600}
.cnt-box-testimonials-bubble .thumb-bar img,.cnt-box-testimonials>img{max-width:50px!important;max-height:50px!important}
.cnt-box-testimonials-bubble .thumb-bar .user-thumb{box-shadow:0 1px 4px rgba(0,0,0,.15);margin-right:15px}
@keyframes btn-text-anima{
0%{right:-30px;opacity:0}
60%{right:-40px;opacity:1}
100%{right:-45px;opacity:0}
}
.btn{font-weight:600}
button.btn-sm,button.btn-xs{line-height:30px}
.btn-xs{font-size:14px}
.btn-text{font-weight:600;position:relative}
.btn-text.active:after,.btn-text:hover:after{animation:btn-text-anima 1s linear infinite}
.btn-text:after{font-family:Icons;content:"\67";position:absolute;font-size:25px;line-height:30px;width:30px;right:-45px;top:1px;text-transform:none;opacity:0;transition:all .5s}
.btn-text.active{margin-right:35px}
.cnt-box.boxed{border-radius:12px}
.cnt-box-testimonials-bubble>p,.cnt-box.boxed{box-shadow:0 1px 4px rgba(0,0,0,.15);transition:all .5s}
.cnt-box-testimonials-bubble>p{border-left-width:1px;border-left-style:solid}
.cnt-box:hover .img-box img,.cnt-box:hover .img-box:before{opacity:1}
.cnt-box .caption p { font-size: 14px; text-align: center; line-height: 24px; }
.cnt-box .caption_content{font-weight:600;line-height:26px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:18px;margin-bottom:0;text-align:center}
.cnt-box.boxed:hover,.media-box-full:hover{box-shadow:0 15px 15px rgba(0,0,0,.15);transform:translateY(-5px)}
.title{display:flex;flex-direction:column-reverse;margin-bottom:20px}
.title p{text-transform:uppercase;font-weight:700;margin:-2px 0 2px 0}
.m-3{margin:10px 0!important}
.mb0{margin-bottom:0!important}
.title h2{font-size:28px;line-height:40px}
.img-box-caption span{display:inline-block;width:auto;margin:30px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;font-size:11px;border-radius:3px;right:-100%;opacity:0;transition:all .5s}
.img-box-caption:hover span{right:0;opacity:1}
.cnt-box-info .cnt-info{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:15px}
.cnt-box-info .cnt-info>div{display:flex;flex-direction:column;border-right:1px solid #c4c9ca}
.cnt-box-info .cnt-info>div:last-child{border:none}
.cnt-box-info .cnt-info>div>span:first-child{text-transform:uppercase;font-weight:700;font-size:12px;line-height:14px}
.cnt-box-info .cnt-info>div>span:last-child{font-size:13px;font-weight:600;line-height:13px;margin-top:7px}
.cnt-box-info .caption p{margin-top:15px}
.cnt-box-info .extra-field{position:absolute;z-index:1;display:inline-block;width:auto;text-transform:uppercase;font-weight:600;letter-spacing:.5px;font-size:11px;border-radius:3px;color:#fff;padding:0 15px}
.input-select,.input-text,.input-textarea{border-top:none;border-right:none;border-left:none;border-bottom-style:solid;border-bottom-width:1px;border-radius:0;padding:15px 0}
.input-text-btn .btn{margin:0 0 0 10px;border-radius:3px}
.text-list-base li>h3,.text-list-image .content>h3,.text-list-side h3{font-size:16px}
.text-list-base li>div,.text-list-image .content>div,.text-list-side li>div{padding:0 10px;border-radius:3px;font-size:10px;line-height:25px;text-transform:uppercase;font-weight:600;height:25px;white-space:nowrap;color:#fff}
.text-list-side li h3{padding-left:60px;text-transform:uppercase;font-size:14px;line-height:22px;min-width:190px;border-right:1px solid rgba(10,70,103,.19)}
.text-list-side p{margin-right:0;margin-top:-5px}
.text-list-side li>div{left:0;right:auto;top:5px;position:absolute}
.text-list-base li{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(10,70,103,.19)}
.collapse-button>a{font-weight:600}
.section-full-width>.container>.google-map{height:450px}
.section-map-right>.container{box-shadow:0 1px 4px rgba(0,0,0,.15)}
.album-title>a{font-weight:600}
.album-title span{font-size:28px;line-height:40px;font-weight:900;text-transform:uppercase}
.album-box .caption{left:30px;border-left-style:solid;border-left-width:2px;padding:5px 15px;min-width:50%;border-radius:3px;transition:all .5s}
.album-box:hover .caption{border-left-width:8px}
.album-box .img-box:before{display:none}
.album-box img{opacity:.7}
.album-box:hover .img-box img{opacity:1}
.album-box .caption h3{color:#fff;font-size:14px;text-transform:uppercase}
.step-item>.content>h3{margin-bottom:15px;font-size:16px}
.step-item:before{background-color:rgba(19,48,74,.22)}
.step-item>span{box-shadow:0 1px 4px rgba(0,0,0,.15);border:1px solid #d6e2ea;font-weight:700}
.pagination li a{text-transform:uppercase;font-weight:700;font-size:14px}
.pagination li.page a{border:1px solid #e6e6e6;box-shadow:0 1px 4px rgba(0,0,0,.15);background-color:#fff}
.glide[data-options*=focusAt] .glide__slide>div{transition:all .8s}
.glide[data-options*=focusAt] .glide__slide:not(.glide__slide--active)>div{transform:scale(.8);opacity:.8}
.glide[data-options*=focusAt] .glide__slide:not(.glide__slide--active)>div .img-box{box-shadow:none}
.section-block-full>.container>.row>.col:first-child{box-shadow:0 1px 4px rgba(0,0,0,.15);margin:0 15px}
.section-block>.container>.row>.col:first-child:after{content:'';border:25px solid rgba(0,0,0,.12);border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;right:-50px;left:auto;top:50%;margin-top:-24px;position:absolute;z-index:0;filter:blur(1px)}
.section-block-full.section-block-right>.container>.row>.col:first-child:after{right:auto;left:-50px;transform:rotate(180deg)}
.section-block-full>.container>.row>.col{max-width:calc(50% - 30px)}
.section-block-right>.container>.row>.col:last-child{text-align:left;justify-content:flex-start}
.section-block-right>.container>.row>.col:last-child>div{width:100%}
.col>#chart{margin-left:-30px;margin-top:-76px;max-height:305px}
.table-border td,.table-border th,.table-grid td{border-color:#bcced8}
.table-grid td>h3{font-size:18px;font-weight:900}
.glide__bullets>button{border-radius:15px;background:0 0;border-style:solid;border-width:1px}
.glide__bullets>button.glide__bullet--active{width:28px}
.accordion-list>li>a{font-weight:600}
.accordion-list>li:last-child{border:none}
.accordion-list>li:first-child{border-top:none}
.accordion-list>li>a:before{opacity:1}
.tab-nav li a{font-weight:600;font-size:16px;padding:8px 15px;border:none;text-transform:uppercase;position:relative;width:250px}
.tab-nav li:first-child a:before,.tab-vertical li a:before{display:none}
@media (max-width:1199.98px){
.row-fit-lg>div>.img-box,.row-fit-lg>div>.slider,.row-fit-lg>div>.slider .glide__track,.row-fit-lg>div>.slider .glide__track *{height:100%}
.row-fit-lg>div>.slider .glide__slides li>*>*{height:auto}
.menu-classic .menu-right{display:none}
.section-block-full>.container>.row>.col:first-child{padding:45px}
.col-lg-4 .text-list-bold li{display:block}
.col-lg-4 .text-list-bold li p{margin-left:0}
.col-lg-4 .boxed-area .text-list-line li{display:block;height:auto}
.col-lg-4 .boxed-area .text-list-line li p{margin-left:0}
.col-lg-4 .boxed-area .text-list-line hr{display:none}
}
@media (max-width:991.98px){
.arrows-inner-right .media-box-reveal .caption{width:420px}
.col-lg-4 .text-list-bold li{display:flex}
.col-lg-4 .text-list-bold li p{margin-left:10px}
.menu-subtitle .menu-cnt .menu-right{height:auto}
.menu-subtitle .menu-cnt li a span{color:#3f4f58;bottom:27px}
.form-box.form-inline .form-checkbox{position:static;margin-top:0;width:100%}
.form-box [class*=col-lg-]+[class*=col-lg-]{margin-top:30px!important}
.block-image{top:auto}
body>.menu-subtitle{height:70px}
.menu-classic.align-right>.container .menu-right{margin-left:0}
.menu-classic .menu-right{display:block}
body>nav{height:auto}
.menu-fixed.menu-top-logo:not(.menu-transparent)+header,.menu-fixed.menu-top-logo:not(.menu-transparent)+main{margin-top:0}
.dropdown-submenu>a:after,.menu-cnt>ul>li.dropdown>a:after{right:30px}
.nav-label{position:static;right:-15px}
.menu-cnt>ul>li.dropdown a,.menu-transparent .menu-cnt>ul>li.dropdown a,.nav-label a{border-top:1px solid rgba(9,59,86,.12)}
nav .custom-area{text-align:left;border-right:none;margin:0 30px}
.menu-right>*{margin:10px 30px}
nav .search-btn{margin:0 30px}
.search-box-menu{border-top:none;border-left:none;border-right:none;border-radius:0;line-height:30px}
.search-box-menu>input[type=text]{line-height:35px;height:35px}
nav .dropdown>ul:before{display:none}
.lan-menu>li>a{line-height:65px}
.lan-menu .dropdown.active{display:flex}
.lan-menu>.dropdown.active>ul{display:flex}
.lan-menu>.dropdown.active>ul li a{line-height:65px;height:65px;padding-right:0}
.menu-fixed.scroll-menu.menu-top-logo .menu-brand{display:block}
body>nav .menu-brand{padding:0 0 20px;height:auto}
body>nav .menu-brand img{height:50px; margin-top: 15px;}
footer h3+div,footer h3+p,footer h3+p+.icon-links,footer h3+p+div,footer h3+ul.icon-list{margin-top:15px}
footer .col-lg-4+.col-lg-4,footer [class*=col-]:not([class*=col-sm])+[class*=col-]:not([class*=col-sm]){margin-top:45px}
.section-home-slider .counter>div{display:flex;margin-top:-15px}
.section-home-slider .counter:first-child{margin-top:30px;padding-left:15px;border-left:1px solid rgba(255,255,255,.23);margin-bottom:20px}
.section-home-slider [data-to]{font-size:27px;line-height:45px}
.section-home-slider .counter h3{font-size:19px;padding-right:30px;line-height:55px}
footer .col-lg-4:last-child{margin:0 15px;max-width:calc(100% - 30px);overflow:hidden}
footer .col-lg-6:last-child{margin:0 15px;max-width:calc(100% - 30px);overflow:hidden}
nav.menu-fixed.menu-transparent:not(.scroll-menu){margin-top:0}
.tab-top-right .tab-nav{position:relative;top:auto}
.header-base .breadcrumb,body>header ol.breadcrumb{justify-content:flex-start;position:relative;right:auto;top:0;margin:10px 0 0 0}
.list-nav a{text-indent:-9995px}
.list-nav .list-archive,.list-nav a:before{text-indent:0}
}
@media (max-width:767.98px){
.section-home-slider .counter>div{display:block;margin-top:-15px}
.section-home-slider .counter h3{line-height:25px;padding-top:5px}
body>.header-base h2{background:0 0;margin-top:15px}
.media-box-reveal{min-height:300px}
.cnt-box .caption_content{line-height:30px;font-size:19px}
.tab-nav li a:before{display:none}
.section-block-full>.container>.row>.col:first-child{padding:0;box-shadow:none}
.section-block-full.section-block-right>.container>.row>.col:first-child:after{display:none}
.section-block>.container>.row>.col:last-child{width:55%;max-width:100%}
.block-image{bottom:0}
.table-border.table-full-sm tbody tr:last-child td:not(:last-child){border-color:#bcced8}
.table-logos.table-full-sm img{margin:15px auto}
.pagination-top-right .pagination{position:static;margin:30px -5px}
.section-home-slider .slider li>.img-box{margin:15px 15px 15px 100px}
.arrows-inner-right .glide__arrow{display:none}
body>.header-base h1,body>header h1{font-size:36px;line-height:50px}
.section-map-right>.container{box-shadow:none}
.section-map>.container{padding-left:30px;padding-right:30px}
.pricing-table-big{margin-top:0;height:100%}
}
@media (max-width:575.98px){
.list-nav:not(.align-center-md) a.list-archive{margin-right:45px;margin-left:45px}
.media-box-reveal .caption{width:auto;left:0;right:0;bottom:0;max-width:100%;max-height:100%}
.media-box.media-box-reveal .caption h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-box.media-box-reveal .extra-field{display:none}
.media-box.media-box-reveal h3{padding-left:25px;text-align:left}
h1{font-size:33px;line-height:45px}
body>.header-base h1,body>header h1{font-size:35px;line-height:45px}
.boxed-area>h3,.container>h3,[class*=col-lg-]>h3{font-size:18px}
.controls-out .glide__bullets{justify-content:flex-start;bottom:-45px}
.controls-out{margin-bottom:45px}
.table-10.table-6-md.table-grid.table-border tbody td:nth-child(odd){padding-left:10px}
.table-grid.table-border.table-10.table-logos tbody td:nth-child(odd),.table-grid.table-border.table-10.table-logos td{padding:20px}
.cnt-call{padding:30px}
.cnt-call .caption{width:auto}
.cnt-call .caption .btn,.cnt-call .caption .btn-text{position:relative;margin:15px 0 0 0;right:0;top:auto;width:auto}
.col-lg-4 .text-list-bold li{display:block}
.col-lg-4 .text-list-bold li p{margin-left:0}
.section-home-slider .slider{margin:0 0 100px 0;max-width:100%}
.section-home-slider h1{position:relative;font-size:38px;line-height:48px;margin:0}
.section-home-slider .glide__arrow{left:0;bottom:-59px}
.section-home-slider .glide__arrow--right{left:65px}
.section-home-slider .slider li>.img-box{margin:-77px 0 0 0}
.section-block-full>.container>.row>.col,.section-block-full>.container>.row>.col:first-child{max-width:calc(100% - 30px)}
.timeline .panel,.timeline .panel:last-child,.timeline div.inverted .panel,.timeline div.inverted .panel:last-child{width:100%;margin-left:0;border:none}
.timeline>div .badge{width:100%;position:static;padding:0}
.timeline div.inverted .panel:last-child{padding-left:0}
.text-list-side li{display:block}
.text-list-side p{margin:15px 0 0 0}
.text-list-side li>div{top:-1px}
.text-list-side li h3{border-right:none}
.icon-list-horizontal.icon-list li{margin-bottom:10px}
.cnt-box .icon-list-horizontal.icon-list li.icon-links{padding-left:0}
}
@media (max-width:425px){
    
    .detail-page h1, .detail-page h2, .detail-page h3, .detail-page h4 {
    font-weight: 900;
    font-size: 23px;
    line-height: 30px;
    margin-top: 10px;
}
    
.col-lg-4 .text-list-line li{display:block;height:auto}
.col-lg-4 .text-list-line li p{margin-left:0}
.col-lg-4 .text-list-line hr{display:none}
.section-block>.block-media,.section-block>.block-media>div,.section-block>.container>.row>.col:last-child{height:300px}
body>.header-base h1,body>header h1{font-size:25px;line-height:35px}
.cnt-box .caption p,body,textarea{font-size:13px}
.text-list{font-size:14px}
}
.italic{font-style:italic}
.txt-none{text-decoration:none!important}
.mt-0{margin-top:0!important}
.bdr-bottom{border-bottom:1px solid!important}
.grid-icon{width:25px;filter:grayscale(1);height:25px;margin:auto}
.opacity-half{opacity:.6}
.wmt-color{color:#0f7dae!important}
.grid-image{width:auto;height:50px;margin:auto}
.h40{height:40px;width:auto;margin:auto}
.w40{height:auto;width:40px;margin:auto}
.dropdown .w-lg{width:100%}
.tab-area{background-color:#fff}
.tab-area .tab-nav{display:block!important;padding:10px 0 10px 10px;margin:0;width:100%;background-color:#153056;position:relative!important;padding-top:50px;background-image:linear-gradient(45deg,#153056a3,#1530569c),url(../images/side-image.jpg);background-size:100%}
.tab-area .tab-nav li{width:100%}
.tab-area .tab-nav li a{border-radius:20px 0 0 20px;margin:0;padding-top:15px;padding-bottom:15px}
.tab-area .tab-nav li:not(.active):not(:hover) a{color:rgb(255 255 255);background-color:transparent;border-color:transparent}
.tab-area .tab-nav li .active{background-color:red}
.btn:not(.btn-border).active,.icon-links-button:not(.social-colors):not(.social-colors-hover) a:hover,.tab-nav li.active a,.tab-nav li:hover a{background-color:#153056;border-color:#153056;color:#fff}
.tab-area ul:not(.icon-list) li:hover>a{background-color:#fff;color:#004767}
.tab-area icon-list li a{color:red}
.tab-area .panel{padding:20px}
.tab-area .panel .mega-link{border-top:0;padding:5px;display:block;color:#153056;font-size:15px;font-weight:600;text-align:left}
.tab-area .tab-vertical{height:400px}
.detail-page p {
    margin: 0px;
    padding-top: 8px;
}
.detail-page h1, .detail-page h2, .detail-page h3, .detail-page h4{font-weight:700;font-size:26px;     line-height: 30px;     margin-top: 10px; text-transform: inherit;}
.detail-page .input-text{background-color:transparent}
.detail-page .form-box input{margin:0 0 5px 0}
.detail-page .form-box textarea{ background-color:transparent;margin:0 0 10px 0}
.text-primary{color:#4a95b6!important;font-weight:700;font-size:16px}
.ani-btn{width:100%;padding:4px;color:#004767;font-weight:400;text-transform:lowercase;padding-left:0!important}
.ani-btn:hover{border:transparent;background-color:#009bdd;color:#fff!important;padding-left:0!important;transform:scale(1);box-shadow:none}
.form-box h3{margin-bottom:10px}
.cost-calculator .position-relative{position:relative!important}
.cost-calculator .multisteps_form{background-color:#fff;box-shadow:0 -3em 3em rgb(73 73 73/10%),.3em .3em 1em rgb(73 73 73/10%)}
.cost-calculator .question_title h1{color:#fff;font-size:30px;padding:1rem;border-radius:.3125rem;background-color:#28282878;font-weight:800;margin:0}
.cost-calculator .pt-3{padding-top:1rem!important;margin:0}
.cost-calculator .row li.active{color:#fff;border:1px solid #0b2d5d;border-radius:.3125rem;background-color:#0b2d5d;background:rgb(61 126 218)}
.cost-calculator .row li{width:50%;font-size:14px;margin-right:0;padding:6px;font-weight:800;cursor:pointer;border:1px solid #d2d2d2;border-radius:.3125rem;display:inline-flex!important;align-items:center!important;margin:1px}
.cost-calculator .text-center{padding:0;display:flex}
.cost-calculator .row li.active:before{display:block;z-index:2}
.cost-calculator .row li:before{content:"\f00c";top:50%;left:9px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:15px;line-height:1;font-weight:400;display:none;color:#fff;z-index:1;font-family:fontawesome;position:absolute}
.cost-calculator .row li input{width:25px;height:25px}
.cost-calculator .row li label{cursor:pointer}
.drop{font-family:Roboto,sans-serif;font-size:14px;float:left;width:100%;background-color:#fff;border:1px solid #004767;height:40px;line-height:40px;padding:0 20px;color:#7d7373}
.from{box-shadow:0 0 25px rgba(0,0,0,.08);background-color:#fff;padding:20px;color:grey}
.terms{max-height:300px;overflow:auto;border-radius:5px;padding:10px}
.tnit-video-text p{margin:0 0 7px!important}
.blue{color:#f2b604!important;font-weight:700}
.radio{margin-top:20px}
label{display:contents!important}
.action input:checked+span:before{content:"✅"}
.widget input:focus-visible{outline:0}
.widget input[type=eamil],.widget input[type=tel],.widget input[type=text]{font-family:Roboto,sans-serif;font-size:14px;float:left;width:100%;background-color:#fff;border:1px solid #004767;height:40px;line-height:40px;padding:0 20px;color:#817e7e}
.tnit-appointment-form .inner-holder{float:left;width:100%;margin-bottom:14px}
.cost-calculator .row li label{float:left;padding-left:5px;font-size:13px;margin:0;font-weight:600;display:block;width:100%;text-align:left;z-index:997}
.cost-calculator .row li.active span{display:none}
.cost-calculator .row li span{top:50%;left:11px;-webkit-transform:translateY(-50%);z-index:1;color:#fff}
.cost-calculator .position-absolute{position:absolute!important}
.cost-calculator .row li.active:after{background:-webkit-gradient(linear,left top,right top,from(#46fac8),to(#0aba4f));background:linear-gradient(to right,#0b2d5d,#0b2d5d)}
.cost-calculator .d-inline-block{display:inline-block!important}
.cost-calculator .step_progress{bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}
.cost-calculator .step_progress span{color:#464646;font-size:19px;font-weight:800}
.cost-calculator .progress{max-width:40%;margin:0 auto}
.cost-calculator .rounded-pill{border-radius:50rem!important}
.cost-calculator .progress{display:flex;height:15px;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}
.cost-calculator .progress .progress-bar{background:-webkit-gradient(linear,left top,right top,from(#18f9bd),to(#0ab84b))!important;background:linear-gradient(to right,#18f9bd,#0ab84b)!important}
.cost-calculator .f_btn{font-size:15px;font-weight:800;padding:15px 25px;outline:0;border:none;background:linear-gradient(to right,#ee7076,#bf161d);color:#fff;letter-spacing:1px;font-family:roboto}
.cost-calculator .f_btn:hover{background:linear-gradient(to right,#bf161d,#ee7076);-webkit-transition:.6s cubic-bezier(.25, 1, .5, 1);transition:.6s cubic-bezier(.25, 1, .5, 1);color:#fff}
.cost-calculator .next_btn{right:0;bottom:0}
.cost-calculator .multiple_check{list-style:none;padding:0 0;display:inline-block;width:100%}
.cost-calculator .multiple_check li{display:inline-flex;width:19.6%;margin:0 0 5px;border:none;padding:0;align-items:center;font-size:14px;font-weight:500;border:1px solid #d2d2d2;padding:6px}
.cost-calculator .multiple_check li input{display:block;margin:0 10px 0 0;width:15px;height:15px}
.cost-calculator .multiple_check li:after{display:none}
.cost-calculator .Question{font-size:14px;font-weight:600;margin-bottom:7px;background:#004767;padding:4px 10px;font-family:roboto,sans-serif;color:#fff}
.co_form{display:flex;justify-content:space-between;align-items:center}
.co_form label{margin:0}
.co_form input{width:100%;border:#ffdead;border-bottom:1px solid #dedede;outline:0;font-size:15px;font-weight:500}
.co_form input.red::-webkit-input-placeholder{color:red}
.co_form input.checke{display:block;width:15px;height:15px;margin:0;margin-right:6px}
.cost-calculator .multiple_check.Seo li{width:33%;border:1px solid #d2d2d2;padding:6px;position:relative}
.cost-calculator .multiple_check.tech{width:100%;display:flex;justify-content:space-between}
.cost-calculator .multiple_check.tech li{width:auto}
.cost-calculator .respn{display:flex;align-items:center}
.cost-calculator .respn .Question{margin:0;margin-right:18px}
.cost-calculator textarea{width:100%;border:1px solid #dedede;outline:0;padding:7px;font-size:15px;height:163px}
.cost-calculator .tooltip-ques{position:relative;display:inline-block}
.cost-calculator .popover-helpicon{display:inline-block;width:20px;height:20px;background:#c7a3a3;border-radius:50%;padding:0 7px;font-size:13px;color:#fff;font-weight:500;line-height:22px;margin-left:4px}
.cost-calculator .tooltip-ques .tooltiptext{visibility:hidden;width:330px;background-color:#3d738b;color:#fff;font-size:13px;text-align:left;border-radius:4px;padding:10px;position:absolute;z-index:999;top:-3px;left:24px;border:1px solid #0b2d5d;line-height:1.5}
.cost-calculator .tooltip-ques .tooltiptext::after{content:"";position:absolute;top:14px;left:-10px;margin-top:-5px;border-width:5px;border-style:solid;border-color:#fbfbfb00 #2764ba #e4e0e000 #ffffff00}
.cost-calculator .tooltip-ques:hover .tooltiptext{visibility:visible}
.popover-helpicon-main{display:inline-block}
.btj_30{padding-bottom:2rem}
.cost-calculator .qty{display:flex;align-items:center;margin-left:20px}
.cost-calculator .qty .bg-dark{background:#6895d4;width:20px;height:24px;color:#fff;text-align:center;line-height:24px;display:block;border-radius:3px}
.cost-calculator .qty input{width:25%;background:#e9e9e9;margin:0 4px;text-align:center}
.your-order-area .your-order-wrap{background-color:#fff;padding:10px}
.your-order-area .your-order-wrap .your-order-title h4{display:flex;justify-content:space-between;font-weight:600;font-size:14px;text-transform:uppercase;padding:0 0 10px;border-bottom:1px solid #e5e5e5}
.your-order-area .your-order-wrap .your-order-product ul{margin:0;padding:0}
.your-order-area .your-order-wrap .your-order-product ul li{display:flex;justify-content:space-between;padding:3px 0;width:100%;border:#ffdead;font-weight:500;font-size:13px;position:relative;border-bottom:0 solid #e9e9e9;border-radius:0;letter-spacing:.5px}
.your-order-area .your-order-wrap .your-order-product ul li:after{display:none}
.your-order-area .your-order-wrap .your-order-product ul li:last-child{border-bottom:0 solid #e9e9e9}
.your-order-area .your-order-wrap .your-order-product ul li span{font-size:13px;color:#bf161d;font-weight:500;transform:none;width:50%;text-align:right}
.your-order-area .your-order-wrap .your-order-subtotal{border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;padding:6px 0}
.your-order-area .your-order-wrap .your-order-subtotal h3{font-size:15px;font-weight:500;margin:0;display:flex;align-items:center;justify-content:space-between}
.your-order-area .your-order-wrap .your-order-subtotal h3 span{font-size:16px;font-weight:600;color:#fff}
.your-order-area .your-order-wrap .your-order-shipping{padding:21px 0 22px}
.your-order-area .your-order-wrap .your-order-shipping>span{font-size:15px;font-weight:500}
.your-order-area{background-repeat:no-repeat;background-position:center top;background-color:#fff;background-size:88.125rem 16.5rem;margin:3rem auto;overflow:hidden;box-shadow:0 2px 3px 0 rgb(0 0 0/10%)}
.your-order-area h3{font-size:21px;background:#bf161d;padding:6px 8px;font-weight:600;color:#fff;margin:0}
.cost-calculator .rs-control{outline:0}
.cost-calculator .rs-container,.cost-calculator .rs-control{position:relative}
.cost-calculator .rs-inner-container{height:100%;width:100%;position:relative;overflow:hidden}
.cost-calculator div.rs-block{-webkit-border-radius:1000px;border-radius:1000px}
.cost-calculator .rs-border,.cost-calculator .rs-seperator{border:1px solid #aaa}
.cost-calculator .rs-block{position:absolute;top:0;overflow:hidden;z-index:3}
.cost-calculator .rs-block,.cost-calculator .rs-block .rs-inner{height:100%;width:100%;display:block}
.cost-calculator .place-order{text-align:center}
.cost-calculator .place-order a{background:#76b51b;padding:9px;display:block;width:fit-content;margin:0 auto 9px;color:#fff;font-weight:600;text-decoration:none}
.cost-calculator .dc-container-box{-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 2px 3px 0 rgb(0 0 0/10%);box-shadow:0 2px 3px 0 rgb(0 0 0/10%);background-color:#fff;border-radius:2px}
.cost-calculator .shipping-items-details-section .heading.open{border-bottom:0;background:#004677;color:#fff}
.cost-calculator .shipping-items-details-section .heading{color:#282828;cursor:pointer;padding-top:6px;padding-bottom:6px;font-size:18px;font-weight:600}
.cost-calculator .prl20{padding-right:20px;padding-left:20px}
.cost-calculator .shipping-items-details-section .payment-details-container.open .cart-payment-details{-moz-transition:max-height 1s ease-in;-o-transition:max-height 1s ease-in;-webkit-transition:max-height 1s ease-in;transition:max-height 1s ease-in;border-bottom:1px solid #ebebeb;max-height:1000px;opacity:1;padding-top:15px}
.cost-calculator .shipping-items-details-section .payment-details-tbl{display:-webkit-flex;display:-ms-flexbox;display:flex;padding:4px 4px;font-size:12px;margin:1px 0;font-weight:400;line-height:20px;letter-spacing:0;justify-content:end;border:1px solid #f3f3f3}
.cost-calculator .shipping-items-details-section .payment-details-tbl .name{width:50%;letter-spacing:.5px}
.cost-calculator .shipping-items-details-section .payment-details-tbl .value,.cost-calculator .shipping-items-details-section .payment-details-tbl .value button,.cost-calculator .shipping-items-details-section .payment-details-tbl .value button.text-btn{font-size:12px;font-weight:400;line-height:20px;letter-spacing:0;letter-spacing:.5px;text-transform:capitalize}
.cost-calculator .shipping-items-details-section .payment-details-tbl .value{margin-left:auto;text-align:right;width:50%}
.cost-calculator .mrl20{margin-right:20px;margin-left:20px}
.cost-calculator .desktop-checkout-namespace .text-btn,.cost-calculator .desktop-giftcard-namespace .text-btn,.cost-calculator .desktop-nykaaWallet-namespace .text-btn,.cost-calculator .nykaa-wallet-payment-namespace .text-btn{background:0 0;border:0;color:#fc2779;font-size:12px;font-weight:600;text-transform:uppercase}
.shipping-items-details-section .payment-details-tbl.grand-total-cell{cursor:pointer;font-size:20px!important;font-weight:600;padding-top:15px;padding-bottom:15px}
.cost-calculator{padding:30px 0}
.banner_c{position:relative;height:100px;overflow:hidden}
.banner_c img{width:100%}
.question_title{position:absolute;top:50%;transform:translate(0,-50%);left:15px;background:#0000006b;padding:12px 24px}
.question_title h1{padding:0;margin:0;color:#fff;font-size:27px;font-weight:600}
.payment-details-tbl button{background:#282828;color:#fff;border:#282828;padding:8px 15px;font-size:15px;font-weight:600;outline:0}
.cost-calculator .multiple_check li:hover{border:1px solid #de888b;background:#de888b;color:#fff}
.Img_ho{position:absolute;z-index:1;width:85%;top:0;right:0;left:100%;display:none}
.Img_ho .tt img{width:100%}
.File_atc{border:1px solid #d2d2d2;padding:6px;border-radius:.3125rem;font-size:15px;margin-bottom:5px;display:flex;justify-content:space-between}
.File_atc input{width:100%;outline:0}
.add_mr{float:right;background:#0b2d5d;color:#fff;font-size:12px;padding:2px 6px;font-weight:500;border-radius:3px;cursor:pointer}
.File_atc input[type=checkbox]:focus,.File_atc input[type=file]:focus,.File_atc input[type=radio]:focus{outline:thin dotted;outline:0 auto -webkit-focus-ring-color;outline-offset:-2px}
.cost-calculator .row li:hover{color:#fff;border:1px solid #0b2d5d;background:linear-gradient(164deg,rgb(198 220 250) 0,rgb(39 100 186) 75%);background:rgb(61 126 218)}
.cost-calculator .row li:hover:after{background:-webkit-gradient(linear,left top,right top,from(#46fac8),to(#0aba4f));background:linear-gradient(to right,#0b2d5d,#0b2d5d)}
.tooltiptext img{width:100%}
.cost-calculator .tooltip-ques .tooltiptext en{text-align:left!important;font-size:15px;font-weight:500;color:#fff;line-height:20px;margin-bottom:8px!important;display:block}
.cost-calculator .tooltip-ques .tooltiptext p{text-align:left;font-size:13px;font-weight:500;color:#fff;text-align:justify}
.cost-calculator .tooltip-ques .tooltiptext p b{color:#fff;font-weight:500}
.cost-calculator .multiple_check.Seo.tiw_c{position:relative}
.cost-calculator .multiple_check.Seo li span{display:inline-block;width:20px;height:20px;background:#c7a3a3;border-radius:50%;padding:0 7px;font-size:13px;color:#fff;font-weight:500;line-height:22px;margin-left:0;right:5px;position:absolute;left:inherit!important}
.cost-calculator .tiw_c span{display:inline-block;width:20px;height:20px;background:#c7a3a3;border-radius:50%;padding:0 7px;font-size:13px;color:#fff;font-weight:500;line-height:22px;margin-left:0;right:5px;position:absolute;left:inherit!important}
.Img_ho.intro{display:block}
.sticky_2{position:sticky;top:130px}
.payment-details-tbl .value.fff{font-size:25px!important;color:#004677;font-weight:600!important;line-height:initial!important}
.cost-calculator .shipping-items-details-section .payment-details-tbl .name img{width:14px;margin-right:4px}
.DownLoad_c a{display:block;background:#004677;padding:10px;font-size:18px;color:#fff;text-align:center;border-radius:3px;text-transform:CAPITALIZE;text-decoration:none}
.DownLoad_c a i{color:#fff}
.desktop_odr_s{display:block}
.mObile_ordr{display:none}
.mObile_ordr{position:fixed;bottom:0;z-index:99999999999;width:100%}
.mObile_ordr .cost-calculator .shipping-items-details-section .payment-details-tbl .name{width:65%;letter-spacing:.5px}
.mObile_ordr .cost-calculator{padding:0}
.mObile_ordr .cost-calculator .heading sp{float:right;width:25px;background:#bf161d;height:25px;text-align:center;line-height:25px}
.mObile_ordr .cost-calculator .heading sp i{padding:0}
.mObile_ordr .cart-payment-details{display:none}
.mObile_ordr.main .payment-details-tbl .value.fff .span_cla i{transform:rotate(180deg)}
.file-upload{position:relative;overflow:hidden;border-radius:3px!important;background:#004677;text-transform:uppercase;font-size:13px;border:none!important;box-shadow:none!important;color:#fff!important;text-shadow:none;padding:5px 10px!important;font-family:Arial,sans-serif;display:inline-block;vertical-align:middle;margin-right:8px}
.file-upload input.upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0}
#fileuploadurl{border:none;vertical-align:middle;background:0 0;box-shadow:none;font-size:11px;padding-left:0;width:220px;padding-right:0}
.downLoad_quota_tions .modal-header{padding:13px 16px;border-bottom:1px solid #004677;background:#004677}
.downLoad_quota_tions #downLoad_quota_tion .modal-dialog{position:absolute;position:absolute;width:47%;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;margin:0}
.downLoad_quota_tions .modal-title{margin:0;font-size:20px;color:#fff;line-height:20px}
.downLoad_quota_tions .modal-body .form-group{border-radius:0;overflow:hidden}
.downLoad_quota_tions .modal-body .form-group .input-group{width:100%;display:inline-flex;align-items:center}
.downLoad_quota_tions .modal-body .form-group .input-group .input-group-prepend{background:#004677;width:45px;text-align:center;height:40px;line-height:39px}
.downLoad_quota_tions .modal-body .form-group .input-group .input-group-prepend .input-group-text i{color:#fff}
.downLoad_quota_tions .modal-body .form-group .input-group input,.downLoad_quota_tions .modal-body .form-group .input-group textarea{border-bottom:1px solid #ededed;height:40px;outline:#fff;border:#fff;box-shadow:none;border-bottom:1px solid #004677;border-radius:0}
.downLoad_quota_tions .modal-body .btn-block{background:#004677;border:#004677;outline:0;color:#fff;font-size:17px;padding:10px;width:18%!important;margin:10px auto 0}
.downLoad_quota_tions .modal-header a span{position:absolute;top:-10px;right:-10px;background:#fff;text-align:center;border-radius:67%;width:25px;height:25px;line-height:25px;color:#004677}
.cost-calculator .multiple_check.tech li input[type=radio]:checked{width:15px;height:15px;border-radius:0}
.cost-calculator .multiple_check.tech li input[type=radio]:before{content:"";background:#0075ff;position:absolute;width:15px;height:15px}
.cost-calculator .multiple_check.tech li input[type=radio]:after{content:"\f00c";position:absolute;font-family:FontAwesome;color:#fff}
.bt_ut .payment-details-tbl{padding-bottom:0!important}
.bt_ut{padding-bottom:10px!important}
.cost-calculator .row .Full_pages li:after{display:none}
.Full_pages ul{padding:0;margin:0}
.Full_pages li{width:auto!important;padding:0!important;font-weight:500!important;border:none!important;margin:0!important;position:relative}
.cost-calculator .row .Full_pages li:before{content:",";display:block!important;position:relative;color:#000;top:0;transform:inherit;left:0;font-size:10px}
.cost-calculator .row .Full_pages li:first-child:before{display:none!important}
.cost-calculator .row .Full_pages li:hover{background:0 0;color:#333}
span#addMore{background:#004677;color:#fff;padding:8px 22px;box-shadow:0 0 3px 0 #1010104f;border-radius:0;cursor:pointer}
#addPage{padding:5px;padding-left:10px;outline:0;border:1px solid #004677}
#error_msg{display:block;color:red;text-transform:capitalize}
#minus,#plus{cursor:pointer}
#city_msg,#email_msg,#name_msg,#phone_msg{display:block;width:100%;color:red;font-size:13px;padding-top:3px}
@media(max-width:992px){
    nav.menu-fixed{
        clip-path: inherit !important;
    }
    .index_about{
        max-width: inherit !important;
    }
    .read-more-btn{
        display: none;
    }
    .home5-banner-section .banner-img-wrap .counter-area{
        display: none !important;
    }
    .sticky_right{
        position: inherit !important;
        top: 0px !important;
    }
    .about_sec{
        padding-top: 0px !important;
    }
.cost-calculator .question_title h1{font-size:20px}
.cost-calculator .text-center{text-align:left;padding:0;display:block}
.cost-calculator .row li{width:49%;margin:2px 0}
.cost-calculator .row li:after{height:15px;width:15px}
.cost-calculator .multiple_check li{width:49%}
.cost-calculator .multiple_check.Seo li{width:100%}
.cost-calculator .multiple_check.tech{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.cost-calculator .multiple_check.tech li{width:50%}
.co_form input{width:55%}
.cost-calculator .tooltip-ques .tooltiptext{width:155px;top:23px;left:0}
.cost-calculator .tooltip-ques .tooltiptext::after{top:-4px;left:7px;margin-top:-5px;border-color:#00000000 #bf161d00 #bf161d #00000000}
.cost-calculator .row li label{padding-left:21px;font-size:12px;font-weight:600}
.cost-calculator .row li:before{font-size:12px}
.cost-calculator .row li span{top:50%;left:10px;font-weight:500;font-size:13px}
.banner_c img{width:100%;height:125px;object-fit:cover}
.question_title h1{font-size:20px}
.Img_ho{left:initial;width:40%}
.desktop_odr_s{display:none}
.mObile_ordr{display:block}
.mObile_ordr .shipping-items-details-section .payment-details-tbl.grand-total-cell{padding-top:5px;padding-bottom:0}
.mObile_ordr .payment-details-tbl button{padding:4px 8px}
.mObile_ordr .DownLoad_c a{padding:3px;font-size:16px;line-height:23px}
.mObile_ordr .DownLoad_cg{display:flex;justify-content:space-between;width:100%}
.payment-details-tbl .value.fff{font-size:20px!important}
.web_cal_culator .whatsapp{top:auto;bottom:100px}
.web_cal_culator .phone-id{top:auto;bottom:153px}
.mObile_ordr.main .cart-payment-details{display:block}
.cost-calculator textarea{height:auto}
.mObile_ordr.main .cost-calculator .shipping-items-details-section .payment-details-tbl{justify-content:inherit}
.File_atc{width:49%;overflow:hidden;float:left;margin:1px}
#fileuploadurl{width:95px}
.downLoad_quota_tions #downLoad_quota_tion .modal-dialog{width:90%}
.downLoad_quota_tions .modal-body .btn-block{width:fit-content}
.tab_contant.price_cal h3{line-height:30px}
}
.content_caluclator{padding:0 0 80px 0}
.tab_contant.ffg h3{font-size:27px;font-weight:600;padding:8px 0;color:#353535}
.tab_contant p{font-size:15px;color:#000;text-align:justify;margin:13px 0 0;margin-bottom:15px;font-size:15px;line-height:30px}
.tab_contant.price_cal{border:1px solid #e3e7ed;padding:15px;overflow:hidden}
.tab_contant.price_cal h3{font-size:18px;margin:0 0 15px 0;padding:0}
.tab_contant.price_cal p{margin-bottom:15px;font-size:15px;line-height:30px}
.tab_contant.price_cal p a{color:#0b2d5d}
.solution_cards_box .solution_card{flex:0 50%;box-shadow:0 2px 4px 0 rgba(136,144,195,.2),0 5px 15px 0 rgba(37,44,97,.15);border-radius:12px;margin:8px;padding:0;position:relative;z-index:1;overflow:hidden;background-image:url('../images/bgg.png');background-size:cover;padding:50px 0;border:1px solid #3965bf;background-position:bottom;background-repeat:no-repeat;transform:scale(1);transition:all 2s ease}
.solution_cards_box .solution_card:hover{background:#3965bf!important;background-repeat:no-repeat!important;background-position:bottom;border:1px solid #3965bf;z-index:9;box-shadow:0 0 15px #83acff!important;transform:scale(1.05);transition:all 2s ease}
.solution_cards_box .solution_card:hover::before{background:rgb(85 108 214 / 10%)}
.solution_cards_box .solution_card:hover .icon i,.solution_cards_box .solution_card:hover h4{color:#fff}
.solution_cards_box .solution_card:before{content:"";position:absolute;background:rgb(85 108 214 / 5%);width:170px;height:400px;z-index:-1;transform:rotate(42deg);right:-56px;top:-23px;border-radius:35px}
.solution_cards_box .solution_card:hover .appointment-btn{background:#fff!important;color:#084877}
.solution_card h4{color:#212121;font-size:16px;line-height:20px;margin-top:0;margin-bottom:5px;height:50px;overflow:hidden}
.solution_cards_box .solution_card:hover img{background:#fff!important;border-radius:10%}
.solution_card .appointment-btn{border:0;border-radius:0;background:#004767;color:#fff;font-weight:500;font-size:14px;padding:5px 16px;cursor:pointer}
.solution_card .area{display:flex;padding:20px}
.solution_card .area .icon,.solution_card .area img{width:30%;display:flex}
.solution_card .area .icon i{font-size:3rem;margin:auto}
.solution_card .area .info{width:70%;text-align:center;padding:0 10px}
.our_solution_content h1{text-transform:capitalize;margin-bottom:1rem;font-size:2.5rem}
.hover_color_bubble{position:absolute;background:rgb(54 81 207 / 15%);width:100rem;height:100rem;left:0;right:0;z-index:-1;top:16rem;border-radius:50%;transform:rotate(-36deg);left:-18rem;transition:.7s}
.solution_cards_box .solution_card:hover .hover_color_bubble{top:0}
.bu-iconf{position:absolute;font-size:8px;color:#02a699;width:12px;height:12px;line-height:12px;background:#fff;bottom:0;right:-6px;border-radius:50%}
.bu-icon{width:28px;height:28px;line-height:26px;color:#666;background:#fff;border:1px solid #a3a3a3;display:inline-block;border-radius:50%;text-align:center;position:relative;margin-right:5px}
.solu_description .list-group-item{background-color:transparent}
.solu_description a{color:inherit}
.aniket-slice{background:transparent linear-gradient(89deg,#005edc8c,rgb(0 153 220 / 69%) 74%,rgba(197,41,30,0)) 0 0 no-repeat padding-box;position:absolute;padding-top:0;padding-left:0;padding-right:0;width:100%;z-index:99;top:0;left:0;height:100%;display:flex;margin:auto;flex-direction:column}
.aniket-slice h3{font-size:3rem;color:#fff;max-width:900px;line-height:4rem;text-transform:lowercase;text-align:center}
.form-control{display:block;width:100%;padding:10px 15px;margin-bottom:12px!important;font-size:12px;font-weight:400;line-height:1.5;background-clip:padding-box;border:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--bs-border-radius)}
.text-white{color:#fff}
.blue-color{font-size:18px;line-height:37px;font-weight:500;color:#fff}
.form-btn{text-align:center}
.pb-2{padding-bottom:12px}
.form-box{width:100%;background:#fff}
.address-box{padding:0 30px;height:100%}
.blog-contents h1{font-size:30px}
.blog-contents h1{font-size:30px;line-height:40px}
.blog-contents p{margin-top:10px}
.blog-recent.mt-2{margin-top:16px}
.blog-flex-box{display:flex}
.blog-flex-box .blogimg-box{width:150px;flex-shrink:0}
.blog-box{padding:0 10px}
.blog-box h2{font-weight:500;line-height:22px;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}
.cnt-box.boxed .caption{padding:10px}
.blog-box-recent>span{font-size:22px;font-weight:700;text-transform:capitalize;color:#004767;letter-spacing:.5px}
.odd:nth-child(2n) .row{flex-direction:row-reverse}
.project-img img{width:100%}
.portfolio-projects>img{border-radius:10px;width:100%}
.ctaeg-hd{display:block;text-transform:uppercase;color:#004767;font-size:24px;font-weight:600;letter-spacing:.5px;line-height:36px}
.project-img{background-color:#fff;display:none}
.custom-btn{display:block!important;padding:8px 25px!important;background:#004767;width:170px;text-align:center;margin:auto;color:#fff!important;letter-spacing:1px;border-radius:inherit;transition:.5s ease;border:1px solid #004767}
.caption p{margin-top:10px;margin-bottom:10px;font-size:16px}
.contact-boxs-addres{position:relative}
.contact-img{position:absolute;bottom:15px;right:15px;height:300px;overflow:hidden}
.contact-img img{height:auto;width:auto;max-width:100%;max-height:100%;margin:auto;display:block}
.portfolio-projects{position:relative}
.company-logos{position:absolute;bottom:10px;left:0;padding:20px;overflow:hidden}
.company-logos img{max-width:100%;max-height:100%;margin:auto;height:auto;width:auto;display:block}
.logo-img{width:195px;overflow:hidden;background-color:#fff;box-shadow:0 10px 10px rgba(6,22,34,.06);backdrop-filter:blur(30px);border-radius:30px;display:flex;height:50px;padding:8px 0;line-height:1}
section.section-base.section-color.detail-page{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
section.section-base.section-color.detail-page>.container{position:relative;padding-top:50px;z-index:1;border:1px solid #fff}
section.section-base.section-color.detail-page{ background-color: #fff; overflow: visible;}
.project-logo-img{text-align:center}
.project-logo-img img{max-width:350px;width:100%}
.project-text{text-transform:uppercase;font-size:22px;font-weight:700}
.pro-wrap{text-align:center}
.payment-nav li a{font-size:14px;line-height:14px;font-weight:600;color:#353744;padding:18px 65px;background-color:#004767;border-radius:0;text-transform:uppercase;margin:0;border:none}
.payment-nav>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent}
.btn:not(.btn-border).active,.icon-links-button:not(.social-colors):not(.social-colors-hover) a:hover,.payment-nav li.active a,.payment-nav li:hover a{background-color:#f7f7f7!important}
.btn.btn-border.active,.btn.btn-border:hover,.payment-nav li:not(.active):not(:hover) a{color:#fff;border-color:#fff}
.payment-nav li:first-child a{margin-left:inherit!important}
/*.contact-section{background-color:#1117a0;position:relative;z-index:1}*/
/*.contact-section::before{position:absolute;background:linear-gradient(359.33deg,rgba(13,92,225,.9) .59%,rgba(13,92,225,0) 99.43%);transform:matrix(1,0,0,-1,0,0);top:0;left:0;width:100%;height:100%;content:"";z-index:-1}*/
.reservations.mb-30{margin-bottom:20px}
.tp-contact-glob-img{position:absolute;top:-11%;left:5%;animation:animationglob 30s cubic-bezier(1,.99,.03,.01) infinite}
@keyframes animationglob{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.common_type.active{border-top:2px solid #03bfcb;background-color:#f7f7f7}
.tl-comments-box{border:1px solid #ccc;border-radius:5px}
.w3-modal{z-index:999;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}
.w3-modal-content{margin:auto;position:relative;padding:0;outline:0;width:600px}
@media (max-width:600px){
.w3-modal-content{margin:0 10px;width:auto!important}
.w3-modal{padding-top:30px}
.w3-dropdown-click.w3-mobile .w3-dropdown-content,.w3-dropdown-hover.w3-mobile .w3-dropdown-content{position:relative}
.w3-hide-small{display:none!important}
.address-box,.form-contact-box{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.12);box-shadow:0 -1px 1px rgba(15,56,191,.2),0 1px 1px rgba(8,18,79,.2);backdrop-filter:blur(2px);border-radius:30px;padding:40px;height:100%;border:2px solid rgba(255,255,255,.14)}
.form-contact-box input,.form-contact-box select,.form-contact-box textarea{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.14);box-shadow:0 1px 1px rgba(12,40,133,.2);border-radius:30px;padding:20px 30px;font-weight:500;font-size:15px;line-height:14px;color:#fff;width:100%}
.form-contact-box input::placeholder,.form-contact-box textarea::placeholder{color:#fff}
.address-box a,.address-box h3,.address-box p,.text{color:#fff}
.form-contact-box .get_touch{margin-bottom:15px}
.address-box h3,.form-contact-box .get_touch{font-size:20px;line-height:34px;color:#fff}
.pro-wrap p{margin-top:10px;margin-bottom:20px}
.button-center{text-align:center}
.ind-img img{max-width:70%;margin:auto;display:block}
.w3-mobile{display:block;width:100%!important}
.w3-bar-item.w3-mobile,.w3-dropdown-click.w3-mobile,.w3-dropdown-hover.w3-mobile{text-align:center}
.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button,.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button{width:100%}
}
@media (max-width:768px){
.w3-modal-content{width:500px}
.w3-modal{padding-top:50px}
}
@media (min-width:993px){
.w3-modal-content{width:600px}
.w3-hide-large{display:none!important}
.w3-sidebar.w3-collapse{display:block!important}
}
.contact-form .close{cursor:pointer;position:absolute;z-index:9;top:-7%;right:-2%;color:#fff;font-size:50px;background-color:#c30606f2;border-radius:6px;padding:2px}
.form-contact-box input:focus,.form-contact-box select:focus,.form-contact-box textarea:focus{border:2px solid #fff;outline:0}
.form-contact-box select option{color:#222}
@media(max-width:1124px){
.custom-area{display:none}
}
@media(max-width:768px){
.panel [class*=col-lg-]+[class*=col-lg-]{margin-top:10px!important}
.tab-vertical>.tab-nav{flex:0 0 35%;max-width:35%;padding-left:5px;height:370px}
.tab-area .panel .mega-link{padding:0;font-size:12px;letter-spacing:.5px}
.tab-vertical>.panel{flex:0 0 65%;max-width:65%;padding:20px;height:370px;overflow:auto}
.tab-icon>.tab-nav a i{position:static;transform:initial}
.tab-vertical.tab-icon>.tab-nav li a{text-align:left;font-size:30px;padding:10px 0 10px 25px;line-height:1;margin-bottom:10px}
.container{padding:0 15px}
hr.space-lg{height:50px}
.container-fluid{padding-left:15px;padding-right:15px}
.aniket-slice h3{font-size:1rem;color:#fff;max-width:900px;line-height:1.5rem;text-transform:lowercase;text-align:center}
.tp-contact-glob-img{top:0}
.address-box,.form-contact-box{padding:15px}
.contact-img{height:225px}
.menu-brand,.menu-right{display:block!important}
.footer-bar>.container{text-align:center}
ul{padding-left:15px}
.form-box{padding:20px}
.pro-wrap p{margin-top:5px;font-size:13px}
}
.portfolio-projects{overflow:hidden;height:340px}
.portfolio-projects img{max-width:100%;max-height:100%;height:100%;object-fit:cover}
.market-area ul{overflow:hidden;padding:0}
.market-area ul li{float:left;width:25%;margin-right:0;margin-bottom:10px;list-style:none}
.market-area ul li a{padding:6px 10px;font-size:12px;font-weight:600;border:1px solid #423f3f;color:#423f3f;width:98%;display:inline-block;margin-right:10px}
.market-area h4{font-size:22px}
.address-box{padding:0 30px;height:100%;color:#fff}
.address-box h3{color:#fff}
.text a{color:#fff}
.form-contact-box .get_touch{font-size:24px;margin-bottom:12px;color:#fff}
.form-contact-box{padding:15px;background-color:#fff;border-radius:20px}
.invalid-feedback{color:#cd5c5c}
.header_top{padding:10px 0;background:#fff}
.top_header_btn{font-size:15px;margin:0 2px;letter-spacing:.6px;display:inline-flex;align-items:center;padding:5px 12px;border-radius:2px;line-height:normal;font-weight:600;}
.blink-btn{background:#153056;color:#fff;padding:5px 13px;border-radius:2px;line-height:normal;font-size:15px;font-weight:600}
.franchise-btn{color:#153056;background:#fff;background:linear-gradient(180deg,#ffc83e,#ef9b2d)}
.franchise-btn:hover{background:#153056;color:#fff}
.franchise-btn:hover svg{color:#fff}
.phone-svg{margin:0 5px;width:24px;height:24px;color:#153056;animation:vibratePhone .4s infinite alternate}
@keyframes vibratePhone{
0%{transform:translateX(0) rotate(0)}
25%{transform:translateX(-2px) rotate(-2deg)}
50%{transform:translateX(2px) rotate(2deg)}
75%{transform:translateX(-2px) rotate(-1deg)}
100%{transform:translateX(2px) rotate(1deg)}
}
.header_top_right .icon-box i{background:#153056;color:#fff;font-size:18px;transition:color .3s}
.header_top_right .icon-box i:hover{color:#ffccbc}
.header_logo{width:260px;height:52px}
.topbar{width:100%;background:linear-gradient(90deg,#072034 0,#0b2940 100%);color:#fff;height:50px;display:flex;align-items:center;padding:0 12px;overflow:hidden;font-family:Arial,sans-serif}
.marquee-wrap{flex:1;overflow:hidden;position:relative}
.marquee{display:flex;width:max-content;animation:scroll 25s linear infinite}
.marquee:hover{animation-play-state:paused}
.marquee-content{display:flex;gap:32px;white-space:nowrap;padding-left:32px}
.marquee span{display:flex;align-items:center;font-weight:600;font-size:14px}
.icon{width:18px;height:18px;margin-right:6px}
.color-anim{background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6bffb8,#ff6b6b);background-size:400% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient 6s linear infinite}
@keyframes scroll{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
@keyframes gradient{
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.google_partner{width:auto;height:30px}
.typing-text{border-right:2px solid #2b5f9e;border-image:linear-gradient(180deg,#153056,#2b5f9e) 1;white-space:nowrap;overflow:hidden;display:inline-block;font-size:45px;line-height:65px;height:60px;font-weight:900;color:#153056;text-transform:uppercase}
@keyframes blinkCursor{
0%{border-color:transparent;border-image:linear-gradient(180deg,#153056,#2b5f9e) 1}
49%{border-color:transparent;border-image:linear-gradient(180deg,#153056,#2b5f9e) 1}
50%{border-color:transparent;border-image:none}
99%{border-color:transparent;border-image:none}
100%{border-color:transparent;border-image:linear-gradient(180deg,#153056,#2b5f9e) 1}
}
.typing-text{animation:blinkCursor .8s step-end infinite}
.hero_para{font-size:16px;letter-spacing:.8px}
.Sub_heading{font-size:29px;color:#153056!important;line-height:36px;text-transform:capitalize;font-weight:700;margin-bottom:0}
.text-center{text-align:center}
@media (max-width:640px){
.marquee-content{gap:30px}
.marquee span{font-size:13px}
.icon{width:16px;height:16px}
}
/*.industries-section h2{text-align:center;margin-bottom:40px;font-weight:700;color:#153056}*/
.industry-category{margin-bottom:40px}
.industry-category h4{font-weight:500;font-size:24px;margin-bottom:6px;color:#153056}
.industry-list{margin:0;list-style:none;padding-left:0;columns:4;column-gap:40px}
.industry-list li{padding:5px 0;position:relative;font-size:16px; }
.keyword-list{padding:0}
/*.industry-list li:before{content:'';position:absolute;top:9px;left:0;width:20px;height:20px;background:url(../images/check.svg) no-repeat;background-size:100%}*/
.keyword-list li{padding:5px 0;position:relative;font-size:16px;padding-left:28px;list-style:none}
.keyword-list li:before{content:'';position:absolute;top:9px;left:0;width:20px;height:20px;background:url(../images/check.svg) no-repeat;background-size:100%}
.rankingTable table tr:first-child th:nth-child(2){background:#f4b95a;width:15%}
.rankingTable table tr td:nth-child(2){width:15%;background:#eee;border:1px solid #d0d0d0;text-align:center;vertical-align:middle}
@media (max-width:768px){
.industry-list{columns:2}
}
.dual-swiper-section .swiper-slide img{width:100%;object-fit:contain;height:60px;background:#e4edf3;padding:6px;border-radius:8px}
.case-study-section .swiper-slide img{width:100%;object-fit:cover}
.case-study-section .list-group-item{border:none;padding-left:0;padding-right:0}
.case-study-next,.case-study-prev{z-index:10;font-weight:600}
#main-menu .dropdown{position:unset}
.btn-slide{position:relative;overflow:hidden;border:2px solid #8c1007;color:#fff;background:#8c1007;padding:12px 25px;transition:color .4s;z-index:1}
.btn-slide::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff;transition:.4s;z-index:-1}
.btn-slide:hover{color:#8c1007}
.btn-slide:hover::before{left:0}
.btn{font-size:14px;padding:8px 14px;border-radius:6px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-weight:600}
.btn-primary{background:linear-gradient(135deg,#8c1007,#b71c1c);color:#fff;border:2px solid #8c1007}
.btn-primary:hover{background:linear-gradient(135deg,#b71c1c,#8c1007);border:2px solid #8c1007}
.btn-outline{background-color:#fff;color:#153056;border:2px solid #153056}
.btn-outline:hover{background-color:#153056!important;color:#fff!important;border-color:#153056!important}
.accordion-button:not(.collapsed){color:#fff;background:#153056;font-weight:600}
.accordion-button:focus,.accordion-button:hover{color:#fff;background:#153056;box-shadow:none}
.accordion-button{padding:10px 15px;font-size:16px;font-weight:600;background-color:#e4edf3}
.accordion-button .countNumber{height:25px;width:25px;display:flex;align-items:center;justify-content:center;border-radius:3px;background-color:#c3dcfb;color:#09334f;margin-right:10px}
.keywords{font-weight:600;font-size:18px;line-height:normal;margin-top:10px;margin-bottom:24px}
.gap{padding:60px 0}
.port_rank_list{margin:0;padding:0;width:100%;background:#02355a;border-radius:6px}
.port_rank_list li{border:1px solid rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);padding:0;width:50%;display:flex;text-align:center;float:left;height:65px;    align-items: center;
    justify-content: center;}
.port_rank_list .p_title{color:#fff;margin:0;font-size:16px}
.port_rank_list .p_title_sub{color:#fbbe3a;margin:0;font-size:16px}
.port_rank_list .p_title_sub.number{padding-bottom:5px;color:#fbbe3a;font-size:24px;font-weight:700;margin:0}
.seoTable{width:100%;overflow:hidden;overflow-y:auto;max-height:247px;border:1px solid #d7e2f0;border-radius:4px;margin-top: 13px;}
.seoTable thead{position:sticky;top:0}
.seoTable tbody tr td{padding:8px 18px;font-size:13px;line-height:18px}
.seoTable thead tr th{font-weight:600;color:#02355a;padding:9px 18px 9px;line-height:normal;font-size:15px;background:#f9f1d7}
.seoTable thead tr th:nth-child(2){width:110px}
.seoTable thead tr th:nth-child(3){width:150px}
.swiper-slide{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}
@media (max-width:767px){
.seoTable thead tr th:nth-child(2){width:100px}
.seoTable thead tr th:nth-child(3){width:120px}
.seoTable tbody tr td{padding:0 0 0 18px}
.seoTable tbody tr td:nth-child(2){padding-left:8px;padding-right:0}
.seoTable tbody tr td:nth-child(3){padding-left:8px;padding-right:0}
}
.service-card{width:100%;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;transition:all .5s ease;position:relative;border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:rgba(0,0,0,.16) 0 1px 4px}
.card-front{transition:all .5s ease;text-align:center}
.service-card:hover .card-front{opacity:0}
.card-back{position:absolute;width:100%;height:100%;padding:30px 12px;top:0;left:0;opacity:0;transition:all .5s ease;background-color:#153056}
.card-back h3{color:#fff;font-size:18px;font-weight:600;letter-spacing:.6px;margin-bottom:6px}
.service-card:hover .card-back{opacity:1}
.service-icon{width:100px;height:100px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-size:40px}
.service-title{font-size:28px;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.3);color:#fff}
.service-description{font-size:16px;opacity:.9;line-height:1.5}
.services-list{list-style:none;padding:0;margin:0}
.services-list li{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:400;display:flex;align-items:center;transition:all .3s ease;transform:translateX(-20px);opacity:0;letter-spacing:.6px}
.services-list li a{color:#fff;text-decoration:none;display:flex;align-items:center;width:100%;transition:all .3s ease}
.services-list li a:hover{color:#fc0}
.service-card:hover .services-list li{transform:translateX(0);opacity:1}
.services-list li:first-child{transition-delay:0.1s}
.services-list li:nth-child(2){transition-delay:0.2s}
.services-list li:nth-child(3){transition-delay:0.3s}
.services-list li:nth-child(4){transition-delay:0.4s}
.services-list li:nth-child(5){transition-delay:0.5s}
.services-list li:hover{color:#fc0;padding-left:10px}
.service-badge{width:8px;height:8px;background:#fc0;border-radius:50%;margin-right:8px}
.build-brand-section .brand-services{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}
.build-brand-section .brand-service-item{display:flex;align-items:center;background:#fff;padding:18px 24px;border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,.15);transition:transform .4s ease,box-shadow .4s ease;cursor:pointer}
.build-brand-section .brand-service-item:hover{box-shadow:0 15px 15px rgba(0,0,0,.15);transform:translateY(-5px)}
.build-brand-section .brand-service-icon{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#eaf5fc,#d9eeff);margin-right:20px;transition:transform .4s ease,box-shadow .4s ease}
.brand-service-content .brand_heading{font-size:22px;font-weight:600;margin-bottom:2px; color: #153056;}   
.brand-service-content p{margin:0}
.build-brand-section .brand-service-icon img{width:70px;height:70px;fill:white;transition:transform .4s ease}
.form-contact-box .get_touch{font-size:17px;color:#fff;text-transform:uppercase;text-align:center;background-color:#153056;margin-top:-15px;border-radius:0 0 15px 15px;padding:10px 0;margin-bottom:25px;outline-offset:-6px}
.ad-ct{font-size:15px;line-height:32px;color:#000}
.ad-ph{line-height:24px;font-weight:500;color:#c7010c}
.tab_content{ font-size: 28px; color: #004767; margin-bottom: 10px;}   
.ad_bx{padding:20px;box-shadow:0 0 7px #00000040;min-height:192px;border-radius:12px;background-color:#fff}
.index-form{background-color:#e4edf3}
@media (max-width:991px){
.header_top{display:none}
.menu-cnt>ul>li>a:first-child{background:#153056}
nav.menu-fixed{min-height:86px}
}
.user-thumb{width:50px;height:50px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;text-transform:uppercase;font-size:20px;flex-shrink:0;background:#ccc}
.user-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.user-thumb-initial{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:20px;text-transform:uppercase}
.cnt-box-top-icon.boxed>i{padding:18px 30px 0 30px;font-size:30px;line-height:30px;text-align:center}
.founder_meet{list-style:none;padding:0}
.founder_meet li{list-style:none;padding:0;margin:6px 0}
.founder_meet img{width:auto;height:26px;margin-right:6px}
.main_heading{position:relative;display:flex;background:linear-gradient(90deg,#8c1007,#b71c1c);color:#fff;font-size:28px;font-weight:700;text-transform:uppercase;padding:14px 30px;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.25);margin-bottom:40px;z-index:1;justify-content:center;width:fit-content;margin:0 auto 30px}
.main_heading::after,.main_heading::before{content:"";position:absolute;top:0;width:30px;height:100%;background:linear-gradient(90deg,#e53935,#b71c1c);z-index:-1}
.main_heading::before{left:-25px;clip-path:polygon(100% 0,0 50%,100% 100%)}
.main_heading::after{right:-25px;clip-path:polygon(0 0,100% 50%,0 100%)}
.main_heading::after,.main_heading::before{box-shadow:0 3px 4px rgba(0,0,0,.2)}
.Sub_heading{font-size:26px;color:#153056!important;line-height:36px;text-transform:capitalize;font-weight:700;margin-bottom:0}
.accordion-header{line-height:24px}
@media (max-width:767px){
.main_heading{font-size:20px;padding:10px 30px}
.main_heading::after{width:20px;right:-15px}
.main_heading::before{width:20px;left:-15px}
.industry-list li{padding:5px 0;position:relative;font-size:14px;padding-left:28px;line-height:20px;letter-spacing:.3px}
.tab-nav li a{width:165px}
}
.breadcrumb_section{background:linear-gradient(135deg,#ece2d6,#e8e2d4);padding:14px 0;position:relative}
.breadcrumb_section .bread_heading{font-size:24px;font-weight:600;color:#000}
.crumb{display:inline-flex;align-items:center;gap:8px;padding:0;margin:0;list-style:none}
.crumb li{font-size:15px;font-weight:500;color:#000;display:inline-flex;align-items:center}
.crumb li a{color:#000;text-decoration:none;transition:all .3s ease}
.crumb li a:hover{color:#153056}
.hero_btn{display:flex;gap:20px}
.hero_btn a:nth-child(2){border:1px solid #fff;color:#000;background:linear-gradient(180deg,#ffc83e,#ef9b2d)}
.hero_webmedia_section{color:#fff;padding:50px 0 50px;position:relative;background:repeat;background-repeat:no-repeat;background-size:cover}
.hero_webmedia_section::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;opacity:.9;background-color:#000}
.hero_webmedia_subtitle{font-size:12px;padding-left:5px;letter-spacing:2px;text-transform:uppercase;color:#888;margin-bottom:8px;font-weight:500}
.hero_webmedia_title{font-size:47px;font-weight:700;color:#fff;line-height:1.1;margin-bottom:20px}
.hero_webmedia_description{font-size:16px;color:#aaa;line-height:1.6;max-width:500px;margin-bottom:40px}
.hero_webmedia_btn{display:inline-block;padding:8px 28px;border:2px solid #fff;color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:1px;font-weight:600;transition:all .3s ease;background-color:transparent}
.hero_webmedia_btn:hover{background-color:#fff;color:#000}
.hero_webmedia_cards_section{padding:0;margin-top:-80px;position:relative;z-index:10}
.hero_webmedia_card{background-color:#fff;padding:30px 20px;box-shadow:0 5px 20px rgba(0,0,0,.08);height:100%;transition:all .3s ease}
.hero_webmedia_card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.15)}
.hero_webmedia_card_icon{width:60px;height:60px;margin-bottom:15px}
.hero_webmedia_card_icon svg{width:100%;height:100%}
.hero_webmedia_card_title{font-size:24px;font-weight:700;color:#000;margin-bottom:20px;line-height:1.3}
.hero_webmedia_card_text{font-size:14px;color:#666;line-height:1.6;margin-bottom:18px}
.hero_webmedia_card_link{display:inline-flex;align-items:center;gap:10px;color:#000;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease}
.hero_webmedia_card_link:hover{gap:15px;color:#333}
.hero_webmedia_arrow{transition:transform .3s ease}
.hero_webmedia_card_link:hover .hero_webmedia_arrow{transform:translateX(5px)}
@keyframes planet-rotation{
from{background-position:0 0}
to{background-position:-200% 0}
}
.earth_wrap{height:100%}
.planet-image{width:30vw;height:30vw;max-width:512px;max-height:512px;border-radius:50%;position:relative;background:#303030 url('https://live.staticflickr.com/2521/3884071286_edb50f8137_b.jpg') repeat-x;background-size:cover;animation:planet-rotation 30s linear infinite}
.planet-image::after{content:'';position:absolute;inset:0;border-radius:50%;background-image:radial-gradient(circle at 16% 50%,rgba(255,255,255,.7),transparent 40%),linear-gradient(to right,rgba(160,240,255,.5) 12%,rgba(160,240,255,0) 40%,rgba(0,0,0,.64) 60%,#000 100%);box-shadow:inset 10px 0 48px rgba(80,160,255,.8),0 0 30px 6px rgba(80,140,255,.2)}
.planet-image::before{content:'';position:absolute;inset:-2px;border-radius:50%;opacity:.8;mix-blend-mode:overlay;background:url('https://planetpixelemporium.com/download/earthcloudmap.jpg') repeat-x;background-size:cover;animation:planet-rotation 18s linear infinite}
@media (max-width:991px){
.hero_webmedia_title{font-size:52px}
.hero_webmedia_section{padding:80px 0 120px}
}
@media (max-width:767px){
.hero_webmedia_title{font-size:42px}
.hero_webmedia_section{padding:60px 0 100px}
.hero_webmedia_cards_section{margin-top:-60px}
.hero_webmedia_card{margin-bottom:20px}
}
@media (max-width:575px){
.hero_webmedia_title{font-size:36px}
.hero_webmedia_card{padding:40px 30px}
}
.banner-section{position:relative;min-height:83vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#0f172a 0,#1e293b 100%)}
.banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(135deg,rgba(15,23,42,.95) 0,rgba(30,41,59,.7) 100%),url('../images/web-media-banner-bg.jpg');background-size:cover;background-position:top;background-attachment:fixed;z-index:0}
.particles{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}
.particle{position:absolute;width:4px;height:4px;background:rgba(96,165,250,.5);border-radius:50%;animation:float 15s infinite}
.particle:first-child{left:10%;animation-delay:0s;animation-duration:12s}
.particle:nth-child(2){left:20%;animation-delay:2s;animation-duration:15s}
.particle:nth-child(3){left:30%;animation-delay:4s;animation-duration:18s}
.particle:nth-child(4){left:40%;animation-delay:1s;animation-duration:14s}
.particle:nth-child(5){left:50%;animation-delay:3s;animation-duration:16s}
.particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:13s}
.particle:nth-child(7){left:70%;animation-delay:2.5s;animation-duration:17s}
.particle:nth-child(8){left:80%;animation-delay:4.5s;animation-duration:15s}
.particle:nth-child(9){left:90%;animation-delay:1.5s;animation-duration:19s}
@keyframes float{
0%,100%{transform:translateY(100vh) scale(0);opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{transform:translateY(-100px) scale(1)}
}
.banner-content{position:relative;z-index:2;color:#fff}
.banner-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.5rem, 6vw, 4.5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 0,#94a3b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.typing-container{font-size:clamp(1.5rem, 4vw, 2.5rem);font-weight:600;margin-bottom:2rem;min-height:80px;display:flex;align-items:center}
.typing-text{color:#60a5fa;font-family:'Space Grotesk',sans-serif;display:inline-block;font-size: 26px;}
.cursor{display:inline-block;width:3px;height:1.2em;background-color:#60a5fa;margin-left:5px;animation:blink .8s infinite;vertical-align:text-bottom}
@keyframes blink{
0%,49%{opacity:1}
100%,50%{opacity:0}
}
.banner-description{font-size:clamp(1rem, 2vw, 1.25rem);color:#cbd5e1;margin-bottom:3rem;max-width:600px;line-height:1.8}
.btn-primary-custom{background:#153056;border:none;padding:15px 40px;font-size:1.1rem;font-weight:600;border-radius:50px;transition:all .3s ease;box-shadow:0 10px 30px rgba(59,130,246,.3)}
.btn-primary-custom:hover{box-shadow:0 15px 40px rgba(59,130,246,.4);background:#153056}
.btn-outline-custom{border:2px solid #153056;color:#60a5fa;padding:15px 40px;font-size:1.1rem;font-weight:600;border-radius:50px;background:0 0;transition:all .3s ease;box-shadow:0 15px 40px rgba(96,165,250,.3);margin:0!important}
.btn-outline-custom:hover{background:#153056;color:#fff;box-shadow:0 15px 40px rgba(96,165,250,.3)}
.decoration-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.15) 0,transparent 70%);z-index:1}
.circle-1{width:600px;height:600px;top:-200px;right:-100px}
.circle-2{width:400px;height:400px;bottom:-100px;left:-100px}
@media (max-width:768px){
.banner-section{min-height:auto;padding:80px 0}
.banner-description{margin-bottom:2rem}
.btn-outline-custom,.btn-primary-custom{padding:12px 30px;font-size:1rem;width:100%;margin-bottom:1rem}
.stats-section{margin-top:3rem}
.stat-number{font-size:2rem}
}
.floating_icon{position:fixed;top:50%;right:0;transform:translateY(-40%);z-index:1000}
.floating_icon a{display:flex;align-items:center;justify-content:flex-end;text-decoration:none;margin:5px 0;transition:all .3s ease;position:relative}
.floating_icon .icon{width:45px;height:45px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50px 0 0 50px;box-shadow:-2px 2px 10px rgba(0,0,0,.2);transition:all .3s ease;font-size:20px;position:relative;z-index:2;background:#fff!important;margin:0;padding:0 0 0 6px}
.floating_icon .icon-name{position:absolute;right:0;background:#fff!important;padding:10px 54px 9px 17px;border-radius:25px 0 0 25px;box-shadow:-2px 2px 10px rgba(0,0,0,.2);font-weight:600;font-size:14px;white-space:nowrap;opacity:0;transform:translateX(20px);transition:all .3s ease;pointer-events:none}
.floating_icon a:hover .icon-name{opacity:1;transform:translateX(0)}
.floating_icon .facebook:hover .icon{background:#3b5998!important;color:#fff}
.floating_icon .facebook .icon-name{color:#3b5998}
.floating_icon .twitter:hover .icon{background:#1da1f2!important;color:#fff}
.floating_icon .twitter .icon-name{color:#1da1f2}
.floating_icon .instagram:hover .icon{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important;-webkit-text-fill-color:#fff}
.floating_icon .instagram .icon-name{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);-webkit-background-clip:text;-webkit-text-fill-color:#cc2366!important;background-clip:text}
.floating_icon .linkedin:hover .icon{background:#0077b5!important;color:#fff}
.floating_icon .linkedin .icon-name{color:#0077b5}
.floating_icon .youtube:hover .icon{background:red!important;color:#fff}
.floating_icon .youtube .icon-name{color:red}
.floating_icon .whatsapp:hover .icon{background:#25d366!important;color:#fff}
.floating_icon .whatsapp .icon-name{color:#25d366}
.facebook .icon{color:#3b5998}
.twitter .icon{color:#1da1f2}
.instagram .icon{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);-webkit-background-clip:text;-webkit-text-fill-color:#cc2366;background-clip:text}
.linkedin .icon{color:#0077b5}
.youtube .icon{color:red}
.whatsapp .icon{color:#25d366}
/* ===== Category Form Styling ===== */
.category_form {
    background: #ffffff;
    padding: 25px 15px;
    border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    max-width: 100%;
}
/* Head text */
.category_form p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* Inputs, Select, Textarea */
.category_form .input-text,
.category_form .input-textarea,
.category_form select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 8px !important;
    font-size: 14px;
    transition: all 0.3s ease;
    background-color: #fafafa !important;
}

/* Focus effect */
.category_form .input-text:focus,
.category_form .input-textarea:focus,
.category_form select:focus {
    border-color: #0d6efd;
    background-color: #fff;
    outline: none;
    box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.15);
}

/* Input group fix */
.category_form .input-group {
    gap: 8px;
}

/*.category_form select {*/
/*    max-width: 180px;*/
/*}*/

/* Textarea */
.category_form textarea {
    resize: none;
}

/* Button */
.category_form .ajax-btn {
    width: 100%;
    margin-top: 10px;
    padding: 12px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 30px;
    background: linear-gradient(135deg, #0d6efd, #084298);
    color: #fff;
    border: none;
    transition: all 0.3s ease;
}

.category_form .ajax-btn:hover {
    background: linear-gradient(135deg, #084298, #0d6efd);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(13, 110, 253, 0.4);
}

/* Icon spacing */
.category_form .ajax-btn i {
    margin-right: 6px;
}
.sticky-left {
  position: sticky;
  top: 58px;
  align-self: flex-start;
}   


.bread_cumb_section {
    position: relative;
    width: 100%;
    height: 350px;
    background: #000000e3;
    /* background: linear-gradient(135deg, #000000 0%, #764ba2 100%); */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

        .bread_cumb_section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('/assets/images/bread-cumb.jpeg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.15;
            z-index: 1;
        }  

        /*.bread_cumb_section::after {*/
        /*    content: '';*/
        /*    position: absolute;*/
        /*    top: 0;*/
        /*    left: 0;*/
        /*    width: 100%;*/
        /*    height: 100%;*/
        /*    background: rgba(0, 0, 0, 0.5);*/
        /*    z-index: 2;*/
        /*}*/

        .bread_cumb_overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.3) 0%, transparent 50%),
                        radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.3) 0%, transparent 50%);
            z-index: 3;
        }

        .bread_cumb_content {
            position: relative;
            z-index: 4;
            text-align: center;
            color: #fff;
            padding: 20px;
        }

        .bread_cumb_title {
            font-size: 3rem;
            font-weight: 700;
            color: #fff;
            margin-bottom: 30px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
            letter-spacing: 1px;
        }

        .bread_cumb_subtitle {
            font-size: 1.2rem;
            margin-bottom: 30px;
            opacity: 0.9;
            font-weight: 300;
        }

        .bread_cumb_nav {
            display: inline-block;
            /*background: rgba(255, 255, 255, 0.1);*/
            backdrop-filter: blur(10px);
            border-radius: 50px;
            padding: 10px 30px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        }

        .bread_cumb_list {
            list-style: none;
            display: flex;
            align-items: center;
            gap: 15px;
            margin: 0;
            padding: 0;
            flex-wrap: wrap;
            justify-content: center;
        }

        .bread_cumb_item {
            display: flex;
            align-items: center;
            font-size: 1rem;
            font-weight: 500;
        }

        .bread_cumb_link {
            color: #fff;
            text-decoration: none;
            transition: all 0.3s ease;
            padding: 5px 10px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .bread_cumb_link:hover {
            color: #ffd700;
            background: rgba(255, 255, 255, 0.1);
            /*transform: translateY(-2px);*/
        }

        .bread_cumb_separator {
            color: rgba(255, 255, 255, 0.6);
            margin: 0 5px;
            font-size: 0.9rem;
        }

        .bread_cumb_active {
            color: #ffd700;
            font-weight: 600;
            padding: 5px 10px;
        }

        .bread_cumb_icon {
            font-size: 1.1rem;
            opacity: 0.9;
        }

        /* Animated particles effect */
        .bread_cumb_particles {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 3;
            pointer-events: none;
        }

        .bread_cumb_particle {
            position: absolute;
            width: 4px;
            height: 4px;
            background: rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            animation: bread_cumb_float 15s infinite;
        }

        .bread_cumb_particle:nth-child(1) {
            left: 10%;
            animation-delay: 0s;
        }

        .bread_cumb_particle:nth-child(2) {
            left: 20%;
            animation-delay: 2s;
        }

        .bread_cumb_particle:nth-child(3) {
            left: 30%;
            animation-delay: 4s;
        }

        .bread_cumb_particle:nth-child(4) {
            left: 40%;
            animation-delay: 1s;
        }

        .bread_cumb_particle:nth-child(5) {
            left: 50%;
            animation-delay: 3s;
        }

        .bread_cumb_particle:nth-child(6) {
            left: 60%;
            animation-delay: 5s;
        }

        .bread_cumb_particle:nth-child(7) {
            left: 70%;
            animation-delay: 2.5s;
        }

        .bread_cumb_particle:nth-child(8) {
            left: 80%;
            animation-delay: 4.5s;
        }

        .bread_cumb_particle:nth-child(9) {
            left: 90%;
            animation-delay: 1.5s;
        }

        @keyframes bread_cumb_float {
            0% {
                transform: translateY(100vh) scale(0);
                opacity: 0;
            }
            10% {
                opacity: 1;
            }
            90% {
                opacity: 1;
            }
            100% {
                transform: translateY(-100px) scale(1);
                opacity: 0;
            }
        }
        
        
    /*    .webmedia_serices {*/
    /*   margin: 50px 0px;*/
    /*}*/

    .webmedia_serices .section-title {
      text-align: center;
      margin-bottom: 20px;
    }

    .webmedia_serices .section-title h2 {
      font-size: 2.4rem;
      color: #0e1c36;
      letter-spacing: -0.02em;
      position: relative;
      display: inline-block;
      padding-bottom: 18px;
    }

    .webmedia_serices .section-title h2::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 25%;
      width: 50%;
      height: 4px;
      background: #153056;
      border-radius: 4px;
    }

    /* ----- grid row with 3 columns ----- */
    .webmedia_serices .services-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
    }

    /* ----- service card base ----- */
    .webmedia_serices .service-card {
      background-color: #ffffff;
      border-radius: 24px;
      overflow: hidden;
      box-shadow: 0 18px 35px rgba(21, 48, 86, 0.08);
      transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.1), box-shadow 0.4s;
      position: relative;
      will-change: transform;
    }

    .webmedia_serices .service-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 30px 45px rgba(21, 48, 86, 0.18);
    }

    /* image container + overlay */
    .webmedia_serices .card-img {
      position: relative;
    
      overflow: hidden;
      background: #cbd5e1; /* fallback */
    }

    .webmedia_serices .card-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.75s ease;
    }

    .webmedia_serices .service-card:hover .card-img img {
      transform: scale(1.07);
    }

    /* ---- bottom‑to‑top 90° gradient overlay (90deg = bottom to top) ---- */
    .webmedia_serices .overlay-effect {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, 
        rgba(21, 48, 86, 0) 0%, 
        rgba(21, 48, 86, 0.2) 50%, 
        rgba(21, 48, 86, 0) 100%);
      opacity: 0;
      transition: opacity 0.5s ease, transform 0.55s cubic-bezier(0.2, 0.9, 0.3, 1);
      transform: translateY(100%);  /* start from bottom (hidden) */
      pointer-events: none;
      z-index: 2;
    }

    /* 90deg bottom‑to‑top + slight rotation of colour – but we keep gradient direction */
    .webmedia_serices .service-card:hover .overlay-effect {
      opacity: 1;
      transform: translateY(0);  /* slide up to cover image */
      background: linear-gradient(90deg, 
        rgba(21, 48, 86, 0.25) 0%, 
        rgba(21, 48, 86, 0.65) 45%, 
        rgba(21, 48, 86, 0.25) 100%);
      transition: opacity 0.45s, transform 0.5s ease-out;
    }

    /* additional shine hover (nice extra) */
    .webmedia_serices .service-card::after {
      content: '';
      position: absolute;
      top: 0;
      left: -75%;
      width: 50%;
      height: 100%;
      background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
      transform: skewX(-15deg);
      transition: left 0.6s ease;
      z-index: 3;
      pointer-events: none;
    }

    .webmedia_serices .service-card:hover::after {
      left: 125%;
    }

    /* card content */
    .webmedia_serices .card-content {
      padding: 22px 20px 28px;
      background: #fff;
      position: relative;
      z-index: 5;
    }

    /* heading h4 with brand color */
    .webmedia_serices .card-content h4 {
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 1.3;
      margin-bottom: 12px;
      color: #153056;
      transition: color 0.2s;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .webmedia_serices .card-content h4 i {
      font-size: 1.7rem;
      color: #1f3a6b;
      opacity: 0.9;
    }

    .webmedia_serices .service-card:hover h4 {
      color: #0f2c4a;
    }

    /* short description (fake text) */
    .webmedia_serices .card-content p {
      font-size: 0.95rem;
      color: #3a4c66;
      margin-bottom: 20px;
      line-height: 1.6;
      opacity: 0.9;
       display: -webkit-box;
  -webkit-line-clamp: 3;   /* kitni lines chahiye */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
    }

    /* read more button */
    .webmedia_serices .readmore-btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: transparent;
      border: 2px solid #153056;
      color: #153056;
      padding: 10px 24px;
      border-radius: 40px;
      font-weight: 600;
      font-size: 0.95rem;
      letter-spacing: 0.3px;
      text-decoration: none;
      transition: all 0.3s ease;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      z-index: 1;
    }

    .webmedia_serices .readmore-btn i {
      transition: transform 0.3s;
    }

    .webmedia_serices .readmore-btn:hover {
      background: #153056;
      color: #ffffff;
      border-color: #153056;
      box-shadow: 0 7px 14px rgba(21, 48, 86, 0.3);
    }

    .webmedia_serices .readmore-btn:hover i {
      transform: translateX(5px);
    }

    /* ---- attractive animation for card entry (AOS like) ---- */
    .webmedia_serices .service-card {
      animation: cardGlide 0.7s cubic-bezier(0.23, 1, 0.32, 1) both;
      transform-origin: center;
    }

    @keyframes cardGlide {
      0% {
        opacity: 0;
        transform: translateY(35px) scale(0.96);
      }
      100% {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

    /* staggered delay for 7 cards (3+3+1) */
    .webmedia_serices .service-card:nth-child(1) { animation-delay: 0.05s; }
    .webmedia_serices .service-card:nth-child(2) { animation-delay: 0.15s; }
    .webmedia_serices .service-card:nth-child(3) { animation-delay: 0.25s; }
    .webmedia_serices .service-card:nth-child(4) { animation-delay: 0.35s; }
    .webmedia_serices .service-card:nth-child(5) { animation-delay: 0.45s; }
    .webmedia_serices .service-card:nth-child(6) { animation-delay: 0.55s; }
    .webmedia_serices .service-card:nth-child(7) { animation-delay: 0.65s; }

    /* responsiveness – tablet 2 cols, mobile 1 col */
    @media (max-width: 992px) {
      .webmedia_serices .services-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
      }
      nav.menu-fixed{
          background: #fff;
      }
    }

    @media (max-width: 640px) {
      .webmedia_serices .services-row {
        grid-template-columns: 1fr;
      }
    }

    /* dummy img color overlay for demonstration (since unsplash may be slow, we use local colored backgrounds + icon) */
    .webmedia_serices .card-img {
      background: #d6e0f0;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    /* fallback images: show fontawesome icon as image representation (still looks clean) */
    .webmedia_serices .card-img .img-placeholder {
      font-size: 4.2rem;
      color: #153056;
      opacity: 0.7;
      transition: all 0.4s;
    }
    .webmedia_serices .service-card:hover .img-placeholder {
      transform: scale(1.1) rotate(2deg);
      color: #1c3e6b;
      opacity: 1;
    }

/* Mobile responsive */
   /* Section Header */
        .section-header {
            text-align: center;
            margin-bottom: 60px;
            position: relative;
        }

        /*.section-title {*/
        /*    font-family: 'Playfair Display', serif;*/
        /*    font-size: 3.5rem;*/
        /*    font-weight: 700;*/
        /*    color: #153056;*/
        /*    letter-spacing: 3px;*/
        /*    position: relative;*/
            /*display: inline-block;*/
            /*padding: 20px 60px;*/
            /*background: linear-gradient(135deg, #153056 0%, #1e4578 100%);*/
        /*    color: white;*/
        /*    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);*/
        /*    box-shadow: */
        /*        0 10px 30px rgba(21, 48, 86, 0.3),*/
        /*        0 20px 60px rgba(21, 48, 86, 0.15);*/
        /*    animation: slideInDown 0.8s ease-out;*/
        /*}*/

        @keyframes slideInDown {
            from {
                opacity: 0;
                transform: translateY(-50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Category Section */
        .industry-category {
            margin-bottom: 70px;
            animation: fadeInUp 0.6s ease-out;
            animation-fill-mode: both;
        }

        .industry-category:nth-child(2) {
            animation-delay: 0.2s;
        }

        .industry-category:nth-child(3) {
            animation-delay: 0.4s;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .category-title {
            
            font-size: 2rem;
            color: #153056;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 3px solid #153056;
            position: relative;
            font-weight: 700;
            letter-spacing: 1px;
        }

        .category-title::after {
            content: '';
            position: absolute;
            bottom: -3px;
            left: 0;
            width: 120px;
            height: 3px;
            background: linear-gradient(90deg, #e74c3c, #f39c12);
            animation: expandWidth 1s ease-out;
        }

        @keyframes expandWidth {
            from {
                width: 0;
            }
            to {
                width: 120px;
            }
        }

        /* Industry List */
        .industry-list {
            list-style: none;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(264px, 1fr));
            gap: 10px 15px;
        }

        .industry-item {
            opacity: 0;
            animation: itemFadeIn 0.5s ease-out forwards;
        }

        .industry-item:nth-child(1) { animation-delay: 0.05s; }
        .industry-item:nth-child(2) { animation-delay: 0.1s; }
        .industry-item:nth-child(3) { animation-delay: 0.15s; }
        .industry-item:nth-child(4) { animation-delay: 0.2s; }
        .industry-item:nth-child(5) { animation-delay: 0.25s; }
        .industry-item:nth-child(6) { animation-delay: 0.3s; }
        .industry-item:nth-child(7) { animation-delay: 0.35s; }
        .industry-item:nth-child(8) { animation-delay: 0.4s; }
        .industry-item:nth-child(n+9) { animation-delay: 0.45s; }

        @keyframes itemFadeIn {
            from {
                opacity: 0;
                transform: translateY(20px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        /* Industry Link Styling */
      .industry-link {
    display: flex;
    align-items: center;
    padding: 10px 10px;
    background: white;
    border: 2px solid transparent;
    border-radius: 12px;
    text-decoration: none;
    color: #2c3e50;
    font-weight: 500;
    font-size: 0.95rem;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08),
                0 4px 16px rgba(0, 0, 0, 0.04);
}

        /* Gradient Background Effect on Hover */
        .industry-link::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, #153056 0%, #1e4578 100%);
            transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 0;
        }

        .industry-link:hover::before {
            left: 0;
        }

        /* Hover State */
        .industry-link:hover {
            
            border-color: #153056;
            box-shadow: 
                0 8px 24px rgba(21, 48, 86, 0.25),
                0 16px 48px rgba(21, 48, 86, 0.15);
        }

        .industry-link:hover .text {
            color: white;
            transform: translateX(4px);
        }

        .industry-link:hover .icon {
            color: white;
            transform: translateX(-4px) rotate(360deg) scale(1.2);
        }

        /* Icon Styling */
     .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 32px;
    margin-right: 8px;
    color: #153056;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

        .icon svg {
            width: 20px;
            height: 20px;
            stroke-width: 2.5;
        }

        /* Text Styling */
        .text {
            position: relative;
            z-index: 1;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            letter-spacing: 0.3px;
            line-height: 1.5;
        }

        /* Active/Focus State */
        .industry-link:active {
            transform: translateX(6px) translateY(-2px);
        }

        .industry-link:focus {
            outline: none;
            box-shadow: 
                0 0 0 4px rgba(21, 48, 86, 0.1),
                0 8px 24px rgba(21, 48, 86, 0.25);
        }

        /* Responsive Design */
        @media (max-width: 1200px) {
            .industry-list {
                grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
                gap: 18px;
            }
            .pay_btn{
                display: none !important;
            }
        }

        @media (max-width: 768px) {
            /*.section-title {*/
            /*    font-size: 2.5rem;*/
            /*    padding: 16px 40px;*/
            /*    letter-spacing: 2px;*/
            /*}*/

            .category-title {
                font-size: 1.6rem;
            }
            

            .industry-list {
                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
                gap: 16px;
            }

            .industry-link {
                padding: 16px 20px;
                font-size: 0.9rem;
            }

            .industry-link:hover {
                transform: translateX(6px) translateY(-2px);
            }
        }

        @media (max-width: 480px) {
            .section-title {
                font-size: 1.8rem;
                padding: 14px 30px;
                letter-spacing: 1px;
            }

            .category-title {
                font-size: 1.4rem;
                margin-bottom: 20px;
            }

            .industry-list {
                grid-template-columns: 1fr;
                gap: 14px;
            }

            .industry-link {
                padding: 14px 18px;
                font-size: 0.85rem;
            }

            .icon {
                width: 28px;
                height: 28px;
                margin-right: 12px;
            }

            .icon svg {
                width: 18px;
                height: 18px;
            }
        }

        /* Additional Decorative Elements */
        .industry-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, transparent, #ffffff);
            transition: width 0.4s ease-out;
        }

        .industry-link:hover::after {
            width: 100%;
            left: 0;
            right: auto;
        }

        /* Smooth Scroll */
  

        /* Selection Color */
        ::selection {
            background: #153056;
            color: white;
        }

        ::-moz-selection {
            background: #153056;
            color: white;
        }
        
        
        
       .category_form_link {
    background: linear-gradient(135deg, #2c5364 0%, #203a43 50%, #0f2027 100%);
    border-radius: 12px;
    padding: 15px 10px;
    width: 100%;
    
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.category_form_link .get_free {
            color: #f9b234;
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 10px;
        }

      .category_form_link .subtitle {
    color: #ffffff;
    font-size: 14px;
    padding: 0;
    margin-bottom: 18px;
    font-weight: 300;
}


.category_form_link .subtitle a {
    color: #f8ad2d; /* bright aqua neon */
    font-weight: 600;
    margin-left: 5px;
    animation: neonBlink 1s ease-in-out infinite;
}

@keyframes neonBlink {
    0% {
        opacity: 1;
        /*text-shadow: */
        /*    0 0 4px rgba(0, 234, 255, 0.6),*/
        /*    0 0 8px rgba(0, 234, 255, 0.8),*/
        /*    0 0 16px rgba(0, 234, 255, 1);*/
    }
    50% {
        opacity: 0.6;
        /*text-shadow: */
        /*    0 0 6px rgba(0, 234, 255, 0.9),*/
        /*    0 0 14px rgba(0, 234, 255, 1),*/
        /*    0 0 28px rgba(0, 234, 255, 1);*/
    }
    100% {
        opacity: 1;
        /*text-shadow: */
        /*    0 0 4px rgba(0, 234, 255, 0.6),*/
        /*    0 0 8px rgba(0, 234, 255, 0.8),*/
        /*    0 0 16px rgba(0, 234, 255, 1);*/
    }
}


.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}
       
        .category_form_link .form-group {
            margin-bottom: 12px;
        }

        .category_form_link .form-group.full-width {
            grid-column: 1 / -1;
        }

        .category_form_link input,
        .category_form_link textarea {
            width: 100%;
            padding: 15px 18px;
            border: none;
            border-radius: 8px;
            font-size: 15px;
            color: #555;
            background: #ffffff;
            outline: none;
            font-family: inherit;
        }

        .category_form_link input::placeholder,
        .category_form_link textarea::placeholder {
            color: #999;
        }

        .category_form_link textarea {
            resize: vertical;
            min-height: 140px;
        }

        .category_form_link .phone-wrapper {
            display: flex;
            gap: 10px;
            align-items: center;
        }

        .category_form_link .flag-code {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 15px 12px;
            background: #ffffff;
            border-radius: 8px;
            min-width: 110px;
        }

        .category_form_link .flag-code .flag {
            font-size: 20px;
        }

        .category_form_link .flag-code .code {
            color: #555;
            font-size: 15px;
        }

        .category_form_link .phone-input {
            flex: 1;
        }

        .category_form_link button {
            width: 100%;
            padding: 18px;
            background: linear-gradient(135deg, #f9b234 0%, #f39c12 100%);
            color: #2c3e50;
            border: none;
            border-radius: 8px;
            font-size: 18px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .category_form_link button:hover {
            background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(249, 178, 52, 0.4);
        }

        .category_form_link button:active {
            transform: translateY(0);
        }

        .category_form_link button::after {
            content: '→';
            font-size: 24px;
            font-weight: 400;
        }
        
        
        
 .home5-service-section .view-btn {
  
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    
    gap: 8px;
    font-size: 18px;
   
    margin-bottom: 24px;
    transition: 0.5s;
}

.home5-service-section .view-btn svg {
    /* fill: none; */
    width: 15px;
    /* margin-bottom: 40px; */
    stroke: var(--title-color);
    transition: 0.5s;
    /* padding-bottom: 6px; */
}

.home5-service-section .view-btn:hover svg {
  transform: rotate(45deg);
}

.home5-service-section .service-wrapper .single-service {
  padding: 65px 70px;
  background-color: #ffeca0;
  position: relative;
  z-index: 1;
  position: sticky;
  top: 80px;
}
.top_pill .stat-pill{
    background-color: transparent !important;
}
.top_pill .stat-num{
    color: #054d8e !important;
}
.top_pill .stat-lbl{
    color: #da181e !important;
}
@media (max-width: 1399px) {
  .home5-service-section .service-wrapper .single-service {
    padding: 65px 55px;
  }
}

@media (max-width: 1199px) {
  .home5-service-section .service-wrapper .single-service {
    padding: 55px 40px;
  }
}

@media (max-width: 767px) {
  .home5-service-section .service-wrapper .single-service {
    padding: 50px 30px;
  }
}

@media (max-width: 576px) {
  .home5-service-section .service-wrapper .single-service {
    padding: 40px 15px;
  }
}

.home5-service-section .service-wrapper .single-service .vector {
  fill: none;
  stroke: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

@media (max-width: 991px) {
  .home5-service-section .service-wrapper .single-service .vector {
    display: none;
  }
}

.home5-service-section .service-wrapper .single-service .service-content .index_category {
    color: #1C1A1E;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 25px;
}

@media (max-width: 1199px) {
  .home5-service-section .service-wrapper .single-service .service-content .index_category {
    font-size: 33px;
    margin-bottom: 35px;
  }
}

@media (max-width: 767px) {
  .home5-service-section .service-wrapper .single-service .service-content .index_category {
    font-size: 30px;
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .home5-service-section .service-wrapper .single-service .service-content .index_category {
    font-size: 26px;
    margin-bottom: 25px;
  }
}

.home5-service-section .service-wrapper .single-service .service-content ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 25px;
}

@media (max-width: 1199px) {
  .home5-service-section .service-wrapper .single-service .service-content ul {
    margin-bottom: 70px;
  }
}

@media (max-width: 991px) {
  .home5-service-section .service-wrapper .single-service .service-content ul {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .home5-service-section .service-wrapper .single-service .service-content ul {
    margin-bottom: 50px;
  }
}

@media (max-width: 576px) {
  .home5-service-section .service-wrapper .single-service .service-content ul {
    margin-bottom: 40px;
  }
}

.home5-service-section .service-wrapper .single-service .service-content ul li {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 19px;
    font-weight: 600;
    line-height: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}
.service-content svg{
   width: 15px;
    fill: #fff; 
}

.primary-btn5 {
    background-color: #da181e;
    color: #fff;
    font-family: var(--font-dmsans);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.48px;
    text-transform: capitalize;
    line-height: 1;
    padding: 16px 21px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    white-space: nowrap;
}
.home5-service-section .service-wrapper .single-service .service-content ul li svg {
  fill: var(--title-color2);
  min-width: 20px;
}

@media (max-width: 576px) {
  .home5-service-section .service-wrapper .single-service .service-content ul li {
    gap: 8px;
    font-size: 17px;
    margin-bottom: 15px;
  }
}

.home5-service-section .service-wrapper .single-service .service-content ul li:last-child {
  margin-bottom: 0;
}

.home5-service-section .service-wrapper .single-service .service-content .primary-btn5 {
  min-width: 302px;
  justify-content: space-between;
}

.home5-service-section .service-wrapper .single-service .service-img {
  /*   -webkit-mask-image: url(../img/home5/service-img-bg1.png);
          mask-image: url(../img/home5/service-img-bg1.png); */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  max-width: 400px;
  width: 100%;
  margin-left: auto;
}

.home5-service-section .service-wrapper .single-service:nth-child(2) {
  background-color: #EAEAEA;
  top: 75px;
}

.home5-service-section .service-wrapper .single-service:nth-child(2) .vector {
  top: unset;
  bottom: 0;
  line-height: 1;
}

.home5-service-section .service-wrapper .single-service:nth-child(2) .service-img {
  /*    -webkit-mask-image: url(../img/home5/service-img-bg1.png);
          mask-image: url(../img/home5/service-img-bg1.png); */
  max-width: 400px;
  width: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .home5-service-section .service-wrapper .single-service:nth-child(2) .service-img {
    -webkit-mask-size: contain;
    mask-size: contain;
  }
}

.home5-service-section .service-wrapper .single-service:nth-child(3) {
  background-color: #E2E1FF;
  top: 80px;
}

.home5-service-section .service-wrapper .single-service:nth-child(6) {
  background-color: #EAEAEA;

}

.home5-service-section .service-wrapper .single-service:nth-child(3) .service-img {
  /*  -webkit-mask-image: url(../img/home5/service-img-bg3.png);
          mask-image: url(../img/home5/service-img-bg3.png); */
  max-width: 400px;
  width: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .home5-service-section .service-wrapper .single-service:nth-child(3) .service-img {
    -webkit-mask-size: contain;
    mask-size: contain;
  }
}

.home5-service-section .service-wrapper .single-service:nth-child(4) {
  background-color: #F2F1CE;
  top: 80px;
}

.home5-service-section .service-wrapper .single-service:nth-child(4) .vector {
  top: unset;
  bottom: 0;
  line-height: 1;
}

.home5-service-section .service-wrapper .single-service:nth-child(4) .service-img {
  /*   -webkit-mask-image: url(../img/home5/service-img-bg4.png);
          mask-image: url(../img/home5/service-img-bg4.png); */
  max-width: 400px;
  width: 100%;
}

.single-service img{
  width: 100%;
}

.home5-service-section .section-title .category_heading {
    font-size: 36px;
    line-height: 44px;
    padding-left: 8px;
    padding-bottom: 30px;
    font-weight: 700;
    color: #1C1A1E;
}
.home5-service-section .section-title .category_heading span {
    color: #153056;
}
.title-intro{
    font-size: 34px;
    margin-bottom: 20px;
}
.sticky_right{
        position: sticky;
    top: 100px;
    height: fit-content;
}
.demo .preview {
    display: block;
    height: 212px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.mix{
    margin-bottom: 30px;
}
.mix h3 {
    font-weight: 700;
    font-size: 24px;
    padding: 10px 0px 6px;
}
.mix p{
        margin: 0;
    display: inline-block;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 17px;
    background: beige;
    border-radius: 8px 0px;
}
.demo .preview > img {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 3s ease-in-out 0s;
    -webkit-transition: all 3s ease-in-out 0s;
    width: 100%;
}
.demo:hover .preview > img{
    top: 100%;
    transform: translateY(-100%);
}
.demo h3 {
    font-weight: 700;
    text-transform: uppercase;
	padding:10px 10px 20px;
	margin:0;
	font-size:20px;
}
.demo.latest h3 a{color: #f05a66;}
.demo:hover h3 a{color: #f05a66;}
.demo{
	margin-bottom:30px;
    background-image: url(../images/pc.png);
    display: block;
    height: 314px;
    margin: 0 auto;
    padding: 17px 18px 85px 16px;
    width: 370px;
    background-repeat: no-repeat;
    background-size: contain;
}
.demo.latest{box-shadow: 0 5px 10px rgba(220, 69, 126, 0.5);}
.demo.comming .preview::before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    content: "Comming Soon";
    font-size: 20px;
    font-weight: 700;
    left: 0;
    padding-top: 40%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.demo-intro {
    padding: 50px 0;
}
.home5-banner-section {
    background-image: url(../images/home5-banner-bg.png), linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: clip;
}
.banner-img .to-vid {
    width: 100%;
    height: 100%;
}
.home5-banner-section .banner-img-wrap .banner-img {
    height: 100%;
}
.home5-banner-section .banner-content-wrap {
    height: 100%;
    display: flex;
    align-items: center;
    background: #f5f5f5;
}
.counter-content .number{
    display: flex;
}
.home5-banner-section .banner-content {
    padding: 70px;
    max-width: 100%;
    width: 100%;
}
.home5-banner-section .banner-content .sub-title {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 20px;
}
.home5-banner-section .banner-content .sub-title span {
    color: #ffffff;
    font-size: 17px;
    background: #094383;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: 600;
}

.home5-banner-section .banner-content .top_heading{
    color: #054d8e;
    /* font-family: var(--font-suse); */
    font-size: 48px;
    font-weight: 700;
    line-height: 51px;
    padding-right: 50px;
    margin-bottom: 15px;
}
.banner-content .heading_four {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0;
    color: #413f3f;
    padding-right: 50px;
    font-size: 23px;
    line-height: 29px;
    font-weight: 500;
}
.home5-banner-section .banner-content .btn-and-rating-area {
    display: flex;
    align-items: center;
    gap: 15px;
}
.home5-banner-section .banner-content .btn-and-rating-area .rating-area {
    display: flex;
    align-items: center;
    gap: 5px;
}
.home5-banner-section .banner-content .btn-and-rating-area .rating-area .review svg {
    fill: #000;
}
.home5-banner-section .banner-content .btn-and-rating-area .rating-area .rating .star {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
    margin-bottom: 2px;
}
.home5-banner-section .banner-content .btn-and-rating-area .rating-area .rating .star li i {
    font-size: 12px;
}
.greview .rating ul li i {
    color: #fabb05;
}
.treview .rating ul li i {
    color: #00b67a;
}
.home5-banner-section .banner-img-wrap .counter-area {
    width: 152px;
    height: 152px;
    /*background-color: #eee;*/
    -webkit-clip-path: polygon(100% 0, 100% 100%, 26% 100%, 0 80%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 26% 100%, 0 80%, 0 0);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20%;
    left: -75px;
    z-index: 2;
}
.home5-banner-section .banner-img-wrap .counter-area .counter-wrap {
    background-color: #fff;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 26% 100%, 0 80%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 26% 100%, 0 80%, 0 0);
    display: flex;
    align-items: end;
    width: auto;
    height: auto;
}
.home5-banner-section .banner-img-wrap .counter-area .counter-wrap .counter-content {
    padding: 22px 20px;
}
.home5-banner-section .banner-img-wrap .counter-area .counter-wrap .vector {
    position: absolute;
    top: 4px;
    right: 3px;
    width: 50px;
    height: 50px;
}
.home5-banner-section .contact-area .contact-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 15px;
    flex-wrap: wrap;
}
.home5-banner-section .banner-img-wrap .counter-area .counter-wrap .counter-content .number .count_num, .home5-banner-section .banner-img-wrap .counter-area .counter-wrap .counter-content .number span {
    color: #054d8e;
    
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}
.home5-banner-section .banner-img-wrap .counter-area .counter-wrap .counter-content {
    padding: 22px 20px;
}
.home5-banner-section .contact-area .contact-list .single-contact a svg {
    fill: red;
    transition: 0.5s;
}
.home5-banner-section .banner-img-wrap .counter-area .counter-wrap .counter-content span {
   color: #054d8e;
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}
.home5-banner-section .contact-area .contact-list .single-contact a {
    color: #054d8e;
    font-family: var(--font-suse);
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: 0.5s;
}
.home5-banner-section .contact-area {
    padding: 27px 72px 30px 0px;
}
.btn-and-rating-area .rating-area {
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
    gap: 0;
}
.deep_menu {
  max-height: 400px; /* अपनी जरूरत के अनुसार height रख सकते हैं */
  overflow-y: scroll;
}

/* Scrollbar width */
.deep_menu::-webkit-scrollbar {
  width: 8px;
}

/* Scrollbar track */
.deep_menu::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Scrollbar thumb */
.deep_menu::-webkit-scrollbar-thumb {
  background: #153056;
  border-radius: 5px;
}

/* Scrollbar thumb hover */
.deep_menu::-webkit-scrollbar-thumb:hover {
  background: #0f223d;
}
.contact-span-svg{
        background: #fffafa;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.about_sec p{
    text-align: justify;
}


 :root {
      --bg:      #0b0d12;
      --surface: #111318;
      --card:    #14171f;
      --border:  rgba(255,255,255,0.07);
      --orange:  #e8a045;
      --amber:   #ffb830;
      --white:   #f0eee8;
      --muted:   #c4c8d3;
      --mid:     #9299a8;
      --ff-h:    'Syne', sans-serif;
      --ff-b:    'DM Sans', sans-serif;
    }

 /* ── FOOTER WRAPPER ── */
    .footer_bottom { position: relative; overflow: hidden;background: #153056; }

    /* top gradient accent line */
    .footer_top_line {
      height: 3px;
      display: none;
      background: linear-gradient(90deg, transparent, var(--orange) 35%, var(--amber) 65%, transparent);
    }

    /* subtle noise overlay */
    .footer_bottom::after {
      content: '';
      position: fixed; inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");
      pointer-events: none; z-index: 0;
    }
    .footer_bottom > * { position: relative; z-index: 1; }

    /* ── TICKER ── */
.ticker-wrap {
    overflow: hidden;
    /* border-top: 1px solid var(--border); */
    /* border-bottom: 1px solid var(--border); */
    /* background: #8f1108; */
    padding: 13px 0;
    background: linear-gradient(90deg, #8c1007, #b71c1c);
}
    .ticker-track {
      display: flex; width: max-content;
      animation: tickMove 30s linear infinite;
    }
    .ticker-track:hover { animation-play-state: paused; }
  .ticker-track span {
    /* font-family: var(--ff-h); */
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    /* text-transform: uppercase; */
    color: #ffffff;
    white-space: nowrap;
    padding: 0 28px;
}
   .ticker-track .dot {
    color: #ffffff;
    font-size: .9rem;
    padding: 0;
}
    @keyframes tickMove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

    /* ── CTA ── */
    .footer-cta { padding: 64px 0 52px; border-bottom: 1px solid var(--border); }
    .cta-eyebrow {
      font-size: .7rem; font-weight: 600; letter-spacing: 4px;
      text-transform: uppercase; color: var(--orange); margin-bottom: .6rem;
    }
    .cta-heading {
      font-family: var(--ff-h); font-size: clamp(1.8rem, 3.5vw, 2.9rem);
      font-weight: 800; line-height: 1.1; letter-spacing: -1px; color: var(--white);
    }
    .cta-heading em { font-style: normal; color: transparent; -webkit-text-stroke: 1.5px var(--orange); }

    /* Buttons */
    .btn-primary-custom {
      display: inline-flex; align-items: center; gap: 10px;
      padding: 13px 26px; background: var(--orange); color: #fff;
      border: none; border-radius: 6px; font-family: var(--ff-h);
      font-size: .9rem; font-weight: 700; letter-spacing: .5px;
      text-decoration: none; cursor: pointer;
      transition: all .3s cubic-bezier(.34,1.56,.64,1);
      position: relative; overflow: hidden;
    }
    .btn-primary-custom::after {
      content: ''; position: absolute; inset: 0;
      background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.2) 50%, transparent 70%);
      transform: translateX(-100%); transition: transform .5s;
    }
    .btn-primary-custom:hover::after { transform: translateX(100%); }
    .btn-primary-custom:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(255,107,53,.4); color: #fff; }

    .btn-secondary-custom {
      display: inline-flex; align-items: center; gap: 10px;
      padding: 13px 26px; background: transparent; color: var(--white);
      border: 1px solid var(--border); border-radius: 6px;
      font-family: var(--ff-h); font-size: .9rem; font-weight: 600;
      text-decoration: none; cursor: pointer; transition: all .3s ease;
    }
    .btn-secondary-custom:hover {
      border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.05);
      transform: translateY(-3px); color: var(--white);
    }

    /* ── MAIN GRID ── */
    .footer-grid { padding: 56px 0 44px; border-bottom: 1px solid var(--border); }

    .brand-logo {
      font-family: var(--ff-h); font-size: 1.7rem; font-weight: 800;
      color: var(--white); letter-spacing: -1px; text-decoration: none; display: inline-block;
    }
    .brand-logo span { color: var(--orange); }
    .brand-tagline {
      font-size: .88rem; color: #fff; line-height: 1.75;
      max-width: 250px; font-weight: 300; margin-top: .9rem;
    }

    /* Stat pills */
    .stat-pill {
      background: #1c1c1c75; border: 1px solid var(--border);
      border-radius: 8px; padding: 10px 14px; transition: all .3s; cursor: default;
    }
    .stat-pill:hover { border-color: rgba(255,107,53,.3); transform: translateY(-3px); }
    .stat-num { font-family: var(--ff-h); font-size: 1.2rem; font-weight: 800; color: var(--orange); line-height: 1; }
    .stat-lbl { font-size: .62rem; color: var(--muted); text-transform: uppercase; letter-spacing: 1.5px; margin-top: 2px; }

    /* Social */
    .social-btn {
      width: 38px; height: 38px; border-radius: 8px;
      border: 1px solid var(--border); background: transparent;
      color: var(--muted); font-size: .85rem;
      display: inline-flex; align-items: center; justify-content: center;
      text-decoration: none; transition: all .3s ease;
    }
    .social-btn:hover {
      background: var(--orange); border-color: var(--orange); color: #fff;
      transform: translateY(-4px) rotate(-6deg); box-shadow: 0 8px 20px rgba(255,107,53,.35);
    }

    /* Nav columns */
    .nav-col-title {
      font-family: var(--ff-h); font-size: .68rem; font-weight: 700;
      letter-spacing: 3px; text-transform: uppercase; color: var(--mid);
      margin-bottom: 1.1rem; padding-bottom: 9px; position: relative;
    }
    .nav-col-title::after {
      content: ''; position: absolute; bottom: 0; left: 0;
      width: 18px; height: 1.5px; background: var(--orange);
      border-radius: 2px; transition: width .4s;
    }
    .nav-col:hover .nav-col-title::after { width: 36px; }

    .footer-links { list-style: none; padding: 0; margin: 0; }
    .footer-links li { margin-bottom: .5rem; }
    .footer-links a {
      font-size: .875rem; color: var(--muted); text-decoration: none;
      font-weight: 400; transition: all .25s ease; display: inline-block;
    }
    .footer-links a:hover { color: var(--white); padding-left: 10px; }

    /* Newsletter */
    .nl-box {
      background: var(--surface); border: 1px solid var(--border);
      border-radius: 12px; padding: 20px;
    }
    .nl-label {
      font-family: var(--ff-h); font-size: .68rem; font-weight: 700;
      letter-spacing: 2px; text-transform: uppercase; color: var(--muted); margin-bottom: 6px;
    }
    .nl-desc { font-size: .8rem; color: var(--muted); margin-bottom: 12px; line-height: 1.5; }
    .nl-input {
      background: var(--bg); border: 1px solid var(--border);
      border-radius: 6px 0 0 6px; padding: 10px 14px;
      color: var(--white); font-size: .82rem; font-family: var(--ff-b);
      outline: none; transition: border .3s; flex: 1; width: 0;
    }
    .nl-input:focus { border-color: var(--orange); }
    .nl-btn {
      background: var(--orange); border: none; border-radius: 0 6px 6px 0;
      padding: 10px 14px; color: #fff; cursor: pointer; font-size: .85rem; transition: background .3s;
    }
    .nl-btn:hover { background: #e55a28; }

    /* ── CONTACT CARDS ── */
    .footer-contact { padding: 0px 0; border-bottom: 1px solid var(--border); }
    .c-card {
      background: #1c1c1c75; border: 1px solid var(--border);
      border-radius: 12px; padding: 20px 18px;
      display: flex; align-items: flex-start; gap: 13px;
      transition: all .3s; height: 100%;
    }
    .c-card:hover {
      background: var(--card); border-color: rgba(255,107,53,.2);
      transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0,0,0,.4);
    }
    .c-icon {
      width: 42px; height: 42px; border-radius: 10px;
      background: rgba(255,107,53,.1); border: 1px solid rgba(255,107,53,.2);
      display: flex; align-items: center; justify-content: center;
      color: var(--orange); font-size: .9rem; flex-shrink: 0; transition: all .3s;
    }
    .c-card:hover .c-icon { background: var(--orange); color: #fff; box-shadow: 0 4px 14px rgba(255,107,53,.4); }
    .c-label { font-size: .62rem; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); margin-bottom: 4px; }
    .c-value { font-size: .87rem; color: var(--white); line-height: 1.55; }

    /* ── BOTTOM BAR ── */
    .footer-bar { padding: 18px 0; border-top: 1px solid var(--border); }
    .copy-text { font-size: .8rem; color: var(--muted); font-weight: 300; }
    .copy-text strong { color: var(--mid); font-weight: 500; }
    .bar-links a {
      font-size: .8rem; color: var(--muted); text-decoration: none;
      transition: color .25s; position: relative;
    }
    .bar-links a::after {
      content: ''; position: absolute; bottom: -2px; left: 0; right: 0;
      height: 1px; background: var(--orange); transform: scaleX(0); transition: transform .3s;
    }
    .bar-links a:hover { color: var(--white); }
    .bar-links a:hover::after { transform: scaleX(1); }

    /* ── DISCLAIMER ── */
    .footer-disclaimer {
    background: rgb(21 48 86);
    border-top: 1px solid rgba(255,255,255,.04);
    padding: 14px 0;
}
    .footer-disclaimer p { font-size: .74rem; color: #fff; line-height: 1.75; margin: 0; }
    .footer-disclaimer strong { color: #da181e; }

    /* ── REVEAL ANIMATION ── */
    .rv {  transform: translateY(28px); transition: opacity .6s ease, transform .6s ease; }
    .rv.visible { opacity: 1; transform: translateY(0); }
    
    
    
     /* ===== PAY BUTTON ===== */
    .pay_btn {
        margin-left: auto;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 22px;
    /* font-family: 'Montserrat', sans-serif; */
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    text-decoration: none;
    color: #0d1f38;
    background: linear-gradient(90deg, #f5c518 0%, #e8a045 40%, #ffd700 70%, #f5c518 100%);
    background-size: 200% auto;
    border-radius: 60px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    z-index: 0;
    animation: shimmer 2.4s linear infinite,
        pulse-glow 1.8s ease-in-out infinite;
    box-shadow: 0 0 0 0 rgba(245, 197, 24, 0.7),
        0 8px 32px rgba(245, 197, 24, 0.45),
        0 2px 8px rgba(0,0,0,0.25);
}

    /* ===== Shimmer gradient slide ===== */
    @keyframes shimmer {
      0%   { background-position: 0% center; }
      100% { background-position: 200% center; }
    }

    /* ===== Pulse glow / blink ===== */
    @keyframes pulse-glow {
      0%, 100% {
        box-shadow:
          0 0 0 0 rgba(245,197,24,0.75),
          0 8px 32px rgba(245,197,24,0.45),
          0 2px 8px rgba(0,0,0,0.25);
        transform: scale(1);
      }
      50% {
        box-shadow:
          0 0 0 14px rgba(245,197,24,0),
          0 8px 48px rgba(245,197,24,0.8),
          0 2px 8px rgba(0,0,0,0.25);
        transform: scale(1.035);
      }
    }

    /* ===== Outer ring blink ===== */
    .pay_btn::before {
      content: '';
      position: absolute;
      inset: -4px;
      border-radius: 64px;
      background: transparent;
      border: 2.5px solid rgba(245,197,24,0.6);
      animation: ring-blink 1.8s ease-in-out infinite;
      z-index: -1;
    }

    @keyframes ring-blink {
      0%, 100% { opacity: 1; transform: scale(1); }
      50%       { opacity: 0.2; transform: scale(1.06); }
    }

    /* ===== Sweep light overlay ===== */
    .pay_btn::after {
      content: '';
      position: absolute;
      top: 0; left: -75%;
      width: 55%;
      height: 100%;
      background: linear-gradient(
        120deg,
        transparent 20%,
        rgba(255,255,255,0.55) 50%,
        transparent 80%
      );
      transform: skewX(-18deg);
      animation: sweep 2.4s ease-in-out infinite;
      z-index: 1;
    }

    @keyframes sweep {
      0%   { left: -75%; }
      60%, 100% { left: 130%; }
    }

    /* Icon lock */
    .pay_btn .btn-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px; height: 28px;
      background: rgba(13,31,56,0.15);
      border-radius: 50%;
      flex-shrink: 0;
      position: relative;
      z-index: 2;
    }

    .pay_btn .btn-icon svg {
      width: 14px; height: 14px;
      fill: #0d1f38;
    }

    .pay_btn .btn-label {
      position: relative;
      z-index: 2;
    }

    /* Amount badge */
    .pay_btn .btn-amount {
      position: relative;
      z-index: 2;
      font-size: 13px;
      font-weight: 700;
      background: rgba(13,31,56,0.18);
      padding: 3px 10px;
      border-radius: 20px;
      letter-spacing: 1px;
    }

    /* Hover state */
    /* .pay_btn:hover {
      color: #0d1f38;
      animation:
        shimmer 1.2s linear infinite,
        none;
      
      box-shadow:
        0 0 0 6px rgba(245,197,24,0.2),
        0 16px 48px rgba(245,197,24,0.65),
        0 2px 8px rgba(0,0,0,0.3);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    } */

    .pay_btn:active {
      transform: scale(0.97);
    }

    /* Floating particles */
    .particle {
      position: absolute;
      width: 6px; height: 6px;
      border-radius: 50%;
      background: #ffd700;
      opacity: 0;
      pointer-events: none;
      animation: float-particle 3s ease-in-out infinite;
    }

    .particle:nth-child(1) { top: 10%; left: 15%; animation-delay: 0s;   width: 5px; height: 5px; }
    .particle:nth-child(2) { top: 70%; left: 80%; animation-delay: 0.6s; width: 4px; height: 4px; }
    .particle:nth-child(3) { top: 40%; left: 92%; animation-delay: 1.2s; width: 6px; height: 6px; }
    .particle:nth-child(4) { top: 80%; left: 10%; animation-delay: 1.8s; width: 4px; height: 4px; }
    .particle:nth-child(5) { top: 20%; left: 60%; animation-delay: 2.4s; width: 5px; height: 5px; }

    @keyframes float-particle {
      0%   { opacity: 0; transform: translateY(0) scale(0.5); }
      30%  { opacity: 1; }
      100% { opacity: 0; transform: translateY(-22px) scale(1.2); }
    }
    
    
     /* ===== HEADER CENTER WRAPPER ===== */
.header_center {
    width: 46%;
    /* background: linear-gradient(90deg, #153056 0%, #0d1f38 40%, #153056 100%); */
    /* border-top: 1.5px solid rgba(245, 197, 24, 0.35); */
    /* border-bottom: 1.5px solid rgba(245, 197, 24, 0.35); */
    padding: 0 20px;
    position: relative;
    overflow: hidden;
}

    /* Glowing edge lines */
    /*.header_center::before {*/
    /*  content: '';*/
    /*  position: absolute;*/
    /*  top: 0; left: 0; right: 0;*/
    /*  height: 1px;*/
    /*  background: linear-gradient(90deg, transparent, #ffd700, #f5c518, #ffd700, transparent);*/
    /*  animation: glow-line 3s ease-in-out infinite;*/
    /*}*/

    /*.header_center::after {*/
    /*  content: '';*/
    /*  position: absolute;*/
    /*  bottom: 0; left: 0; right: 0;*/
    /*  height: 1px;*/
    /*  background: linear-gradient(90deg, transparent, #ffd700, #f5c518, #ffd700, transparent);*/
    /*  animation: glow-line 3s ease-in-out infinite reverse;*/
    /*}*/

    @keyframes glow-line {
      0%, 100% { opacity: 0.4; }
      50%       { opacity: 1; }
    }

    /* ===== MARQUEE TRACK ===== */
    .marquee_track {
      display: flex;
      align-items: center;
      width: 100%;
      overflow: hidden;
      padding: 0px 0;
      position: relative;
    }

    /* Left fade mask */
    /*.marquee_track::before {*/
    /*  content: '';*/
    /*  position: absolute;*/
    /*  left: 0; top: 0; bottom: 0;*/
    /*  width: 100px;*/
    /*  background: linear-gradient(to right, #0d1f38, transparent);*/
    /*  z-index: 2;*/
    /*  pointer-events: none;*/
    /*}*/

    /* Right fade mask */
    /*.marquee_track::after {*/
    /*  content: '';*/
    /*  position: absolute;*/
    /*  right: 0; top: 0; bottom: 0;*/
    /*  width: 100px;*/
    /*  background: linear-gradient(to left, #0d1f38, transparent);*/
    /*  z-index: 2;*/
    /*  pointer-events: none;*/
    /*}*/

    /* Scrolling inner */
    .marquee_inner {
      display: flex;
      align-items: center;
      white-space: nowrap;
      animation: marquee-scroll 22s linear infinite;
      will-change: transform;
    }

    .marquee_inner:hover {
      animation-play-state: paused;
    }

    @keyframes marquee-scroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    /* Each item */
.marquee_item {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 0 20px;
}

    /* Star icon */
    .marquee_item .m-star {
      display: inline-flex;
      align-items: center;
      gap: 3px;
    }

.marquee_item .m-star svg {
    width: 13px;
    /* height: 13px; */
    fill: #094383;
    /* filter: drop-shadow(0 0 4px rgba(255,215,0,0.8)); */
    animation: star-twinkle 1.6s ease-in-out infinite;
}
    .marquee_item .m-star svg:nth-child(2) { animation-delay: 0.2s; }
    .marquee_item .m-star svg:nth-child(3) { animation-delay: 0.4s; }
    .marquee_item .m-star svg:nth-child(4) { animation-delay: 0.6s; }
    .marquee_item .m-star svg:nth-child(5) { animation-delay: 0.8s; }

    @keyframes star-twinkle {
      0%, 100% { opacity: 1;   transform: scale(1); }
      50%       { opacity: 0.5; transform: scale(0.85); }
    }

    /* Badge label */
.marquee_item .m-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #da181e, #ff003e);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    /* box-shadow: 0 0 12px rgba(255,215,0,0.5); */
    animation: badge-glow 2s ease-in-out infinite;
}

    .marquee_item .m-badge svg {
      width: 10px; height: 10px;
      fill: #fff;
    }

    /*@keyframes badge-glow {*/
    /*  0%, 100% { box-shadow: 0 0 10px rgba(255,215,0,0.5); }*/
    /*  50%       { box-shadow: 0 0 22px rgba(255,215,0,0.95); }*/
    /*}*/

    /* Main text */
   .marquee_item .m-text {
    font-size: 13.5px;
    font-weight: 600;
    color: #153056;
    letter-spacing: 0.6px;
}

    .marquee_item .m-text span {
      color: #da181e;
      font-weight: 700;
      /*text-shadow: 0 0 10px rgba(255,215,0,0.6);*/
    }

    /* Divider dot */
    .marquee_item .m-dot {
      width: 5px; height: 5px;
      border-radius: 50%;
      background: #ffd700;
      opacity: 0.6;
      flex-shrink: 0;
      animation: dot-blink 1.4s ease-in-out infinite;
    }

    @keyframes dot-blink {
      0%, 100% { opacity: 0.4; transform: scale(1); }
      50%       { opacity: 1;   transform: scale(1.5); }
    }
    
    
    
    
     /* ===== OFFICE BRANCH SECTION ===== */
    .office_branch {
      /*background: linear-gradient(135deg, #0d1f38 0%, #0a0f1e 50%, #111827 100%);*/
          padding: 30px 0 29px;
      position: relative;
      overflow: hidden;
    }

    /* Top accent line */
    /*.office_branch::before {*/
    /*  content: '';*/
    /*  position: absolute;*/
    /*  top: 0; left: 0; right: 0;*/
    /*  height: 3px;*/
    /*  background: linear-gradient(90deg, transparent, #153056, #e8a045, #153056, transparent);*/
    /*}*/

    /* Subtle grid texture */
    .office_branch::after {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(21,48,86,0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(21,48,86,0.08) 1px, transparent 1px);
      background-size: 60px 60px;
      pointer-events: none;
    }

    .office_branch .container {
      position: relative;
      z-index: 2;
    }

    /* ===== BRAND HEADER ===== */
    .ob-brand {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 48px;
      padding-bottom: 24px;
      border-bottom: 1px solid rgba(255,255,255,0.07);
    }

    .ob-brand .brand-icon {
      width: 42px; height: 42px;
      border-radius: 10px;
      background: linear-gradient(135deg, #153056, #1e4a7a);
      border: 1px solid rgba(232,160,69,0.4);
      display: flex; align-items: center; justify-content: center;
    }

    .ob-brand .brand-icon svg {
      width: 20px; height: 20px;
      fill: #e8a045;
    }

    .ob-brand h2 {
      font-family: 'Playfair Display', serif;
      font-size: 22px;
      font-weight: 800;
      color: #ffffff;
      margin: 0;
      letter-spacing: 0.5px;
    }

    .ob-brand h2 span {
      color: #e8a045;
    }

    .ob-brand .ob-tagline {
      margin-left: auto;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      color: rgba(255,255,255,0.3);
    }

    /* ===== BRANCH CARD ===== */
    .branch-card {
      position: relative;
      padding: 20px 28px 20px 100px;
      border-radius: 18px;
      background: #1c1c1c75;
      border: 1px solid rgba(255,255,255,0.06);
      overflow: hidden;
      transition: all 0.4s ease;
      height: 100%;
    }

    .branch-card:hover {
      background: rgba(21,48,86,0.35);
      border-color: rgba(232,160,69,0.3);
      transform: translateY(-4px);
      box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 0 1px rgba(232,160,69,0.15);
    }

    /* Big watermark letters */
    .branch-card .watermark {
      position: absolute;
      left: -1px;
      top: 50%;
      transform: translateY(-50%);
      font-family: 'Playfair Display', serif;
      font-size: 88px;
      font-weight: 800;
      color: transparent;
      -webkit-text-stroke: 1.5px rgba(255,255,255,0.06);
      line-height: 1;
      letter-spacing: -4px;
      user-select: none;
      transition: all 0.4s ease;
      white-space: nowrap;
    }

    .branch-card:hover .watermark {
      -webkit-text-stroke-color: rgba(232,160,69,0.12);
    }

    /* Country flag badge */
    .branch-card .flag-badge {
      position: absolute;
      top: 20px;
      right: 20px;
      width: 36px; height: 36px;
      border-radius: 50%;
      background: rgb(255 255 255);
      border: 1px solid rgba(232,160,69,0.25);
      display: flex; align-items: center; justify-content: center;
      font-size: 18px;
      line-height: 1;
    }

    /* Country name */
    .branch-card .country-name {
      font-family: 'DM Sans', sans-serif;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      color: #e8a045;
      margin-bottom: 8px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .branch-card .country-name::before {
      content: '';
      display: block;
      width: 18px; height: 2px;
      background: #e8a045;
      border-radius: 2px;
    }

    /* City name */
    .branch-card .city-name {
      font-family: 'Playfair Display', serif;
      font-size: 24px;
      font-weight: 700;
      color: #ffffff;
      margin-bottom: 14px;
      line-height: 1.2;
    }

    /* Divider */
    .branch-card .card-divider {
      width: 40px; height: 2px;
      background: linear-gradient(90deg, #e8a045, transparent);
      border-radius: 2px;
      margin-bottom: 14px;
      transition: width 0.4s ease;
    }

    .branch-card:hover .card-divider {
      width: 70px;
    }

    /* Address */
    .branch-card .address-row {
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }

    .branch-card .address-row .addr-icon {
      width: 30px; height: 30px;
      border-radius: 8px;
      background: rgba(21,48,86,0.7);
      border: 1px solid rgba(232,160,69,0.2);
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
      margin-top: 2px;
    }

    .branch-card .address-row .addr-icon svg {
      width: 13px; height: 13px;
      fill: #e8a045;
    }

    .branch-card .address-row p {
      font-size: 13px;
      font-weight: 400;
      color: #fff;
      line-height: 1.75;
      margin: 0;
    }

    /* Phone row */
    .branch-card .phone-row {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 14px;
    }

    .branch-card .phone-row svg {
      width: 12px; height: 12px;
      fill: #e8a045;
      flex-shrink: 0;
    }

    .branch-card .phone-row a {
      font-size: 12.5px;
      font-weight: 500;
      color: rgba(255,255,255,0.4);
      text-decoration: none;
      letter-spacing: 0.5px;
      transition: color 0.3s;
    }

    .branch-card:hover .phone-row a {
      color: #e8a045;
    }

    /* Vertical divider between cards */
    .branch-col:not(:last-child) .branch-card::after {
      content: '';
      position: absolute;
      right: -16px;
      top: 20%;
      height: 60%;
      width: 1px;
      background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.08), transparent);
    }

    /* Bottom strip */
    .ob-footer {
      margin-top: 44px;
      padding-top: 22px;
      border-top: 1px solid rgba(255,255,255,0.05);
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px;
    }

    .ob-footer p {
      font-size: 12px;
      color: rgba(255,255,255,0.2);
      margin: 0;
      letter-spacing: 0.5px;
    }

    .ob-footer .hq-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      color: #e8a045;
      background: rgba(232,160,69,0.1);
      border: 1px solid rgba(232,160,69,0.2);
      padding: 5px 14px;
      border-radius: 20px;
    }

    .ob-footer .hq-badge svg {
      width: 11px; height: 11px;
      fill: #e8a045;
    }

.float_left {
    position: fixed;
    left: 15px;
    bottom: 100px;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.float_left a {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: all 0.4s ease;
    animation: floatPulse 2s infinite;
}

.float_left a svg{
    width:24px;
    height:24px;
    fill: #fff;
}

/* Call Button */
.float_left .call{
    background:#ff4b4b;
}

/* WhatsApp Button */
.float_left .whatsapp{
    background:#25D366;
}

/* Hover Effect */
.float_left a:hover{
    transform: scale(1.15);
}

/* Animation */
@keyframes floatPulse{
    0%{
        box-shadow:0 0 0 0 rgba(0,0,0,0.3);
    }
    70%{
        box-shadow:0 0 0 12px rgba(0,0,0,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(0,0,0,0);
    }   
}
    /* Animation on load */
    @keyframes fadeSlideUp {
      from { opacity: 0; transform: translateY(24px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    .branch-col:nth-child(1) .branch-card { animation: fadeSlideUp 0.6s 0.1s ease both; }
    .branch-col:nth-child(2) .branch-card { animation: fadeSlideUp 0.6s 0.25s ease both; }
    .branch-col:nth-child(3) .branch-card { animation: fadeSlideUp 0.6s 0.4s ease both; }
    
.index_about {
    max-height: 460px;
    overflow: hidden;
    position: relative;
    transition: 0.4s;
}
.index_about.active{
    max-height:1000px;  /* Read More पर पूरा खुल जाएगा */
}

.read-more-btn{
    margin-top:10px;
    cursor:pointer;
}
.read-more-btn{
    border: none;
    background: #153056;
    color: #ffffff;
    padding: 2px 12px;
    font-weight: 600;
    border-radius: 5px 0px;
}
.top-area .top_area_content{
        font-size: 26px;
    font-weight: 700;
    color: #b41b1b;
}
.section-base p{
    text-align: justify;
}
/*.modal-dialog {*/
/*    max-width: 600px;*/
/*    margin: 1.75rem auto;*/
/*}*/
.modal-header{
    padding: 0px;
}
 
.modal_close{
        position: absolute;
    top: 15px;
    background: #fff;
    right: -34px;
    line-height: 14px;
    opacity: inherit;
    /* color: #000; */
    font-size: 17px;
}
.choose_service{
    width: 100%;
    padding: 15px 18px;
    border: none;
    border-radius: 8px;
    font-size: 15px;  
    color: #555;
    background: #ffffff;
    outline: none;
    font-family: inherit;
}
.home_about_heading h1,
.home_about_heading h2,
.home_about_heading h3,
.home_about_heading h4{
        font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    margin-top: 10px;
    text-transform: inherit;
}
.modal.fade .modal-dialog {
  transform: scale(0.9) translateY(20px);
  transition: all 0.35s ease;
  opacity: 0;
}
.modal.show .modal-dialog {
  transform: scale(1) translateY(0);
  opacity: 1;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    /* padding-right: 33px; */
    /* padding-left: calc(var(--bs-gutter-x) * .5); */
    margin-right: auto;
    padding: 0px 20px;
    margin-left: auto;
}

i.scroll-top-btn.show{display:none !important;}
#topline{text-align: center;
    background-color: #eef1f6;
    color: #004767;
    line-height: 40px;
    font-family: 'Oswald', sans-serif;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
}
#topline button{
    position: relative;
    cursor: pointer;
    left: 20px;
}

.franchise-btnn {
    position: relative;
    display: inline-flex;
    align-items: center;
     margin: 35px 0px;
    gap: 12px;
    padding: 16px 32px;
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    background: linear-gradient(135deg, #aa1815, #c40000);
    border: 2px solid #b31b1a;
    border-radius: 60px;
    overflow: hidden;
    transition: all .4s ease;
    box-shadow: 0 10px 25px rgba(196,0,0,.35);
}

.franchise-btnn:hover{
    color:#fff;
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(196,0,0,.5);
}

.franchise-btnn .fa-file-pdf{
    font-size:22px;
    color:#fff;
}

.franchise-btnn .fa-download{
    font-size:18px;
    transition:.4s;
}

.franchise-btnn:hover .fa-download{
    transform:translateY(4px);
}

/* Shine Effect */
.franchise-btnn::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:80px;
    height:100%;
    background:rgba(255,255,255,.25);
    transform:skewX(-25deg);
    transition:.8s;
}

.franchise-btnn:hover::before{
    left:120%;
}   

/* Pulse Animation */
.franchise-btnn{
    animation:pulse 2s infinite;
}
.blog-contents img{
    width: 100%;
}
@keyframes pulse{
    0%{
        box-shadow:0 0 0 0 rgba(255,0,0,.5);
    }
    70%{
        box-shadow:0 0 0 15px rgba(255,0,0,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(255,0,0,0);
    }
}


@media (min-width: 1200px) and (max-width: 1300px) {
  
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home5-service-section .service-wrapper .single-service:nth-child(4) .service-img {
    -webkit-mask-size: contain;
    mask-size: contain;
  }
}
@media (max-width:768px){
.floating_icon{right:-5px}
.floating_icon .icon{width:45px;height:45px;font-size:18px}
.floating_icon .icon-name{font-size:12px;padding:10px 15px}
 .bread_cumb_section {
                height: 280px;
            }
            
            
            
            .modal_close {
    position: absolute;
    top: 31px;
    background: #fff;
    right: 30px;
    line-height: 14px;
    opacity: inherit;
    /* color: #000; */
    font-size: 17px;
    z-index: 9999;
}

            .bread_cumb_title {
                font-size: 2rem;
            }

            .bread_cumb_subtitle {
                font-size: 1rem;
            }

            .bread_cumb_list {
                font-size: 0.9rem;
                gap: 10px;
            }

            .bread_cumb_nav {
                padding: 10px 20px;
            }
            .home5-banner-section .banner-content .top_heading{
                padding: 0px;
                    font-size: 36px;
    
    line-height: 39px;
            }    
            .home5-banner-section .banner-content .sub-title span {
 
    font-size: 14px;
 
    padding: 6px 17px;
 
 
}
.banner-content .heading_four {
    margin-top: 10px;
    margin-bottom: 10px;
    
     padding-right: 0px; 
    font-size: 17px;
    line-height: 26px;
    
}
.home5-banner-section .banner-content .btn-and-rating-area {
    display: grid;
    align-items: center;
    gap: 15px;
}

.primary-btn5 svg {
    fill: #fff;
    /* stroke: #fff; */
    transition: 0.5s;
    width: 15px;
}
.home5-banner-section .contact-area .contact-list .single-contact a{
    font-size: 20px;
}
.home5-banner-section .contact-area {
    padding: 0px 72px 30px 0px;
}

.home5-service-section .section-title .category_heading {
    font-size: 36px;
    line-height: 40px;
    padding-left: 0px;
    padding-bottom: 15px;
    font-weight: 700;
    color: #1C1A1E;
}

}
@media (max-width: 650px) {
            .category_form_link {
                padding: 40px 25px;
            }

            .category_form_link .form-row {
                grid-template-columns: 1fr;
                gap: 0;
            }

            .category_form_link h2 {
                font-size: 28px;
            }

            .category_form_link .subtitle {
                font-size: 14px;
            }
        }
@media (max-width: 576px) {
    .category_form {
        padding: 18px;
    }
    .home5-service-section .section-title .category_heading {
    font-size: 29px;
    line-height: 37px;
    padding-left: 0px;
    padding-bottom: 15px;
    font-weight: 700;
    color: #1C1A1E;
}

    .category_form select {
        max-width: 100%;
    }
    .home5-banner-section .banner-content {
    padding: 42px;
    max-width: 100%;
    width: 100%;
}
.home5-banner-section .banner-content .top_heading {
    padding: 0px;
    font-size: 28px;
    line-height: 35px;
}
}
@media (max-width: 480px) {
            .bread_cumb_title {
                font-size: 1.5rem;
            }

            .bread_cumb_subtitle {
                font-size: 0.9rem;
                margin-bottom: 20px;
            }

            .bread_cumb_list {
                font-size: 0.85rem;
                gap: 8px;
            }
        }