@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css);
@import url(css/ma5-menu.min.css);
@import url(css/animate.css);
/* Global */
:root{--Bluesh: linear-gradient(to right, #5896d1 0%, #266199  100%); --Manrope: "Manrope", serif;}
html{scroll-behavior: smooth; transition: 0.5s;}
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600; font-family: var(--Manrope);}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px; font-family: var(--Manrope);}
a{font-size: 15px; text-decoration: none; font-family: var(--Manrope);}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px;  font-family: var(--Manrope);}
body{padding: 0px; margin: 0px; box-sizing: content-box; font-family: var(--Manrope);}
span{padding: 0px; margin: 0px; font-family: var(--Manrope);}
::selection{background: #266199; color: #fff;}
::-webkit-scrollbar {  width: 10px;}
::-webkit-scrollbar-track {  background: #fff;}
::-webkit-scrollbar-thumb {  background: #ccc; border-radius: 30px;}
::-webkit-scrollbar-thumb:hover {  background: #555;}
/* Start CSS */
header {background-image: var(--Bluesh);    padding: 5px 0 0 0;    position: relative;    z-index: 99;    box-shadow: 0 0 3px 2px #10101014;}
#header-top {    position: sticky;        top: 0;    z-index: 99;}
.main-nav a {    display: block;    position: relative;    color: #000;    padding: 10px 20px;    transition: 0.3s;    font-size: 17px;    font-weight: 600;}
.main-nav ul li {    position: relative;}
.main-nav a:hover, .main-nav .active > a, .main-nav li:hover > a {    color: #000;    text-decoration: none;}
.last-menu {    padding-right: 0px !important;}
.main-nav .drop-down ul {    display: block;    position: absolute;    left: 0;    top: calc(100% + 30px);    z-index: 99;    opacity: 0;    visibility: hidden;    padding: 0px 0;    background: #fff;    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);    transition: ease all 0.3s;}
.main-nav .drop-down:hover > ul {    opacity: 1;    top: 100%;    visibility: visible;}
.main-nav .drop-down li {     min-width: 270px; position: relative; padding: 4px 0 5px 0px; border-bottom: 1px solid #f1f1f1;}
.main-nav .drop-down li:hover {    background-image: var(--Bluesh);}
.main-nav .drop-down ul a {    padding: 7px 20px;    font-size: 14px;    color: #66707f;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {    color: #fff;}
.main-nav .drop-down .drop-down ul {    top: 0;    left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {    opacity: 1;    top: 0;    left: 100%;}
.main-nav .drop-down .drop-down > a {    padding-right: 35px;}
.mobile-nav {    position: fixed;    top: 0;    bottom: 0;    z-index: 9999;    overflow-y: auto;    left: -260px;    width: 260px;    padding-top: 18px;    background: rgba(19, 39, 57, 0.8);    transition: 0.4s;}
.mobile-nav a {   display: block;    position: relative;    color: #fff;    padding: 10px 20px;    font-weight: 500;}
.mobile-nav a:hover,.mobile-nav .active > a,.mobile-nav li:hover > a {    color: #74b5fc;    text-decoration: none;}
.mobile-nav .drop-down > a:after {    content: "\f078";    font-family: FontAwesome;    padding-left: 10px;    position: absolute;    right: 15px;}
.mobile-nav .active.drop-down > a:after {    content: "\f077";}
.mobile-nav .drop-down > a {    padding-right: 35px;}
.mobile-nav .drop-down ul {    display: none;    overflow: hidden;}
.mobile-nav .drop-down li {    padding-left: 20px;}
.mobile-nav-toggle {    position: fixed;    right: 0;    top: 0;    z-index: 9998;    border: 0;    background: none;    font-size: 16px;    transition: all 0.4s;    outline: none !important;    line-height: 1;    cursor: pointer;    text-align: right;    color: #000;    background: #fff;    padding: 6px 10px;    font-weight: 500;    margin-top: 30px;    margin-right: 10px;}
.fa-times:before {    color: #40c2f1;}
.mobile-nav-toggle i {    margin: 0px;    color: #40c2f1;}
.mobile-nav-overly {    width: 100%;    height: 100%;    z-index: 9997;    top: 0;    left: 0;    position: fixed;    background: rgba(19, 39, 57, 0.8);    overflow: hidden;    display: none;}
.mobile-nav-active {    overflow: hidden;}
.mobile-nav-active .mobile-nav {    left: 0;}
.mobile-nav-active .mobile-nav-toggle i {    color: #fff;}
.header-scrolled .main-nav > ul {    margin-top: 0px;}
#text-ul-li img {    width: 20px;}
#text-ul-li ul li:before {    position: absolute;    content: "";    left: 7px;    right: 22px;    top: 12px;    right: 26px;    border-right: 2px dashed #c8c8c8;    width: 3px;    height: 21px;}
#text-ul-li ul {    display: flex;    float: right;}
#text-ul-li ul li {    position: relative;}
#text-ul-li ul li {    padding-left: 25px;}
#text-ul-li ul li:nth-child(1):before {    border-right: none;}
.logo:before {    position: absolute;    content: "";    top: -16px;    right: 31px;    display: block;    height: 138px;    width: 500px;    z-index: -6;    background-image: url(img/logo-bg.png);    background-repeat: no-repeat;    transform: skew(-1deg, 0deg);    box-shadow: 12px -3px X 1px #fffffffa;}
.main-nav > ul > li {    position: relative;    white-space: nowrap;    float: left;}
.main-nav {    margin-top: 10px;}
#header-top:after {    position: absolute;    content: "";    top: 55px;    right: 0px;    top: 55px;    display: block;    z-index: -14;    height: 55px;    width: 80%;    transform: skew(0deg);   background: linear-gradient(to right, #ffffff, #ffffffed);}
#text-ul-li a {    font-size: 15px;    color: #fff;    text-align: right;    font-weight: 400;    line-height: 45px;    letter-spacing: 1.1px;}
ul.main-nav-overflow {    height: 500px;    overflow-y: auto;}
.logo {    margin-top: 30px;}
/* Logo */
.hm-abt {    background: url(img/row-bg-home-new-1.png);    background-position: top center;    background-repeat: no-repeat;}
.years h4 {    font-size: 30px;    line-height: 38px;    font-family: var(--Manrope);    letter-spacing: 0.5px;    word-spacing: 2px;    color: #444444;}
.hm-abt-head span {    text-align: center;    font-size: 40px;    letter-spacing: 0.5px;    color: #266199;    font-weight: 600;    display: block;}
.hm-abt-head h1 {    text-align: center;    font-size: 18px;    font-weight: 500;    color: #444444;    letter-spacing: 0.5px;    word-spacing: 2px;}
.hm-abt-head {    margin-bottom: 60px;}
.years-experience {    display: flex;    align-items: end;    justify-content: center;    margin-bottom: 20px;}
.years:nth-child(1) {    width: 48%;    border-right: 1px solid #cccccc21;    margin-right: 20px;    padding-right: 15px;}
.hm-abt-icon img {   border: none;    position: relative;    z-index: 99;    width: 135px;}
.hm-abt-icon { border: 5px solid #5896d1; border-radius: 100px;   position: absolute;    right: -70px;    top: 50%;    transform: translate(0%, -50%);}
.years-experience_div p {    text-align: justify;    line-height: 24px;}
/* Shutter Out Vertical */
.hvr-shutter-out-vertical {   border-radius: 0 30px 30px 30px;   display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  background: #e1e1e1;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-shutter-out-vertical:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  bottom: 0;  left: 0;  right: 0;  background-color: #000;  -webkit-transform: scaleY(0);  transform: scaleY(0);  -webkit-transform-origin: 50%;  transform-origin: 50%;  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out; border-radius: 0 30px 30px 30px; }
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {  color: white; border-radius: 0 30px 30px 30px; }
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {  -webkit-transform: scaleY(1);  transform: scaleY(1); border-radius: 0 30px 30px 30px; }
.about-btn a {    padding: 12px 30px;  border-radius: 0 30px 30px 30px; color: #fff; font-weight: 500; background-image: var(--Bluesh);}
/* Floating Whatsapp Container */
.floating-whatsapp-container {    position: fixed;    bottom: 50px;    left: 25px;    z-index: 9999;}
.floating-whatsapp-button {    display: flex;    align-items: center;    justify-content: center;    width: 60px;    height: 60px;    background: linear-gradient(135deg, #25D366, #128C7E);    border-radius: 50%;    color: white;    text-decoration: none;    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);    transition: all 0.3s ease;    position: relative;    animation: glow 3s infinite;}
.floating-whatsapp-button:hover {    transform: scale(1.1);    box-shadow: 0 6px 25px rgba(37, 211, 102, 0.6);    background: linear-gradient(135deg, #128C7E, #25D366);}
.floating-whatsapp-button svg {    width: 28px;    height: 28px;    z-index: 2;}
/* Reduced Pulse Animation Rings */
.pulse-ring, .pulse-ring-2 {    position: absolute;    border: 2px solid #25D366;    border-radius: 50%;    animation: pulse-animation-small 2s infinite;    opacity: 0;}
.pulse-ring {    width: 60px;    height: 60px;}
.pulse-ring-2 {    width: 60px;    height: 60px;    animation-delay: 1s;}
.pulse-ring-2:hover {    color: #fff;}
@keyframes pulse-animation-small {
0% {        transform: scale(1);   opacity: 1;}
50% {opacity: 0.6;}
100% {transform: scale(1.3); opacity: 0;}
}
.hm-abt-img img {    border-radius: 0 50px 50px 50px; }
.contact-banner {    display: flex;    align-items: center;    justify-content: space-between; text-align: center;}
.contact-banner__box.prominent .headline {    font-size: 1.5rem;    font-weight: 400;    line-height: 1.1875;}
.contact-banner__box {    flex: 1 1 33.3333333333%;    min-width: 18.75rem;    text-align: center;}
.headline {    color: #266199;}
.cta a {    font-size: 22px;    color: #266199;}
button.button-as-link {    color: #266199;    font-size: 18px;}
footer {    background: url(img/footer-background-2.jpg);    /* background-attachment: fixed; */    background-size: cover;    background-position: 100% 0%;}
.widget .media .media-body span {    color: #5896d1;    font-size: 20px;   display: block;    font-weight: 600;}
.widget-items span {    font-size: 20px;    position: relative;    z-index: 9;}
.widget-items span:after {    position: absolute;    left: 0px;    width: 30%;    bottom: 0;    height: 2px;    background-color: #5896d1;    content: '';    z-index: -9;}
.widget-items a {    font-size: 15px;    transition: 0.5s;    line-height: 32px; color: #ccc;}
a.color-change {    background-image: var(--Bluesh);    border-radius: 0 30px 30px 30px;}
.widget-items p {    text-align: justify; color: #ccc;}
.widget-items i {    color: #5896d1;}
.phone_lefts-side a {    position: fixed;    bottom: 232px;    color: white;    animation: topBottom 4s infinite;    z-index: 999;    left: 20px;    background-image: var(--Bluesh);   color: white;   padding: 10px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}
.phone_lefts-side {    position: relative;}
.glow {    font-size: 80px;    color: #fff;    text-align: center;    -webkit-animation: glow 1s ease-in-out infinite alternate;   -moz-animation: glow 1s ease-in-out infinite alternate;    animation: glow 1s ease-in-out infinite alternate;}
@-webkit-keyframes glow {
from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}
@keyframes glow {
from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}
.bounce {    animation: bounce 965 1.6s ease infinite;    transform-origin: 50% 50%;}
@keyframes bounce {
0% {transform: translateY(0);} 
12.5% {transform: translateY(0);}
25% {transform: translateY(0);}
50% {transform: translateY(-15px);}
62.5% {transform: translateY(0);}
75% {transform: translateY(-15px);}
100% {transform: translateY(0);}
}
/* Send Enquire */
.enquiry {    position: fixed;    z-index: 1000;    bottom: 145px;    left: 25px;    height: 50px;    color: #fff;    font-size: 18px;    text-align: center;   text-decoration: none;    cursor: pointer;}
.enquiry i {    float: left;    z-index: 999;    position: absolute;    left: 0;    width: 50px;    height: 50px;    border-radius: 50%;    color: #fff;    font-size: 24px;    line-height: 50px;    text-align: center;    text-decoration: none;    cursor: pointer;    background-color: #222;    transition: 0.5s;    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong {    background-color: #0680ce;    line-height: 28px;    color: #000;    padding: 10px 20px;    border-radius: 0 30px 30px 0;    height: 45px;    float: left;    font-size: 15px;    margin-top: 3px;    margin-left: 35px;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.enquiry i:hover {    color: #fff;}
.enquiry strong:hover {    color: #000;    background-image: linear-gradient(90deg, #4D51AB 0%, #55CEE3 100%);}
div#exampleModal .modal-dialog {    width: 100%;}
/* Modal Form*/
.modal-content {    border-radius: 0;}
.close {    float: right;    font-size: 23px;   font-weight: 600;    line-height: 2;    color: #fff;    text-shadow: 0 1px 0 #fff;    opacity: .7;}
.close:hover, .close:focus {    color: #fff;    text-decoration: none;    cursor: pointer;    opacity: .9;}
.send_p {    font-size: 17px;    line-height: 22px;   text-align: center;    margin-bottom: 20px;}
.modal-body input[type="text"], .modal-body select, .modal-body input[type="number"] {    width: 100%;    padding: 5px 12px;    border-radius: 0px;}
.modal-body textarea {    width: 100%;    height: 120px;    padding: 5px 12px;    border-radius: 0px;}
.modal-body select {    width: 100%;}
.pac-container {    z-index: 100000;}
.g-recaptcha {    transform: scale(0.80);    transform-origin: 0 0;    -webkit-transform-origin: 0 0;}
.modal_btn {    width: auto;    background: #000;    padding: 8px 25px;    border: none;    color: #fff;    font-size: 14px;    border-radius: 4px;    cursor: pointer;    transition: 0.5s;}
.modal_btn:hover,.modal_btn:focus {    background-image: var(--Bluesh);    color: #fff;}
.form-group textarea {    height: 100px;}
span.modal-title {    display: block;    text-align: center;    width: 100%;}
span#exampleModalLabel {    line-height: 42px;    font-size: 25px;}
.modal-header {    background-image: var(--Bluesh);}
.copy-right{background-image: var(--Bluesh);}
#toTop {    position: fixed;    bottom: 40px;    right: 25px;    cursor: pointer;    z-index: 9999;    transition: 0.5s;}

/* services-two */
.services-two {  position: relative;  background-color: #fff;  display: block;  padding: 50px 0 60px;  z-index: 1;}
.services-two__shape-1 {  position: absolute;  bottom: 0;  left: 0;  opacity: .50;  z-index: -1;}
.services-two__shape-1 img {  width: auto;}
.services-two__shape-2 {  position: absolute;  bottom: 0;  right: 0;  opacity: .50;  z-index: -1;}
.services-two__shape-2 img {  width: auto;}
.services-two__top {  position: relative;  display: block;  margin-bottom: 49px;}
.services-two__top .section-title {  margin-bottom: 0;}
.services-two__left {  position: relative;  text-align: center;  display: block;}
.services-two__right {  position: relative;  display: block;  margin-top: 40px;}
.services-two__single {  position: relative;  display: block;  background-color: rgb(255, 255, 255);  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);  margin-bottom: 30px;     border-radius: 0 50px 50px 50px;}
.services-two__img-box {  position: relative;  display: block;}
.services-two__img {  position: relative;  display: block;  overflow: hidden;  background-color: #13223c;  -webkit-transition: all 500ms ease;  transition: all 500ms ease;  z-index: 1;  border-radius: 0 50px 50px 50px;}
.services-two__img img {  width: 100%;  -webkit-transition: all 500ms ease;  transition: all 500ms ease;}
.services-two__single:hover .services-two__img img {  transform: scale(1.05);  opacity: .5;}
.services-two__icon {  position: absolute;  left: 30px;  bottom: -20px;  display: flex;  align-items: center;  justify-content: center;  width: 80px;  height: 80px;  background-image: var(--Bluesh);  z-index: 2;     border-radius: 0 30px 30px 30px;}
.services-two__icon span {  position: relative;  display: inline-block;  font-size: 48px;  color: #000;  -webkit-transition: all 500ms linear;  transition: all 500ms linear;  -webkit-transition-delay: 0.1s;  transition-delay: 0.1s;}
.services-two__single:hover .services-two__icon span {  transform: scale(.9);}
.services-two__content {  position: relative;  display: block; padding: 18px 10px 15px;  z-index: 1;}
.services-two__content:before {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  content: "";  background-image: var(--Bluesh);  transform: scaleX(0.7) rotateX(20deg);  opacity: 0;  transition: all 0.4s linear;  color: #fff;  z-index: -1;     border-radius: 0 30px 30px 30px;}
.services-two__single:hover .services-two__content:before {  transform: scaleX(1.0) rotateX(0deg);  transition: all 0.4s linear;  opacity: 1;}
.services-two__title a {  color: #13223c;  -webkit-transition: all 500ms ease;  transition: all 500ms ease; font-size: 16px;} 
.services-two__single:hover .services-two__title a {  color: #fff;}
.services-two__text {  font-weight: 400;  margin-top: 4px;  margin-bottom: 6px;  -webkit-transition: all 500ms ease;  transition: all 500ms ease;}
.services-two__single:hover .services-two__text {  color: #959ca9;}
.services-two__learn-more {  position: relative;  display: block;}
.section-title {    position: relative;    display: block;    margin-top: -10px;    margin-bottom: 20px;}   
.head-main {    color: #333;}
span.head-main1 {    background: var(--Bluesh);    padding: 5px 15px;    font-weight: bold;    border-radius: 0 30px 30px 30px;}
.hm-abt-head small{background-image: var(--Bluesh); border-radius: 0 30px 30px 30px; padding: 3px 25px; font-weight: 700;}
.services-two__icon i {    font-size: 25px;}

/* vlt-types */
.vlt-types {    position: relative;    width: 100%;    max-width: 100%;    margin: 0 auto;}
.vlt-types-background {    position: absolute;    inset: 0;    overflow: hidden;}
.vlt-types-background__imag227e {    position: absolute;    inset: 0;    opacity: 0;    transition: opacity 0.6s ease-in-out;}
.vlt-types-background__image img {    width: 100%;    height: 100%;       object-fit: cover;}
.vlt-types-background__image img:hover{filter: grayscale(0.1);}
.vlt-types-background__image.active-mode {    opacity: 1;}
.vlt-types-background__image {    position: absolute;    inset: 0;    opacity: 0;    transition: opacity 0.6s ease-in-out;}
.vlt-types-list {    position: relative;    z-index: 2;    display: flex;    justify-content: space-between;    align-items: center;    background: rgba(0, 0, 0, 0.5);}
.vlt-types-list__item {  filter: grayscale(0.9);    cursor: pointer;    width: 33%;    height: 65vh;    padding: 30px;    color: #fff;    text-align: center;    transition: transform 0.3s ease;    display: flex;    align-items: center; justify-content: center;}
.vlt-types-list__item:hover {    transform: translateY(-10px); filter: grayscale(0.1);}
.vlt-types-list__category {    display: block;    font-size: 14px;    opacity: 0.8;}
.vlt-types-list__title {    font-size: 30px;    margin-top: 10px;  font-weight: 5000;  font-weight: bold;}
.vlt-types-list__item {    border-right: 1px solid #303030;}
.vlt-types-list__item:last-child {border: none;}
/* Faqs */
.faqSection {    display: block;    overflow: hidden;    background: #fff url(img/map-dots-trans.png);    background-repeat: repeat;    background-position: center center;   background-attachment: scroll;    background-size: auto;}
.faqSection .headingSection span {    color: #000; font-size: 30px;     font-weight: 600;}
.faqBox {    margin-top: 35px;    display: flex;}
.faqAccordion {    margin: 0 auto;    display: flex;    flex-direction: column;    gap: 10px;  width: 100%;}
.faqItem {    display: block;    border-radius: 0 30px 30px 30px;  border: solid 1px #2d385e1c; overflow: hidden;}
.faqHeader {font-family: var(--Manrope); padding: 15px 50px 15px 15px;    display: block;    font-size: 18px;    font-weight: 500;    cursor: pointer;    position: relative;  border: none; background-image: var(--Bluesh);     border-radius: 0 30px 30px 30px;}
.faqHeader em {    width: 26px;    height: 26px;    background-image: var(--Bluesh);    border-radius: 50px;    position: absolute;    top: 12px;    right: 12px;    display: flex;    align-items: center;    justify-content: center;    transition: 0.3s;}
.faqHeader em:before {    content: "";    width: 14px;    height: 2px;    background: #fff;    display: block;    transition: 0.3s;}
.faqHeader em:after {    content: "";    margin: -1px 0 0 -7px;    width: 14px;    height: 2px;    background: #fff;    display: block;    transform: rotate(-90deg);    position: absolute;    top: 50%;    left: 50%;    transition: 0.3s;}
.faqBody {    display: none;}
.faqBody ul,
.faqBody ol {    margin-top: 10px;    display: flex;    flex-direction: column;    gap: 8px;}
.faqBody ul li,.faqBody ol li {    padding-left: 30px;    position: relative;    color: #666;}
.faqBody ul li:after,
.faqBody ol li:after {    content: "";    position: absolute;    top: 3px;    left: 0;    width: 20px;    height: 20px;    background-size: 100%;}
.faqItem.actives .faqHeader em:after {    content: "";    transform: rotate(0deg);    transition: 0.3s;}
.faqItem.actives .faqBody {    padding: 0 15px 15px;    display: block;}
.faqItem.actives .faqBody p {    margin: 0;    color: #666;}
.faqItem.actives .faqBody p ~ p {    margin-top: 15px;}
.faqBody p {    text-align: justify;}
.faqSection .title span{font-family: var(--Manrope); font-size: 35px;     font-weight: 600;}
.faqSection .title span:before {content: '';  position: absolute;  bottom: 0; left: 15px; display: block; width: 100%;    height: 10%;    transform: translateY(-75%);    z-index: 10;    transition: max-width 1s ease;    background: linear-gradient(90deg, rgba(29, 78, 216, .65) 0, rgba(30, 58, 138, 0) 100%);}
span.section-title__title {font-size: 30px; font-weight: 500;}
/* .shadow {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} */
.point-name .bg-light-color{background-color: #f1f1f1;}
.point-name img{width: 30%;}
.point-name small {    font-weight: 600;    margin-top: 12px;    color: #555;}
.content-part p{text-align: justify;}
.why-choose-img img{    border-radius: 0 50px 50px 50px;}
.why-choose-img span{font-size: 25px; font-weight: 500;}
img.small-icons {    width: 8%;}
.counter-full{background: url(img/map-dots-trans.png) no-repeat; background-position: center;} 
.counter-inner span {  color: #555;  font-size: 30px;    font-weight: 900;}
.wave-type {    text-align: center;}
.counter-inner small {    font-size: 35px; color: #266199;   font-weight: 900;}
.counter-inner p {    font-size: 18px;}
.wave-type img {    width: 20%;}
/* counter-section */
.counter-section {    display: flex;    justify-content: center;    gap: 40px;    text-align: center;}
.counter-box {    padding: 30px 40px;    border-radius: 10px;}
.counter {    font-size: 48px;    color: #266199;}
.counter-box p {    margin-top: 10px;    font-size: 18px;}


.single-testimonial-wrap {    background: rgba(8, 12, 36, 0.05);    border-radius: 5px;    padding: 0 34px 40px 40px;    margin-top: 60px;        border-radius: 0 50px 50px 50px;}
.single-testimonial-wrap .icon {    -webkit-transform: translate(0px, -39px);    transform: translate(0px, -39px);    margin-bottom: -9px;}   
.single-testimonial-wrap .client-wrap {    margin-top: 29px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;}
.single-testimonial-wrap .client-wrap .details span {    font-weight: 700;    font-size: 16px;    line-height: 31px;    margin-bottom: 3px;}
.single-testimonial-wrap p {    font-weight: 400;    font-size: 16px;    line-height: 26px;    text-align: justify;    color: #4D5765;    border-left: 3px solid #266199;    padding-left: 7px;    margin-bottom: 0;}
.details {    width: 100%;    text-align: center;}
.contact-one {  position: relative;  overflow: hidden;  background: url(img/contact-bg-1.png);  }
.contact-one--team {  background-color:  #ffffff;}
.contact-one--team .contact-one__form {  background-color:  #F2EEEA;}
.contact-one--team .contact-one__form__bg {  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-repeat: no-repeat;  background-position: center;  background-size: cover;  mix-blend-mode: luminosity;}
.contact-one__bg {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-repeat: no-repeat;  background-position: center; background-size: cover;  mix-blend-mode: luminosity;}
.contact-one .container {  position: relative;  z-index: 1;}
.contact-one__content {  margin-top: 21px;}
@media (max-width: 991px) {
.contact-one__content {    margin-top: 0;  }
}
.contact-one .sec-title {  padding-bottom: 29px;  margin-bottom: 32px;}
.contact-one__text {  margin-bottom: 31px;}
.contact-one__info {  padding: 30px;  position: relative;  background-image: var(--Bluesh);  overflow: hidden;  border-radius: 0 50px 50px 50px;}
.contact-one__info__bg {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-repeat: no-repeat;  background-position: center;  background-size: cover;  z-index: 1;}
.contact-one__info__content {  position: relative;  z-index: 11;}
.contact-one__info__item + .contact-one__info__item {  margin-top: 25px;}
.contact-one__info__item {  display: table;}
.contact-one__info__item__inner {  display: flex;  align-items: center;}
@media (max-width: 575px) {
.contact-one__info__item__inner {    flex-direction: column;    align-items: flex-start;  }
}
.contact-one__info__icon {  position: relative;  flex-shrink: 0;  width: 37px;  height: 37px;  display: flex;  align-items: center;  justify-content: center;  background-color: #000; overflow: hidden;  z-index: 1;  transition: all 400ms ease;}
.contact-one__info__icon::after {  content: "";  z-index: -1;  position: absolute;  bottom: 100%;  left: 50%;  transform: translateX(-50%);  width: 150%;  height: 150%;  background-color: #016098;  transition-duration: 1000ms;  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.contact-one__info__icon span {  font-size: 15px;  color: #ffffff;}
.contact-one__info__icon span.icon-paper-plane {  font-size: 14px;}
.contact-one__info__item:hover .contact-one__info__icon::after {  bottom: -50%;}
.contact-one__info__text {  margin: 0;  padding: 9px 11px 10px 11px;  font-size: 15px;  color:  #ffffff;  line-height: 18px;  background-color: rgba(255, 255, 255, 0.2);}
.contact-one__info__text.address {  text-transform: capitalize;}
.contact-one__info__text:hover {  color: #fff;}
.contact-one__info__text a {  color: inherit;  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;  transition: all 500ms ease;}
.contact-one__info__text a:hover {  background-size: 100% 1px;}
.contact-one__info__image {  position: absolute;  right: 0; bottom: 0;  z-index: 1;  animation: zumpBottom 2s linear infinite;}
.contact-one__form {  position: relative;  margin-left: 30px;  padding: 40px;  background-color: #ffffff;  z-index: 11;}
@media (max-width: 991px) {
 .contact-one__form {    margin-left: 0;  }
}
@media (max-width: 500px) {
.contact-one__form {    padding: 30px;  }
}
.contact-one__form__bg {  display: none;}
.contact-one__form__title {  position: relative;  font-size: 24px;  text-transform: capitalize;  line-height: 1.375;  margin-bottom: 45px;}
@media (max-width: 575px) {
  .contact-one__form__title {    font-size: 22px;  }
}
.contact-one__form__title::before {  content: "";  position: absolute;  top: 50%;  left: -40px;  transform: translateY(-50%);  width: 5px;  height: calc(100% - 16px);  background-color: #016098;}
@media (max-width: 500px) {
  .contact-one__form__title::before {    left: -30px;  }
}
.contact-one__form.form-one textarea {  height: 105px;}
.contact-one__image-one {  clip-path: polygon(30% 0, 100% 0, 68% 100%, 0% 100%);  position: absolute;  top: 0;  left: -185px;}
@media (max-width: 1799px) {
 .contact-one__image-one {    left: -200px;  }
}
@media (max-width: 1599px) {
  .contact-one__image-one {    left: -305px;}
}
@media (max-width: 1399px) {
.contact-one__image-one {    display: none;  }
}
.contact-one__image-two {  position: absolute;  right: -300px;  bottom: 0;  width: 827px;  height: auto;  clip-path: polygon(30% 0, 100% 0%, 67% 100%, 0% 100%);}
@media (max-width: 991px) {
.contact-one__image-two {    height: 600px;  }
}
@media (max-width: 767px) {
.contact-one__image-two {    display: none;  }
}
.sec-title__tagline {    position: relative;    top: -21px;    margin: 0;    margin-top: 30px;        color: red;    font-weight: 500;    font-size: 16px;    line-height: 1;    text-transform: uppercase;    writing-mode: vertical-rl;    transform: rotate(180deg);}
.sec-title__title {    margin: 0;    font-size: 40px;    font-weight: bold;    line-height: 1.09;    letter-spacing: 5px;    margin-bottom: 0;}
.sec-title--border {    padding-bottom: 29px;    margin-bottom: 32px;    border-bottom: 1px solid #266199;}
.form-one__control input {   font-size: 14px; height: 40px;    border: 1px solid #266199;    padding-left: 15px;     border-radius: 0 30px 30px 30px;}
.form-one__control select {color: #555;   font-size: 14px;   height: 40px;    border: 1px solid #266199;    padding-left: 15px;     border-radius: 0 30px 30px 30px;}
.form-one__control textarea {color: #555; font-size: 14px;     height: 40px;    border: 1px solid #266199;    padding-left: 15px;     border-radius: 0 30px 30px 30px; resize: none;}
.form-one__control input:focus{outline: none;}
.form-one__control select:focus{outline: none;}
.form-one__control textarea:focus{outline: none;}
.form-one__control {    margin-bottom: 18px;}
.form-one__control button {    border: none;    background-image: var(--Bluesh);    padding: 8px 15px;    border-radius: 0 30px 30px 30px;}
figure.effect-bubba {	background-color: var(--Bluesh);}
figure.effect-bubba:hover img {	opacity: 0.5;}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {	position: absolute;	top: 10px;	right: 10px;	bottom: 10px;	left: 10px;content: '';	opacity: 0;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;     border-radius: 0 50px 50px 50px;}
figure.effect-bubba figcaption::before {	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;	-webkit-transform: scale(0,1);	transform: scale(0,1);     border-radius: 0 50px 50px 50px;}
figure.effect-bubba figcaption::after {	border-right: 1px solid #fff;	border-left: 1px solid #fff;	-webkit-transform: scale(1,0);	transform: scale(1,0);}
figure.effect-bubba h2 {	padding-top: 30%;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;	-webkit-transform: translate3d(0,-20px,0);	transform: translate3d(0,-20px,0);}
figure.effect-bubba p {	padding: 20px 2.5em;	opacity: 0;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(0,20px,0);	transform: translate3d(0,20px,0);}
figure.effect-bubba:hover figcaption::before,figure.effect-bubba:hover figcaption::after {	opacity: 1;	-webkit-transform: scale(1);	transform: scale(1);}
figure.effect-bubba:hover h2,figure.effect-bubba:hover p {	opacity: 1;-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
.grid {	position: relative;	margin: 0 auto;	max-width: 100%;	list-style: none;	text-align: center;}
/* Common style */
.grid figure {	position: relative;	float: left;	overflow: hidden;	min-width: 100%;	max-width: 100%;	width: 100%;	background-image: var(--Bluesh);	text-align: center;	 border-radius: 0 50px 50px 50px;}
.grid figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;}
.grid figure figcaption {	padding: 2em;	color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {	pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
.grid figure h2 {	word-spacing: -0.15em;	font-weight: 300;}
.grid figure h2 span {	font-weight: 800;}
.grid figure h2,.grid figure p {	margin: 0;}
.grid figure p {	letter-spacing: 1px;	font-size: 68.5%;}
.product-text a {    font-size: 18px;    font-weight: 500;    color: #555;}
.product-text {  border-radius: 0 30px 30px 30px;  background: #fff;    padding: 15px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.products-btn a{background: var(--Bluesh); border-radius: 0 30px 30px 30px; padding: 15px 25px;}  
/* Mobile Three Item */
.mobile-three-item {    text-align: center;    display: none;    position: fixed;    z-index: 999;    bottom: 0;    width: 100%;}
.mobile-three-item li {    display: inline-block;    margin-right: 0;    width: 32%;}
.mobile-three-item li:nth-child(1) {    background-image: var(--Bluesh);}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {    background-color: #000;}
.mobile-three-item li a {    padding: 5px 0;    color: #fff;}
.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;    z-index: 1000;    background-color: #000;}
.mobile-btn-animation a {    color: white;}
#mobile-call-container a {    width: 100%;    min-width: 100%;}
.contact-one__info__image {    position: absolute;    right: 0;    bottom: 0;    z-index: 1;    animation: zumpBottom 2s linear infinite;}
@keyframes zumpBottom {
0% {    -webkit-transform: translateZ(0);    transform: translateZ(0);  }
50% {    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);}
100% {    -webkit-transform: translateZ(0);    transform: translateZ(0);}
}
.breadcumb{background: #266199 url(img/map-dots-trans.png) no-repeat; padding: 70px 0; background-position: center;}
.bluesh-dark {  border-radius: 30px;  background: #fff;    text-align: center;    padding: 18px;     border-radius: 0 30px 30px 30px;}
.founr-box-type p {    font-size: 14px;}
.founr-box-type a {    font-size: 14px;}
.bluesh-dark span { margin-bottom: 5px;  font-size: 18px;    font-weight: 600;    display: block;}
.bluesh-dark i {  color: #5896d1;    font-size: 38px;    margin-bottom: 15px;}
.color-site {background: var(--Bluesh); border-radius: 0 30px 30px 30px;}
.skin-color {    background: #000;}
.sitema-links-item h2{font-size: 22px;}
.parent-divison h3 {    font-size: 22px;}
.four-points{background-image: var(--Bluesh);}
ul.stlyed-exporter li a {    background: #000;    padding: 10px 30px;}
ul.stlyed-exporter li {    width: 32%;}
.full-width-type {    background-color: #000;    margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    text-align: center;    padding-bottom: 10px;}
.hvr-radial-out {    display: inline-block;    vertical-align: middle;    -webkit-transform: perspective(1px) translateZ(0);    transform: perspective(1px) translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    position: relative;    overflow: hidden;    background-image: var(--Bluesh);    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
ul.stlyed-exporter li {    width: 32%;}
.white-wrap {    background: var(--Bluesh);    border-radius: 0 30px 30px 30px;    padding: 15px;}
.inputBox button {     background-color: #000;    font-size: 18px;    padding: 10px 0;    border-radius: 0 30px 30px 30px;}
input:focus{outline: none;}
textarea:focus{outline: none;}
select:focus{outline: none;}
.img-side-details {    width: 40%;    float: left;    margin-right: 25px;}
/* Box */
.box {    background: #333;    border-radius: 50px;    text-align: center;    overflow: hidden;    position: relative;    transition: all 0.35s ease-in-out;}
.box:before, .box:after {    content: "";    background: linear-gradient(to left, #044a86, #043763);    width: 100%;    height: 0;    position: absolute;    opacity: 0.3;    transition: all 0.4s ease-in-out;    z-index: 1;}
.box:before {    right: 0;    bottom: 0;}
.box:after {    top: 0;    left: 0;}
.box:hover:before,.box:hover:after {    width: 100%;    height: 100%;}
.box img {    width: 100%;    height: auto;    transform: scale(1.1) translateY(4%);    transition: all 0.35s ease-in-out;}
.box:hover img {    opacity: 0.3;    transform: scale(1.1) translateY(-4%);}
.box-content {    color: #fff;    width: 100%;    opacity: 0;    transform: translateX(-50%) translateY(-50%);    position: absolute;    top: 50%;    left: 50%;    z-index: 2;    transition: all 0.25s ease 0s;}
.box:hover .box-content {    opacity: 1;}
.box .title {    font-size: 22px;    font-weight: 600;    text-transform: uppercase;    margin: 0;}
.box .post {    font-size: 25px;    font-weight: 300;    text-transform: capitalize;    margin: 0 0 10px;    display: block;}
.box .icon {    padding: 0;    margin: 0;    list-style: none;}
.box .icon li {    margin: 0 3px;    display: inline-block;}
.box .icon li a {    background: #fff;    font-size: 14px;    line-height: 29px;    width: 32px;    height: 32px;    border: 3px solid transparent;    display: block;    position: relative;    transition: all 0.25s ease;}
.box .icon li a:hover {    color: #fff;    background: #000;    border: 3px solid #fff;    text-shadow: 3px 3px 3px rgba(0,0,0,0.4);}
.box .icon li a i {    line-height: inherit;    color: #5896d1;}
@media only screen and (max-width: 990px) {    
.box {        margin: 0 0 30px;    }
}
.box-content span {    padding-left: 15px;    padding-right: 15px;    line-height: 25px;}
p.related-heading {    background: var(--Bluesh);   display: block;    padding: 10px 15px;    font-size: 22px;    font-weight: 700;}
.read-btn a {    background: #000;    padding: 7px 15px;        border-radius: 0 30px 30px 30px;    color: #fff;}
.related_img img {    width: 100%;    object-fit: contain;    height: 250px;    margin: 10px 0px;    border: 1px solid #f1f1f1;    padding: 2px;}
.related_content p {    text-align: justify;}
.datails-content p {    text-align: justify;}
.contact-info-section{  position: relative;  padding: 50px 0px;}
.contact-info-section .title-box{  position: relative;  display: block;  margin-bottom: 50px;}
.contact-info-section .title-box .icon-box{  position: relative;  display: inline-block;  width: 80px;  height: 80px;  line-height: 88px;  background: var(--Bluesh);  font-size: 38px;  text-align: center;  border-radius: 50%;  margin-bottom: 30px;}
.contact-info-section .title-box h2{  display: block;  font-size: 30px;  line-height: 58px;  font-weight: 700;  margin-bottom: 21px;}
.contact-info-section .title-box h3{  display: block;  font-size: 30px;  line-height: 40px;  font-weight: 700;}
.contact-info-section .title-box h3 a{  display: inline-block;}
.contact-info-section .title-box h3 a:hover{  text-decoration: underline;}
.info-block-one .inner-box{  position: relative;  display: block; text-align: center;}
.info-block-one .inner-box .icon-box{  position: relative;  display: inline-block;  width: 100px;  height: 100px;  line-height: 118px;  text-align: center;  background: #e2e2e2;  font-size: 32px;  color: #a9a6a5;  margin-bottom: 22px;  clip-path: polygon(0% 50%, 50% 0%, 150% 100%, 0% 100%, 0% 0%);  z-index: 1;  transition: all 500ms ease;}
.info-block-one .inner-box .icon-box:before{  position: absolute;  content: '';  background: #fff;  width: calc(100% - 2px);  height: calc(100% - 2px);  left: 1px;  top: 1px;  clip-path: polygon(0% 50%, 50% 0%, 150% 100%, 0% 100%, 0% 0%);  z-index: -1;  transition: all 500ms ease;}
.info-block-one .inner-box:hover .icon-box{  color: #016098;}
.info-block-one .inner-box h3{  position: relative;  display: block;  font-size: 24px;  line-height: 34px;  font-weight: 700;  margin-bottom: 53px;}
.info-block-one .inner-box p{  display: block;  margin-bottom: 19px;}
.info-block-one .inner-box p a{  display: inline-block;  color: #827e7d;}
.info-block-one .inner-box p span{  color: #1c1c1c;}
.info-block-one .inner-box .link-box a{  position: relative;  display: inline-block;  font-size: 14px;  line-height: 24px; font-weight: 700;  text-transform: uppercase;  color: #1c1c1c;}
.info-block-one .inner-box .link-box a span{  position: relative;  transition: all 500ms ease;}
.info-block-one .inner-box .link-box a:hover span{  padding-left: 36px;}
.info-block-one .inner-box .link-box a span:before{  position: absolute;  content: "\f105"; font-family: 'flaticon';  font-size: 12px;  width: 26px;  height: 26px;  line-height: 26px;  color: #fff;  text-align: center; border-radius: 50%;  left: 0px;  top: -1px;  opacity: 0;  transition: all 500ms ease;}
.info-block-one .inner-box .link-box a:hover span:before{  opacity: 1;}
.contact-info-section .info-column{  border-right: 1px solid #e2e2e2;}
.contact-info-section .info-column:last-child{  border: none;}
.contact-info-section .inner-container{  position: relative;}
.contact-info-section .inner-container:before{  position: absolute;  content: '';  background: #e2e2e2;  width: 100%;  height: 1px;  left: 0px;  top: 60%;  margin-top: -5px;}
.contact-info-section .title-box h2 {    display: block;    font-size: 30px;    line-height: 58px;    font-weight: 700;    margin-bottom: 21px;}
.contact-info-section .title-box {    position: relative;    display: block;    margin-bottom: 50px;    text-align: center;}
.sec-title h2 {    position: relative;    display: block;    font-size: 48px;    line-height: 58px;    font-weight: 700;   margin: 0px;}
.sec-title p {    margin-top: 22px;}
.form-group input {    height: 40px;    border: none;    padding-left: 15px;}
.form-group select {    height: 40px;    border: none;    padding-left: 15px; border-radius: 0;}
.form-group textarea{    width: 100%;    height: 100px;    padding-left: 15px; padding-top: 10px; border: none;}
.content-box h4 {    font-size: 40px;    font-weight: 900;    line-height: 50px;}
button.theme-btn.btn-two {    background: #000;    border-radius: 0 30px 30px 30px;    padding: 15px 30px;    border: none;}
.form-inner {    background: var(--Bluesh);  padding-top: 40px; padding-left: 30px; padding-right: 30px; border-radius: 0 50px 50px 50px; }

.widget p {    color: #ccc;}