*{margin: 0; padding: 0; box-sizing: border-box;}
body{font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    padding: 0;
    background: #fff;
    color: #3a3a3a;
}
a{text-decoration: none;}
img{max-width: 100%;}
p, li, a{font-size: 16px; font-weight: 500;}
#mobile-nav{display: none;}
.modal-backdrop.show{z-index: 1;}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        /*max-width: 100%;
        padding: 0px 100px;*/
        max-width: 1320px!important;
        padding: 0!important;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
        padding: 0px 100px;
    }
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
        padding: 0px 100px;
    }
}
@media (min-width: 768px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
        padding: 0px 100px;
    }
}

.toast {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px;
    background-color: #28a745;
    color: white;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 0.5s ease, top 0.5s ease;
    z-index: 1000;
}

.toast-error {
    background-color: #dc3545;
}

.toast.fade {
    opacity: 0;
    top: 0px;
}

.sec-title {
    position: relative;
    margin-bottom: 20px;
}
.sec-title h4{font-size: 16px; color: #ee5f18; font-weight: 600;
    letter-spacing: 0.5px;}
.sec-title h2 {
    color: #003c6b;
    position: relative;
    display: block;
    font-size: 24px;
    line-height: normal;
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 10px;
    letter-spacing: -.5px;
}
.sec-title .text-decoration {
    position: relative;
    height: 10px;
    width: 50px;
    display: block;
    margin: 0 auto;
}
.sec-title .text-decoration:before {
    position: absolute;
    content: "";
    left: 20px;
    top: 0;
    width: 8px;
    height: 8px;
    background-color: #3a3a3a;
    border-radius: 50%;
}
.sec-title .text-decoration .left,
.sec-title .text-decoration .right {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 100%;
}
.sec-title .text-decoration .left:before {
    left: 0;
}
.sec-title .text-decoration .left:after,
.sec-title .text-decoration .left:before {
    position: absolute;
    content: "";
    top: 3px;
    width: 4px;
    height: 4px;
    background-color: #3a3a3a;
    border-radius: 50%;
}
.sec-title .text-decoration .left:after {
    left: 10px;
}
.sec-title .text-decoration .right:before {
    right: 0;
}
.sec-title .text-decoration .right:after,
.sec-title .text-decoration .right:before {
    position: absolute;
    content: "";
    top: 3px;
    width: 4px;
    height: 4px;
    background-color: #3a3a3a;
    border-radius: 50%;
}
.sec-title .text-decoration .right:after {
    right: 10px;
}

#main-content{position: relative; z-index: 11; background-color: #fff; margin-bottom: 470px;}

.header-section{position: relative; 
    background-color: transparent;
    background-image: linear-gradient(178.65deg,#B0D8FD63 0%,#B0D8FD14 100%);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0px;
    z-index: 11;
}

.header-section .background-overlay {
        background-image: url(../images/banner-bg.webp);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: 1;
        transition: background .3s, border-radius .3s, opacity .3s;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        position: absolute;
        z-index: -1;;
    }

.menu-section{position: relative; z-index: 11; padding-top: 15px;}
.menu-section.fixed-top {
    background: #fff;
    height: 74px;
    top: -40px;
    box-shadow: 0px 0px 25px 0px #0000004a;
    position: fixed!important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.menu-section.fixed-top .navbar{box-shadow: none!important; padding: 0!important;}
.menu-section .container-fluid{padding-right: 0;}
.menu-section .navbar{background: #fff;
    border-radius: 70px;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
    padding: 7px 10px 4px 15px;}
    .menu-section .navbar-brand{padding-top: 0;}
.menu-section .navbar-brand img{width: 180px; margin-right: 30px;}
.menu-section .navbar-collapse .row{width: 100%; list-style: none; display: block;
    margin: 0; padding: 0; height: 250px; overflow: auto;}
.menu-section .nav-link{font-size: 15px; text-transform: uppercase; font-weight: 600;
    padding: 8px 20px 7px 20px!important; color: #0b1323; letter-spacing: 0.5px; display: block;
    position: relative; z-index: 1; border-radius: 70px;}
.menu-section .nav-megamenu-columns .megamenu-list{}
.menu-section .nav-megamenu-columns .megamenu-list .megamenu-columns-heading{

}
.menu-section .nav-megamenu-columns .megamenu-list ul{position: absolute;
    left: 18%; top: 0; width: 82%; transform-origin: 0 0 0; transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; padding: 0;
    background: #dbecf9;}
.menu-section .nav-megamenu-columns .megamenu-list ul li{width: 49%;
    display: inline-block;}
.menu-section .nav-megamenu-columns .megamenu-list:hover ul,
.menu-section .nav-megamenu-columns .megamenu-list.active ul{
        opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}



.menu-section .nav-link.active{color: #fff; background: #003c6b; font-weight: 500; font-size: 13px;}
.menu-section .nav-link:before{position: absolute; content: ''; left: inherit; right: 0; top: 0; width: 0;
    height: 100%; background: #dbecf9; transition: all 500ms ease; z-index: -1;
    border-radius: 70px;}
.menu-section .nav-link:hover:before{left: 0; width: 100%;}
.menu-section .nav-link.active:before{background: #003c6b;}
.menu-section .center{text-align: center;}
.menu-section .center .logo{width: 160px; text-align: center; position: relative;}
.menu-section .center .logo .navbar-brand{position: absolute; top: -24px;
    left: 0;}
.menu-section .right{text-align: right; margin: 0;}
.menu-section .right li{list-style: none;}
.menu-section .right li button{background: #ee5f18; width: 45px; height: 45px; border-radius: 50%;
    padding: 0 !important; color: #fff; display: flex; align-items: center; justify-content: center;
    border: none;}
.menu-section .right li button .feather{width: 18px; height: 18px;}

.menu-section .navbar .dropdown{position: relative;}
.menu-section .navbar .dropdown .dropdown-menu{transition: 0.5s; padding: 0;
    border-radius: 0;}
.menu-section .navbar .dropdown .dropdown-menu:before{content: "";
    height: 16px; margin-left: 24px; position: absolute; top: -6px;
    width: 16px; transform: rotate(45deg); background: #fff; z-index: -1;}
.menu-section .navbar .dropdown:hover .dropdown-menu{display: block; transition: 0.5s;}
.menu-section .navbar .dropdown .dropdown-menu li{border-bottom: 1px solid #ddd;
    position: relative;}
.menu-section .navbar .dropdown .dropdown-menu li:before{content: '';
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-image: url(../images/bg-pattern-dot.png); opacity: 0.4; z-index: -1;}
.menu-section .navbar .dropdown .dropdown-menu .dropdown-item{
    height: 46px; line-height: 38px; font-size: 16px;}
.menu-section .navbar .dropdown .dropdown-menu .dropdown-item:hover{background: #003c6b;
    color: #fff;}

/* Dropdown Menu */
.menu-section .nav-item .dropdown {background: #fff; width: 100%; position: absolute; top: 100%; z-index: 999; -webkit-box-shadow: 0px 3px 5px #3333334d;
    -moz-box-shadow: 0px 3px 5px #3333334d; box-shadow: 0px 3px 5px #3333334d; transform-origin: 0 0 0; transform: scaleY(0.2); -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; padding: 10px; left: 0; margin: 0;}
.menu-section .nav-item:hover .dropdown{opacity:1; visibility:visible; transform:translateY(0px);}

.menu-section .nav-item:hover .dropdown .megamenu-list:first-child ul{    opacity: 1;
    visibility: visible;
    transform: translateY(0px);}
.menu-section .nav-item .dropdown li{float:none; margin:0;}
.menu-section .nav-item .dropdown li a {padding: 8px 2px; color: #000; display: block; font-weight: 400; text-transform: capitalize; background: transparent;}
.menu-section .nav-item .dropdown li a:before{display:none;}
.menu-section .nav-item .dropdown li:last-child a{border-bottom:0px;}
.menu-section .nav-item .dropdown li a:hover{border-color:transparent;}
.menu-section .nav-item .dropdown li i {float: right; margin-top: 8px; font-size:10px; z-index:5;}
.menu-section .nav-item .dropdown.sub-dropdown {background: #fff; width: 220px; position: absolute; left: 186px; top: 0; z-index: 999;
   -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px #3333334d; transform-origin: 0 0 0; transform: scaleY(0.2); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; padding: 10px;}
.menu-section .nav-item .dropdown li:hover .dropdown.sub-dropdown{opacity:1; visibility:visible; transform:translateY(0px);}
.menu-section .nav-item .dropdown.sub-dropdown li a{padding: 8px 15px; color: #666; display: block; font-weight: 400; text-transform: capitalize; background: transparent;}
.menu-section .nav-item .dropdown li:hover .dropdown.sub-dropdown li a{background:transparent;}
.menu-section .nav-item .dropdown.sub-dropdown li:last-child a{border-bottom:0px solid;}

.menu-section .nav-megamenu-columns a.megamenu-columns-heading{font-size: 16px;
    font-weight: 600!important;
    color: #000!important;
    border-bottom: 2px solid #bf922c!important;
    width: fit-content;
    padding: 0!important;
    margin-bottom: 8px;}
.menu-section .nav-megamenu-columns .dropdown li:hover li a{color: #fff; background: #000000;}



.menu-section .d-flex ul{background: #003c6b; padding-left: 0; padding: 2px; border-radius: 60px;
    height: fit-content;}
.menu-section .d-flex ul li.nav-item{display: inline-block;}
.menu-section .d-flex ul li.nav-item a.nav-link{color: #fff; font-weight: 300; font-size: 12px; padding: 7px 15px 7px 15px!important;}
.menu-section .d-flex ul li.nav-item a.nav-link .feather{width: 18px; height: 18px; position: relative; top: -1px; padding-right: 4px;}
.menu-section .d-flex ul .nav-item.dropdown{background: #ee5f18; border-radius: 60px;}
.menu-section .d-flex ul .nav-link:hover{color: #003c6b!important;}
.menu-section .d-flex ul .nav-link:hover:before {
    background: #ffffff; color: #003c6b;
}
.menu-section .d-flex ul .dropdown:hover .dropdown-menu{background-color: #fff; top: 35px;}
.menu-section .d-flex ul .dropdown:hover .dropdown-menu a{text-transform: uppercase; font-size: 13px; display: block;}
.menu-section .d-flex ul .dropdown .dropdown-menu .feather{width: 14px; height: 14px; margin-right: 4px;}


nav .big-nav > ul{min-height:100px; position:absolute; top:100%; left:0; width:100%;
    background:#fff; opacity: 0; visibility: hidden; transform: translateY(20px);
    transition: all 300ms ease-in-out 500ms; padding: 0; list-style: none;
    box-shadow: 0 2px 11px #0000001a; border-radius: 30px; overflow: auto;}
nav .big-nav:hover > ul {opacity: 1; visibility: visible; transform: translateY(0px);
    transition: all 300ms ease-in-out;}
nav .big-nav > ul > li.show a{color: #fff; background: #273272;}
nav .big-nav > ul > li > a{
    width: 20%;
    display: block;
    text-decoration: none;
    color: #3a3a3a;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px 10px 30px; font-size: 16px;}
nav .big-nav > ul > li > ul{
  display:none;
  position:absolute;
  top:0;
  left:20%;
  width:80%;
  background: transparent;
    background-image: linear-gradient(178.65deg, #B0D8FD63 0%, #b0d8fd24 100%);
  list-style: none;
    padding: 0;
    transform: translateY(20px);
    transition: all 300ms ease-in-out 500ms;
}
nav .big-nav > ul > li > ul li.col2{width: 49%; display: inline-block;}
nav .big-nav > ul > li > ul li.col2 button{background: transparent; border: 0; border-radius: 0;
    color: #3a3a3a; display: flex; align-items: center; justify-content: space-between;
    width: 100%; flex-wrap: wrap; transition: 0.5s; border-bottom: 1px solid #0000001f;
    text-align: left;}
nav .big-nav > ul > li > ul li.col2 button:hover{background: #ee5f18; color: #fff;}
nav .big-nav > ul > li > ul li.col2 button:hover p{color: #fff;}
nav .big-nav > ul > li > ul li.col2 button .title{width: 70%;}
nav .big-nav > ul > li > ul li.col2 button .price{width: 30%; text-align: right;}
nav .big-nav > ul > li > ul li.col2 button h1{margin-bottom: 0; font-size: 14px;}
nav .big-nav > ul > li > ul li.col2 button p{margin-bottom: 0; font-size: 14px; color: #ee5f18;}

nav .big-nav > ul > li.show > ul{
  display:block;
  transform: translateY(0px);
  transition: all 300ms ease-in-out;
  height: 100%;
}
@media (max-width: 767px) {
    nav .big-nav{position: relative;}
}
.menu-section .modal{
    position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 76%);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.menu-section .modal.show{
    opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.menu-section .modal .modal-header .modal-title{
    padding-left: 20px;
    font-weight: 600;
    color: #003c6b;
    line-height: normal;
}
.menu-section .modal .modal-content-box{
    background: #fff;
    background-color: transparent;
    background-image: linear-gradient(178.65deg, #B0D8FD63 0%, #B0D8FD14 100%);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
}
.menu-section .modal .modal-content-box .background-overlay {
    background-image: url(../images/banner-bg.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: background .3s, border-radius .3s, opacity .3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}
.menu-section .modal .modal-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    border-radius: 6px;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    overflow: hidden;
}
.menu-section .modal .modal-header .btn-close{
    background: #fff;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #003c6b;
}
.menu-section .modal .modal-body{text-align: center;}
.menu-section .modal .modal-body .price{position: relative;}
.menu-section .modal .modal-body .price:before{position: absolute;
    position: absolute;
    content: '';
    background: #ee5f18;
    width: 40px;
    height: 61px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
}
.menu-section .modal .modal-body .price h5 {
    position: relative;
    font-size: 16px;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: inherit;
    padding: 15px 30px;
    background: #ee5f18;    
}
.menu-section .modal .modal-body .price h5:before {
    position: absolute;
    content: "";
    top: 0;
    left: -15px;
    width: 16px;
    height: 52px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 90% 50%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 90% 50%);
    background: #ee5f18;
}
.menu-section .modal .modal-body .price h5:after {
    position: absolute;
    content: "";
    top: 0;
    right: -15px;
    width: 16px;
    height: 52px;
    -webkit-clip-path: polygon(100% 0, 10% 50%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 10% 50%, 100% 100%, 0 100%, 0 0);
    background: #ee5f18;
}
.menu-section .modal .modal-body .number{
    display: block;
    font-size: 16px;
    margin: 15px 0px;
    color: #3a3a3a;
    font-family: fantasy;
    letter-spacing: 2px;
}
.menu-section .modal .modal-body button{
    position: relative;
    z-index: 5;
    display: inline-block;
    transition: all .3s ease-in-out;
    border: none;
    background: none;
    padding: 0;
    width: auto;
    margin: 30px auto 0;
}
.menu-section .modal .modal-body button span {
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #003c6b;
    box-shadow: 0 6px 43px rgba(0, 0, 0, .16);
    padding: 14px 26px;
    transition: all .4s;
    font-weight: 400;
    font-size: 14px;
}
.menu-section .modal .modal-body button span .feather{width: 16px; margin-left: 8px;}
.menu-section .modal .modal-body button:hover:before {top: 0; left: 0;
    border-color: #fff;}
.menu-section .modal .modal-body button .feather{width: 18px; position: relative; top: -2px;}

.menu-section .modal#modalFormForm .modal-content .title h4{
    font-size: 22px;
    color: #ee5f18;
}
.menu-section .modal#modalFormForm .modal-content .title p{font-size: 16px; margin-bottom: 32px;}
.menu-section .modal#modalFormForm .modal-content .form-select,
.menu-section .modal#modalFormForm .modal-content input,
.menu-section .modal#modalFormForm .modal-content input::placeholder {
    font-size: 14px;
}
.menu-section .modal#modalFormForm .modal-content{width: 800px;}
.menu-section .modal#successModal .modal-content{width: 800px;}
.menu-section .modal#modalFormForm .modal-content .form-group{
    text-align: left;
    margin-bottom: 15px;
}
.menu-section .modal#modalFormForm .modal-content .form-control{padding: .6rem .8rem;}




.banner-section{padding-top: 50px; padding-bottom: 0px; position: relative;}
.banner-section .image-data {
    max-width: 500px;
    margin-left: auto;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-top: 40px;
}
.banner-section .media {text-align: center;}
.banner-section .media:after, 
.banner-section .media:before {border-radius: 10px;content: none;position: absolute;right: 0px;bottom: 0px;top: 25%;left: 0px;}
.banner-section .media:after {background-color: #03a3a3a78; z-index: -1;}
.banner-section .media:before {background-color: #ee5f18; z-index: -1; transform: rotate(5deg);}
.banner-section .media:after {-webkit-animation: upNdown11 5s infinite linear; animation: upNdown11 5s infinite linear;}
@-webkit-keyframes upNdown11 {
    0% { }
    50% { transform: rotate(5deg);}
    100% { }
}
@keyframes upNdown11 {
    0% { }
    50% { transform: rotate(5deg); }
    100% { }
}
.banner-section .media:before {-webkit-animation: upNdown22 5s infinite linear; animation: upNdown22 5s infinite linear;}
@-webkit-keyframes upNdown22 {
    0% { }
    50% { transform: rotate(-5deg);}
    100% { }
}
@keyframes upNdown22 {
    0% { }
    50% { transform: rotate(-5deg); }
    100% { }
}
.banner-section .lines-left {
  position: absolute;
  left: -78px;
  bottom: 0px;
  z-index: -2;
  width: 138px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.banner-section .line-left-content {position: relative;}  
.banner-section .lines-right {
    position: absolute;
    right: -75px;
    bottom: 0px;
    z-index: -2;
    width: 138px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.banner-section .circle-l-1  , 
.banner-section .circle-l-2,
.banner-section .circle-l-3 {
    position: absolute;
    display: block;
    border-radius: 50%;
}
.banner-section .circle-l-1 {
  background-color: #003c6b;
  width: 22px;
  height: 22px;
  top: 30px;
  right: 20px;
}
.banner-section .circle-l-2 {
  background-color: #ee5f18;
  width: 15px;
  height: 15px;
  top: 50%;
  left: -6px;
}
.banner-section .circle-l-3 {
  background-color: #003c6b;
  width: 18px;
  height: 18px;
  bottom: 50px;
  right: 40px;
}
.banner-section .circle-r-1, .banner-section .circle-r-2, .banner-section .circle-r-3 {
    position: absolute;
    display: block;
    border-radius: 50%;
  }
.banner-section .circle-r-1 {
    background-color: #003c6b;
    width: 18px;
    height: 18px;
    top: 30px;
    left: 20px;
  }
.banner-section .circle-r-2 {
    background-color: #ee5f18;
    width: 15px;
    height: 15px;
    top: 50%;
    right: -6px;
  }
.banner-section .circle-r-3 {
    background-color: #003c6b;
    width: 22px;
    height: 22px;
    bottom: 50px;
    left: 40px;
  }

.banner-section .slide-fwd-center {animation: zoom-in-zoom-out 2s ease-out infinite;}
.banner-section .slide-fwd-center2 {animation: zoom-in-zoom-out 1s ease-out infinite;}
.banner-section .slide-fwd-center3 {animation: zoom-in-zoom-out 4s ease-out infinite;}
@keyframes zoom-in-zoom-out {
  0% {transform: scale(1.1, 1.1);}
  50% {transform: scale(1.5, 1.5);}
  100% {transform: scale(1.1, 1.1);}
}

@media only screen and (max-width:1024px){
    .banner-section .image-data {margin: 30px auto 0px;}
}
.banner-section .form-section h2 span{color: #ee5f18;}
.banner-section .form-section h1{margin-bottom: 40px;}
.banner-section .form-section h1, .banner-section .form-section h2{
    font-size: 36px;
    font-weight: 700;
    font-family: 'Inter';
    color: #003c6b;
}
.banner-section .form-section .rt-highlight-txt {
    position: relative;
    display: inline-block;
}
.banner-section .form-section .rt-underline-txt {
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: -1;
    bottom: -.4em;
}
.banner-section .form-section .rt-underline-txt svg {
    z-index: -1;
    display: flex;
    margin: 0;
}
.banner-section .form-section .rt-underline-txt path{stroke: #ee5f18; stroke-width: 3px;}
.banner-section .form-section .form-group{margin-bottom: 12px;}
.banner-section .form-section button{
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #003c6b;
    box-shadow: 0 6px 43px rgba(0, 0, 0, .16);
    padding: 12px 26px;
    transition: all .4s;
    font-weight: 400;
    font-size: 14px;
    border: none;
}
.banner-section .form-section button .feather{width: 16px; height: 16px; margin-right: 4px;}
.banner-section .form-section .form-select,
.banner-section .form-section input,
.banner-section .form-section input::placeholder {
    font-size: 14px;
}
.banner-section .form-section .form-control,
.banner-section .form-section .form-select{
    background-color: #ffffff96;
    padding: .8rem .75rem;
}

.banner-section .social-icons{position: relative;}
.banner-section .social-icons ul{position: absolute; left: -214px;
    top: 94px; padding-left: 0; list-style: none;}
.banner-section .social-icons ul li a {
    border-radius: 100px;
    width: 50px;
    height: 50px;
    margin-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease-in-out 0.3s;
    transition: transform ease 300ms;
}
.banner-section .social-icons ul li .feather {
    width: 16px;
    height: 16px;
    color: #003c6b;
    transition: all ease-in-out 0.3s;
    transition: transform ease 300ms;
}
.banner-section .social-icons ul li a:hover {
    background-image: linear-gradient(to right, #003c6b 0%, #1969a9 100%);
    color: #fff;
    transform: translateY(-5px);
}
.banner-section .social-icons ul li a:hover .feather{color: #fff;}

.banner-bottom-section{position: relative; top: 50px;}
.banner-bottom-section .item {
    padding: 15px 20px;
    background-color: #f9ab0026;
    /* background-image: linear-gradient(178.65deg, #B0D8FD63 0%, #ee5f1814 100%); */
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    position: relative;
    overflow: hidden;
}
.banner-bottom-section .col-md-4:nth-child(1) .item{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.banner-bottom-section .col-md-4:nth-child(2) .item{background-color: #b0d8fd63;}
.banner-bottom-section .col-md-4:nth-child(3) .item{background-color: #ffd0ea63; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.banner-bottom-section .content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.banner-bottom-section .content .data span {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #ee5f18;
    display: block;
    padding-bottom: 8px;
}
.banner-bottom-section .content p {
    margin-bottom: 0;
    color: #003c6b;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}
.banner-bottom-section .it-btn {
    display: inline-block;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    transition: 0.4s;
    border-radius: 5px;
    z-index: 1;
    border: 1px solid #003c6b;
    color: #003c6b;
    position: relative;
    font-size: 15px;
}
.banner-bottom-section .it-btn .feather{width: 18px; height: 18px; position: relative; top: -2px;}




.about-section {
    position: relative;
    padding: 110px 0 30px;

}

.about-section .about-video{position: relative; z-index: 1; padding-right: 30px;}
.about-section .about-video video,
.about-section .about-video iframe{
    border: 12px solid #0a416c; border-radius: 20px; background: #fff;
    width: 100%%; position: relative; height: auto; 
    box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 30%);}
.about-section .about-video:before,
.about-section .about-video iframe::before {position: absolute; content: '';
    left: 15%; right: 0; bottom: -10px; background-color: #00335a; height: 40px;
    width: 70%; border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;}
.about-section .about-video video,
.about-section .about-video iframe{width: 100%; height: 358px;}


.about-section .sec-title .text-decoration{margin: 0;}
.about-section .image-block {
    position: relative;
    margin-bottom: 30px
}

.about-section .image-block:before {
    position: absolute;
    content: "";
    top: 45px;
    left: 45px;
    right: 45px;
    bottom: 45px;
    border: 6px solid #ffffff61;
    border-image: initial;
    border-radius: 3px
}

.about-section .image-one {
    position: relative;
    margin-left: 130px;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.27);
    display: inline-block;
    border-radius: 6px
}

.about-section .image-one .image-box {
    overflow: hidden;
    border-radius: 6px
}

.about-section .image-one img {
    border-radius: 6px;
    transition: 1s
}

.about-section .image-one:hover img {
    transform: scale(1.1)
}

.about-section .image-two {
    position: relative;
    margin-top: -180px;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.27);
    display: inline-block;
    border-radius: 15px;
    width: 70%;
}

.about-section .image-two .image-box {
    position: relative;
    overflow: hidden;
    height: 400px;
    border-radius: 15px;
}

.about-section .image-two .image-box:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3));
    transform: skewX(-25deg)
}

.about-section .image-two:hover .image-box:before {
    animation: shine2 1s
}

@keyframes shine2 {
    to {
        left: 125%
    }
}

.about-section .image-two img {
    border-radius: 6px
}
.about-section .image-two video{position: relative; width: 100%; border-radius: 15px;}

.about-section .logo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 130px;
    height: 130px;
    line-height: 118px;
    text-align: center;
    border-radius: 50%;
    border: 3px dotted #333;
    border-image: initial
}

.about-section .logo:before {
    position: absolute;
    content: "";
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.27);
    background: #fff;
    border-radius: 50%
}

.about-section .logo img {
    position: relative
}

.about-section ul {margin: 0; padding: 0; margin-top: 20px;}
.about-section ul li {list-style: none;
    position: relative;
    padding-left: 30px;
    margin-bottom: 8px;
    width: 48%;
    display: inline-block;
    font-weight: 500;
}

.about-section ul li:before {
    position: absolute;
    content: "";
    top: 9px;
    left: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #ee5f18;
}

.about-section .text {
    font-size: 16px;
    font-weight: 500;
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    word-spacing: -0.05em;
}




.services-section{margin-top: 20px; margin-bottom: 30px;}
.services-section .nav-tabs{border-bottom: none;}
.services-section .nav-tabs .nav-link{border: none; padding: 0;}

.services-section .nav-tabs .card-item {
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid #003c6b;
  margin-bottom: 20px;
}
.services-section .nav-tabs .card-link {
  display: block;
  padding: 10px 10px;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  border: none;
  width: 100%;
}
.services-section .nav-tabs .card-link:hover{
  text-decoration: none;
  color: #FFF;
}
.services-section .nav-tabs .card-link:hover .card-item-bg,
.services-section .nav-tabs .card-link.active .card-item-bg {
  -webkit-transform: scale(10);
  -ms-transform: scale(10);
  transform: scale(10);
}
.services-section .nav-tabs .card-title {
    height: 56px;
    overflow: hidden;
    z-index: 2;
    position: relative;
    font-size: 16px;
    color: #3a3a3a;
    font-weight: 500;
    transition: .5s;
    display: block;
}
.services-section .nav-tabs .card-link:hover .card-title,
.services-section .nav-tabs .card-link.active .card-title{color: #fff;}
.services-section .nav-tabs .card-link .icon{
    position: relative;
    z-index: 1;
    background: #fff;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.services-section .nav-tabs .card-link .icon img{width: 50px; height: 50px;
    object-fit: contain;}
.services-section .nav-tabs .card-item-bg {
  height: 128px;
  width: 128px;
  background-color: #003c6b;
  z-index: 1;
  position: absolute;
  top: -75px;
  right: -75px;
  border-radius: 50%;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.services-section .nav-tabs .col-md-4:nth-child(2n) .card-item-bg {background-color: #3ecd5e;}
.services-section .nav-tabs .col-md-4:nth-child(2n) .card-item{border-color: #3ecd5e;}
.services-section .nav-tabs .col-md-4:nth-child(3n) .card-item-bg {background-color: #e44002;}
.services-section .nav-tabs .col-md-4:nth-child(3n) .card-item{border-color: #e44002;}
.services-section .nav-tabs .col-md-4:nth-child(4n) .card-item-bg {background-color: #952aff;}
.services-section .nav-tabs .col-md-4:nth-child(4n) .card-item{border-color: #952aff;}
.services-section .nav-tabs .col-md-4:nth-child(5n) .card-item-bg {background-color: #cd3e94;}
.services-section .nav-tabs .col-md-4:nth-child(5n) .card-item{border-color: #cd3e94;}
.services-section .nav-tabs .col-md-4:nth-child(6n) .card-item-bg {background-color: #4c49ea;}
.services-section .nav-tabs .col-md-4:nth-child(6n) .card-item{border-color: #4c49ea;}

.services-section .tab-content{padding-left: 60px;}
.services-section .tab-content .content-data .image{margin-bottom: 30px;}



.step-section {background-image:url("../images/bg-curve.png"); background-position: top;
    background-repeat: no-repeat;
    /* -moz-transform: skewY(-2deg);
    -webkit-transform: skewY(-2deg);
    -o-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    transform: skewY(-2deg); */
    background-size: contain;
    background-position: top;
    padding-top: 50px;
    background-attachment: scroll;
    position: relative;
    background-repeat: no-repeat;
    display: block;
}
.step-section .section-content {margin-top: 50px;}
.step-section .sf-step-section{text-align: center;}
.step-section .sf-step-section .sf-step-icon{display: inline-block; margin-bottom: 30px;}
.step-section .sf-step-section .sf-step-icon span{display: block; background-color: #003c6b; width: 140px; height: 140px; border-radius: 50px;
    line-height: 140px; transform: rotate(135deg); text-align: center;}
.step-section .sf-step-section .sf-step-icon span img{transform: rotate(-135deg); height:40px; }
.step-section .sf-step-section .sf-step-info .sf-title{color: #ee5f18; font-size: 18px;}
.step-section .step-position-1{margin-top: 50px; text-align: center;}
.step-position-2{margin-top: 130px; text-align: center;}
.step-section .step-position-3{margin-top: 190px; text-align: center;}
.step-section .sf-bg-light-purple{background-color: #f8f5ff;}
@media only screen and (max-width:991px) {
    .step-section .step-position-1 { margin-top: 50px; }    
    .step-position-2 { margin-top: 50px; }
    .step-section .step-position-3 { margin-top: 50px; }
}


.how-work-section{padding-top: 60px; padding-bottom: 60px;}
.how-work-section .listar-feature-item {height: calc(100% - 20px); position: relative;}
.how-work-section .listar-feature-item a:after {content: ""; position: absolute; bottom: -28px; left: 50%;
    margin-left: -25px; width: 50px; height: 50px; border-radius: 1000px; z-index: 10;
    animation: ripple 0.7s linear infinite; box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6),
      -5px -5px 10px rgba(255, 255, 255, 0.5);}
  @keyframes ripple {
    0% {
          box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3), 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.01);
    }
    100% {
      box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03), 0 0 0 8em rgba(163, 177, 198, 0.01);
    }
  }
.how-work-section .how-work-section .listar-feature-item .listar-feature-item-inner {padding: 50px 30px; border-radius: 6px;
    z-index: 5; position: relative; height: 100%;}
.how-work-section .listar-feature-item .listar-feature-item-inner {padding-top: 60px; padding-bottom: 60px;}
.how-work-section .listar-feature-right-border {position: absolute; width: calc(100% + 24px); height: calc(100% + 24px);
    top: -12px; left: 50%; overflow: hidden;}
.how-work-section .listar-feature-items {text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox;
    display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
 
  
  .listar-feature-right-border:before,
  .listar-hovering-features
    .listar-feature-item
    a:hover
    ~ .listar-feature-item-inner
    .listar-feature-right-border:before,
  .listar-hovering-features-grey
    .listar-feature-item
    a:hover
    ~ .listar-feature-item-inner
    .listar-feature-right-border:before {content: ""; position: absolute; width: 100%; height: 100%;
    top: 0; left: 0; border: 8px solid #003c6b45; border-radius: 800px; left: -50%;}
  
.how-work-section .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {content: "";
    background-color: #fff; z-index: 6; position: absolute; background-repeat: no-repeat;
    background-position: center center;}
.how-work-section .listar-feature-icon-wrapper {width: 148px; height: 148px; line-height: 148px; border-radius: 500px;
    position: relative; background-color: #fff; box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);
    transform: rotate(0deg); left: 50%; vertical-align: middle; margin-left: -74px; top: -66px; margin-top: -74px;}
.how-work-section .listar-feature-icon-inner {width: 120px; height: 120px; line-height: 120px; border-radius: 500px;
    position: relative; display: inline-block; vertical-align: middle; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
    background: #fff;}
.how-work-section .listar-feature-icon-inner div {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block;
    position: relative;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: left;
  }
  
.how-work-section .listar-feature-icon-inner img {
    position: relative;
    margin: 0 auto;
    vertical-align: middle;
    display: inline-block;
    width: auto;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    height: 55px;
  }
  
.how-work-section .listar-feature-item img,
.how-work-section .listar-feature-item i {
    position: relative;
    display: inline-block;
    border-bottom: 0;
    font-size: 40px;
    top: 0;
    padding: 0;
    color: #003c6b;
  }
  
.how-work-section .listar-feature-with-image .listar-feature-content-wrapper {
    top: 0;
  }
.how-work-section .listar-feature-content-wrapper {
    position: relative;
    margin-top: -15.5px;
  }
  
.how-work-section .listar-feature-item .listar-feature-item-title {
    padding-top: 0;
    margin: 0 0 30px;
    text-align: center;
    line-height: 1.5;
  }
  
.how-work-section .listar-feature-item
    .listar-feature-item-title.listar-feature-counter-added
    > span {
    margin-left: 25px;
    border-radius: 0 50px 50px 0;
  }
  
.how-work-section .listar-feature-item .listar-feature-item-title > span {
    box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12),
      5px 0px 40px rgba(80, 80, 80, 0.1);
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    background-color: #fff;
  }
  
.how-work-section .listar-feature-item .listar-feature-item-title > span span {
    box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2),
      5px 0px 80px rgba(80, 80, 80, 0.15);
    padding: 10px 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 30px;
    white-space: nowrap;
    position: absolute;
    top: -3px;
    left: -40px;
    border-radius: 50px;
    background-color: #fff;
  }
  
.how-work-section .listar-feature-item .listar-feature-item-title span {
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    text-shadow: none;
    border-radius: 50px;
    color: #252525;
    font-size: 18px;
  }
  
.how-work-section .listar-feature-item-excerpt {
    padding: 0px 30px 50px;
  }
  
.how-work-section .listar-feature-item-excerpt {
    color: #252525;
    position: relative;
    top: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  
.how-work-section .listar-map-button-text span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    height: 44px;
    line-height: 1.6;
    padding: 10px 25px;
    box-shadow: 0 0 31px rgba(0, 0, 0, 0.65), 0 0 4px rgba(0, 0, 0, 0.06);
    border-radius: 50px;
    background-color: rgba(35, 40, 45, 0.9);
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  }
  
.how-work-section .listar-map-button-text span {
    background-color: #fff;
    color: #252525;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  
.how-work-section .listar-map-button-text span:after {
    border: 12px solid #fff;
  }
  
.how-work-section .listar-map-button-text span:after {
    content: "";
    position: absolute;
    top: -14px;
    left: -14px;
    width: calc(100% + 28px);
    height: calc(100% + 28px);
    border-radius: 36px;
  }
  
.how-work-section .listar-map-button:hover .listar-map-button-text span {
    padding: 10px 43px 10px 51px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  
.how-work-section .listar-feature-with-image .listar-feature-item a:before {
    content: "";
    position: absolute;
    top: -74px;
    left: 50%;
    margin-left: -74px;
    width: 148px;
    height: 148px;
    border-radius: 1000px;
    z-index: 10;
  }
  
.how-work-section .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
    margin-left: -25px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15),
      15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
    bottom: -30px;
    background-image: url("https://image.flaticon.com/icons/svg/2316/2316674.svg");
    background-size: 40%;
    color: #555;
    line-height: 52px;
  }
  




.pricing-section {
    position: relative;
    padding: 15px 0px 60px 0
}

.pricing-section .pricing-btn {
    position: relative;
    display: inline-block;
}

.pricing-section .pricing-btn ul {
    border: 1px solid #003c6b;
    border-image: initial;
    border-radius: 60px;
    overflow: hidden;
}

.pricing-section .pricing-btn ul li {
    margin-bottom: 0;
    position: relative
}

.pricing-section .pricing-btn ul li:before {
    position: absolute;
    content: "";
    right: 0;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: #003c6b
}

.pricing-section .pricing-btn ul li button {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #003c6b;
    border-color: initial;
    border-image: initial;
    padding: 10px 26px 9px;
    border-radius: 0;
}

.pricing-section .pricing-btn ul li button.active {
    background: #003c6b;
}

.pricing-section .pricing-content h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #3a3a3a;
    margin-bottom: 20px;
}

.pricing-section .pricing-content .wrapper-box {
    position: relative;
    border-radius: 10px
}

.pricing-block {
    position: relative;
    padding: 0
}

.pricing-block .inner-box {
    position: relative;
    border-radius: 10px
}

.pricing-block .top-content {
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #b0d8fd63;
    padding: 25px 30px 39px
}

.pricing-block .top-content .category,.pricing-block .top-content .price {
    position: relative;
    font-size: 20px;
    font-weight: 700;
}
.pricing-block .top-content .price{color: #003c6b; font-weight: 800;}

.pricing-block .top-content .price span {
    font-size: 16px;
    position: relative;
    margin-right: 5px
}

.pricing-block .top-content .price sub {
    font-size: 16px;
    font-weight: 400;
    margin-left: 5px;
    position: relative;
    bottom: 1px
}

.pricing-block .lower-content {
    position: relative;
    text-align: center;
    border-bottom-left-radius: 10px;
    padding: 0 30px 36px
}

.pricing-block .lower-content:before {
    position: absolute;
    content: "";
    right: 0;
    top: 50px;
    bottom: 50px;
    width: 1px;
    background: #e1e5e9
}

.pricing-block:last-child .lower-content:before {
    display: none
}

.pricing-block .lower-content h5 {
    position: relative;
    font-size: 16px;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    transform: translateY(-15px);
    margin-bottom: 20px;
    font-family: inherit;
    padding: 15px 30px;
    background: #3a3a3a;
}

.pricing-block .lower-content h5:before {
    position: absolute;
    content: "";
    top: 0;
    left: -15px;
    width: 16px;
    height: 52px;
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%,90% 50%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%,90% 50%);
    background: #3a3a3a;
}

.pricing-block .lower-content h5:after {
    position: absolute;
    content: "";
    top: 0;
    right: -15px;
    width: 16px;
    height: 52px;
    -webkit-clip-path: polygon(100% 0,10% 50%,100% 100%,0 100%,0 0);
    clip-path: polygon(100% 0,10% 50%,100% 100%,0 100%,0 0);
    background: #3a3a3a;
}
.pricing-block.active .lower-content h5{background: #ee5f18;}
.pricing-block.active .lower-content h5:after{background: #ee5f18;}
.pricing-block.active .lower-content h5:before{background: #ee5f18;}

.pricing-block .lower-content h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: inherit
}

.pricing-block .lower-content ul {
    padding: 0;
    position: relative;
    margin-bottom: 20px;
    text-align: left
}

.pricing-block .lower-content ul li {
    position: relative;
    color: #3a3a3a;
    font-size: 16px;
    line-height: 40px;
    padding-left: 55px;
    border-bottom: 1px solid #e1e5e9;
    list-style: none;
}

.pricing-block .lower-content ul li .feather {
    margin-right: 10px;
    position: relative;
    width: 15px;
    height: 15px;
    color: #ee5f18;
}

.pricing-block .lower-content ul li span,.pricing-block .lower-content ul li span .feather {
    color: #a5afbf
}

.pricing-block .lower-content .btn-style-two {
    box-shadow: 2px 4px 30px 0px rgba(0, 0, 0, 0.08);
    background: #003c6b;
    color: #fff;
    padding: 12px 26px;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 8px;
}
.pricing-block.active .lower-content .btn-style-one {
    box-shadow: 2px 4px 30px 0px rgba(0, 0, 0, 0.08);
    background: #ee5f18;
    color: #fff;
    padding: 12px 26px;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 8px;
}

.pricing-block .lower-content .hint {
    position: relative;
    font-size: 16px;
    font-weight: 600;
}



/* Blog Section */
.blog-section{margin-bottom: 80px;}
.blog-section .box .image {height: 300px;
    position: relative;
    overflow: hidden;
}
.blog-section .box .image img{height: 300px; object-fit: cover;}
.blog-section .box:hover img{transform: scale(1.07);}
/* .blog-section .box .image:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: #799f4394;
    transition: .5s;
} */
.blog-section .box:hover .image:before {
    height: 100%;
}
.blog-section img{transition: all 0.4s ease-in-out;}
.blog-section .content {
    padding: 25px 35px 40px;
    margin-left: 25px;
    filter: drop-shadow(0px 12px 12.5px rgba(0,0,0,0.09));
    background-color: #ffffff;
    margin-top: -50px;
}
.blog-section .content .date {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    width: 84px;
    height: 84px;
    border-radius: 42px;
    background: #003c6b;
    padding-top: 17px;
    transform: translateY(-50%);
    line-height: 24px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 600;
}
.blog-section .content .post-meta {
    font-size: 16px;
    line-height: 32px;
    color: #ee5f18;
    font-weight: 400;
    margin-bottom: 10px;
}
.blog-section .content h2{font-size: 2rem; line-height: 1rem; margin-bottom: 18px;}
.blog-section .content h2 a {
    font-size: 22px;
    line-height: 32px;
    color: #3a3a3a;
    font-weight: 700;
    margin-bottom: 34px;
    transition: .5s;
}
.blog-section .action{margin-top: 10px;}
.blog-section .read-more-link {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #003c6b;
    transition: .5s
}

.blog-section .read-more-link:hover {
    padding-left: 42px
}

.blog-section .read-more-link:before {
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    height: 1px;
    width: 21px;
    background: #003c6b;
}

.testimonial-section{
    position: relative;
    padding-top: 40px;
    padding-bottom: 38px;}
.testimonial-section .sec-title .text-decoration{margin: 0;}
.testimonial-section .left-column {
    background-color: transparent;
    background-image: linear-gradient(178.65deg, #B0D8FD63 0%, #b0d8fd63 100%);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    padding: 60px 60px;
    border-radius: 15px;
    position: relative;
}
.testimonial-section .left-column .background-overlay {
    background-image: url(../images/banner-bg.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: background .3s, border-radius .3s, opacity .3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}
.testimonial-section .left-column .outer-box {
    position: relative;
    margin: 0 auto;
}
.testimonial-section .left-column 
.testimonial-section .left-column h4 {
    position: relative;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
    display: inline-block;
}
.testimonial-section .left-column h4{position: relative; font-size: 16px;
    color: #ee5f18;
    word-spacing: 4px;
    font-weight: 600;
    margin-bottom: 18px;}
.testimonial-section .left-column ul {
    position: relative;
    margin-bottom: 35px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.testimonial-section .left-column li {list-style: none;
    font-size: 16px;
    font-weight: 500;
    color: #3a3a3a;
    margin-bottom: 10px;
}
.testimonial-section .left-column li .feather{width: 18px; height: 18px; margin-right: 10px;}
.testimonial-section .left-column form .form-group {
    position: relative;
    margin-bottom: 15px;
}
.testimonial-section .left-column form .form-group i {
    position: absolute;
    left: 30px;
    top: 17px;
}
.testimonial-section .left-column form input {
    height: 52px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #dddddd;
}

.testimonial-section .left-column form button.btn1{position: relative; z-index: 5; display: inline-block;
    transition: all .3s ease-in-out; margin-top: 30px; margin-right: 40px; border: none;}
.testimonial-section .left-column form button.btn1 span {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #003c6b;
    box-shadow: 0 6px 43px rgba(0, 0, 0, .16);
    padding: 12px 26px;
    transition: all .4s;
    font-weight: 400;
    font-size: 14px;
}
.testimonial-section .left-column form button.btn1 span .feather{width: 16px; margin-left: 8px;}
.testimonial-section .left-column form button.btn1:hover:before {top: 0; left: 0;
    border-color: #fff;}
.testimonial-section .left-column form button.btn1 .feather{width: 18px; position: relative; top: -2px;}


.testimonial-section .right-column{margin-left: 60px;}
.testimonial-section .news-carousel{box-shadow: 0 0 50px 0 rgba(0,0,0,.2);}


.testimonial-block-one{
  margin: 10px 0px 70px 0px;
}

.testimonial-block-one .inner-box{
    position: relative;
    display: block;
    background-color: transparent;
    background-image: linear-gradient(178.65deg, #b0d8fd63 0%, #B0D8FD63 100%);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    border-radius: 10px;
    padding: 20px 26px 10px 30px;
    margin-right: 10px;
}

.testimonial-block-one .inner-box .background-overlay {
    background-image: url(../images/banner-bg.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: background .3s, border-radius .3s, opacity .3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}

/*.testimonial-block-one .inner-box .border-shap{
  position: absolute;
  left: 10px;
  top: -10px;
  width: 100%;
  height: 328px;
  background-repeat: no-repeat;
  background-size: cover;
}*/

.testimonial-block-one .inner-box:before{
  position: absolute;
  content: '';
  background: transparent;
  background-image: linear-gradient(178.65deg, #b0d8fd52 0%, #b0d8fd63 100%);
  width: 40px;
  height: 61px;
  left: 40px;
  bottom: -60px;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
}

.testimonial-block-one .inner-box .quote-box{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  line-height: 30px;
  text-align: center;
  background: #003c6b;
  padding: 15px;
  border-radius: 0px 10px 0px 30px;
}

.testimonial-block-one .inner-box .quote-box img{
  position: relative;
  display: inline-block;
}

.testimonial-block-one .inner-box .author-box{
  position: relative;
  padding: 0px 0px 0px 80px;
  margin-bottom: 19px;
}

.testimonial-block-one .inner-box .author-box .author-thumb{
  position: absolute;
  left: 0px;
  top: 3px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.testimonial-block-one .inner-box .author-box .author-thumb img{
  width: 100%;
  border-radius: 50%;
}

.testimonial-block-one .inner-box .author-box .rating{padding-left: 0;
    position: relative; margin-bottom: 7px;}
.testimonial-block-one .inner-box .author-box .rating li{
  position: relative;
  display: inline-block;
  font-size: 13px;
  margin-right: 4px;
}

.testimonial-block-one .inner-box .author-box .rating li:last-child{
  margin-right: 0px;
}

.testimonial-block-one .inner-box .author-box .rating .feather{color: #ee5f18;
    width: 14px; height: 14px;}


.testimonial-block-one .inner-box .author-box h3{
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.testimonial-block-one .inner-box .author-box h3 span{
  position: relative;
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #003c6b;
  text-transform: uppercase;
    top: -2px;
}

.testimonial-block-one .inner-box .text p{
  font-size: 16px;
  font-weight: 500;
}

.testimonial-section .left-column.btn1:before{content: ""; height: 100%;
    width: 100%; border-width: 1px; border-color: #003c6b;
    border-style: solid; position: absolute; top: -10px; left: 10px;
    z-index: -1; -webkit-transition: all .4s; transition: all .4s;}
.testimonial-section .left-column.btn1 span {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #003c6b;
    box-shadow: 0 6px 43px rgba(0, 0, 0, .16);
    padding: 12px 26px;
    transition: all .4s;
    font-weight: 400;
    font-size: 16px;
}
.testimonial-section .left-column.btn1 span .feather{width: 16px; margin-left: 8px;}
.testimonial-section .left-column.btn1:hover:before {top: 0; left: 0;
    border-color: #fff;}
.testimonial-section .left-column.btn1 .feather{width: 18px; position: relative; top: -2px;}



/*Footer Section*/
.footer-section{
    background-color: #f8f8f8;
    padding-top: 60px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    font-size: 16px; background: #003c6b;
	z-index: 1; overflow: hidden; padding-bottom: 30px;
    color: #ffffffad;}
.footer-section:after{content: ''; position: absolute; left: 0;
    bottom: 0; background-image: url('../images/nepal-bg.png');
    background-size: cover; width: 100%; height: 436px;
    z-index: -1; background-repeat: no-repeat; opacity: 0.11;}
/*.footer-section:before{content: ''; position: absolute; left: 20%;
    top: 0; background-image: url('../images/map-new.png');
    background-size: cover; width: 100%; height: 100%;
    z-index: -1; background-repeat: no-repeat; opacity: 0.1;}*/
.footer-section .title h2{color: #ffffffad;
    position: relative;
    display: block;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    padding-bottom: 20px;
    margin-bottom: 30px;
    letter-spacing: -.5px;}
.footer-section .title h2::before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 80px;
    height: 8px;
    border: 1px solid #ffffffad;
    border-right-color: transparent;
    bottom: 0;
    left: 0;
}
.footer-section .title h2::after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 30px;
    height: 1px;
    background-color: #ee5f18;
    bottom: 0;
    left: 12px;
}
.footer-section .links{padding-top: 40px; padding-left: 60px;}
.footer-section .links ul{margin: 0; padding: 0;}
.footer-section .links ul li{list-style: none; display: inline-block;
    width: 32%;}
.footer-section .links ul li a{color: #ffffffad; padding: 4px 0px;
    display: inline-block;}
.footer-section .links ul li a .feather{width: 18px;}

.footer-section .info{text-align: center; position: relative; z-index: 1;}
.footer-section .info:before{content: ''; position: absolute; left: 0;
    top: 0; background-image: url('../images/footer-shape.png');
    background-size: cover; width: 15px; height: 100%;
    z-index: -1; background-repeat: no-repeat;}
.footer-section .info:after{content: ''; position: absolute; right: 0;
    top: 0; background-image: url('../images/footer-shape.png');
    background-size: cover; width: 15px; height: 100%;
    z-index: -1; background-repeat: no-repeat;}
.footer-section .info .data{padding: 0px 15px; margin-top: 20px;}

.footer-section .info .logo img{width: 260px;
    margin-bottom: 20px;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 30px 30px 15px;}
.footer-section .contact{padding-top: 60px;}
.footer-section .contact ul{margin: 0; padding: 0;}
.footer-section .contact ul li{list-style: none; display: block;}
.footer-section .contact ul li a{display: flex; align-items: center;
    margin-bottom: 15px;}
.footer-section .contact ul li:last-child a{margin-bottom: 0;}
.footer-section .contact ul li a .icon{margin-right: 15px;}
.footer-section .contact ul li a .icon .feather{color: #ffffffad;}
.footer-section .contact ul li a p{margin-bottom: 0; color: #ffffffad;}
.footer-section .contact ul li a small{color: #ffffffad;}

.footer-bottom-section{margin-top: 80px; font-size: 16px; color: #ffffffad}
.footer-bottom-section p, .footer-bottom-section a{font-size: 14px!important;}
.footer-bottom-section .right{text-align: right;}
.footer-bottom-section .right ul{margin: 0; padding: 0;}
.footer-bottom-section .right ul li{list-style: none; display: inline-block;}
.footer-bottom-section .right ul li a{color: #ffffffad; display: inline-block;
    margin: 10px; font-size: 16px;}
.footer-bottom-section .right ul li a .feather{width: 18px;}
.footer-bottom-section p{font-size: 16px;}

.footer-section .icon-find {position: absolute; left: 50%; bottom: 0px;
    width: 254px; background: url(../images/find-us.png) no-repeat center center;
    -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
    transform: translateX(-50%); height: 59px; z-index: 30;
    text-align: center; padding: 10px 0 0 0;}
.footer-section .icon-find a {color: #003c6b; font-weight: 500;}
.footer-section .icon-find span {display: inline-block; width: 100%;
    font-size: 16px; color: #003c6b; margin-top: -4px; position: relative; top: -4px;}



.scrollTop {position: fixed; right: 10%; bottom: 10px; opacity: 0; z-index: 111; }
.scrollTop a {color: #ffffffad; width: 60px; height: 60px; transition: all 0.4s ease-in-out 0s;
    border-radius: 50%; display: block; background: #003c6b; display: flex; align-items: center;
    justify-content: center; border: 1px solid #ffffffad;}




.breadcumb-header-page{height: auto;}
.breadcumb-area{position: relative; padding-top: 36px; padding-bottom: 20px;}
.breadcumb-area .brpt h2 {color: #003c6b; position: relative; display: block; font-size: 24px;
    line-height: 1.2em; font-weight: 700; letter-spacing: -.5px;}
.breadcumb-area .breadcumb-inner ul{color: #202020; margin: 0; padding: 0;}
.breadcumb-area .breadcumb-inner li {display: inline-block; margin: 0 6px; color: #202020; font-size: 14px;
    font-weight: 500; text-transform: uppercase;}
.breadcumb-area .breadcumb-inner li a {color: #202020; font-size: 14px; text-transform: uppercase; text-decoration: none;}
.breadcumb-area .breadcumb-inner li .feather{width: 18px; height: 18px; position: relative; top: -2px;}

.without-banner{
    position: relative;
    margin-top: -100px;}

.branch-section{position: relative; padding-top: 60px; padding-bottom: 60px;}
.branch-section .sec-title{text-align: center;}
.branch-section .content-box{position: relative; display: block; border-top-left-radius: 30px;
  background: rgba(39, 46, 57, 0.96); padding-top: 40px; padding-bottom: 40px; margin-left: 100px; margin-right: 15px;}
.branch-section .content-box .sec-title{padding-left: 100px; margin-bottom: 39px;}
.branch-section .tab-btns{position: relative; padding-right: 100px;}
.branch-section .tab-btns:before{position: absolute; content: ''; background: #3a4250; width: 8px;
  height: 100%; top: 0px; right: 0px; border-radius: 20px;}
.branch-section .tab-btns .tab-btn{position: relative; display: block; cursor: pointer;
  padding: 18px 20px 15px 30px; border-top: 1px solid rgba(255, 255, 255, 0.15); text-align: left;}
.branch-section .tab-btns .tab-btn:before{position: absolute; content: ''; background: #697180; width: 4px;
  height: calc(0% - 0px); bottom: 10px; right: -98px; border-radius: 20px; transition: all 500ms ease;}
.branch-section .tab-btns .tab-btn.active:before {height: calc(100% - 20px); top: 10px;}
.branch-section .tab-btns .tab-btn.active{background: #fff; border-top-right-radius: 30px;}
.branch-section .tab-btns .tab-btn .count-text{position: absolute; left: -100px; top: 0px; width: 100px; height: 106px;
  line-height: 106px; text-align: center; border-top-right-radius: 30px; font-size: 30px; font-weight: 600;
  background: #273272; opacity: 0;}
.branch-section .tab-btns .tab-btn.active .count-text{opacity: 1;}
.branch-section .tab-btns .tab-btn h3{display: block; font-size: 20px; line-height: 34px;
    font-weight: 500; color: #9ca4af; margin-bottom: 10px; text-transform: uppercase;
    letter-spacing: -.5px; word-spacing: 2px;}
.branch-section .tab-btns .tab-btn.active h3{color: #272e39;}
.branch-section .tab-btns .tab-btn a{position: relative; display: inline-block; font-size: 20px; color: #9ca4af;}
.branch-section .tab-btns .tab-btn.active a{transform: rotate(45deg); color: #273272;}
.branch-section .tab-btns .tab-btn a .feather{width: 30px; height: 30px;}
.branch-section .tab-content{position: relative; display: block; margin-top: 40px; background: #fff;
  border-top-right-radius: 30px; margin-left: -45px; padding: 30px;
  box-shadow: 0 5px 20px 0 rgba(0,0,0,.27);}
.branch-section .tab-content h3{display: block; font-size: 24px; line-height: 34px; font-weight: 600;
    padding-bottom: 31px; margin-bottom: 33px; border-bottom: 1px solid #e7e3ee; text-transform: uppercase;
    letter-spacing: -0.5px; word-spacing: 2px;}

.branch-section .tab-content .profile-box{position: relative; display: block;
    overflow: hidden; border-radius: 10px;}
.branch-section .tab-content .profile-box .image {margin: 0; position: relative;
    display: block; overflow: hidden; border-radius: 10px;}
.branch-section .tab-content .profile-box .image:before {position: absolute; content: "";
    background: -webkit-linear-gradient(90deg, rgba(25, 29, 38, .95) 20%, rgba(25, 29, 38, .1) 50%);
    width: 100%; height: 100%; bottom: 0; right: 0; z-index: 1;}
.branch-section .tab-content .profile-box .image img {width: 100%; border-radius: 10px;
    display: inline-block; max-width: 100%; height: auto; vertical-align: middle;}
.branch-section .tab-content .profile-box .content-box {position: absolute; left: 0; bottom: 10px;
    padding: 0 30px; width: 100%; z-index: 2;}
.branch-section .tab-content .profile-box .profile-content{position: absolute; left: 0;
    bottom: 10px; padding: 0 10px; width: 100%; z-index: 2;}
.branch-section .tab-content .profile-box .profile-content .other-option {position: relative;
    display: block; padding-bottom: 25px; border-bottom: 1px solid #727272;
    margin-bottom: 21px; list-style: none; padding: 0; margin: 0;}
.branch-section .tab-content .profile-box .profile-content .clearfix:after {display: block;
    clear: both; content: "";}
.branch-section .tab-content .profile-box .profile-content .mail-box{position: relative;
    display: inline-block; float: left; list-style: none; padding: 0; margin-bottom: 8px;}
.branch-section .tab-content .profile-box .profile-content .mail-box a{position: relative;
    display: inline-block; width: 35px; height: 35px; line-height: 35px; font-size: 14px;
    color: #191d26; background: #fff; text-align: center; border-radius: 50%;
    cursor: pointer; transition: all .5s ease; margin-right: 10px;}
.branch-section .tab-content .profile-box .profile-content .mail-box a .feather{width: 15px;
    height: 15px;}
.branch-section .tab-content .profile-box .profile-content .text {font-size: 14px;
    line-height: 1.6em; font-weight: 400;}
.branch-section .tab-content .profile-box .profile-content p {font-size: 14px;
    line-height: 1.6em; font-weight: 400; margin: 0 0 15px;}
.branch-section .tab-content .profile-box .profile-content .text h3 {display: block;
    font-size: 22px; line-height: 30px; color: #fff; font-weight: 600; margin-bottom: 0;
    padding-bottom: 0; border: none;}
.branch-section .tab-content .profile-box .profile-content .text h3 a {display: inline-block;
    color: #fff; transition: all .5s ease;}
.branch-section .tab-content .profile-box .profile-content .text .designation {position: relative;
    display: block; font-size: 14px; line-height: 24px; color: #ee5f18;}
.branch-section .tab-content .list-item{position: relative; display: block; margin-bottom: 37px;}
.branch-section .tab-content .list-item li{position: relative; display: block; font-size: 17px;
  line-height: 28px; color: #272e39; margin-bottom: 8px; padding-left: 28px;}
.branch-section .tab-content .list-item li:last-child{margin-bottom: 0px;}
.branch-section .tab-content .list-item li:before{position: absolute; content: '';
  background-image: url(../images/icons/icon-1.png); width: 11px; height: 16px;
  left: 0px; top: 6px; background-repeat: no-repeat;}
.branch-section .tab-content .contact-info {margin: 0; padding: 0;}
.branch-section .tab-content .contact-info li {list-style: none; display: block;}
.branch-section .tab-content .contact-info li a {display: flex; align-items: center;
    margin-bottom: 15px;}
.branch-section .tab-content .contact-info li a .icon {margin-right: 15px;}
.branch-section .tab-content .contact-info li a .icon .feather {color: #273272;}
.branch-section .tab-content .contact-info li a small {color: #3a3a3a;}
.branch-section .tab-content .contact-info li a p {margin-bottom: 0; color: #273272;}
.branch-section .tab-content iframe{width: 100%; height: 250px; border-radius: 10px;}


.branch-section2{padding: 30px 0px;
    }
.branch-section2 nav{background-color: #fff;}
.branch-section2 .nav-tabs .nav-link{color: #202020; padding: 12px 30px;}
.branch-section2 .nav-tabs .nav-link.active{background: #ee5f18; color: #fff;}
.branch-section2 .box{position: relative;
    display: block;
    background: #fff;
    padding: 30px;
    /* box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .27); */
    margin-bottom: 25px;
}
.branch-section2 .box:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 102px;
    height: 91px;
    background: url(../images/feather-shape.png) no-repeat;
}
.branch-section2 .box .contact-info {margin: 0; padding: 0;}
.branch-section2 .box li {list-style: none; display: block;}
.branch-section2 .box li a {display: flex; align-items: center;
    margin-bottom: 15px;}
.branch-section2 .box li a .icon {
    margin-right: 15px;
    background: #fff7f4;
    border-radius: 100px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    color: #ee5f18;
}
.branch-section2 .box li a .icon .feather {color: #ee5f18; width: 18px; height: 18px;}
.branch-section2 .box li a small {
    color: #5c5c5c;
    font-size: 14px;
    line-height: normal;
    display: block;
    letter-spacing: 0.5px;
}
.branch-section2 .box li a p {margin-bottom: 0; color: #273272; font-size: 14px;}
.branch-section2 .box li:last-child a{margin-bottom: 0;}
.branch-section2 .box iframe{width: 100%; height: 250px; border-radius: 10px;}
.branch-section2 .table {border: 1px solid #0000000d; vertical-align: middle;
    position: relative;
    background-color: transparent;
    background-image: linear-gradient(178.65deg, #B0D8FD63 0%, #B0D8FD14 100%);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s; z-index: 1;}
.branch-section2 .table .background-overlay {
    background-image: url(../images/banner-bg.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: background .3s, border-radius .3s, opacity .3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute; z-index: -1;}
.branch-section2 .table thead{background-color: #003c6b; color: #fff;}
.branch-section2 .table thead th{font-weight: 600; padding: 0.8rem .5rem;}
.branch-section2 .table .profile{display: flex; align-items: center; justify-content: left;}
.branch-section2 .table .profile .image{padding-right: 10px;}
.branch-section2 .table .profile .image img{width: 50px; height: 50px; object-fit: cover; border-radius: 50%;}
.branch-section2 .table .profile p{margin: 0; font-size: 18px; line-height: normal;}
.branch-section2 .table ul{margin: 0; padding: 0;}
.branch-section2 .table ul li{list-style: none; display: block;}
.branch-section2 .table ul a{display: block; color: #202020; transition: 0.5s;}
.branch-section2 .table ul a .feather{width: 16px; height: 16px; margin-right: 5px;}
.branch-section2 .table ul a:hover{color: #003c6b;}



.about-page{margin-top: 80px; margin-bottom: 100px;}
.about-page .sec-title .text-decoration{margin: 0;}
.about-page .experience-text {margin-top: 30px; position: relative; display: block;
    background: #ffe5d9; padding: 32px 50px 34px 100px; border-radius: 100px 100px 100px 0px;
    margin-bottom: 20px; width: fit-content;}
.about-page .experience-text:before {position: absolute; content: ''; background: #ffe5d9;
    width: 40px; height: 40px; left: 0px; bottom: -40px;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);}
.about-page .experience-text h3 {position: relative; font-size: 24px; line-height: 32px;
    font-weight: 600; margin-bottom: 0;}
.about-page .experience-text h3:before {position: absolute; content: ''; width: 3px;
    height: 55px; left: -42px; top: -2px; background: #ee5f18;}
.about-page .experience-text h3:after {position: absolute; content: ''; width: 3px;
    height: 30px; left: -33px; top: -2px; background: #ee5f18;}

.about-page .experience-info{display: flex; align-items: center; margin-left: 60px;}
.about-page .experience-info .experience-thumb{margin-right: 20px;}
.about-page .experience-info .experience-thumb img{width: 82px;}
.about-page .experience-info h4{font-size: 28px; font-weight: 700;
    letter-spacing: -0.5px; text-transform: uppercase; color: #003c6b;}
.about-page .experience-info h4 span{font-size: 46px; font-weight: 900; color: #ee5f18;}

.growth-section{position: relative; background: #252b35; margin-top: 300px;}
.growth-section:before{content: ''; position: absolute; left: 0; top: 0; width: 100%;
    height: 100%; background: #000; z-index: 1; opacity: 0.8;}
.growth-section .growth-inner{position: relative; display: inline-block;
  width: 100%; margin-top: -70px; z-index: 1;}
.growth-section .growth-inner .content-box{position: relative; padding: 80px 60px;
  background: #333c4a; border-radius: 30px 0px 0px 30px;}
.growth-section .growth-inner .content-box .text-box{width: 60%;}
.growth-section .growth-inner .content-box .sec-title{margin-bottom: 0px; color: #ee5f18;}
.growth-section .growth-inner .content-box .sec-title h2{color: #fff;}
.growth-section .growth-inner .content-box .text-box p{color: #c8cfd9; margin-bottom: 15px;}
.growth-section .growth-inner .content-box .image-box{position: absolute; right: 0px;
  bottom: 0px; margin: 0;}
.growth-section .growth-content{position: relative;
  margin-left: -30px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
  overflow: hidden;
  border-top-right-radius: 30px;
}

.growth-block-one .inner-box{
  position: relative;
  display: block;
  background: #fff;
  border-top-right-radius: 30px;
  padding: 32px 40px;
}

.growth-block-one .inner-box:before{
  position: absolute;
  content: '';
  background: #e7e3ee;
  width: calc(100% - 80px);
  height: 1px;
  left: 40px;
  bottom: 0px;
}

.growth-block-one:last-child .inner-box:before{
  display: none;
}

.growth-block-one .inner-box table{width: 100%; border-collapse: collapse;
    border: 1px solid #ddd;}
.growth-block-one .inner-box table td{border: 1px solid #ddd;
    width: 50%;
    display: inline-block;
    text-align: center;
    padding: 17px;
    height: 138.4px;
}
.growth-block-one .inner-box table td img{height: 50px; margin-bottom: 10px;}
.growth-block-one .inner-box table td p{font-size: 17px; font-weight: 500; line-height: 20px;}

.growth-section .pattern-layer{position: absolute; left: 0px; top: 0px; width: 100%;
    height: 100%; background-size: cover; background-repeat: no-repeat;
    background-position: center; background-attachment: fixed;}
.growth-section .clients-section{position: relative; padding: 100px 0px 100px 0px;}












.awards-section{position: relative; padding: 95px 0px 130px 0px;}
.awards-section .sec-title{text-align: center;}
.awards-section .sec-title h2{padding-bottom: 10px;}
.awards-section .image-box img{width: 100%;}
.awards-section .single-award-block .inner-box{position: relative; display: block;
  border: 1px solid #eae0d9; background: #fff; padding: 23px 30px 22px 30px;
  border-radius: 10px; margin-bottom: 30px;}
.awards-section .single-award-block .inner-box .upper-box{position: relative;
  padding: 0px 0px 16px 75px; border-bottom: 1px solid #eae0d9; margin-bottom: 22px;
  min-height: 77px;}
.awards-section .single-award-block .inner-box .upper-box .icon-box{position: absolute;
  left: 0px; top: 6px;}
.awards-section .single-award-block .inner-box .upper-box h3{display: block; font-size: 22px;
  line-height: 30px; font-weight: 700;}
.awards-section .single-award-block .inner-box .lower-box li{position: relative; display: block;
  font-size: 17px; font-weight: 500; margin-bottom: 4px;}
.awards-section .single-award-block .inner-box .lower-box li:last-child{margin-bottom: 0px;}
.awards-section .single-award-block .inner-box .lower-box li span{position: relative;
  display: inline-block; width: 90px;}
.awards-section .sec-title{margin-bottom: 55px;}
.awards-section .inner-block .single-award-block:last-child .inner-box{ margin-bottom: 0px;}
.awards-section .pattern-layer{position: absolute; top: 0px; right: 0px; left: 0px; width: 100%;
  height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}


.faq-section{position: relative; overflow: hidden;}
.faq-section:before{position: absolute; content: ''; background: #dbecf9; width: 625px;
  height: 100%; left: 0px; top: 0px;}
.faq-section .image-box{position: relative; display: block; margin-right: 70px;}
.faq-section .image-box .image{position: relative; display: block; border-radius: 300px 300px 0px 300px;}
.faq-section .image-box .image img{width: 100%; border-radius: 300px 300px 0px 300px;}
.faq-section .image-box .btn-box{position: absolute; right: 30px; bottom: 30px;}
.faq-section .image-box .btn-box .theme-btn{background: #fff;}
.faq-section .accordion-box{position: relative; display: block; padding: 20px;
  border-radius: 30px 30px 0px 30px; background: -webkit-linear-gradient(90deg, #faeff2, #dbecf9 100%);}
.faq-section .accordion{position: relative; background: #fff; margin-bottom: 20px;
  border-radius: 30px 30px 0px 30px; border: none; width: 100%;}
.faq-section .accordion:last-child{margin-bottom: 0px;}
.faq-section .accordion .acc-btn{position: relative; padding: 15px 70px 14px 20px;
  cursor: pointer; text-align: left;}
.faq-section .accordion .acc-btn h4{font-size: 20px; line-height: 30px; font-weight: 600;}
.faq-section .accordion .acc-btn .icon-box{position: absolute; top: 10px; right: 10px;
  display: inline-block; width: 40px; height: 40px; line-height: 50px; font-size: 20px;
  color: #272e39; background: #dbecf9; text-align: center; border-radius: 50% 50% 0px 50%;
  transition: all 500ms ease;}
.faq-section .accordion .icon-box .feather{width: 20px; height: 20px; position: relative;
    top: -5px; left: 2px;}
.faq-section .accordion[aria-expanded="true"] .icon-box{color: #fff; border-radius: 50%; transform: rotate(90deg);
    background: #273272;}
.faq-section .accordion[aria-expanded="true"] .icon-box .feather{position: relative; display: inline-block; bottom: 2px;}
.faq-section .accordion .accordion-body{padding: 0;}
.faq-section .accordion .acc-content{padding: 15px 30px 8px 30px; border-top: 1px solid #e7e3ee;}
.faq-section .big-text{position: absolute; left: 125px; top: 50%; transform: translateY(-50%);
  width: 100%; text-align: center; font-size: 180px; line-height: 160px;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08); font-weight: 900; text-transform: uppercase;
  writing-mode: vertical-lr; color: #dbecf9;}




.blog-page{margin-top: 60px; margin-bottom: 60px;}
.blog-page .box{margin-bottom: 30px;}

.blog-detail-page{padding-top: 40px; padding-bottom: 40px;}

.blog-detail-page .blog-data{background: #fff; padding: 15px;}
.blog-detail-page .blog-data .image{position: relative;}
.blog-detail-page .blog-data .image img{border-radius: 6px;}
.blog-detail-page .blog-data .date{width: 15%; background: #ee5f18;
    color: #fff; text-align: center; border-radius: 6px; padding: 10px 10px 2px 10px;
    margin-right: 12px; position: absolute; left: 15px; bottom: 15px;}
.blog-detail-page .blog-data .date p{margin-bottom: 0px; letter-spacing: 1px;}
.blog-detail-page .blog-data .date .day{font-size: 14px; font-weight: 600;
    background: #fff; color: #ee5f18; padding: 4px;}
.blog-detail-page .blog-data .date .year{font-size: 14px; font-weight: 600;}
.blog-detail-page .blog-data .title h2{font-size: 30px;
    margin: 15px 0px; font-weight: 600;}

.blog-detail-page .related{background: #fff; padding: 20px;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%); border-radius: 6px;
    margin-bottom: 30px;}
.blog-detail-page .related h2{font-size: 20px; font-weight: 600; color: #003c6b;
    letter-spacing: 0.5px; word-spacing: 3px; position: relative;
    margin-bottom: 36px;}
.blog-detail-page .related h2:before{content: ''; background: #ee5f18;
    position: absolute; left: 0; bottom: -12px; width: 30px; height: 3px;}
.blog-detail-page .related h2:after{content: ''; background: #0000005e;
    position: absolute; left: 0; bottom: -11px; width: 92px; height: 1px;}
.blog-detail-page .related ul{margin: 0; padding: 0;}
.blog-detail-page .related ul li{list-style: none;}
.blog-detail-page .related .box {display: flex; align-items: center; width: 100%; color: #333; margin-bottom: 24px;
    border: 1px solid #ddd; padding: 10px; border-radius: 20px;
    background: #fff;}
.blog-detail-page .related .box .image{width: 20%; height: 80px; overflow:hidden; display: flex;
    align-items: center; justify-content: center; position: relative; border-radius: 15px;}
.blog-detail-page .related .box .image img{height: 80px; max-width: initial; transition: 0.5s;}
.blog-detail-page .related .box:hover .image img{transform: scale(1.06);}
.blog-detail-page .related .box .data{width: 64%; margin-right: 15px; margin-left: 15px;}
.blog-detail-page .related .box .data .title{height: 52px; overflow: hidden;}
.blog-detail-page .related .box .data .title a{font-size: 14px; color: #3a3a3a; font-weight: 600;
    letter-spacing: 0.6px; word-spacing: 3px; line-height: 26px; display: block; text-decoration: none;}
.blog-detail-page .related .box .data ul{margin: 0; padding: 0;}
.blog-detail-page .related .box .data ul li{list-style: none; display: inline-block; margin-right: 12px;}
.blog-detail-page .related .box .data p{font-size: 12px; margin-bottom: 0px; letter-spacing: 1px;
    color: #777;}
.blog-detail-page .related .box .data p .feather{width: 13px; position: relative; top: -1px;}
.blog-detail-page .related .box .date-box{width: 16%; text-align: center;}
.blog-detail-page .related .box .date-box .date{background: #b8d8ff; text-align: center;
    border-radius: 50px; padding: 6px; position: relative; top: -10px;}
.blog-detail-page .related .box .date-box .date h3{font-size: 14px; font-weight: 700; font-family: sans-serif;
    margin-bottom: 0;}
.blog-detail-page .related .box .date-box .date p{font-size: 11px; text-transform: uppercase;
    font-weight: 700; letter-spacing: 1px; font-family: monospace; margin-bottom: 0px;}
.blog-detail-page .related .box .date-box a{background: #003c6b; color: #fff; padding: 1px;
    display: block; border-radius: 32px;}
.blog-detail-page .related .box .date-box a .feather{width: 16px;}


.blog-detail-page .follow{background: #fff; padding: 20px;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%); border-radius: 6px;}
.blog-detail-page .follow h2{font-size: 20px; font-weight: 600; color: #003c6b;
    letter-spacing: 0.5px; word-spacing: 3px; position: relative;
    margin-bottom: 36px;}
.blog-detail-page .follow h2:before{content: ''; background: #ee5f18;
    position: absolute; left: 0; bottom: -12px; width: 30px; height: 3px;}
.blog-detail-page .follow h2:after{content: ''; background: #0000005e;
    position: absolute; left: 0; bottom: -11px; width: 92px; height: 1px;}
.blog-detail-page .follow ul{margin: 0; padding: 0;}
.blog-detail-page .follow ul li{list-style: none; display: inline-block; margin-right: 5px;}
.blog-detail-page .follow ul li:last-child{margin-right: 0;}
.blog-detail-page .follow ul li a{background: #0068e7; color: #fff; width: 38px; height: 38px;
    display: inline-block; text-align: center; line-height: 36px; border-radius: 5px;}
.blog-detail-page .follow ul li a .feather{width: 18px;}
.blog-detail-page .follow ul li a.facebook{background: #0068e7;}
.blog-detail-page .follow ul li a.instagram{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.blog-detail-page .follow ul li a.linkedin{background: #0a66c2;}
.blog-detail-page .follow ul li a.twitter{background: #1aa3f9;}
.blog-detail-page .follow ul li a.youtube{background: #fe0000;}


.service-detail-page{margin-top: 60px; margin-bottom: 60px;}

.service-data{padding-right: 30px;}
.service-data .image{position: relative; border: 1px solid #ddd;
    text-align: center; padding: 15px; border-radius: 6px;}
.service-data .image img {border-radius: 6px;}
.service-data .title h2 {
    font-size: 30px;
    margin: 15px 0px;
    font-weight: 600;
}

.service-detail-page .service-related {margin-bottom: 30px; padding: 30px;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.1); border-radius: 6px;}
.service-related .categories-list{margin: 0; padding: 0;}
.service-related .categories-list li {position: relative; display: block;
    border: 1px solid #e1e5e9; margin-bottom: 10px; border-radius: 6px;}
.service-related .categories-list li a {position: relative; display: block;
    font-size: 14px; line-height: 28px; font-weight: 600; color: #3a3a3a;
    padding: 14px 0 13px 42px; transition: .5s; border-radius: 6px;}
.service-related .categories-list li a:hover {padding-left: 20px;
    color: #fff; background: #003c6b;}
.service-related .categories-list li a .feather{width: 18px; height: 18px;
    transition: all .5s ease; color: #838d9e; position: absolute;
    left: 16px; top: 20px;}
.service-related .categories-list li a:hover .feather {opacity: 0;}
.service-related .categories-list li a span .feather {position: absolute; right: 10px;
    top: 18px; font-size: 14px; font-weight: 500; left: unset; color: #fff;
    display: inline-block; transition: .5s; opacity: 0;}
.service-related .categories-list li a:hover span .feather {opacity: 1;}

.service-download {position: relative; padding: 30px; border-radius: 6px;
    background-size: cover; margin-bottom: 30px;}
.service-download .content {position: relative; padding-left: 65px;}
.service-download .icon {position: absolute; left: 0; top: 0;}
.service-download h5 {position: relative; font-size: 13px; font-weight: 600;
    text-transform: uppercase; margin-bottom: 5px;}
.service-download h4 {position: relative; font-size: 14px; font-weight: 600;
    margin-bottom: 20px;}
.service-download a {position: relative; font-size: 13px; font-weight: 500;
    text-transform: uppercase; color: #0c2957;}
.service-download a i {margin-right: 10px; color: #959ead; font-weight: 400;
    position: relative; top: 1px;}

.service-support {position: relative; padding: 50px 30px; border-radius: 6px;
    background-size: cover; text-align: center;}
.service-support img {margin-bottom: 20px;}
.service-support h4 {font-size: 20px; font-weight: 600; color: #fff;
    padding-bottom: 25px; border-bottom: 1px solid hsla(0,0%,100%,.3);
    margin-bottom: 30px;}
.service-support .phone-number {position: relative;}
.service-support .phone-number a {color: #fff; font-size: 24px;
    color: #fff; font-weight: 500; margin-bottom: 11px; display: block;}
.service-support .email {position: relative; font-size: 14px;
    color: #fff; font-weight: 500; margin-bottom: 30px;}
.service-support .email a {color: #fff;}
.service-support .link a.abt-btn1{position: relative; z-index: 5; display: inline-block;
    transition: all .3s ease-in-out; margin-top: 30px; margin-right: 40px;}
.service-support .link a.abt-btn1:before{content: ""; height: 100%;
    width: 100%; border-width: 1px; border-color: #ee5f18;
    border-style: solid; position: absolute; top: -10px; left: 10px;
    z-index: -1; -webkit-transition: all .4s; transition: all .4s;}
.service-support .link a.abt-btn1 span {text-transform: uppercase; letter-spacing: 0.5px;
    display: inline-flex; align-items: center; justify-content: center; color: #fff;
    background-color: #ee5f18; box-shadow: 0 6px 43px rgba(0, 0, 0, .16);
    padding: 12px 26px; transition: all .4s; font-weight: 400; font-size: 14px;}
.service-support .link a.abt-btn1 span .feather{width: 16px; margin-left: 8px;}
.service-support .link a.abt-btn1:hover:before {top: 0; left: 0;
    border-color: #fff;}
.service-support .link a.abt-btn1 .feather{width: 18px; position: relative; top: -2px;}


/*Contact Page*/
.contact-page-section {padding-top: 80px; padding-bottom: 60px; position: relative; background: #fff;}
.contact-page-section .sec-title h2{padding-bottom: 0px;}
.contact-page-section .sec-title .text-decoration{margin: 0; margin-bottom: 24px;}
.contact-page-section .left ul{margin: 0; padding: 0;}
.contact-page-section .left ul li{list-style: none; display: inline-block; width: 49.5%; margin-bottom: 30px;}
.contact-page-section .left ul li h3{
    font-size: 22px;
    line-height: 32px;
    color: #003c6b;
    font-weight: 700;
    margin-bottom: 10px;
    transition: .5s;}
.contact-page-section .left ul li p{margin-bottom: 0px; font-size: 14px; color: #444;}
.contact-page-section .left ul li a {color: #444; text-decoration: none; font-size: 14px;}
.contact-page-section .left ul li a .feather{width: 18px; height: 18px;}
.contact-page-section .left ul li a span {font-weight: 600;}
.contact-page-section .left ul li  ul{padding: 0; margin: 0;}
.contact-page-section .left ul li li{list-style: none; display: inline-block; border: 1px solid #e9e9e9;
    border-radius: 4px; margin-right: 10px; height: 36px; width: 40px; line-height: 36px;
    text-align: center;}

.contact-page-section .right .heading{margin-bottom: 30px;}
.contact-page-section .right .heading h4 {color: #f58217; font-size: 14px; text-transform: uppercase; 
    font-weight: 600; margin-bottom: 15px; letter-spacing: 1px; margin: 0 0 5px;}
.contact-page-section .right .heading h1 {font-size: 35px; margin-bottom: 0px; text-transform: capitalize;
    margin-top: 0; line-height: 1.2; font-weight: 700;}
.contact-page-section .right .form-group{margin-bottom: 20px;}
.contact-page-section .right .form-control{padding: 0.6rem 0.75rem;}
.contact-page-section .right button.btn1{position: relative; z-index: 5; display: inline-block;
    transition: all .3s ease-in-out; margin-top: 0px; margin-right: 40px; border: none;}
.contact-page-section .right button.btn1 span {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #003c6b;
    box-shadow: 0 6px 43px rgba(0, 0, 0, .16);
    padding: 12px 26px;
    transition: all .4s;
    font-weight: 400;
    font-size: 14px;
}
.contact-page-section .right button.btn1 span .feather{width: 16px; margin-left: 8px;}
.contact-page-section .right button.btn1:hover:before {top: 0; left: 0;
    border-color: #fff;}
.contact-page-section .right button.btn1 .feather{width: 18px; position: relative; top: 0px;}


.map-section iframe{width: 100%; margin-bottom: -10px;}


.team-page{padding: 30px 0px;
    }
.team-page .table .background-overlay {
    background-image: url(../images/banner-bg.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: background .3s, border-radius .3s, opacity .3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}
.team-page .table {border: 1px solid #0000000d; vertical-align: middle;
    position: relative;
    background-color: transparent;
    background-image: linear-gradient(178.65deg, #B0D8FD63 0%, #B0D8FD14 100%);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;}
.team-page .table thead{background-color: #003c6b; color: #fff;}
.team-page .table thead th{font-weight: 600; padding: 0.8rem .5rem;}
.team-page .table .profile{display: flex; align-items: center; justify-content: left;}
.team-page .table .profile .image{padding-right: 10px;}
.team-page .table .profile .image img{width: 50px; height: 50px; object-fit: cover; border-radius: 50%;}
.team-page .table .profile p{margin: 0; font-size: 18px; line-height: normal;}
.team-page .table ul{margin: 0; padding: 0;}
.team-page .table ul li{list-style: none; display: block;}
.team-page .table ul a{display: block; color: #202020; transition: 0.5s;}
.team-page .table ul a .feather{width: 16px; height: 16px; margin-right: 5px;}
.team-page .table ul a:hover{color: #003c6b;}

.career-page .jobs-list {
    background-color: #fff;
    border: 10px;
    position: relative;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 145px;
    margin-bottom: 40px;
    box-shadow: 0 15px 40px rgba(0, 51, 90, .15);
}
.career-page .jobs-list .media {
    width: 150px;
    height: 150px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    margin-right: 40px;
    position: absolute;
    top: 15px;
    line-height: 150px;
    overflow: hidden;
}
.career-page .jobs-list .media img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: contain;
    padding: 5px;
    border-radius: 12px;
    max-width: 100%;
    border: none;
}
.career-page .jobs-list .mid-content {
    padding-left: 170px;
    width: calc(100% - 178px);
}
.career-page .jobs-list .mid-content a {
    word-break: break-all;
    box-shadow: none;
    text-decoration: none;
    color: #003c6b;
}
.career-page .jobs-list .right-content {
    text-align: right;
    width: 178px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.career-page .jobs-list .jobs-category{margin-bottom: 15px;}
.jobs-category span {
    white-space: nowrap;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 2px;
    margin-left: 1px;
    margin-right: 1px;
    color: #fff;
    border-radius: 5px;
    padding: 5px 12px;
    background-color: #ee5f18;
}
.career-page .jobs-list .right-content .jobs-amount {
    font-weight: 500;
    color: #17171d;
    margin: 0 0 10px;
    font-size: 14px;
}
.career-page .jobs-list .right-content .jobs-amount span {
    color: #ee5f18;
}
.career-page .jobs-list .right-content .jobs-browse {
    font-weight: 600;
    font-size: 15px;
    box-shadow: none;
    text-decoration: none;
    position: relative;
    color: #003c6b;
}
.jobs-browse:after{
    box-sizing: border-box;
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1em;
    width: 100%;
    border-bottom: 1px solid;
    margin-top: 10px;
    opacity: 0;
    transition: opacity .35s, transform .35s;
    transform: scale(0, 1);
    font-weight: 600;
    font-size: 15px;
    color: #003c6b;
}
.jobs-browse:hover:after{
    opacity: 1;
    transform: scale(1);
}

.career-detail-page{padding: 30px 0px;}
.twm-job-self-wrap {
    border-radius: 10px;
    margin-bottom: 40px;
}
.twm-job-self-wrap .twm-job-self-info {
    position: relative;
    z-index: 1;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top {
    position: relative;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-media-bg img {
    border-radius: 10px;
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-mid-content .feather{width: 16px; height: 16px; position: relative; top: -2px;}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-jobs-category {
    position: absolute;
    left: 20px;
    top: 20px;
}
.cabdidate-de-info .twm-jobs-category span {
    color: #fff;
    border-radius: 5px;
    padding: 5px 12px;
    white-space: nowrap;
    background-color: #ee5f18;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-mid-content {
    position: relative;
    padding-top: 66px;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-media {
    width: 90px;
    height: 90px;
    line-height: 90px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 40px rgba(56, 152, 226, 0.3);
    position: absolute;
    top: -40px;
    left: 20px;
    overflow: hidden;
    margin-bottom: -20px;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-media img {
    width: 100%;
    display: block;
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-job-title {
    color: #003c6b;
    position: relative;
    display: block;
    font-size: 24px;
    line-height: normal;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: -.5px;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-job-title .twm-job-post-duration {
    color: #ee5f18;
    font-size: 14px;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-job-self-mid {
    display: flex;
    justify-content: space-between;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-job-websites {
    margin-bottom: 10px;
    margin-right: 5px;
    color: #ee5f18;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-jobs-amount {
    font-weight: 500;
    color: #17171d;
    font-size: 14px;
    display: inline-block;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-jobs-amount span {
    color: #ee5f18;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-job-self-mid .twm-job-apllication-area {
    font-weight: 500;
}
.twm-job-self-wrap .twm-job-self-info .twm-job-self-top .twm-job-self-mid .twm-job-apllication-area .twm-job-apllication-date {
    color: #ee5f18;
}
.twm-s-title {
    margin: 10px 0px;
    font-size: 20px;
    font-weight: 600;
}
.description-list-2 {
    margin: 30px 0px;
    list-style-position: outside;
    padding: 0px;
}
.description-list-2 li {
    padding-left: 45px;
    list-style: none;
    position: relative;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    padding: 0px;
    padding-left: 28px;
}
.description-list-2 li .feather {
    color: #ee5f18;
    position: absolute;
    left: 0px;
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
.twm-s-info3 {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 25px rgba(56, 152, 226, 0.3);
    padding: 30px;
    margin-top: 46px;
}
.twm-s-info3 .twm-s-info-logo-section {
    position: relative;
}
.twm-s-info3 .twm-s-info-logo-section .twm-media {
    width: 90px;
    height: 90px;
    line-height: 90px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 40px rgba(56, 152, 226, 0.3);
    position: relative;
    top: -80px;
    left: 0px;
    overflow: hidden;
    margin-bottom: -50px;
}
.twm-s-info3 ul {
    list-style: none;
    margin-bottom: 30px;
    padding: 0;
}
.twm-s-info3 ul li {
    margin-bottom: 10px;
    padding: 0px;
}
.twm-s-info3 ul li .twm-s-info-inner {
    position: relative;
    padding-left: 40px;
}
.twm-s-info3 ul li .twm-s-info-inner .feather {
    position: absolute;
    left: 0px;
    top: 15px;
    font-size: 18px;
    color: #ee5f18;
}
.twm-s-info3 ul li .twm-s-info-inner .twm-title {
    font-size: 14px;
    color: #666666;
}
.twm-s-info3 ul li .twm-s-info-inner .twm-s-info-discription {
    font-size: 16px;
    color: #17171d;
    word-break: break-word;
}
.career-detail-page .form{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 25px rgba(56, 152, 226, 0.3);
    padding: 30px;
}
.career-detail-page .form h1{color: #003c6b; position: relative; display: block; font-size: 24px; line-height: normal;
    font-weight: 700; text-transform: capitalize; padding-bottom: 10px; letter-spacing: -.5px;}
.career-detail-page .form .form-group{margin-bottom: 15px;}
.career-detail-page .form .form-control{padding: 0.6rem 0.75rem;}
.career-detail-page .form button.btn1 {position: relative; z-index: 5; display: inline-block; transition: all .3s ease-in-out;
    margin-top: 0px; margin-right: 40px; border: none;}
.career-detail-page .form button.btn1 span {text-transform: uppercase; letter-spacing: 0.5px; display: inline-flex; align-items: center;
    justify-content: center; color: #fff; background-color: #003c6b; box-shadow: 0 6px 43px rgba(0, 0, 0, .16);
    padding: 12px 26px; transition: all .4s; font-weight: 400; font-size: 14px;}
.career-detail-page .form button.btn1 span .feather {width: 16px; margin-left: 8px;}





.login .login-inner-form .col-pad-0{
    padding: 0;
}

.login .bg-img{
    background-image: url(../images/banner-bg.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    min-height: 100vh;
    text-align: right;
    z-index: 1;
    opacity: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 50px 30px 40px;
}

.login .bg-img:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    background-image: linear-gradient(178.65deg, #B0D8FD63 0%, #B0D8FD14 100%);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
}

.login h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Jost', sans-serif;
}

.login .form-section{
    min-height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

.login .login-inner-form {
    max-width: 500px;
    width: 100%;
}


.login .login-inner-form p{
    color: #535353;
    margin-bottom: 0;
    font-size: 16px;
}

.login .login-inner-form p a{
    color: #535353;
    font-weight: 500;
    margin-left: 4px;
}

.login .login-inner-form img {
    margin-bottom: 15px;
    height: 30px;
}

.login .login-inner-form h1{
    font-size: 30px;
    color: #ee5f18;
}

.login .login-inner-form h3 {
    margin: 0 0 35px;
    font-size: 25px;
    font-weight: 400;
    color: #040404;
}

.login label {
    color: #535353;
    font-size: 16px;
    margin-bottom: 5px;
}

.login .login-inner-form .form-group {
    margin-bottom: 25px;
}

.login .login-inner-form .form-control{
    width: 100%;
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #d6d6d6;
    background: #fff;
    outline: none;
    color: #535353;
    border-radius: 0;
    height: 55px;
}

.login .login-inner-form .input-text label {
    color: #535353;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

.login .login-inner-form .form-check{
    float: left;
    margin-bottom: 0;
}

.login .login-inner-form .form-check a {
    color: #535353;
    float: right;
}

.login .login-inner-form .checkbox {
    margin-bottom: 25px;
    font-size: 16px;
}

.login .login-inner-form .form-check-input {
    position: absolute;
    margin-left: -24px;
}

.login .login-inner-form .checkbox a {
    font-size: 16px;
    color: #535353;
    float: right;
}

.login a {
    text-decoration: none;
}

.login .form-section .form-check-label {
    padding-left: 5px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    color: #535353;
}

.login .form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 2px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    border: 1px solid #afabab;
}

.login .login-inner-form .terms{
    margin-left: 4px;
}

.login .form-check-input:focus {
    border-color: #ee5f18!important;
    outline: 0;
    box-shadow: none;
}

.login .form-check-input:checked {
    background-color: #ee5f18!important;
}

.login .login-inner-form button:focus {
    outline: none;
    outline: 0 auto -webkit-focus-ring-color;
}

.login .btn-theme {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #ffffff;
    overflow: hidden;
    overflow: hidden;
    text-transform: capitalize;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    border-radius: 0;
    border:none;
}

.login .btn-theme:hover {
    color: #fff;
}

.login .btn-theme:hover::before {
    left: 0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.login .btn-theme:before {
    position: absolute;
    content: '';
    left: 97%;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    transform: skewX(336deg);
}

.login .btn-theme span {
    position: relative;
    z-index: 1;
}

.login .informeson {
    color: #fff;
    max-width: 600px;
    margin: 0 0 0 auto;
    z-index: 20;
}

.login .informeson h2 {
    margin: 0 0 30px 0;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Inter';
    color: #003c6b;
}


.login .btn-section{
    margin-bottom: 30px;
}

.login .informeson p{
    color: #202020;
    opacity: 0.9;
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 40px;
}

.login .logo-2{
    display: none;
}

.login .btn-theme-2 {
    padding: 0 35px;
    display: inline-block;
    position: relative;
    z-index: 5;
    transition: .7s ease;
    background: transparent;
    line-height: 41px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    border-radius: 0;
}

.login .btn-theme-2:hover{
    color: #fff;
}

.btn-theme-2:before, .btn-theme-2:after {
    color: #fff;
}

.login .btn-theme-2:before, .btn-theme-2:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    transition: all .7s ease;
    border-radius: 0;
}

.login .btn-theme-2:after, .btn-theme-2:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    transition: all .7s ease;
    border-radius: 0;
}

.login .btn-theme-2:hover:before, .btn-theme-2:hover:after {
    width: 50%;
}

.login .btn-theme-2 {
    border: 2px solid #ee5f18;
    border-radius: 0;
    color: #ee5f18;
}

.login .btn-theme-2:before, .btn-theme-2:after {
    background: #ee5f18;
}

.login .btn-theme-3 {
    color: #fff;
    text-align: center;
    border: 2px solid transparent;
    display: inline-block;
    padding: 0 35px;
    position: relative;
    z-index: 1;
    transition: all .7s ease;
    border-radius: 50px;
    line-height: 41px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    border-radius: 0;
}

.login .btn-theme-3:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .7s ease;
    z-index: -1;
    border-radius: 50px 0 0 50px;
}

.login .btn-theme-3:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .7s ease;
    z-index: -1;
    border-radius: 0 50px 50px 0;
}

.login .btn-theme-3:hover {
    background: transparent;
}

.login .btn-theme-3:hover:before {
    width: 0;
    opacity: 1;
    visibility: visible;
}

.login .btn-theme-3:hover:after {
    width: 0;
    opacity: 1;
    visibility: visible;
}

.login .btn-theme-3 {
    background: #ee5f18;
}

.login .btn-theme-3:before {
    background: #ee5f18;
}

.login .btn-theme-3:after {
    background: #ee5f18;
}

.login .btn-theme-3:hover {
    color: #ee5f18;
    border: 2px solid #ee5f18;
}

.login .btn-lg{
    padding: 0 50px;
    line-height: 55px;
}

.login .btn{
    box-shadow: none!important;
}

.login .btn-md{
    padding: 0 45px;
    line-height: 50px;
}

.login .btn-primary {
    background: #ee5f18;
}

.login .btn-primary:before {
    background: #003c6b;
}

.login-4 .form-section ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}


.become-page{padding: 30px 0px;}
.become-page .header-menu {margin-bottom: 30px;}
.become-page .header-menu ul{margin: 0; padding: 0; list-style: none; text-align: center; background: #003c6b;
    padding: 2px; border-radius: 60px; height: fit-content; width: fit-content; margin: 0 auto;
    box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12), 5px 0px 40px rgba(80, 80, 80, 0.1);}
.become-page .header-menu ul li{display: inline-block;}
.become-page .header-menu ul a{display: inline-block; padding: 15px 20px; color: #fff; border-radius: 60px;}
.become-page .header-menu ul a.active{background-color: #ee5f18;}
.become-page .form{background: #fff; box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12), 5px 0px 40px rgba(80, 80, 80, 0.1);
    padding: 30px; border-radius: 6px; margin-right: 30px;}
.become-page .form h1{color: #003c6b; position: relative; display: block; font-size: 24px; line-height: normal;
    font-weight: 700; text-transform: capitalize; padding-bottom: 10px; letter-spacing: -.5px;}
.become-page .form .form-group{margin-bottom: 15px;}
.become-page .form .form-control{padding: 0.6rem 0.75rem;}
.become-page .form button.btn1 {position: relative; z-index: 5; display: inline-block; transition: all .3s ease-in-out;
    margin-top: 0px; margin-right: 40px; border: none;}
.become-page .form button.btn1 span {text-transform: uppercase; letter-spacing: 0.5px; display: inline-flex; align-items: center;
    justify-content: center; color: #fff; background-color: #003c6b; box-shadow: 0 6px 43px rgba(0, 0, 0, .16);
    padding: 12px 26px; transition: all .4s; font-weight: 400; font-size: 14px;}
.become-page .form button.btn1 span .feather {width: 16px; margin-left: 8px;}
.become-page .content .row{margin-bottom: 25px; border: 1px solid #ddd;
    padding: 15px 15px 5px; border-radius: 6px;}
.become-page .content h1{color: #003c6b; position: relative; display: block; font-size: 24px; line-height: normal;
    font-weight: 700; text-transform: capitalize; padding-bottom: 5px; letter-spacing: -.5px;}


@media (max-width: 768px) {
    body{font-size: 16px;}
    p{margin-bottom: 8px;}
    p, li, a, button{font-size: 16px;}
    #main-content{margin-bottom: 0;}
    .header-section {height: auto; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; padding: 0;}
    .menu-section .navbar-brand{padding: 0;}
    .menu-section .navbar-toggler-icon{width: 18px; height: 26px;}
    .menu-section .offcanvas-body{padding: 0; position: relative; background-color: transparent;
        background-image: linear-gradient(178.65deg, #B0D8FD63 0%, #B0D8FD14 100%);
        transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;}
    .menu-section .offcanvas-body .background-overlay{background-image: url(../images/banner-bg.webp);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: 1;
        transition: background .3s, border-radius .3s, opacity .3s;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        position: absolute;
        z-index: -1;}
    .menu-section .navbar{margin-top: 0px; padding: 8px 15px;}
    .menu-section .navbar-brand img{width: 180px; margin-right: 0;}
    .menu-section .offcanvas-title img{width: 180px; margin-right: 0;}
    .menu-section .nav-link{font-size: 16px; border-bottom: 1px solid #00000014; border-radius: 0;}
    .menu-section .nav-link:before{border-radius: 0;}
    nav .big-nav > ul > li > ul li.col2 {width: 100%;}
    nav .big-nav > ul > li > ul li.col2 button h1{font-size: 16px;}
    nav .big-nav > ul > li > ul li.col2 button p{font-size: 16px;}
    nav .big-nav > ul{background-color: #fff; z-index: 11; border-radius: 0;}
    nav .big-nav > ul > li > a{width: 35%; font-size: 16px;}
    nav .big-nav > ul > li > ul{left: 35%; width: 65%;}
    
    .menu-section .modal#successModal .modal-content{width: 100%;}

    .menu-section li.nav-item:last-child .nav-link{border-bottom: none;}
    .menu-section .right{display: none;}
    .menu-section.fixed-top {padding-top: 6px; padding-bottom: 6px; height: auto;}

    .banner-section{padding-top: 15px; padding-bottom: 0px;}
    .banner-section .form-section h1, .banner-section .form-section h2 {font-size: 22px;}
    .banner-section .form-section h2{margin-bottom: 3px;}
    .banner-section .form-section h1 {margin-bottom: 15px;}
    .banner-section .form-section .form-control, .banner-section .form-section .form-select {padding: .7rem .9rem;}
    .banner-section .form-section button{
        padding: 11px 14px 9px;
        font-size: 14px;
        display: block;
        width: 100%;
        background-color: transparent;
        color: #003c6b;
        border: 1px solid #003c6b;
        box-shadow: none;
        font-weight: 500;
        border-radius: 6px;
    }
    .banner-section .form-section button .feather{width: 14px; height: 14px;}
    .banner-section .form-section .form-select,
    .banner-section .form-section input,
    .banner-section .form-section input::placeholder {
        font-size: 14px;
    }
    .banner-section .form-section .form-group{margin-bottom: 6px;}

    .banner-section .image-data {margin: 0 auto; height: 260px; margin-top: 5px;}
    .banner-section .lines-left {left: 10px; width: 86px; top: 10px;}
    .banner-section .lines-right {right: 10px; width: 86px; top: 10px; height: 100%;}
    .banner-section .media img{width: 60%; position: relative; top: 40px;}
    .banner-section .circle-l-1 {width: 10px; height: 10px; right: 21px;}
    .banner-section .circle-l-2 {width: 6px; height: 6px; left: -2px;}
    .banner-section .circle-l-3 {width: 10px; height: 10px; right: 6px;}
    .banner-section .circle-r-1 {width: 10px; height: 10px; right: 54px; left: auto;}
    .banner-section .circle-r-2 {width: 6px; height: 6px; right: -2px; top: 45%;}
    .banner-section .circle-r-3 {width: 10px; height: 10px; bottom: 68px; left: 5px;}
    .banner-bottom-section{top: 0;}
    .banner-bottom-section .content .data span{font-size: 14px; padding-bottom: 4px;}
    .banner-bottom-section .content p{font-size: 16px;}
    .banner-bottom-section .it-btn{padding: 0px 10px; font-size: 14px;}
    .banner-bottom-section .item {padding: 10px 15px; margin-bottom: 10px; border-radius: 4px;}

    

    .about-section{padding: 5px 0 10px; position: relative;}
    .about-section .about-video{position: absolute; bottom: -20px; left: 0; right: 0; padding: 0px 10px; display: none;}
    .about-section .about-video video, .about-section .about-video iframe{height: auto;}
    .about-section .image-one{display: none;}
    .about-section .image-block{margin-bottom: 20px;}
    .about-section .image-block:before{content: none;}
    .about-section .logo{display: none;}
    .about-section .image-two{margin-top: 0; width: 100%;}
    .sec-title{margin-bottom: 8px;}
    .sec-title h4 {font-size: 16px; margin-bottom: 5px;}
    .sec-title h2{font-size: 20px; padding-bottom: 0px;}
    .sec-title h2 br{display: none;}
    .about-section .text {margin-top: 0; font-size: 16px; font-weight: 400;}
    .about-section ul{margin-top: 3px;}
    .about-section ul li{width: 100%; padding-left: 20px; margin-bottom: 3px;}
    .about-section ul li:before{top: 8px; width: 8px; height: 8px;}
    .services-section {margin-top: 3px; margin-bottom: 0;}
    .services-section .nav-tabs .card-item{margin-bottom: 15px;}
    .services-section .nav-tabs .card-title {height: 40px; font-size: 16px; margin-top: 4px;}
    .services-section .nav-tabs .card-link.active .icon{height: 43px; width: 43px; background-color: #fff;}
    .services-section .nav-tabs .card-item-bg{top: 85px; right: 85px;}
    .services-section .nav-tabs .card-link.active .icon img {width: 26px; height: 26px;}
    .services-section .nav-tabs .card-link .icon{height: auto; background-color: transparent;}
    .services-section .nav-tabs .card-link .icon img {width: 43px; height: 43px;}
    .services-section .row {--bs-gutter-x: 0.5rem;}
    .services-section .nav-tabs .col-md-4{width: 33.3%;}
    .services-section .tab-content {padding-left: 0;}
    .services-section .tab-content .content-data .image {margin-bottom: 10px;}

    .step-section{background-image: none; padding-top: 0;}
    .step-section .section-content {margin-top: 15px;}
    .step-section .sf-step-blocks .row {--bs-gutter-x: 0.5rem;}
    .step-section .sf-step-blocks .col-md-4{width: 33.3%;}
    .step-section .sf-step-section .sf-step-icon{margin-bottom: 0;}
    .step-section .sf-step-section .sf-step-icon span {width: 100%; height: 110px; line-height: 90px; padding: 14px;}
    .step-section .sf-step-section .sf-step-icon span img{height: auto; width: 22px;}
    .step-section .sf-step-section .sf-step-info .sf-title {font-size: 16px; font-weight: 600; margin-bottom: 2px;}
    .step-position-2 {margin-top: 0px;}
    .step-section .step-position-1 {margin-top: -20px;}
    .step-section .step-position-3 {margin-top: 15px;}
    .how-work-section{display: none;}

    .pricing-section{padding: 15px 0px 10px 0;}
    .pricing-section .pricing-btn{margin-bottom: 0;}
    .pricing-section .pricing-btn ul li button {font-size: 11px;}
    .pricing-section .pricing-content h3{font-size: 16px; margin-bottom: 5px;}
    .pricing-section .pricing-btn ul {margin-bottom: 5px !important;}
    .pricing-block .top-content{padding: 10px 10px 25px;}
    .pricing-block .lower-content{padding: 0 15px 15px; border: 1px solid #b0d8fd63; margin-bottom: 10px;}
    .pricing-block .lower-content:before{content: none;}
    .pricing-block .top-content .category, .pricing-block .top-content .price{font-size: 18px; text-align: center; line-height: normal;}
    .pricing-block .lower-content h5{font-size: 16px; margin-bottom: 0px; padding: 12px 30px;}
    .pricing-block .lower-content h5:after{height: 42px;}
    .pricing-block .lower-content h5:before{height: 42px;}
    .pricing-block .lower-content h4 {font-size: 16px; margin-bottom: 2px;}
    .pricing-block .lower-content ul{padding: 0; margin-bottom: 20px;}
    .pricing-block .lower-content ul li{padding-left: 0; font-size: 16px; line-height: 32px;}
    .pricing-block .lower-content ul li .feather{width: 15px; height: 15px;}
    .pricing-block .lower-content .btn-style-one{font-size: 14px!important; margin-bottom: 0!important; border: 1px solid #ee5f18;
        color: #ee5f18!important; background: transparent!important; padding: 8px 30px!important; border-radius: 6px; font-weight: 600;}
    .pricing-block .lower-content .hint{font-size: 16px;}
    .pricing-block .lower-content .btn-style-two{font-size: 16px; margin-bottom: 0; border: 1px solid #003c6b;
        color: #003c6b; background: transparent; padding: 8px 30px; border-radius: 6px; font-weight: 600;}
    .pricing-block .lower-content .hint{font-size: 16px;}
    .blog-section {margin-bottom: 0px; margin-top: 15px;}
    .blog-section .content .date{font-size: 16px; line-height: 20px; width: 70px; height: 70px; font-weight: 500;}
    .blog-section .content .post-meta{display: none;}
    .blog-section .content h2 a {font-size: 16px; line-height: normal;}
    .blog-section .read-more-link{font-size: 16px; font-weight: 500;}
    .blog-section .box{margin-bottom: 20px;}
    .blog-section .content {padding: 35px 20px 10px; margin-left: 25px; margin-right: 25px;}
    .blog-section .content h2{margin-bottom: 10px;}
    .testimonial-section{padding-top: 0px; padding-bottom: 0;}
    .testimonial-section .left-column{padding: 20px; box-shadow: none; background: #e1eaf9; display: none;}
    .testimonial-section .left-column h4{font-size: 16px; margin-bottom: 8px;}
    .testimonial-section .left-column li{font-size: 16px; margin-bottom: 5px;}
    .testimonial-section .left-column li .feather{width: 16px; height: 16px;}
    .testimonial-section .left-column form button.btn1{margin-right: 20px; margin-top: 10px;}
    .testimonial-section .left-column form button.btn1 span{padding: 10px 12px; font-size: 16px;}
    .testimonial-section .right-column {margin-left: 0; margin-top: 0px;}
    .testimonial-block-one {margin: 0px 0px 20px 0px;}
    .testimonial-block-one .inner-box{box-shadow: none; background: #e1eaf9; margin-right: 0;
        padding: 10px 15px 2px 15px; margin-bottom: 30px;}
    .testimonial-block-one .inner-box:before{background-color: #e1eaf9; z-index: -1; bottom: -25px;}
    .testimonial-block-one .inner-box .author-box h3 {font-size: 16px; line-height: normal; margin-bottom: 0;}
    .testimonial-block-one .inner-box .author-box h3 span{font-size: 16px;}
    .testimonial-block-one .inner-box .author-box .rating li{margin-right: 2px;}
    .testimonial-block-one .inner-box .author-box .rating .feather {width: 14px; height: 14px;}
    .testimonial-block-one .inner-box .text p {font-size: 16px;}
    .footer-section{position: relative; padding-top: 0;}
    .footer-section .contact{padding-top: 15px;}
    .footer-section .info{display: none;}
    .footer-section .title h2{font-size: 16px; margin-bottom: 15px;}
    .footer-section .contact ul li a .icon .feather {width: 18px; height: 18px;}
    .footer-section .links {padding-left: 12px; padding-top: 20px;}
    .footer-section .title h2::before{border: 1px solid #ddd;}
    .footer-section .contact ul li a{margin-bottom: 6px;}
    .footer-section .contact ul li a small{line-height: normal;}
    .footer-bottom-section {margin-top: 20px; font-size: 16px; margin-bottom: 30px;}
    .footer-bottom-section .right{text-align: left;}
    .footer-bottom-section .right ul li a{margin: 0; margin-right: 10px;}
    .scrollTop{display: none;}
    .scrollTop a {width: 40px; height: 40px;}
    .scrollTop a .feather{width: 18px; height: 18px;}
    .footer-section .icon-find{display: none;}
    
    .breadcumb-area .brpt h2{font-size: 18px;}
    .breadcumb-area .ccase{padding-top: 15px;}
    .breadcumb-area .breadcumb-inner li{font-size: 14px;}
    .about-page{margin-top: 15px; margin-bottom: 38px;}
    .about-page .image{display: none;}
    .about-page .experience-text{margin-top: 15px; padding: 15px 15px 12px 70px; margin-bottom: 10px;}
    .about-page .experience-text h3{font-size: 18px; line-height: normal;}
    .about-page .experience-info{margin-left: 40px;}
    .about-page .experience-info .experience-thumb img{width: 60px;}
    .about-page .experience-info h4{font-size: 16px;}
    .about-page .experience-info h4 br{display : none;}
    .about-page .experience-info h4 span{font-size: 40px;}
    .growth-section{margin-top: 0;}
    .growth-section .growth-inner .content-box .image-box{display: none;}
    .growth-section .growth-inner .content-box .text-box {width: 100%;}
    .growth-section .growth-inner .content-box {padding: 40px 40px 20px; margin-bottom: 15px;}
    .growth-section .clients-section {padding: 30px 0px 30px 0px;}
    .growth-section .owl-dots{display: none;}
    
    .awards-section{padding: 15px 0px 15px 0px;}
    .awards-section .sec-title {margin-bottom: 0px;}
    .awards-section .col-md-6.image-column{display: none;}
    .awards-section .col-md-6.inner-column{margin-top: 15px;}
    .awards-section .single-award-block .inner-box .upper-box h3{font-size: 18px; line-height: normal;}
    .awards-section .single-award-block .inner-box .upper-box .icon-box img{width: 50px;}
    .awards-section .single-award-block .inner-box .upper-box {padding: 0px 0px 16px 60px; margin-bottom: 10px; min-height: auto;}
    .awards-section .single-award-block .inner-box .lower-box{padding: 0; margin: 0;}
    .awards-section .single-award-block .inner-box .lower-box li{font-size: 16px;}
    .awards-section .single-award-block .inner-box{margin-bottom: 15px;}
    
    .faq-section{padding: 15px 0px;}
    .faq-section .accordion{margin-bottom: 10px;}
    .faq-section .image-box .image{display: none;}
    .faq-section .accordion-box{padding: 0; background: none;}
    .faq-section .accordion .acc-btn h4{font-size: 18px; line-height: normal; margin-bottom: 0;}
    .faq-section .accordion .acc-content {padding: 10px 15px 6px 15px;}
    .faq-section .accordion .acc-btn{min-height: 60px;}

    #mobile-nav{position: relative; background-color: transparent;
        background-image: linear-gradient(178.65deg, #B0D8FD63 0%, #B0D8FD14 100%);
        transition: background .3s, border .3s, border-radius .3s, box-shadow .3s; position: fixed; display: block;
        bottom: -1px; width: 100%; border-top-left-radius: 2rem;
        border-top-right-radius: 2rem; z-index: 11; padding: 8px;
        box-shadow: rgb(100 100 111) 0px 7px 29px 0px; overflow: hidden;}
    #mobile-nav .background-overlay {background-color: #e1eaf9;
            background-image: url(../images/banner-bg.webp);
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
            opacity: 1;
            transition: background .3s, border-radius .3s, opacity .3s;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            position: absolute;
            z-index: -1;
        }
    #mobile-nav ul{list-style: none; padding: 0; margin: 0; display: flex;
        justify-content: space-around;}
    #mobile-nav ul li a{color: #003c6b; text-decoration: none; text-align: center;
        display: inline-block;}
    #mobile-nav ul li a .feather{width: 16px; height: 16px;}
    #mobile-nav ul li a p{margin: 0; line-height: normal; font-size: 10px; text-transform: uppercase;
        position: relative;
        top: 2px;}
    #mobile-nav ul li a.active{background: #003c6b; border-radius: 60px;}
    
    .breadcumb-area{height: auto;}
    .menu-section .modal .modal-content{width: 98%; margin: 0 auto;}
    .menu-section .modal .modal-header .modal-title {padding-left: 16px; font-size: 18px;}
    .menu-section .modal .modal-body button{margin: 15px auto 0;}
    .menu-section .modal .modal-body button span{font-size: 12px;}
    .menu-section .modal#modalFormForm .modal-content{width: 98%; margin: 0 auto;}
    .menu-section .modal#modalFormForm .modal-content .title h4 {font-size: 18px;}
    .menu-section .modal#modalFormForm .modal-content .title p {font-size: 14px;}
    .menu-section .modal#modalFormForm .modal-content label{font-size: 14px;}

    .contact-page-section{padding-top: 15px; padding-bottom: 15px;}
    .contact-page-section .left ul li h3{margin-bottom: 0; font-size: 18px;}
    .contact-page-section .left ul li{margin-bottom: 15px; width: 100%;}
    .contact-page-section .right button.btn1{margin: 0;}
    .contact-page-section .right button.btn1 span .feather{margin-right: 4px; position: relative; top: 1px;}

}