/*@charset "utf-8";
/*..............embedded fonts..............*/
/* font-family: var(--primary-font); */
/* @import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */
/*..............embedded fonts..............*/

/*..............custom fonts..............*/
@font-face {
    font-family: 'Astoria';
    src: url('../fonts/AstoriaMedium.eot');
    src: url('../fonts/AstoriaMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AstoriaMedium.woff2') format('woff2'),
        url('../fonts/AstoriaMedium.woff') format('woff'),
        url('../fonts/AstoriaMedium.ttf') format('truetype'),
        url('../fonts/AstoriaMedium.svg#AstoriaMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Astoria';
    src: url('../fonts/AstoriaMediumItalic.eot');
    src: url('../fonts/AstoriaMediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AstoriaMediumItalic.woff2') format('woff2'),
        url('../fonts/AstoriaMediumItalic.woff') format('woff'),
        url('../fonts/AstoriaMediumItalic.ttf') format('truetype'),
        url('../fonts/AstoriaMediumItalic.svg#AstoriaMediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Astoria';
    src: url('../fonts/AstoriaRoman.eot');
    src: url('../fonts/AstoriaRoman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AstoriaRoman.woff2') format('woff2'),
        url('../fonts/AstoriaRoman.woff') format('woff'),
        url('../fonts/AstoriaRoman.ttf') format('truetype'),
        url('../fonts/AstoriaRoman.svg#AstoriaRoman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'Astoria';
    src: url('../fonts/AstoriaBold.eot');
    src: url('../fonts/AstoriaBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AstoriaBold.woff2') format('woff2'),
        url('../fonts/AstoriaBold.woff') format('woff'),
        url('../fonts/AstoriaBold.ttf') format('truetype'),
        url('../fonts/AstoriaBold.svg#AstoriaBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
  
@font-face {
    font-family: 'Astoria';
    src: url('../fonts/AstoriaExtraBold.eot');
    src: url('../fonts/AstoriaExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AstoriaExtraBold.woff2') format('woff2'),
        url('../fonts/AstoriaExtraBold.woff') format('woff'),
        url('../fonts/AstoriaExtraBold.ttf') format('truetype'),
        url('../fonts/AstoriaExtraBold.svg#AstoriaExtraBold') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Astoria';
    src: url('../fonts/AstoriaLight.eot');
    src: url('../fonts/AstoriaLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AstoriaLight.woff2') format('woff2'),
        url('../fonts/AstoriaLight.woff') format('woff'),
        url('../fonts/AstoriaLight.ttf') format('truetype'),
        url('../fonts/AstoriaLight.svg#AstoriaLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Astoria';
    src: url('../fonts/AstoriaEXTRALIGHT.eot');
    src: url('../fonts/AstoriaEXTRALIGHT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AstoriaEXTRALIGHT.woff2') format('woff2'),
        url('../fonts/AstoriaEXTRALIGHT.woff') format('woff'),
        url('../fonts/AstoriaEXTRALIGHT.ttf') format('truetype'),
        url('../fonts/AstoriaEXTRALIGHT.svg#AstoriaEXTRALIGHT') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Astoria';
    src: url('../fonts/Astoria-RomanItalic.eot');
    src: url('../fonts/Astoria-RomanItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Astoria-RomanItalic.woff2') format('woff2'),
        url('../fonts/Astoria-RomanItalic.woff') format('woff'),
        url('../fonts/Astoria-RomanItalic.ttf') format('truetype'),
        url('../fonts/Astoria-RomanItalic.svg#Astoria-RomanItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


:root {
  --primary-font: 'Astoria';
} 
 
/*..............custom fonts..............*/
 
/*..............common styles..............*/
/* body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } */
html { overflow-x: hidden; scroll-behavior: auto !important; }
body { margin: 0; padding: 0; font-family: var(--primary-font); font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); font-weight: 400; color:#46607C; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin:0 0 24px; padding:0; color: #163A60; font-family: var(--primary-font); line-height: 1.2; }
h1{ font-size: clamp(1.875rem, 1.298rem + 1.538vw, 3.125rem); /* 50px */ } 
h2{ font-size: clamp(1.75rem, 1.231rem + 1.385vw, 2.875rem); /* 46px */ } 
h3{ font-size: clamp(1.625rem, 1.221rem + 1.077vw, 2.5rem); /* 40px */ }
h4{ font-size: clamp(1.5rem, 1.327rem + 0.462vw, 1.875rem); /* 30px */ }
h5{ font-size: clamp(1.25rem, 1.135rem + 0.308vw, 1.5rem); /* 24px */ }
h6{ font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem) /* 20px */ }
p{ margin:0 0 30px; line-height: 1.4; }
p:last-child { margin-bottom: 0; } 

img{ max-width: 100%; user-select: none; -webkit-user-drag: none; }
figure { margin: 0; }
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #F66E41; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}


input, textarea, select, .form-control { font-family: var(--primary-font); font-weight: 300; outline: none; background-color: #FFFFFF99 !important; font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem) !important; color: #202656 !important; }
input[type="submit"]{font-family: var(--primary-font); font-weight: 300; transition:all 0.3s ease 0s; outline: none;}
input:not([type="submit"]) { height: 56px !important;}
select, .form-select { appearance: none; -webkit-appearance: none; height: 56px !important; padding-right: 40px !important; background-image: url(../images/btm-arrow.svg); background-repeat: no-repeat; background-position: center right 11px; background-size: 20px; font-weight: 300; font-size: 16px !important; padding: 10px 20px; color: #6382A3 !important; border: 2px solid #EFF2F1 !important; border-radius: 10px; outline: none; box-shadow: none !important; }
input.form-control, textarea.form-control, select.form-control { border: 2px solid #EFF2F1 !important; box-shadow: none !important; resize: none; background: #FFFFFF99; padding: 15px 20px !important; }
textarea.form-control{ height: 92px !important; }
input.form-control, select.form-control  { border-radius: 10px; } 
textarea.form-control { border-radius: 10px; } 
form label { transition: all 0.4s; }
.form-floating>label { background-color: #fffaf1; padding: 0 6px; font-family: var(--primary-font); font-weight: 300; color: #6382A3; line-height: 1; height: auto; transform: scale(1) translateY(22px) translateX(14px); transition: all 0.4s; background: transparent; overflow: initial; font-size: 16px; }

input[type="checkbox"] { width: 18px; height: 18px !important; border: 1px solid #F66E41 !important; border-radius: 3px !important; }
label.form-check-label { font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); margin-bottom: 0 !important; }
.form-check-input:checked[type=checkbox] { background-color: #F66E41 !important; }

::placeholder { color: #6382A3 !important; opacity: 1; display: none; }
::-ms-input-placeholder { color: #6382A3 !important; display: none; }
textarea.form-control::placeholder { color: #6382A3 !important; display: none; }

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { background-color: #FFF; transform: translateY(-8px) translateX(14px); height: auto; line-height: 1; font-size: 16px; color: #6382A3; }
.contact-page-section .form-floating>.form-control-plaintext~label, .contact-page-section .form-floating>.form-control:focus~label, .contact-page-section .form-floating>.form-control:not(:placeholder-shown)~label, .contact-page-section .form-floating>.form-select~label { background-color: #ffffff; }

.form-floating>.form-control-plaintext~label::after, 
.form-floating>.form-control:focus~label::after, 
.form-floating>.form-control:not(:placeholder-shown)~label::after, 
.form-floating>.form-select~label::after {  padding: 0 !important; display: none; } 


/*CF7*/
.btn.disabled, .btn:disabled, fieldset:disabled .btn{  background-color: #0054a6;}

/* form .labelanime label{ background-color: #FFF; transform: translateY(-8px) translateX(14px); height: auto; line-height: 1; font-size: 16px; color: #6382A3; } */
form .labelanime label{transform: translateY(-8px) translateX(14px);height: auto;line-height: 1;color: #6382A3;font-size: 10px;padding: 5px 10px 3px;background-color: #fff;border-radius: 20px;border: 1px solid #00000030;transition: all ease 0.4s;}

.contact-page-section form .labelanime label{ background-color: #ffffff; }

.wpcf7-spinner {position: absolute;/* top: 23px; */right: 0;bottom: 37%;width: 15px;min-width: 15px;height: 15px;z-index: 2;max-height: 20px;max-width: 20px;border: 1px solid #ffffff;opacity: 1 !important;background-color: transparent !important;border-right-color: #00000000 !important;display: unset;transform: unset;}
.wpcf7-spinner::before{display: none;}


/* GSAP */
.all-heading-animation {visibility: hidden; opacity: 0; will-change: transform;  font-kerning: none;  -webkit-text-rendering: optimizeSpeed;  text-rendering: optimizeSpeed;}


/* Swiper */
.swiper-button-prev,.swiper-button-next {user-select: none;}





/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */


/* --- Button Styles --- */
.btn { justify-content: space-between; font-family: var(--primary-font); overflow: hidden; position: relative; z-index: 1; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; display: inline-flex; align-items: center; vertical-align: top; color: #fff !important; padding: 13px 30px 13px 30px; font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); line-height: 1.5; border-radius: 10px; font-weight: 400; border: none !important; background-color: #F66E41; justify-content: center; }
.btn::before { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: -120%; background-color: #F0A64E; z-index: -1; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transform: scale(1.2); }
.btn::after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; z-index: -1; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; box-shadow: 0px -5px 3px 0px #00000033 inset; }
  
.btn:hover { transform: translate(0px, 0px); transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; color: #FFF !important; background-color: #F66E41; }
.btn:hover::after { box-shadow: 0px 5px 3px 0px #00000033 inset; }
.btn:hover::before { top: 0; }


.btn.btn-light { background-color:#FBF3D7; color: #F66E41 !important;  }
.btn.btn-light::before { background-color: #F66E41 ; }
.btn.btn-light:hover { color: #FFF !important; }
.btn.btn-light:hover .circle { fill: #FFF !important; }

.btn.btn-dark { background-color:#5A919B; }
.btn.btn-dark::before { background-color: #F0A64E ; }

/*.submit_b input { position: absolute; width: 100%; height: 100%; border: none; visibility: hidden; }*/
.submit_b input[type="submit"] {  position: absolute;  top: 0; left: 0;  width: 100%;  height: 100%;  border: none;  opacity: 0;  background: transparent;}

.circle { transition: fill 0.6s ease; -webkit-transition: fill 0.6s ease; -moz-transition: fill 0.6s ease; -ms-transition: fill 0.6s ease; -o-transition: fill 0.6s ease; }
.btn .msvg { margin: -8px -12px -7px 10px; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transform: translate(-5px, 0); }
.btn .plane { visibility: hidden; }
.btn:hover .msvg { transform: translate(1px, 0); transition-delay: .4s; }
/* --- Button Styles --- */
  

/* --- checkbox and radio button Styles --- */
.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}
/* --- checkbox and radio button Styles --- */


/*..............common styles..............*/
.common-padd { padding-top: 100px; padding-bottom: 100px; } 
.common-padd-bottom {  padding-bottom: 100px; } 
.common-padd-top {  padding-top: 100px; } 

.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-100 { margin-top: 100px; }

.mb-16 { margin-bottom: 16px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }  

.p-relative { position: relative; }
.p-absolute { position: absolute; }
.grecaptcha-badge { visibility: hidden; }
/*..............common styles..............*/


/*-----scroll-bar-design----------*/
/* width */
::-webkit-scrollbar {width: 6px; height: 4px; }

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 2px #5A919B; }

/* Handle */
::-webkit-scrollbar-thumb {background: #5A919B; border-radius: 10px; }
/*-----scroll-bar-design----------*/
 

/*-----Header design----------*/
.main-header { padding: 20px 0; z-index: 999; width: 100%; left: 50%; transform: translateX(-50%); position: fixed; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 0; }
.main-header .main-menu { margin-right: 40px; } 
.manu-part, .logo-wrap { flex: 1;}
 
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
  
.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;} 
.main-menu ul li:not(:last-child) { margin-right: 0; }
.main-menu ul li a { display: block; color: #163A60; font-size: clamp(1rem, 0.911rem + 0.238vw, 1.125rem); position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-family: var(--primary-font); } 
.main-menu > ul > li > a { padding: 15px 30px 12px; border-radius: 10px; }
.main-menu > ul > li > a::before { content: ''; background: #5A919B1F; border: 1px solid #5A919B; position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; border-radius: 10px; opacity: 0; transform: scale(0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.main-menu ul li.menu-item.current-menu-item > a { color: #5A919B; -webkit-text-stroke: 0.4px #5A919B; }
.main-menu ul li ul.sub-menu li a::before{ opacity: 0; content: ""; width: 0%; height: 1px; position: absolute; bottom: 7px; border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}  
.main-menu ul li.menu-item-has-children a { opacity: 1; content: ""; width: 100%; /*-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;*/ } 

/* .main-menu ul li a::before { content: ''; position: absolute; width: 0%; height: 2px; background-color: #7679EE; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; bottom: 0; }
.main-menu ul li a:hover::before { content: ''; position: absolute; width: 100%; height: 2px; background-color: #7679EE;}
.main-menu ul li.menu-item.current-menu-item a::before { width: 100% } */

.main-menu ul li ul.sub-menu li a::before { background-color: #FFFFFF !important; top: 48%; width: 0 !important; left: 0; border: 1px solid #5A919B; }
.main-menu ul li ul.sub-menu li a:hover::before { width: 20px !important; opacity: 1; }
.main-menu ul li ul.sub-menu li a:hover{ padding-left: 30px; color: #5A919B !important; }
.main-menu > ul > li:hover > a{ color: #5A919B; -webkit-text-stroke: 0.4px #5A919B; }
.main-menu > ul > li:hover > a::before, .main-menu ul li.menu-item.current-menu-item > a::before { transform: scale(1); opacity: 1; }

.main-menu ul li span {margin-left: 10px; }

.main-header.relative_header {background-color: #000000; }

/*------css for new dropdown sub-menu start--------*/
.main-menu ul li.menu-item-has-children a:after { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; position: absolute; top: 45%; box-sizing: border-box; height: 8px; width: 8px; border-style: solid; border-color: #353132; border-width: 0px 1px 1px 0px; transform: rotate(45deg) translate(0, -50%); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; right: 20px; margin: 0 auto; }
.main-menu ul li.menu-item-has-children:hover a:after {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; border-color: #5A919B; }
.main-menu ul li.menu-item-has-children a {padding-right: 34px; }
.main-menu ul.sub-menu li a:after{display: none!important;}

.main-menu ul{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
.main-menu ul li { display: flex; justify-content: center; align-items: center; position: relative; perspective: 1000px; z-index: 100; color: #FFFFFF; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 0; }
.main-menu ul.sub-menu { position: absolute; width: 250px; display: block; margin-top: 0; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; overflow: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.main-menu ul.sub-menu li { margin: 0!important; padding: 0 }
.main-menu ul li .sub-menu li a {color: #0F0E0F; padding: 8px 0; } 
.main-menu ul li.out .sub-menu { opacity: 0; transform: scaleY(0) translateZ(0); visibility: hidden; }
.main-menu ul li.menu-item-has-children { z-index: 1; }

header .main-menu ul>li { position: relative; cursor: pointer; margin: 0 4px; }
header .main-menu ul .sub-menu { position: absolute; left: 0; top: 100%; transform-origin: 50% 0; transform: scaleY(0) translateZ(0); opacity: 0; transition: transform 0.3s, opacity 0.3s; width: 230px; overflow: hidden; padding: 0; box-shadow: none; opacity: 1; visibility: hidden; display: unset }
header .main-menu ul li ul::before {content: ""; width: 100%; height: 100%; position: absolute; top: -12px; left: 0; background-color: #F66E41; }
header .main-menu ul li:hover ul {padding-top: 5px;box-shadow: 0px 4px 10px 0px #00000014;opacity: 1; transform: scaleY(1) translateZ(0); visibility: visible; display: unset; transition: transform 0.3s, opacity 0.3s ease-out; }
header .main-menu ul .sub-menu li { display: block; position: relative; padding: 0px 20px; cursor: pointer; background-color: #FFFFFF; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }
header .main-menu ul .sub-menu li:first-child{padding-top: 10px;border-radius: 10px 10px 0 0;}
header .main-menu ul .sub-menu li:last-child{padding-bottom: 10px;}


/*------css for new dropdown sub-menu end--------*/ 
.main-header .logo {transform: scale(1); transform-origin: left center; max-width: 92px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-header.fixed .logo { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; max-width: 55px;}

.nav_btn { color: #FFFFFF; font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #FFFFFF; }

.main-header.fixed { padding: 10px 0; position: fixed; width: 100%; box-shadow: 0 0 12px rgb(0 0 0 / 12%); transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; background:#ffffffd4; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.main-header.fixed .header-wrap { border-radius: 0; max-width: 100%; width: 100%; }

/*==========mobile menu=========*/        
.main-header .hdr-rt { display: flex; align-items: center; justify-content: flex-end; }
.main-header .hdr-rt.hdr-lt { gap: 50px; justify-content: flex-end; }
.main-header .user-sec {margin-left: 100px;display: flex;align-items: center; }
.menu-has-children.menu-has-children-open span img {transform: rotate(180deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.menu-has-children span img {transform: rotate(0deg); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.mobile-menu-container ul.sub-menu {position: relative; max-height: 0; overflow: hidden; transition: max-height 0.6s ease-out;}
.mobile-menu-container ul.sub-menu.sub-menu-open {transform: scaleY(1); max-height: 300px;}
 
/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; left: -6%; right: -6%; background: #ffffff; height: calc(100vh + 40px); opacity: 0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none;     z-index: -1;}
.mobile-menu-open .mobile-menu-container{ top: 0; transform: translateY(0); opacity: 1;}
.mobile-menu-open .mobile-menu-container { top: -40px; transform: translateY(0); opacity: 1;  }
.mobile-menu-container .inner-container{ padding-top: 160px; height: 100vh; overflow-y: auto; position: relative;}
.mobile-menu {  max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 80px; padding-bottom: 50px; margin: 0 auto; text-align: center;}
.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu ul li{ display: block; margin: 10px 0;}
.mobile-menu ul li a { display: block; font-size: 30px; color: #F66E41; padding: 4px 0; }
.mobile-menu > ul > li > a { border-bottom: 1px solid #F66E41; }
.mobile-menu ul li.menu-item-has-children > a{padding-right: 15px;}

/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.mobile-menu-open .mobile-menu ul li:nth-child(2) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.mobile-menu-open .mobile-menu ul li:nth-child(3) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.mobile-menu-open .mobile-menu ul li:nth-child(4) {-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.mobile-menu-open .mobile-menu ul li:nth-child(5) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.mobile-menu-open .mobile-menu ul li:nth-child(6) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
/* ===== mobile menu animation ===== */

.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: #FFFFFF;}
/*=========mobile menu===========*/
/*for header css*/

 
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; }

/*when turns close icon*/
.ham { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.hamRotate.active { transform: rotate(45deg); }
.hamRotate180.active { transform: rotate(180deg); }
.line { fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#F66E41; stroke-width:3.5; stroke-linecap:round; } 
.ham6 .top { stroke-dasharray: 41 172; }
.ham6 .middle { stroke-dasharray: 41 111; transform: translateX(1px); }
.ham6 .bottom { stroke-dasharray: 41 172; transform: translateX(1px);}
.ham6.active .top { stroke-dashoffset: -132px; }
.ham6.active .middle { stroke-dashoffset: -71px; }
.ham6.active .bottom { stroke-dashoffset: -132px; } 
/*when turns close icon*/
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
   


/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/
/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/


/*===== Home page start ====*/
/* Home Banner */
.ban-jet-image { position: absolute; width: 30vw; max-width: 571px; right: 11px; bottom: 153px; }
.cloud-img1 { right: 8%; bottom: 22%; max-width: 23vw; animation: slideY 2s infinite alternate; }
.cloud-img2 { right: 0; bottom: 27%; max-width: 14vw; animation: slideY 2s infinite alternate; }


.cloud-wrap, .cloud-wrap2 { position: absolute; left: 0; bottom: -2px; display: flex; width: 200vw; pointer-events: none; }
.cloud-wrap2 { bottom: 0; }
.cloud-wrap.top { top: -2px; bottom: inherit; }
.cloud-img { width: 100vw; height: auto; flex-shrink: 0; opacity: 0.9; pointer-events: none; }

.cloud-img {  mask-image: linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%  );  -webkit-mask-image: linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%); }

.banner { min-height: 100vh; min-height: 100svh; padding-top: 210px; padding-bottom: 100px; overflow: hidden; position: relative; display: flex; background: linear-gradient(180deg, #F9FFFF 0%, #E3FBFB 43.78%, #ACD8D7 87.19%, #FFFFFF 96.45%); } 
.banner .row { height: 100%;}

.banner .text-box { padding-top: 90px; padding-left: 10px; }
.banner .text-box h1 { line-height: 1.7; margin-bottom: 10px; }
.banner .text-box p { max-width: 696px; }

.banner .hd-line-after { position: relative; display: inline-flex; width: 70px; height: 70px; background: #F0A64E; border-radius: 50%; border: 2px solid #FFFFFF; align-items: center; justify-content: center; }
.banner .hd-line-after img { width: 77px; max-width: inherit; left: 13px; position: relative; animation: slideX 1s infinite alternate; }

.ban-form { background: #FFFFFFB2; border: 5px solid #FFFFFF; border-radius: 40px; padding: 35px; box-shadow: 0px -4px 30px 0px #5A919B1A; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }
.ban-form h4 { color: #F0A64E; }
.ban-form .row { margin: 0 -8px; }
.ban-form .col-md-6, .ban-form .col-md-12 { padding: 0 8px; }

@keyframes slideY {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
} 
@keyframes slideX {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(10px);
  }
} 
@keyframes zoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(.9);
  }
}
.slide-x { animation: slideX 1s infinite alternate; }
.slide-y { animation: slideY 1s infinite alternate; }
.zoom_in { animation: zoomIn 1s infinite alternate; }
/* Home Banner */ 


/* plane text */
.plane-move-ban { display: flex; align-items: center; width: fit-content; position: absolute; z-index: 1; top: 0;  }
.plane-move-ban img#plane { width: 100%; height: auto; max-width: 220px; }

.plan-text { padding: 20px 40px 20px 120px; position: relative; margin-left: -5px; margin-bottom: 22px; }
.plan-text img {position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: auto;object-fit: contain;} 
.plan-text h6 { font-size: clamp(1rem, 0.911rem + 0.238vw, 1.125rem); margin: 3px 0 0; color: #FFF; transform: rotate(2deg); }
/* plane text */


/* Welcome Section */
.welcome-image-outer { height: 100%; }
.welcome-image-holder { position: absolute; z-index: 1; right: 0; top: 0; width: 50vw; max-width: 950px; }
.welcome-image-holder img { display: block; width: 100%; height: 100%; object-fit: cover; }
.welcome-text-box { padding: 112px 0 86px; max-width: 646px; margin-left: auto; }
/* Welcome Section */


/* Care Section */
.sec-element1 { top: -2px; left: 0; width: 100%; }
.sec-element1 img { width: 100%; height: auto; transform: scaleX(1.02); }

.care-sec { background: linear-gradient(180deg, #ACD8D7 0%, #ACD8D7 65.22%, #FFFFFF 100%); }

.care-image { max-width: 499px; margin: 0 auto; } 
.care-image img { width: 100%; }

.cld-1 { max-width: 22vw; right: -7.3vw; top: 7px; animation: slideY 3s infinite alternate; }
.cld-2 { max-width: 24vw; right: 2.5vw; bottom: 3vw; animation: slideX 2s infinite alternate; }
.cld-3 { max-width: 20vw; left: -70px; z-index: 1; top: 50px; animation: slideY 2s infinite alternate; }

.care-element-1 { width: 45vw; right: 6vw; bottom: 90px; z-index: 0; }
.care-element-2 { width: 22vw; left: 0vw; top: 89px; z-index: 0; }
/* Care Section */
 

/* Ready Section */ 
.n-element1 { max-width: 18vw; right: 1%; top: 7vw; z-index: -1; }

.ready-sec { overflow: hidden; }
.ready-sec .cloud-wrap { bottom: -9vw; }

.ready-box-outer { background: linear-gradient(180deg, #F0A64E 0%, rgba(240, 166, 78, 0.8) 64.94%, rgba(240, 166, 78, 0.17) 79.95%, rgba(240, 166, 78, 0) 93.57%); padding: 100px 100px 20px; border-radius: 40px 40px 0 0; position: relative; }
.ready-box-outer h3 { margin: auto 0; color: #FFFFFF; }
.ready-image { width: calc(100% + 320px); margin-left: -160px; margin-top: -108px; pointer-events: none; }
/* Ready Section */


/* Insurance Section */
.insurance-head { max-width: 576px; text-align: center; margin: 0 auto 40px; }
.insurance-head h3 { color: #F66E41; }

.insurances-slider .swiper-slide { height: auto; }
.insurance-logo-box { border: 1px solid #ACD8D7; height: 100%; display: flex; align-items: center; justify-content: center; padding: 38px 50px; border-radius: 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.insurance-logo-box::before { content: ''; background: url(../images/bg-effect.svg); background-position: left center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; left: 0; width: 100%; height: 0%; transform: translate(0, -50%);  -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.insurance-logo-box img { height: 53px; object-fit: contain; }

.insurance-logo-box:hover { border: 1px solid #F0A64E; box-shadow: 0px 4px 20px 0px #86BAE44D; background-size: cover}
.insurance-logo-box:hover::before { height: 100%; } 
/* Insurance Section */


/* Services Section */
.sec-element2 { bottom: -2px; left: 0; width: 100%; }
.sec-element2 img { width: 100%; height: auto; transform: scaleX(1.02); }

.services-element { max-width: 9vw; right: 64px; bottom: 24px; }

.services-sec { background: #FEF0CA; } 
.service-box { background: #FFFFFF; border-radius: 30px; padding: 30px 30px 50px; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; height: 100%; }
.service-box h5 { margin: 0; color: #46607C; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.service-box p { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.service-box:hover { background: #F1AE5F; }
.service-box:hover h5 { color: #FFFFFF; }
.service-box:hover p { color: #FFFFFF; }
.service-box:hover .service-icon img { filter: brightness(0) invert(1); }
.service-box:hover .ser-shape1 img { filter: brightness(0) invert(1); }
.service-box:hover .ser-shape2 img { filter: brightness(0) invert(1); }

.service-icon { width: 80px; height: 80px; margin-bottom: 20px; }
.service-icon img { width: 100%; height: 100%; object-fit: contain; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.ser-shape1 { top: 0; right: 0; }
.ser-shape2 { top: 0; right: 0; }
.ser-shape1 img, .ser-shape2 img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
/* Services Section */

 
/* Testimonials Section */
.testimonials-element1 { max-width: 7.9vw; top: 1%; left: 9%; }
.testimonials-element2 { max-width: 7vw; right: 3vw; bottom: 3vw; }
.testimonials-element3 { max-width: 9.7vw; right: 74px; top: 80px; z-index: 1; }
.testimonials-element4 { max-width: 8.5vw; left: 40px; bottom: 74px; z-index: 1; }

.testimonials-wraper { background: #ACD8D7; padding: 100px; border-radius: 50px; background-image: url(../images/grid.svg); background-size: contain; background-repeat: repeat; background-position: center; position: relative; }
.testimonials-w-box { padding: 100px; background: #FFF; border-radius: 30px; }

.testimonials-heading { width: max-content; background: #F0A64E; padding: 23px 60px; border-radius: 50px; position: absolute; top: -30px; left: -65px; transform: rotate(-15deg); }
.testimonials-heading h3 { margin: 0; color: #FFF; }

.testimonials-slider { overflow: hidden;  } 
.testimonials-slider h4 { color: #46607C; font-weight: 400; margin-bottom: 30px; }
.testimonials-slider h5 { margin-bottom: 0px; color: #5A919B; display: flex; align-items: center; }
.testimonials-slider h5::before { display: block; content: ''; border: 1px solid #F66E41; width: 60px; margin-right: 16px; }

.testimonials-arrow { width: 196px; background: #F66E41; border-radius: 50px; padding: 16px 30px; position: absolute; bottom: -40px; right: -40px; display: flex; justify-content: space-between; align-items: center; }
/* Testimonials Section */


/* trust Section */
.trust-element1 { max-width: 5.8vw; left: 56%; top: 2vw; }
.trust-element1 img { transform: rotate(8deg); }
.trust-element2 { max-width: 7.7vw; left: -5vw; top: 0; }
.trust-element3 { max-width: 7vw; right: -24px; top: -4.8vw; }

.trust-sec { background: linear-gradient(180deg, #FFFFFF 0%, #EAF6F6 24.29%, #EAF6F6 100%); padding-bottom: 150px; }
.trust-text-box { padding-left: 50px; }
.trust-text-box p { margin-bottom: 30px; }
/* trust Section */


/* news Section */
.news-element1 { max-width: 7vw; left: 2.2vw; bottom: 53%; }

.news-head { margin-bottom: 40px; }
.news-head h2 { margin-bottom: 0; }

.news-arrow { display: flex; gap: 24px; }

.news-slider-wrap { overflow: hidden; }
.news-slider-wrap .news-card { background: #FEF0CA; border-radius: 40px; overflow: hidden; height: 100%; } 
.news-slider-wrap .news-image-wrap { padding: 20px 20px 0; position: relative; }
.news-slider-wrap .news-image { position: relative; overflow: hidden; border-radius: 30px 30px 0 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; padding: 0 0 80%; }
.news-slider-wrap .news-image img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.news-slider-wrap .news-cloud { position: absolute; bottom: -114px; left: 15px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;  }
.news-slider-wrap .news-cloud img { width: 100%; }

.news-slider-wrap .news-content { padding: 24px 30px 30px; position: relative; }
.news-slider-wrap .news-content span { margin-bottom: 6px; color: #46607C; display: block;  }
.news-slider-wrap .news-content h4 { margin-bottom: 0; color: #46607C; }

.news-card:hover .news-cloud { bottom: -100%; }
.news-card:hover .news-image { border-radius: 30px; }

.news-slider-wrap .swiper-pagination { display: block; }
.news-slider-wrap .swiper-button-prev, .news-slider-wrap .swiper-button-next { display: none; }

.news-slider-wrap .swiper-pagination { position: relative; justify-content: center; margin-top: 20px; }
.news-slider-wrap .swiper-pagination { bottom: 0; display: flex; align-items: center; }
.news-slider-wrap .swiper-pagination-bullet { background: #a8ccd3; width: 10px; height: 10px; margin: 0 10px 0 0; border-radius: 5px; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.news-slider-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#5A919B;  width: 30px; border-radius: 5px; }
.news-slider-wrap .swiper-pagination { display: none; }
.news-slider-wrap .swiper-slide { height: auto; }



.entry-header { margin-top: 20px; }
.entry-header p { margin-bottom: 16px; } 
.entry-header-img { border-radius: 20px; overflow: hidden; }
.category-badge a.badge { background: #ACD8D7 !important; padding: 10px 15px 8px; border-radius: 50px; color: #163a60 !important;  }

.recent-posts { border: 1px solid #f66e41; box-shadow: 0px 0px 20px 0px #f66e411f inset; padding: 30px; border-radius: 20px; }
.recent-posts h3 { border-bottom: 1px solid #22096D33; padding-bottom: 10px; margin-bottom: 20px; }

.recent-posts-card { display: flex; border: 1px solid #ffd8cb; padding: 16px; border-radius: 10px; box-shadow: 0px 4px 30px 0px #0000000D; align-items: center; position: relative; overflow: hidden; }
.recent-posts-card:before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #f66e41; z-index: -1; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }

.recent-posts-container a { display: block; }
.recent-posts-container a:not(:last-child) { margin-bottom: 16px; }
.recent-posts-img { width: 100px; aspect-ratio: 1; position: relative; flex: 0 0 auto; } 
.recent-posts-img img { height: 100%; object-fit: cover; }

.recent-posts-dtls { padding: 0 0 0 16px; }
.recent-posts-dtls span { display: block; font-size: 16px; color: #46607C; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.recent-posts-dtls p { color: #1D1D1B; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}

.recent-posts-card:hover:before { width: 100%; }
.recent-posts-card:hover .recent-posts-dtls span, .recent-posts-card:hover .recent-posts-dtls p { color: #FFF; }
 
/* news Section */


/* contact Section */
.contact-element1 { max-width: 9vw; left: 2vw; bottom: 34%; }
.contact-element2 { max-width: 46vw; right: 2vw; top: 80px; }
.contact-element3 { max-width: 8vw; top: -2.6vw; z-index: 1; left: 0; }

.contact-sec { background: linear-gradient(180deg, #CCEEED 1.58%, #E3FBFB 56.22%, #FFFFFF 98.59%); }
.contact-icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: #163A60; border-radius: 10px; padding: 10px; box-shadow: 0px -4px 4px 0px #00000026 inset; }

.contact-list { padding: 0; list-style: none; }
.contact-list li { display: flex; align-items: center; }
.contact-list li:not(:last-child) { margin-bottom: 16px; }
.contact-list li:nth-child(2) .contact-icon { background: #F0A64E; }
.contact-list li:nth-child(3) .contact-icon { background: #F66E41; } 

.contact-icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: #163A60; border-radius: 10px; padding: 10px; box-shadow: 0px -4px 4px 0px #00000026 inset; flex: 0 0 auto; margin-right: 16px; }
.contact-dtls label { display: block; color: #46607C; }
.contact-dtls a, .contact-dtls p { color: #163A60; }
.contact-dtls a { background-image: linear-gradient(#cf303000 95%, #163A60 0, #163A60); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; }

.contact-list li:hover .contact-icon img { animation: bouncing 0.5s 0.3s; }
.contact-list li:hover .contact-dtls a { background-position-x: right; background-position-y: bottom; background-size: 100% 100%;}

@keyframes bouncing {
	from, to {
	  transform: scale(1, 1);
	}
	25% {
	  transform: scale(0.9, 1.1);
	}
	50% {
	  transform: scale(1.1, 0.9);
	}
	75% {
	  transform: scale(0.95, 1.05);
	}
}

.contact-sec .ban-form { max-width: 576px; background: #FFF; margin-left: 68px; }
.contact-sec .ban-form .form-kid { position: absolute; right: -181px; top: 90px; max-width: 208px; width: 208px; }
/* contact Section */
/*===== Home page End :( ====*/


/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/
/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/


/*===== About page start ====*/
/* about Section 1 */
.ab-element1 { left: -4px; max-width: 8vw; }
.ab-element2 { left: -11px; bottom: 7%; max-width: 6vw; }
.ab-element2 svg { width: 100%; height: auto; }
.ab-element3 { right: -15px; max-width: 5vw; top: 9%; }
.ab-element3 svg { width: 100%; height: auto; }

.about-para-img { -webkit-mask-image: url(../images/mask3.svg); mask-image: url(../images/mask3.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-position: top; mask-position: top; z-index: 1; position: relative; }
.about-para-img figure { position: relative; overflow: inherit; padding: 0 0 105%; }
.about-para-img figure img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; object-fit: cover; }
.about-para-img .about-para-text { max-width: 636px; }
.about-bg { position: absolute; width: 100%; transform: translate(10px, 10px); }
/* about Section 1 */


/* about Section 2 */
.ab2-element1 { right: 8%; top: 16%; max-width: 18vw; }
.ab2-element2 { right: 30px; bottom: -10px; max-width: 14vw; }

.about-sec2 { background-color: #FEF0CA; }
.abs2-img { max-height: 840px; height: 46vw; }
.abs2-img figure { width: 55vw;  max-width: 1006px; position: absolute; left: 0; }
.abs2-wlement { max-width: 53vw; left: 80px; height: 100%; }
.abs2-wlement img { height: 100%; object-fit: cover; object-position: right; }
/* about Section 2 */
 

/* about Section 3 */
.took-element1 { max-width: 9vw; top: 58%; right: 19%; }
.took-element2 { max-width: 6.5vw; top: -4.7vw; left: -5vw; transform: rotateY(180deg); }

.took-flight-sec { background: linear-gradient(180deg, #EAF6F6 0%, #EAF6F6 75.71%, #FFFFFF 100%); }
.took-flight-sec .cont-cloud3 { top: 6%; }
.took-flight-sec .cont-cloud4 { top: 18%; }


.took-flight-head { position: relative; overflow: hidden; }
.took-flight-circle { position: absolute; left: 0; width: 100%; bottom: 0; animation: spin 40s linear infinite; }

.took-flight-line { position: relative; display: flex; width: 70px; height: 70px; background: #F0A64E; border-radius: 50%; border: 2px solid #FFFFFF; align-items: center; justify-content: center; margin: -35px auto 40px !important; }
.took-flight-line img { width: 77px; max-width: inherit; left: 13px; position: relative; animation: slideX 1s infinite alternate; }

.took-flight-text { max-width: 656px; margin: 100px auto 170px; }

@keyframes spin {
    0% {
        transform:rotate(0deg);
    }
    50% {
        transform:rotate(-45deg);
    }

    100% {
        transform:rotate(0deg);
    }
}

.took-light-col { background: #FFFFFFB2; border: 5px solid #FFFFFF; box-shadow: 0px -4px 30px 0px #5A919B1A; backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px); border-radius: 20px; padding: 24px; margin-bottom: 24px; }
.took-light-col strong { font-weight: 500; color: #163A60; }
.took-light-row .col-xl-8:nth-child(even) { margin-left: auto; }

.took-light-star { align-items: center; justify-content: center; }
.took-light-star img { max-width: 60px; margin-right: 10px; }
.took-light-star h5 { margin:0; color:#f66e41; }
/* about Section 3 */


/* about Section 4 */
.cm-element1 { max-width: 92vw; top: 3.1vw; left: 1.6vw; }
.cont-cloud7 { position: absolute; z-index: inherit; left: 100%; }
.cont-cloud7 { top: 12%; width: 80vw; max-width: 367px; opacity: .5; }

.cloud-mask-sec { position: relative; overflow: hidden; }
.cloud-mask-sec .cloud-mask { max-width: 1100px; margin: 0 auto; -webkit-mask-image: url(../images/mask5.svg); mask-image: url(../images/mask5.svg); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; background: #ACD8D7; width: 100%; display: flex; align-items: center; justify-content: center; padding: 100px 0; height: 642px; }

.cloud-mask .cloud-mask-text { max-width: 696px; }
.cloud-mask .cloud-mask-text h3 {color: #FFF; font-weight: 500; }
/* about Section 4 */


/* about Section 5 */
.crew-sec { position: relative; overflow: hidden; }
.crew-sec::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 30%; background: linear-gradient(180deg, #FFFFFF 0%, #EAF6F6 24.29%, #EAF6F6 100%); }

.crew-sec p { margin-bottom: 16px; }

.team-box { padding: 7px 36px 30px; text-align: center; position: relative; height: 100%; }
.team-box::before { left: 0; top: 120px; content: ''; position: absolute; width: 100%; bottom: 0; background: #FFFFFF; border-radius: 30px;  box-shadow: 0px 4px 30px 0px #34716F14; z-index: -1; }
.team-box h4 { color: #5A919B; margin-bottom: 8px; }
.team-box h5 { color: #F66E41; margin-bottom: 4px; }
.team-box p { color: #46607C; margin-bottom: 0; }

.team-slider { position: relative; overflow: hidden; margin-top: 50px; padding-bottom: 20px; }
.team-img-wrap { position: relative; margin: 0px 0 30px; }
.team-img-wrap::before { left: 0; content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/mask6.svg); background-repeat: no-repeat; background-size: contain; top: 0; transform: scale(1.03); }
.team-box .team-img { -webkit-mask-image: url(../images/mask6.svg); mask-image: url(../images/mask6.svg); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
.team-box .team-img figure { position: relative; overflow: hidden; padding: 0 0 100%; }
.team-box .team-img figure img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.team-box:hover .team-img figure img { transform:scale(1.1) rotate(5deg); }


.team-slider-wrap .swiper-pagination { position: relative; display: none; }
.team-slider-wrap .swiper-slide { height: auto; }

.out-arrow { position: relative; } 
.out-arrow .swiper-button-prev,
.out-arrow .swiper-button-next { position: absolute; top: 50%; }
.out-arrow .swiper-button-prev { left: -78px; }
.out-arrow .swiper-button-next { right: -78px; left: inherit; }
/* about Section 5 */


/* about Section 6 */
.family-element1 { left: -5vw; bottom: -5vw; max-width: 8vw; }
.family-element2 { max-width: 9vw; right: 14.5vw; top: 2vw; }

.family-wraper { background: #F0A64E; padding: 100px; border-radius: 50px; background-image: url(../images/grid.svg); background-size: contain; background-repeat: repeat; background-position: center; position: relative; }
.family-w-box { padding: 100px 330px 100px 100px; background: #FFF; border-radius: 30px; }

.family-heading { max-width: 646px; }
.family-heading h3 { margin: 0 0 34px; } 

.family-img { position: absolute; right: -100px; bottom: 0; max-width: 423px; }
.family-img img { width: 100%; }
/* about Section 6 */


/* about Section 7 */
.approach-element1 { right: 10.5vw; top: -20px; max-width: 8vw; }

.approach-sec h5 { color: #f66e41; }
.approach-slider { overflow: hidden; margin-top: 26px; }
.approach-slider .swiper-slide { height: auto; }

.approach-sec { background-color: #EAF6F6; }
.approach-box { background: #FFFFFF; border-radius: 40px; padding: 40px 20px; height: 100%; text-align: center; }
.approach-box h4 { margin: 0 0 20px; color: #46607C; }
.approach-box .approach-img { margin: 0 0 20px; color: #46607C; }
.approach-box p { margin: 0; color: #46607C; }

.approach-img { width: 100%; position: relative; padding: 0 0 73%; overflow: hidden; border-radius: 20px; }
.approach-img img { width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; }

.approach-slider-wrap .swiper-pagination { position: relative; display: none; }
/* about Section 7 */


/* about Section 8 */
.approach-element2 { top: 22%; max-width: 7vw; left: 9vw; }
.approach-element3 { top: 3vw; right: 11%; max-width: 8vw; }
.approach-element4 { z-index: 1; max-width: 18vw; left: 3vw; bottom: 8%; }

.promise-element1 { max-width: 6.5vw; top: -5.7vw; left: -5vw; transform: rotateY(180deg); }

.app-sec { background: linear-gradient(180deg, #163A60 0%, rgba(22, 58, 96, 0.8) 64.94%, rgba(22, 58, 96, 0.17) 79.95%, rgba(22, 58, 96, 0) 93.57%); padding: 100px 100px 215px; border-radius: 40px 40px 0 0; position: relative; }
.app-sec h3 { color: #FFF; max-width: 692px; }
.app-sec p { color: #FFF; }
.app-sec .app-jet { z-index: 1; bottom: 40px; right: -80px; max-width: 45vw; }
.app-sec .cloud-wrap { bottom: -50%; }

.bg-img { bottom: 40px; object-fit: contain; width: 100%; }

.promise-sec p { margin-bottom: 16px; }
.promise-img { padding-top: 160px; }
/* about Section 8 */
/*===== About page End :( ====*/


/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/
/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/


/*===== FAQ page start ====*/
/* Inner Banner Section */
.inner-banner { padding: 200px 0 100px; background: linear-gradient(180deg, #F9FFFF 0%, #E3FBFB 43.78%, #ACD8D7 87.19%, #FFFFFF 96.45%); min-height: 534px; }
.inner-banner .text-box { padding-top: 60px; }
.inner-banner .text-box h1 { margin: 0 0 20px; }
.inner-banner .text-box h5 { color: #F66E41; }
/*  Inner Banner Section */

/* Faq Section */
.faq-bg { right: 0; top: 85px; width: 50.4%; }
.faq-bg img { width: 100%; }
.faq-bg1 { top: 30px; width: calc(48% - 50px); left: 50px; }
.faq-bg1 img { width: 100%; }

.faq-text-image { width: 100%; max-width: 55%; margin-left: auto; margin-right: -38px; } 
.faq-text-image img { width: 100%; }
.faq-text-svg { width: 100%; max-width: 37.8%; margin-bottom: -40px; margin-left: auto; margin-right: 39%; z-index: 1; }

.faq-element1 { position: absolute; bottom: -3.5vw; right: 2%; max-width: 18vw; z-index: 1; }
.faq-element2 { top: 3%; left: 25%; max-width: 8vw; }
.faq-element3 { top: -8%; left: 9%; max-width: 12vw; }

.faq-text-box h5 { color: #46607C; font-weight: 400; line-height: 1.4; }

.pt-big { padding-top: 150px; }
.pb-big { padding-bottom: 200px; }
.faq-accordion-sec { background: linear-gradient(180deg, #FEF0CA 0%, #FFFFFF 100%); }
.faq-accordion-sec.sec2 { background: linear-gradient(180deg, #FFFFFF 0%, #EAF6F6 24.29%, #EAF6F6 100%); }
.faq-accordion-sec.sec3 { background: #FFF; }

.faq-accordion .accordion-item { border-radius: 0; border: none; border: none; background-color: transparent; }
.faq-accordion .accordion-item:not(:last-child) {margin-bottom: 24px;}
.faq-accordion .accordion-button { background: #F8F8F8; box-shadow: none; padding: 13px 30px; font-size: clamp(1.25rem, 1.135rem + 0.308vw, 1.5rem); color: #163A60; font-weight: 500; box-shadow: 0px -4px 4px 0px #00000026 inset; border-radius: 10px !important; }

.faq-accordion .accordion-button::after { width: 40px; height: 40px; background-color: #3F817F; border-radius: 40px; background-size: 24px; background-position: center; background-repeat: no-repeat; background-image: url(../images/chevron-down.svg); transition: .4s; box-shadow: 0px -4px 4px 0px #00000026 inset; }
.faq-accordion .accordion-button:not(.collapsed) .accordion-button::after { transform: rotate(0deg); } 

.faq-accordion .accordion-icon { background: #DFE7F9; border: 1px solid #DFE7F9; border-radius: 6px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; margin-right: 12px; padding: 5px; }
.faq-accordion .accordion-icon img { width: 16px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } 

.faq-accordion .accordion-collapse { background: transparent; border-radius: 0 0 8px 8px; position: relative;}
.faq-accordion .accordion-collapse::before { content: ''; border-top: 1px solid #84848491; top: 0; left: 20px; right: 20px; }
.faq-accordion .accordion-body { padding: 20px 30px 30px; margin-top: 0; background: #FFF; } 
.faq-accordion .accordion-body p { color: #46607C; } 

.faq-accordion .accordion-button:not(.collapsed) { color: #ffffff; background: #3F817F; }
.faq-accordion .accordion-button:not(.collapsed)::after { background-image: url(../images/chevron-down1.svg); background-color: #FFF; box-shadow: 0px 4px 4px 0px #00000026 inset; }

.faq-accordion-sec.sec3 .faq-accordion .accordion-body { background: #EAFAFA; } 

.questions-section { background: linear-gradient(180deg, #CCEEED 1.58%, #E3FBFB 56.22%, #FFFFFF 100%); }
.sec-btn-con { line-height: 1; display: block; margin: -4px 10px 0 0; }

.questions-element1 { max-width: 9vw; bottom: 2.5vw; left: 2.5vw; }
.questions-element2 { max-width: 16vw; right: 1.6vw; top: 2.6vw; } 
.questions-element2 svg { width: 100%; height: auto; }
/* Faq Section */


/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/
/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/


/*===== Contact page start ====*/
/* content sec one */
.ball-element { right: 23%; bottom: 9%; max-width: 5vw; }

.cont-sec::before { content: ''; position: absolute; top: 0; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.7) 10.45%, rgba(255, 255, 255, 0) 19.46%, rgba(255, 255, 255, 0) 100%); left: 0; width: 100%; height: 100%; z-index: 1; }
.cont-sec .container { z-index: 1; }

.cont-bg { width: 100%; bottom: 0; } 
.cont-bg img { width: 100%; object-fit: contain; height: 100%; }

.cont-sec { padding-top: 60px; overflow: hidden; }
.cont-sec h4 { color: #46607C; line-height: 1.3; margin-bottom: 50px; }

.cont-sec.loc-dtls { padding-top: 255px; }
/* content sec one */


/* clinic-location sec */
.cont-cloud1, .cont-cloud2 { position: absolute; z-index: inherit; left: 100%; }
.cont-cloud1 { top: 36%; width: 80vw; max-width: 527px; }
.cont-cloud2 { top: 64%; width: 80vw; max-width: 527px; }

.clinic-location-sec .cont-cloud1, .clinic-location-sec .cont-cloud2 { pointer-events: none;  }

.ld-sec .cont-cloud1 { top: 38%; }
.ld-sec .cont-cloud2 { top: 68%; }

.clinic-element1 { top: 21%; right: 5%; max-width: 18vw; }
.clinic-element2 { top: 18%; left: 10%; max-width: 9vw; }
.clinic-element3 { bottom: 9%; left: 3%; max-width: 12vw; }
 
.contact-form-sec { background: #EAF6F6; }
.clinic-map { padding: 20px; background: #3F817F; box-shadow: 0px -6px 4px 0px #00000026 inset; border-radius: 30px; margin-top: 50px; }
.clinic-map iframe { border-radius: 12px; margin-bottom: -5px; }

.clinic-head span { display: block; max-width: max-content; background: #FFFFFF66; border: 3px solid #FFFFFF; box-shadow: 0px -4px 30px 0px #5A919B1A; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); padding: 24px 40px; line-height: 1.2; border-radius: 20px; margin: 0 auto; color: #F66E41; font-size: clamp(1.25rem, 1.135rem + 0.308vw, 1.5rem); }
/* clinic-location sec */
 


/* clinic-info sec */
.info-element1 { max-width: 16vw; left: 1.8vw; top: 4.5vw; } 
.info-element1 svg { width: 100%; height: auto; }
.info-element2 { max-width: 8vw; right: -5vw; top: 10px; }

.contact-info-wrap { background: #FEF0CA; border-radius: 20px; padding: 40px 40px 30px; margin-top: 35px; }

.contact-info-box { background: #FFFFFFCC; border: 1px dashed #F0A64E; border-radius: 100px; padding: 0 40px 27px; text-align: center; height: 100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.contact-info-box a { background-image: linear-gradient(#cf303000 95%, #163A60 0, #163A60); background-position-x: left; background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; color: #46607C; }
.contact-info-box h5 { margin-bottom: 6px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
 
.contact-info-icon { max-width: 92px; height: 90px; margin: -73px auto 20px; display: flex; align-items: center; justify-content: center; padding: 20px; pointer-events: none; position: relative; z-index: 1; }
.contact-info-icon img { z-index: 2; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} 
.contact-info-icon::before { content: ''; position: absolute; width: 100%; height: 100%; background-image: url(../images/polygon.svg); object-fit: contain; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 1; }
.contact-info-icon::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: url(../images/polygon1.svg); object-fit: contain; background-repeat: no-repeat; background-position: center; transform: scale(0); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 1; }

.contact-info-box:hover { border: 1px dashed #F66E41; }
.contact-info-box:hover .contact-info-icon img { animation: bouncing 0.5s 0.5s;}
.contact-info-box:hover .contact-info-icon::after {  transform: scale(1); }
.contact-info-box:hover .contact-info-icon::before {  transform: scale(0); }
.contact-info-box:hover a { background-position-x: right; background-position-y: bottom; background-size: 100% 100%;}
.contact-info-box:hover h5 { color: #F66E41; }
  
.contact-info-note h5 { margin: 30px 0 0; font-weight: 500; color: #F66E41; }
/* clinic-info sec */


/* contact-form Section */   
.contact-form-element1 { max-width: 9.7vw; right: -1.4vw; top: -1.1vw; z-index: 1; }
.contact-form-element2 { max-width: 8.5vw; left: -3.5vw; bottom: -1.4vw; z-index: 1; }
.contact-form-element3 { bottom: -99px; z-index: 2; right: -99px; max-width: 45vw; }

.contact-form-wraper { background: #F0A64E; padding: 100px; border-radius: 50px; background-image: url(../images/grid.svg); background-size: 115%; background-repeat: repeat; background-position: center; position: relative; overflow: hidden; }
.contact-form-w-box { padding: 60px; background: #FFF; border-radius: 30px; z-index: 1; }
.contact-form-w-box h3 { color: #3F817F; margin: 0 0 10px; }
.contact-form-w-box p { margin: 0 0 30px; }
  
.contact-form-head { max-width: 936px; margin: 0 auto 50px; } .contact-form-head * { color: #FFF; }

.contact-form-wraper .cloud-wrap img { width: 100%; }
/* contact-form Section */
/*===== Contact page End :( ====*/


/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/
/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/ 


/*===== Location page start ====*/
/* coming-soon Section */
.coming-soon-sec .testimonials-element1 { max-width: 7.9vw; top: 5.5%; left: 6%; }

.coming-soon-sec {background: linear-gradient(180deg, #FEF0CA 0%, #FFFFFF 100%); }
.coming-soon-sec .testimonials-heading, .coming-soon-sec2 .testimonials-heading { top: -44px; left: 50%; transform: translate(-50%, 0); }
.coming-soon-text h4 { margin: 0; font-weight: 400; color: #46607C; }
/* coming-soon Section */

/* service-areas Section */
.service-areas-sec .join-element2 { left: -4.2vw; top: -5.8vw; }
.service-element1 { top: 52%; right: -39px; max-width: 18vw; }

.service-areas-wraper { background: #F0A64E; padding: 50px; border-radius: 50px; background-image: url(../images/grid.svg); background-size: cover; background-repeat: repeat; background-position: center; position: relative; overflow: hidden; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, auto); gap: 16px;}

.service-areas-card { background-color: #FFFFFF80; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); padding: 16px; border-radius: 10px;  }
/* .service-areas-card:hover { background-color: #FFFFFF; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } */
.service-areas-card h6 { margin-bottom: 6px; } 
.service-areas-card ul { padding: 0; list-style: none; margin: 0; }
.service-areas-card ul li::before {content: "•";margin-right: 5px;}
.service-areas-card ul li { display: inline; color: #46607C; }
.service-areas-card ul li a{color: #46607C; background-image: linear-gradient(#cf303000 95%, #46607C 0, #46607C); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s;}
.service-areas-card ul li a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; } 

.service-areas-sec h2 { background: #3F817F; width: fit-content; margin: 0 auto; color: #FFF; padding: 23px 60px 17px; border-radius: 50px; margin-bottom: 30px; }
.service-areas-sec p { font-weight: 500; margin: 0 0 50px; }
/* service-areas Section */

.clinic-location-sec.ld-sec h2 { margin-bottom: 0; }

/*===== Location page End :( ====*/


/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/
/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/ 


/* ===== Location page start ====*/
/* loctaion banner Section */
.inner-banner.contact-sec { padding-bottom: 20px; z-index: 2; position: relative; }
.inner-banner.contact-sec .ban-form h5 { color: #E2653B; }
.inner-banner.contact-sec .ban-form { margin-bottom: -60px; }

.inner-banner.contact-sec .contact-element2 { max-width: 46vw; right: 2vw; top: 19%; }

.breadcrumb { margin: 100px 0 20px; gap: 8px; }
.breadcrumb a, .breadcrumb span { color: #163A60; }
/* loctaion banner Section */

/* offer-sec Section */
.offer-element1 { left: 5%; max-width: 9vw; bottom: 30%; }
.offer-element2 { max-width: 8vw; top: 11%; left: 4%; }
.offer-element3 { max-width: 6.5vw; right: 7%; top: 50%; }

.offer-sec { background: linear-gradient(180deg, #EAF6F6 0%, #EAF6F6 75.71%, #FFFFFF 100%); }
.offer-row .col-lg-10:not(:last-child) { margin-bottom: 50px; }
.offer-row .col-lg-10:nth-child(3n+2) { margin-left: 8.33333333%; }
.offer-row .col-lg-10:nth-child(3n+3) { margin-left: 16.66666667%; }

.offer-box-wraper { display: flex; background: #FFFFFF; border-radius: 40px; padding: 0 60px 30px 0; margin-top: 50px; box-shadow: 0px 4px 20px 0px #0000000D; }

.offer-box-img-wrap { max-width: 350px; width: 100%; margin-right: 50px; margin-top: -50px; margin-left: -27px; position: relative; flex: 0 0 auto; }
.offer-box-img-wrap::before { left: 0; content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/mask6.svg); background-repeat: no-repeat; background-size: contain; top: 0; transform: scale(1.025); }
.offer-box-img { -webkit-mask-image: url(../images/mask6.svg); mask-image: url(../images/mask6.svg); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
.offer-box-img figure { position: relative; overflow: hidden; padding: 0 0 100%; }
.offer-box-img figure img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }

.offer-box-text { padding: 40px 0 30px; display: flex; flex-direction: column; justify-content: center; }
.offer-box-text h4 { margin: 0 0 20px; }
/* offer-sec Section */

/* choose-box-sec Section */
.choose-element1 { max-width: 15vw; bottom: 0; left: 0; }
.choose-element2 { right: 4%; bottom: 0; max-width: 6vw; }

.choose-box-sec .service-box { border: 1px solid #F3D5B1; margin-bottom: 24px; height: calc(100% - 24px); padding: 30px 30px 30px; }
.choose-box-sec .service-box h5 { margin: 0 0 16px; }
/* choose-box-sec Section */
 
/* areas-sec Section */
.areas-element1 { max-width: 8vw; bottom: -20px; left: -5vw; z-index: 1; }
.areas-element2 { right: 0; top: 40%; max-width: 15vw; transform: rotate(-5deg); }

.areas-sec { background: linear-gradient(180deg, #FEF0CA 0%, #FFFFFF 100%); }
/* areas-sec Section */

/* location-sec Section */
.service-areas-sec2 .join-element2 { top: -5vw; left: -4vw; }

.location-sec { background: linear-gradient(180deg, #CCEEED 1.58%, #E3FBFB 56.22%, #FFFFFF 98.59%); }
/* location-sec Section */

/* get-touch-sec Section */
.get-element1 { bottom: 38%; left: 3%; max-width: 8vw; }
.get-touch-sec .cont-cloud1 { top: -5%; }
.get-touch-sec .cont-cloud2 { top: 12%; }

.get-touch-sec .container { position: relative; z-index: 2; }

.get-touch-sec { background: linear-gradient(180deg, #CCEEED 1.58%, #E3FBFB 56.22%, #FFFFFF 98.59%); }
.get-touch-box { background: #FFFFFF4D; border: 5px solid #FFFFFF; box-shadow: 0px -4px 30px 0px #5A919B1A; backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px); border-radius: 20px; padding: 20px; height: 100%; }

.get-touch-icon { width: 60px; height: 60px; background: #163A60; display: flex; align-items: center; justify-content: center; box-shadow: 0px -4px 4px 0px #00000026 inset; border-radius: 10px; margin-bottom: 16px; }
.get-touch-box label {color: #46607C;}
.get-touch-box p { color: #163A60; margin-bottom: 0; }
.get-touch-box p strong{ font-weight: 500; }

.get-touch-box a { display: block; }
.get-touch-box a p{ background-image: linear-gradient(#cf303000 95%, #163A60 0, #163A60); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; display: inline; }
.get-touch-box a:hover p { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }

.get-touch-row .col-xl-3:nth-child(4n+1) .get-touch-box .get-touch-icon { background: #163A60; }
.get-touch-row .col-xl-3:nth-child(4n+2) .get-touch-box .get-touch-icon { background: #E9A24B; }
.get-touch-row .col-xl-3:nth-child(4n+3) .get-touch-box .get-touch-icon { background: #E8683D; }
.get-touch-row .col-xl-3:nth-child(4n+4) .get-touch-box .get-touch-icon { background: #5A919B; }
/* get-touch-sec Section */

/* works-sec Section */
.works-element1 { max-width: 7vw; right: 21%; top: 15%; }
.works-element2 { max-width: 16vw; bottom: 0; left: 0; }
.works-element3 { max-width: 8vw; bottom: 38px; left: 9%; }


.works-sec { background: linear-gradient(180deg, #FFFFFF 0%, #EAF6F6 27.17%, #EAF6F6 100%); }

.works-wraper { margin-bottom: 114px; }
.works-wraper .row { margin-bottom: 30px; }

.works-lable { background: #000; text-align: center; padding: 40px 20px; border-radius: 10px; box-shadow: 0px -4px 4px 0px #00000026 inset; position: relative; }
.works-lable h5 { color: #FFF; margin: 0; }

.works-pross-number { position: relative; text-align: right; }
.works-pross-number p { position: absolute; }
.works-pross-number .works-num { width: 60px; height: 60px; background: #000; border-radius: 10px; box-shadow: 0px -4px 4px 0px #00000026 inset; display: flex; align-items: center; justify-content: center; margin: 20px 0 20px auto; }
.works-pross-number .works-num h5 { margin: 0; color: #FFF; font-weight: 400; }
.works-pross-number:before { content: ''; position: absolute; border: 1px dashed #225B594D; width: calc(33.33% + 12px); height: 0; right: calc(-33.33% - 32px); top: 48%; }

.works-wraper .row:nth-child(5n+1) .works-lable { background: #163A60; }
.works-wraper .row:nth-child(5n+1) .works-pross-number .works-num { background: #163A60; }
.works-wraper .row:nth-child(5n+2) .works-lable { background: #3F817F; }
.works-wraper .row:nth-child(5n+2) .works-pross-number .works-num { background: #3F817F; }
.works-wraper .row:nth-child(5n+3) .works-lable { background: #F0A64E; }
.works-wraper .row:nth-child(5n+3) .works-pross-number .works-num { background: #F0A64E; }
.works-wraper .row:nth-child(5n+4) .works-lable { background: #F66E41; }
.works-wraper .row:nth-child(5n+4) .works-pross-number .works-num { background: #F66E41; }
.works-wraper .row:nth-child(5n+5) .works-lable { background: #3F817F; }
.works-wraper .row:nth-child(5n+5) .works-pross-number .works-num { background: #3F817F; }

.works-wraper .row:nth-child(even) { flex-direction: row-reverse; }
.works-wraper .row:nth-child(even) .works-pross-number { text-align: left; }
.works-wraper .row:nth-child(even) .works-pross-number .works-num { margin: 20px auto 20px 0; }
.works-wraper .row:nth-child(even) .works-pross-number:before { right: inherit; left: calc(-33.33% - 32px); }
/* works-sec Section */
/* ===== Location page end :( ====*/

/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/
/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/ 


/*===== career page start ====*/
/* service-areas Section */
.career-element1 { max-width: 13vw; left: 6%; bottom: -8px; }

.career-para-img { -webkit-mask-image: url(../images/mask1.svg); mask-image: url(../images/mask1.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-position: top; mask-position: top; z-index: 1; position: relative; }
.career-para-img figure { position: relative; overflow: inherit; padding: 0 0 57.2%; }
.career-para-img figure img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; object-fit: cover; }
.career-para-img .career-para-text { max-width: 636px; }
.career-bg { position: absolute; width: 100%; transform: translate(10px, 10px); }

.career-para-text { max-width: 636px; }
/* service-areas Section */


/* join-avi Section */
.join-element1 { width: 100vw; max-width: 1010px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.join-element2 { max-width: 6.5vw; top: -5vw; left: 0; transform: rotateY(180deg); }
.join-element3 { max-width: 9vw; top: 54%; right: 12%; }
.join-element4 { max-width: 8vw; z-index: 1; top: 44%; left: 4%; }

.cont-cloud3, .cont-cloud4 { position: absolute; z-index: inherit;  left: 100%; }
.cont-cloud3 { top: 8%; width: 80vw; max-width: 527px; }
.cont-cloud4 { top: 40%; width: 80vw; max-width: 527px; }

.join-avi-sec { background: linear-gradient(180deg, #EAF6F6 0%, #EAF6F6 75.71%, #FFFFFF 100%); }

.join-avi-head { margin-bottom: 75px; }
.join-avi-head h4 { color: #46607C; } 
.join-avi-head h5 { color: #F66E41; }

.join-card-wraper { background: #FFFFFFB2; border: 5px solid #FFFFFF; box-shadow: 0px 5px 30px 0px #11333A1A; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: 20px; padding: 0px 30px 24px; }
.join-card-wraper h5 { width: fit-content; background: #FFF7E3; border: 1px solid #F0A64E66; padding: 14px 24px 10px; border-radius: 50px; margin: -27px 0 13px; transform: rotate(-2deg); }

.join-avi-row .col-xl-8:not(:last-child) { margin-bottom: 77px; }
.join-avi-row .col-xl-8:nth-child(even) { margin-left: 25%; }
.join-avi-row .col-xl-8:nth-child(even) .join-card-wraper h5 { transform: rotate(2deg);}

.join-avi-row .col-xl-8:nth-child(6n+1) .join-card-wraper h5 { background: #FFF7E3; border: 1px solid #F0A64E66; color: #F0A64E; }
.join-avi-row .col-xl-8:nth-child(6n+2) .join-card-wraper h5 { background: #FFE1D7; border: 1px solid #F66E4166; color: #F66E41; }
.join-avi-row .col-xl-8:nth-child(6n+3) .join-card-wraper h5 { background: #D2F1F6; border: 1px solid #5A919B66; color: #5A919B; }
.join-avi-row .col-xl-8:nth-child(6n+4) .join-card-wraper h5 { background: #FFF7E3; border: 1px solid #F0A64E66; color: #F0A64E; }
.join-avi-row .col-xl-8:nth-child(6n+5) .join-card-wraper h5 { background: #DFEFFF; border: 1px solid #163A6066; color: #163A60; }
.join-avi-row .col-xl-8:nth-child(6n+6) .join-card-wraper h5 { background: #FFE1D7; border: 1px solid #F66E4166; color: #F66E41; }
/* service-areas Section */

/* career-form Section */
.career-form-top { max-width: 1044px; margin: 70px auto -45px; z-index: 1; position: relative; border: none; }
.career-form-top .nav-link { padding: 0 12px; background: transparent !important; border: none !important; }
.career-form-top .contact-info-icon::before { background-image: url(../images/polygon2.svg); }
.career-form-top .contact-info-box { padding: 0 40px 20px; background: #FFF; }
.career-form-top .contact-info-box:hover .contact-info-icon img { filter: brightness(0) invert(1); }
.career-form-top .contact-info-box h5 { margin-bottom: 0; }
.career-form-top .contact-info-icon { margin: -73px auto 15px; height: 95px; }

.career-form-top .nav-link.active .contact-info-box { border: 1px dashed #F66E41; }
.career-form-top .nav-link.active .contact-info-box .contact-info-icon img { animation: bouncing 0.5s 0.5s;}
.career-form-top .nav-link.active .contact-info-box .contact-info-icon::after {  transform: scale(1); }
.career-form-top .nav-link.active .contact-info-box .contact-info-icon::before {  transform: scale(.2); }
.career-form-top .nav-link.active .contact-info-box a { background-position-x: right; background-position-y: bottom; background-size: 100% 100%;}
.career-form-top .nav-link.active .contact-info-box h5 { color: #F66E41; }
.career-form-top .nav-link.active .contact-info-box .contact-info-icon img { filter: brightness(0) invert(1); }


.job-redio { display: block; margin-bottom: 15px; }
.job-redio .wpcf7-form-control-wrap .wpcf7-form-control, .job-redio .wpcf7-form-control-wrap .wpcf7-list-item label { display: flex; align-items: center; flex-wrap: wrap; }
.job-redio .wpcf7-form-control-wrap .wpcf7-list-item label span { line-height: 1; color: #737C84 !important; margin-bottom: -4px; }
.job-redio .wpcf7-form-control-wrap .wpcf7-list-item { min-width: 17.5%; margin: 5px 0 0; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); width: max-content; margin-right: 20px; }
.job-redio .wpcf7-form-control-wrap input { height: 18px!important; width: 18px; border: 1px solid #D1D1E0 !important; outline: none; box-shadow: none; margin-right: 6px; appearance: none; border-radius: 50px; }
.job-redio .wpcf7-form-control-wrap input:checked { background-color: #f66e41 !important; border-color: #f66e41 !important;}
.job-redio .wpcf7-form-control-wrap input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }

.upload-box { border: 2px solid #EFF2F1 !important; border-radius: 10px; text-align: center; padding: 24px 20px; cursor: pointer; width: 100%; transition: background-color 0.3s ease; }
.upload-box:hover { background-color: #5a919b08; }
.upload-icon { width: 50px; height: 50px; background: #FDF1ED; margin: 0px auto 10px; display: flex; align-items: center; justify-content: center; border-radius: 5px; }
.upload-box p { margin: 0 0 4px; color: #A3A9AF;}
.upload-box small { color: #888; }
.upload-input { display: none; }

.upload-box.fileupload-error {border-color: #ff2c00 !important;}

.wpcf7-not-valid-tip { font-size: 16px !important; }

button.remove-file { background: #ffe9e9; font-size: 16px; border: 1px solid #e53434; border-radius: 5px; margin: 0 0 0 7px; color: #e53434; transition: all 0.3s ease; }
button.remove-file:hover { background: #e53434; color: #FFFF; }
/* career-form Section */
/*===== career page End :( ====*/


/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/
/*-------------------------------{[[[[[[[[| 0 || 0 |]]]]]]]]}-------------------------------*/ 
 
/*===== Service page start ====*/
/* support Section */ 
.support-elemtent1 { bottom: -1.4vw; left: -2.1vw; max-width: 8vw; }

.support-content-wrap { background: #FEF0CA; border-radius: 50px; overflow: hidden; }
.support-content-wrap .row { margin: 0; }
.support-content-wrap .col-lg-6 { padding: 0; }
.support-content-wrap .support-content { padding: 30px 40px 30px 100px; height: 100%; display: flex; flex-direction: column; justify-content: center; }

.support-img { width: 100%; height: 100%; }
.support-img img { width: 100%; object-fit: cover; min-height: 550px; height: 100%; }
.support-carve { position: absolute; height: 100%; width: auto; left: -1px; top: 0; max-width: 120px; object-fit: cover; object-position: right; transform: scale(1.02); }
/* support Section */


/* services-guide sec */
.support-element1 { bottom: 0; max-width: 16vw; left: 0; }
.support-element2 { bottom: 10px; right: 5%; max-width: 6vw; }
.support-element3 { right: 3vw; top: 9vw; max-width: 13vw; }

.services-guide-sec { background: #EAF6F6; }
.services-guide-sec .service-box h5 { margin-bottom: 16px; }
/* services-guide sec */


/* running-sec */
.cont-cloud5, .cont-cloud6 { position: absolute; z-index: inherit; left: 100%; }
.cont-cloud5 { top: 0%; width: 80vw; max-width: 243px; }
.cont-cloud6 { top: 0%; width: 80vw; max-width: 167px; }

.running-sec { padding-top: 17px; }
.track-img { bottom: 0; pointer-events: none; z-index: -1; }
.track-text { padding-top: 84px; }
.track-text h5 { font-weight: 400; color: #F66E41; }

.run-img { max-width: 335px; margin: 0 auto 50px; }
.run-img img { width: 100%; }

.services-info-slider { padding-top: 75px; margin: -76px 0 0; }
.services-info-slider .swiper-slide { height: auto; }
.services-info-slider .contact-info-icon::before { background-image: url(../images/polygon3.svg); }
.services-info-slider .contact-info-box p { margin-bottom: 0; margin-top: -22px; height: 100%; display: flex; align-items: center; justify-content: center; }
.services-info-slider .contact-info-box:hover .contact-info-icon img { filter: brightness(0) invert(1); }

.services-info-arrow { width: 196px; background: #F66E41; border-radius: 50px; padding: 16px 30px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; margin-bottom: -70px; margin-top: 40px; }
/* running-sec */
/*===== Service page End :( ====*/



/* swiper button */
.swiper-button-next, .swiper-button-prev { position: relative; top: 0; left: 0; margin: 0 !important; width: 60px; height: 50px; background: #FFF; box-shadow: 0px -4px 4px 0px #00000026 inset; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.swiper-button-next { border-radius: 10px 50px 50px 10px ; }
.swiper-button-prev { border-radius: 50px 10px 10px 50px; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }
.swiper-button-next img, .swiper-button-prev img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.swiper-button-next img { transform: rotate(180deg); }

.swiper-button-next::before, 
.swiper-button-prev::before { display: block; content: ''; width: 100%; height: 100%; position: absolute; background: #5A919B; z-index: -1; box-shadow: 0px -4px 4px 0px #00000026 inset; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.swiper-button-next::before { border-radius: 10px 50px 50px 10px ; left: -100%; }
.swiper-button-prev::before { border-radius: 50px 10px 10px 50px; right: -100%; }

.swiper-button-next:hover, 
.swiper-button-prev:hover { background: #5A919B; transition-delay: 0.3s; }
.swiper-button-next:hover::before { left: 0%; }
.swiper-button-prev:hover::before { right: 0%; }

.swiper-button-next:hover img, 
.swiper-button-prev:hover img { filter: brightness(0) invert(1); }
/* swiper button */






/* Footer Section */
footer .cloud-wrap { bottom: 90px; }

.footer-top { padding: 80px 0 50px; }
.logo-wrap { width: calc(100% - 160px); margin: 0 auto; } 
.logo-wrap img { width: 100%; }

footer .footer-menu { border: 4px solid #FFFFFF; padding: 16px 30px; border-radius: 50px; background: #163A600D; box-shadow: 0px 0px 30px 0px #163A601A; backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px); position: relative; z-index: 1; width: fit-content; margin: 50px auto 0; }
footer .footer-menu ul { display: flex; list-style: none; justify-content: center; padding: 0; margin: 0; }
footer .footer-menu ul li { padding: 0 30px; }
/* footer .footer-menu ul li:last-child { border: none; padding-right: 0; } */
/* footer .footer-menu ul li:first-child { padding-left: 0; } */
footer .footer-menu ul li a { position: relative; color: #163A60; text-transform: capitalize; font-family: var(--primary-font); font-weight: 400; background-image: linear-gradient(#cf303000 95%, #163A60 0, #163A60); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); }
footer .footer-menu ul li a:hover { color: #163A60; background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }

.end-footer { padding: 20px 0; border-top: 1px solid #0000001A; }
.end-footer .lft-box h6 { margin: 0;color: #46607C;font-weight: 400; margin-bottom: 5px; font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem);}
.end-footer .lft-box p { margin: 0;font-size: 12px;color: #46607C;}
.end-footer .lft-box p a{ color: #46607C; position: relative; background-image: linear-gradient(#cf303000 95%, #46607C 0, #46607C); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; }
.end-footer .lft-box p a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }
 
.end-footer .right-box p { margin: 0; text-align: right; color: #46607C; font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); }
.end-footer .right-box p a {color: #46607C; position: relative; background-image: linear-gradient(#cf303000 95%, #46607C 0, #46607C); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; } 
.end-footer .right-box p a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }
/* Footer Section */


/* Staff Section */
.staff-modal .modal-dialog { width: 80%; max-width: 1300px; }
.staff-modal .modal-dialog .modal-content { border-radius: 50px; overflow: hidden; }
.staff-modal .modal-dialog .modal-content .modal-body { padding: 70px 50px 40px 60px; }
 
.staff-modal .staff-details h4 { color: #5A919B; margin-bottom: 8px; }
.staff-modal .staff-details h5 { color: #F66E41; margin-bottom: 4px; }
.staff-modal .staff-details h6 { color: #46607C; margin-bottom: 30px; font-weight: 400; }
.staff-modal .staff-details p { color: #575757; font-family: "Roboto", sans-serif; }
.staff-modal .staff-details p:not(:last-child) { margin-bottom: 20px; }
 
.staff-details { padding: 0 0 0 10px; }

.staff-mod-wrap { position: relative; padding:6px; }
.staff-mod-wrap::before {left: 0; content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/mask6.svg); background-repeat: no-repeat; background-size: contain; top: 0; transform: scale(1);}
.staff-mod-img { -webkit-mask-image: url(../images/mask6.svg); mask-image: url(../images/mask6.svg); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
.staff-mod-img figure { position: relative; overflow: hidden; padding: 0 0 100%; }
.staff-mod-img figure img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }

.staff-mod-element { position: absolute; background: #FCB316; top: 0; left: 0; width: 50%; bottom: 0; clip-path: polygon(0 0, 0% 100%, 53% 100%); }
img.st-md-el1 { width: 15vw; max-width: 300px; position: absolute; top: 10px; left: 25%; }

.btn-close { width: 50px; height: 50px; background: #F66E41; opacity: 1 !important; border-radius: 50px; right: 20px; top: 20px; padding: 0; position: absolute; box-shadow: 0px -4px 4px 0px #00000026 inset; }
.btn-close::before { content: ""; width: 100%; height: 100%; position: absolute; background-color: #FCB316; border-radius: 50px; z-index: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; transform: scale(0); left: 0; top: 0; } 
.btn-close img { z-index: 1; position: relative;} 
.btn-close:hover::before { transform: scale(1.02); }
/* Staff Section */


/*--------------------------------------------------------------
Pagination (blog)
--------------------------------------------------------------*/
.pagination{justify-content:center;align-items:center;margin-top:24px}
.pagination .page-numbers{color:#fff;font-weight:400;display:inline-flex;align-items:center;justify-content:center;padding:5px;width:40px;height:40px;margin:0 5px;border-radius:10px;font-family:var(--primary-font);font-size:clamp(1rem,0.885rem + 0.308vw,1.25rem);line-height:1.5;position:relative;z-index:1;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;background-color:#5A919B;border:none;overflow:hidden}
a.next.page-numbers,a.prev.page-numbers{padding:10px}
.pagination .page-numbers.current{background-color:#F66E41;color:#FFF!important}
.pagination .page-numbers::before{content:"";position:absolute;left:0;top:-120%;width:100%;height:100%;background-color:#F66E41;z-index:-1;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transform:scale(1.2)}
.pagination .page-numbers::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;box-shadow:0 -5px 3px 0 #0003 inset}
.pagination .page-numbers:hover:not(.current){color:#FFF!important;background-color:#F66E41;transform:translate(0px,0px)}
.pagination .page-numbers:hover:not(.current)::before{top:0}
.pagination .page-numbers:hover:not(.current)::after{box-shadow:0 5px 3px 0 #0003 inset}
.pagination .page-numbers.current:hover{color:#FFF!important;background-color:#E55A2D}




/*Media Query css*/
 
@media only screen and ( min-width:1940px ) {
  .track-img { width: 100%; }
  .track-img img { width: 100%; height: 660px; object-fit: cover; object-position: top; }
}

@media only screen and ( min-width:1599px ) {
  .container { max-width: 1440px !important;}      
}

@media only screen and ( max-width:1799px ) { 

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/
  
  /*===== Home Page Start ====*/

  /* Cloud Image */
  .cloud-img1 { right: 3%; bottom: 22%; }
  /* Cloud Image */


  /* Home Banner */
  .ban-jet-image { right: -30px; bottom: 170px; }
  /* Home Banner */


  /* Welcome Section */
  .welcome-text-box { padding: 80px 0 60px; }
  .welcome-image-holder { height: 100%; }
  .welcome-image-holder img { object-fit:contain; }
  /* Welcome Section */


  /* Ready Section */
  .ready-box-outer { padding: 100px 60px 20px; }
  .ready-image { width: calc(100% + 240px); margin-left: -120px; margin-top: -100px; pointer-events: none; }
  /* Ready Section */


  /* News Section */
  .news-element1 { max-width: 6vw; left: 0vw; bottom: 49%; }
  /* News Section */


  /* Contact Section */
  .contact-element1 { max-width: 8vw; left: 2vw; bottom: 2%; }
  /* Contact Section */

  /*===== Home Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== About Page Start ====*/
  .ab2-element1 { right: 3%; top: 12%; max-width: 15vw; }
  .ab2-element2 { right: 20px; bottom: -10px; max-width: 12vw; }

  .family-element2 { max-width: 9vw; right: 18.5vw; top: 2vw; }

  .approach-element2 { top: 22%; max-width: 7vw; left: 3vw; }
  .approach-element3 { top: 3vw; right: 4%; max-width: 8vw; }

  .promise-img { padding-top: 100px; }
  /*===== About Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== locations Page Start ====*/

  /* Questions Section */
  .questions-element2 { max-width: 18vw; right: 1.6vw; top: 0.6vw; }
  /* Questions Section */

  /* Contact form Section */
  .contact-form-element3 { bottom: -90px; z-index: 2; right: -60px; max-width: 50vw; }
  /* Contact form Section */
  
  /*===== locations Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Services Page Start ====*/

  /* services-guide sec */
  .support-element2 { bottom: 0px; right: 1%; max-width: 6vw; }

  .contact-info-box { padding: 0 20px 27px; }
  .services-info-arrow { padding: 16px 25px; width: 186px; margin-top: 25px;  margin-bottom: -58px; }
  /* services-guide sec */

  /* ===== Services Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  .career-element1 { max-width: 11vw; left: 1%; bottom: 12px; }

}

@media only screen and ( max-width:1599px ) {   

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Home Page Start ====*/

  /* Home Banner */ 
  .banner { padding-top: 180px; padding-bottom: 50px; }
  .ban-form { border-radius: 30px; padding: 25px;  } 
 
  .plan-text { padding: 20px 40px 20px 90px; position: relative; margin-left: -5px; margin-bottom: 22px; }
  .plan-text h6 { font-size: clamp(1rem, 0.911rem + 0.238vw, 1.125rem); margin: 0px 0 0; color: #FFF; transform: rotate(1deg); }
  /* Home Banner */

  
  /* Services Section */
  .services-element { max-width: 12vw; right: 64px; bottom: 24px; }

  .ser-shape1 { max-width: 55%; }
  .ser-shape2 { top: 0; right: 0; max-width: 40%; }
  /* Services Section */


  /* Testimonials Section */
  .testimonials-element1 { max-width: 8.9vw; top: 1%; left: 2%; }
  .testimonials-element2 { max-width: 8vw; right: 1vw; bottom: 0vw; }
  .testimonials-element3 { max-width: 9.7vw; right: 58px; top: 59px; z-index: 1; }
  .testimonials-element4 { max-width: 8.5vw; left: 30px; bottom: 57px; z-index: 1; }
  
  .testimonials-wraper { padding: 80px; }
  .testimonials-heading { padding: 20px 50px; top: -30px; left: -65px; transform: rotate(-12deg); }
  .testimonials-w-box { padding: 80px; }
  /* Testimonials Section */

  
  /* Trust Section */
  .trust-element2 { max-width: 7.7vw; left: -2vw; top: 0; }
  /* Trust Section */


  /* News Section */
  .news-slider-wrap .news-card { border-radius: 20px; }
  .news-slider-wrap .news-image { border-radius: 15px 15px 0 0; }
  .news-card:hover .news-image { border-radius: 15px; }

  .news-slider-wrap .news-content { padding: 24px 20px 20px; }
  /* News Section */


  /* Contact Section */
  .contact-sec .ban-form { max-width: 540px; background: #FFF; margin-left: 30px; }
  .contact-sec .ban-form .form-kid { right: -164px; max-width: 188px; }
  /* Contact Section */

  /* Footer */
  footer .cloud-wrap { bottom: 120px; }
  .logo-wrap { width: calc(100% - 60px); margin: 0 auto; }
  /* Footer */

  /*===== Home Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== About Page Start ====*/
  .out-arrow .swiper-button-prev { left: -34px; }
  .out-arrow .swiper-button-next { right: -34px; }
 
  .family-element2 { max-width: 9vw; right: 290px; top: 2vw; }
  .family-wraper { padding: 80px; }
  .family-heading { max-width: 600px; }
  .family-w-box { padding: 100px 330px 100px 60px; border-radius: 30px; }
  .family-img { right: -80px; max-width: 410px; }

  .approach-box { border-radius: 30px; padding: 30px 20px; }

  .app-sec { padding: 100px 80px 215px; }

  .promise-sec.pt-big { padding-top: 80px; }
  /*===== About Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== locations Page Start ====*/

  /* service-areas Section */
  .service-areas-sec h2 { background: #3F817F; width: fit-content; margin: 0 auto; color: #FFF; padding: 16px 40px 13px; border-radius: 50px; margin-bottom: 20px; }
  /* service-areas Section */

  /*===== locations Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Contact Page Start ====*/

  /* contact-info Section */
  .info-element1 { max-width: 16vw; left: 1.8vw; top: 1.5vw; }
  .info-element2 { max-width: 7vw; right: -3vw; top: 35px; }
  /* contact-info Section */


  /* Contact form Section */
  .contact-form-element3 { bottom: -90px; z-index: 2; right: -45px; max-width: 52vw; }

  .contact-form-wraper { background-size: contain; padding: 80px; } 
  /* Contact form Section */

  /*===== Contact Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/
  
  /*===== FAQ Page Start ====*/
  .faq-element2 { top: 3%; left: 18%; max-width: 8vw; }

  .faq-text-svg { width: 100%; max-width: 37.8%; margin-bottom: -40px; margin-left: auto; margin-right: 32%; z-index: 1; }
  .faq-text-svg svg { height: auto; width: 100%; }
  /*===== FAQ Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/
  
  /*===== Careers Page Start ====*/

  /* Join Us Section */
  .join-element1 { width: 100vw; max-width: 940px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  /* Join Us Section */

  /*===== Careers Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Services Page Start ====*/

  /* Support Section */
  .support-content-wrap { background: #FEF0CA; border-radius: 30px; overflow: hidden; }
  /* Support Section */

  /*===== Services Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /* ===== Locations details Start ====*/
  .offer-element3 { max-width: 8.5vw; right: 3%; top: 40%; }
  .offer-box-wraper { padding: 0 40px 30px 0; }
  /* ===== Locations details Start ====*/

}
 
@media only screen and ( max-width:1399px ) {  

  .common-padd { padding-top: 80px; padding-bottom: 80px; }
  .mt-100 { margin-top: 80px; }
  .pt-big { padding-top: 130px; }
  .pb-big { padding-bottom: 150px; }
  .btn { padding: 13px 25px 13px 25px; }

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Home Page Start ====*/

  /* Home Banner */
  .banner .col-xl-7 { width: 52%; }
  .banner .col-xl-4 { width: 40%; }
  /* Home Banner */


  /* Welcome Section */
  .welcome-sec { padding-top: 100px; }
  /* Welcome Section */


  /* Ready Section */
  .ready-box-outer { padding: 80px 40px 20px; }
  .ready-image { width: calc(100% + 180px); margin-left: -90px; margin-top: -80px; pointer-events: none; }
  /* Ready Section */


  /* Services Section */
  .service-box { border-radius: 20px; padding: 30px 20px 40px; }
  .service-icon { width: 75px; height: 75px; margin-bottom: 20px; }
  /* Services Section */
  

  /* Trust Section */
  .trust-text-box { padding-left: 0; }
  /* Trust Section */


  /* News Section */
  .news-slider-wrap .news-cloud { bottom: -94px; }
  /* News Section */


  /* Contact Section */
  .contact-element2 { max-width: 46vw; right: 2vw; top: 40px; }
  .contact-sec .ban-form { max-width: 500px; background: #FFF; margin-left: 20px; }
  /* Contact Section */

  /*===== Home Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== About Page Start ====*/
  /* took-flight Section */ 
  .took-element2 { max-width: 6.5vw; top: -4.7vw; left: -4vw; transform: rotateY(180deg); }

  .took-flight-text { max-width: 565px; margin: 70px auto 130px; }
  .took-flight-line img { width: 68px; }
  .took-flight-line { width: 65px; height: 65px; margin: -32px auto 40px !important; }
  /* took-flight Section */

  /* about Section 4 */
  .cm-element1 { max-width: 92vw; top: 7.1vw; left: 4vw; } 

  .cloud-mask .cloud-mask-text { max-width: 600px; }
  .cloud-mask-sec .cloud-mask { max-width: 960px; height: 562px; }
  /* about Section 4 */

  .promise-element1 { max-width: 6.5vw; top: -5.7vw; left: -4vw; transform: rotateY(180deg); }
  .app-sec { padding: 60px 50px 170px; }

  .bg-img { bottom: 35px; object-fit: contain; }
  /*===== About Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Inner Page Start ====*/
  .inner-banner { padding: 200px 0 70px; min-height: 510px; }
  /*===== Inner Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== locations Page Start ====*/

  /* service-areas Section */ 
  .service-areas-sec p { font-weight: 500; margin: 0 0 30px; }
  .service-areas-wraper { padding: 35px; border-radius: 30px; }
  /* service-areas Section */
 
  /*===== locations Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Contact Page Start ====*/

  /* contact-info Section */
  .contact-info-wrap { padding: 30px 20px 20px; margin-top: 60px; }
  .contact-info-box { padding: 0 20px 20px; }
  /* contact-info Section */


  /* Contact form Section */
  .contact-form-element3 { bottom: -90px; z-index: 2; right: -45px; max-width: 58vw; }
  /* Contact form Section */

  /*===== Contact Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /* ===== Services Page Start ====*/
  
  /* Support Section */
  .support-elemtent1 { bottom: -2.4vw; left: -2.1vw; max-width: 8vw; }

  .support-content-wrap .support-content { padding: 30px 30px 30px 50px; }
  /* Support Section */


  /* Run Section */
  .run-img { max-width: 250px; margin: 0 auto 50px; }

  .running-sec .cont-cloud5 { max-width: 195px; }
  .running-sec .cont-cloud6 { max-width: 155px; }
  /* Run Section */

  /* ===== Services Page Start ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== location details Page Start ====*/
  .cont-sec.loc-dtls { padding-top: 200px; }

  .offer-box-img-wrap { max-width: 280px; margin-right: 35px; }
  .offer-box-wraper { padding: 0 30px 30px 0; border-radius: 25px; }

  .works-element3 { max-width: 9vw; bottom: 18px; left: 9%; }
  /*===== location details Page End :( ====*/

  .career-element1 { bottom: -18px; }

  .staff-modal .modal-dialog .modal-content .modal-body { padding: 30px; }
 
}

@media only screen and ( max-width: 1199px ) {

  /*  ===========mobile nav==========  */     
  .main-header { padding: 15px 0; } 
  .main-header .logo { max-width: 70px; }

  .hamburger-nav { display: inline-block; margin: -30px -16px -30px -10px; transform: scale(.8); }
  .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
  .mobile-menu-container{display: block;}     
  .header-section .right-panel{ -ms-flex-pack: end!important; justify-content: flex-end!important; }
  .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
  .mobile-menu ul li { padding: 0; }
  .mobile-menu ul li a,
  .mobile-menu ul li a, .mobile-menu ul li { font-size: 20px; color: #F66E41; text-align: left; text-transform: uppercase; }
  .mobile-menu ul li a:hover{color: #F0A64E;}

  .mobile-menu ul li ul.sub-menu li {margin: 11px 0;padding: 0 20px;}  
  .mobile_menu_btn{margin-top: 30px;}
  .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
  .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
  .mobile_menu_btn a.plbig{margin-right: 15px;}
  .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
  .mobile-menu ul li span {margin-left: 10px; }
  .main-menu, .main-header .hdr-rt.mob-hide { display: none; }
  .mobile-menu ul li.menu-item-has-children.menu-open:after {transform: rotate(225deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 15px; }
  .mobile-menu ul li a { padding: 5px 0; font-family: var(--primary-font); }
    
  header .mobile-menu ul {max-width: 300px;margin: 0 auto;}
  header span.dropdown-icon-menu.active::before { transform: rotate(227deg); top: 17px } 
  header span.dropdown-icon-menu::before { content: ""; position: absolute; top: 12px; right: calc(50% - 6px); box-sizing: border-box; height: 12px; width: 12px; border-style: solid; border-color: #F66E41; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin: 0 auto; }
  header span.dropdown-icon-menu { margin-left: 10px; content: ""; position: absolute; top: -2px; box-sizing: border-box; height: 40px; width: 40px; transform: rotate(0deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; left: unset; right: 0px; margin: 0 auto; z-index: 9999; display: flex; justify-content: center; align-items: center }

  .mobile-menu-container ul.sub-menu { position: relative; max-height: 0; overflow: hidden; transition: max-height .6s ease-out; box-shadow: 0 0 15px #e5963e30; border-radius: 10px; margin-top: 20px; /* padding-bottom: 20px; */ }
  .mobile-menu-container ul.sub-menu.sub-menu-open { transform: scaleY(1); max-height: 300px;}
    
  .mobile-menu ul li.menu-item-has-children > a{padding-right: 0;} 
  /*  ===========mobile nav==========  */ 

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  .mb-50 { margin-bottom: 30px; } 
  .mt-50 { margin-top: 30px; }

  /*===== Home Page Start ====*/

  /* Cloud images */
  .cloud-img1 { right: 23%; bottom: 9%; }
  .cloud-img2 { bottom: 15%; }
  /* Cloud images */


  /*  Home Banner */ 
  .banner { padding-top: 150px; padding-bottom: 300px; min-height: inherit; }
  .ban-jet-image { right: 30px; bottom: 0px; width: 33vw; }

  .banner  .col-xl-7 { width: 50%; }
  .banner  .col-xl-4 { width: 50%; }

  .banner .hd-line-after { width: 60px; height: 60px; }
  .banner .hd-line-after img { width: 64px; }

  .plan-text h6 { margin: -2px 0 0; }
  /* .plane-move-ban { right: -80%; } */
  /*  Home Banner */


  /* Ready Section */
  .n-element1 { max-width: 18vw; right: 1%; top: 1vw; z-index: -1; }
  
  .ready-box-outer { padding: 70px 30px 20px; }
  .ready-image { width: calc(100% + 120px); margin-left: -60px; margin-top: -30px; pointer-events: none; }

  .ready-sec .cloud-wrap { bottom: -2vw; }
  /* Ready Section */


  /* Services Section */
  .services-element { max-width: 14vw; right: 50px; bottom: 8px; }

  .service-box { border-radius: 20px; padding: 40px 30px 40px; height: calc(100% - 24px); margin-bottom: 24px; }
  /* Services Section */


  /* Testimonials Section */
  .testimonials-element3 { max-width: 9.7vw; right: 50px; top: 50px;  }
  .testimonials-element4 { max-width: 8.5vw; left: 30px; bottom: 50px;  }

  .testimonials-wraper { padding: 65px; border-radius: 40px; }
  .testimonials-w-box { padding: 65px; }

  .testimonials-heading { padding: 16px 40px; top: -30px; left: -45px; transform: rotate(-9deg); }
  .testimonials-arrow { width: 174px; padding: 12px 20px; bottom: -30px; right: -30px; }
  /* Testimonials Section */


  /* Contact Section */
  .contact-element1 { max-width: 10vw; left: 2vw; bottom: 2%; }

  .contact-sec .ban-form { max-width: 450px; background: #FFF; margin-left: 20px; border-radius: 20px; padding: 20px; }
  .contact-sec .ban-form .form-kid { right: -116px; max-width: 130px; }
  /* Contact Section */
 
  .took-light-star { flex-direction: column; }
  .took-light-star h5 { text-align: center; }
  .took-light-star img { margin-right: 0; margin-bottom: 10px; }
   
  /* Footer */
  footer .footer-menu ul li { padding: 0 20px; }
  /* Footer */


  /*===== Home Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== About Page Start ====*/
  .abs2-wlement { max-width: 50vw; left: 0px; height: 100%; }
  
  .family-element2 {max-width: 9vw;right: 260px;top: 2vw;}
  .family-wraper {padding: 60px;border-radius: 30px;}
  .family-w-box {padding: 80px 300px 80px 40px;border-radius: 20px;}
  .family-img {right: -60px;max-width: 370px;}

  .app-sec .app-jet { bottom: 20px; right: -50px; max-width: 57vw; }
  .app-sec .cloud-wrap { bottom: -28%; }

  .promise-img { padding-top: 80px; }
  .bg-img { bottom: 40px; object-fit: contain; }
  /*===== About Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/


  /*===== Inner Page Start ====*/
  .inner-banner { padding: 150px 0 50px; min-height: 450px; } 
  /*===== Inner Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== locations Page Start ====*/

  /* service-areas Section */ 
  .service-areas-sec .join-element2 { left: -3vw; top: -5.8vw; }
  /* service-areas Section */


  /* coming-soon Section */
  .coming-soon-sec .testimonials-element1 { max-width: 8.9vw; top: 3.5%; left: 6%; }
  /* coming-soon Section */
 
  /*===== locations Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Contact Page Start ====*/

  /* clinic Section */
  .clinic-element1 { top: 8%; right: 1%; max-width: 18vw; }
  .clinic-element2 { top: 6%; left: 2%; max-width: 11vw; }
  .clinic-element3 { bottom: 2%; left: 1%; max-width: 12vw; }

  .clinic-map { padding: 15px; border-radius: 20px; margin-top: 35px; }
  .clinic-head span { padding: 20px 30px; border-radius: 15px; }
  /* clinic Section */


  /* contact-info Section */
  .info-element2 { max-width: 7vw; right: -3vw; top: 64px; }

  .contact-info-wrap .row .col-xl-4:not(:last-child) .contact-info-box { margin-bottom: 90px; height: calc(100% - 90px); }
  /* contact-info Section */


  /* contact-form Section */
  .contact-form-head { max-width: 670px; margin: 0 auto 30px; }
  .contact-form-wraper { background-size: contain; padding: 60px; border-radius: 30px; }
  .contact-form-w-box { padding: 40px; background: #FFF; border-radius: 20px; }

  .contact-form-element3 { bottom: -90px; z-index: 2; right: -22px; max-width: 56vw; }

  .career-form-top .contact-info-box { padding: 0 15px 15px; background: #FFF; }
  /* contact-form Section */

  /*===== Contact Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== FAQ Page Start ====*/
  .faq-text-image { width: 100%; max-width: 55%; margin-left: auto; margin-right: 10px; }
  .faq-text-svg { margin-right: 42%; }
  /*===== FAQ Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Careers Page Start ====*/

  /* Join Us Section */
  .join-element2 { max-width: 6.5vw; top: -7vw; left: -35px; transform: rotateY(180deg); }
  .join-element3 { max-width: 11vw; top: 54%; right: 3%; }
  .join-element4 { max-width: 9vw; z-index: 1; top: 40%; left: 2%; }

  .join-avi-row .col-xl-8:nth-child(even) { margin-left: 16.66%; }
  /* Join Us Section */


  /* Career Form */
  .career-form-top { max-width: 800px; margin: 70px auto -35px; z-index: 1; position: relative; }
  .career-form-top .col-xl-4:not(:last-child) .contact-info-box { height: calc(100% - 90px); margin-bottom: 90px; }
 
  .career-form-top .contact-info-icon { margin: -65px auto 2px; height: 90px; transform: scale(0.8); }
  .career-form-top { margin: 55px auto -35px; }
  /* Career Form */

  /*===== Careers Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /* ===== Services Page Start ====*/
  
  /* Support Section */
  .support-content-wrap .support-content { padding: 30px 10px 30px 30px; }
  .support-img img { width: 100%; object-fit: cover; min-height: 460px; }
  /* Support Section */

  /* ===== Services Page Start ====*/
  
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Services Page Start ====*/

  /* services-guide sec */
  .support-element1 { bottom: 0; max-width: 19vw; left: 0; }
  .support-element2 { bottom: 5px; right: 1%; max-width: 8vw; }
  .support-element3 { right: 1vw; top: 5vw; max-width: 14vw; }

  .services-info-arrow { width: 174px; padding: 12px 20px; bottom: -30px; right: -30px; }
  /* services-guide sec */

  /* ===== Services Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== location details Page Start ====*/
  .ball-element { right: 13%; bottom: 10%; max-width: 7vw; }

  .choose-element1 { max-width: 17vw; bottom: 0; left: 0; }
  .choose-element2 { right: 4%; bottom: 0; max-width: 9vw; }

  .get-touch-box { margin-bottom: 24px; height: calc(100% - 24px); }

  .areas-element1 { max-width: 9vw; z-index: 1; left: -20px; bottom: -40px; }

  .works-lable { padding: 30px 20px; }
  .works-pross-number .works-num { width: 50px; height: 50px; margin: 10px 0 10px auto; }
  .works-pross-number p { position: absolute; line-height: 1.2; }

  .works-element3 { max-width: 10vw; bottom: 18px; left: 9%; }
  /*===== location details Page End :( ====*/

  .recent-posts { margin-top: 30px; }

  .news-element1 { max-width: 7vw; left: 1vw; bottom: 1%; }

  .out-arrow .swiper-button-prev { left: -22px; }
  .out-arrow .swiper-button-next { right: -22px; }

}

@media only screen and ( max-width: 991px ) {  
   
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  .pt-big { padding-top: 100px; }
  .pb-big { padding-bottom: 120px; }

  /*===== Home Page Start ====*/

  /* Cloud images */
  .cloud-img1 { max-width: 41vw; right: 43%; bottom: inherit; top: 17%; }
  .cloud-img2 { max-width: 41vw; bottom: inherit; right: 0; top: 10%; }
  /* Cloud images */


  /* Home Banner */ 
  .banner { padding-top: 53vw; padding-bottom:150px; min-height: inherit; }
  .ban-jet-image { right: 28%; bottom: inherit; width: 46vw; top: 100px; }

  .banner  .col-xl-7 { width: 100%; }
  .banner  .col-xl-4 { width: 100%; }

  .banner .text-box { padding-top: 10px; padding-left: 0; text-align: center; margin-bottom: 30px; }
  .plane-move-ban img#plane { width: 100%; height: auto; max-width: 170px; }

  
  /* Home Banner */


  /* Welcome Section */
  .welcome-image-holder { position: relative; width: 100%; }
  .welcome-text-box { padding: 40px 0 0px; margin: 0 auto; text-align: center; }
  /* Welcome Section */

  
  /* Care Section */
  .care-element-1 { width: 50vw; right: 6vw; bottom: 50px; z-index: 0; }
  .care-sec .row { flex-direction: column-reverse; }
  .care-sec .cloud-img { height: 245px; object-fit: cover; }

  .care-image { max-width: 420px; margin: 0 auto 30px; }

  .care-element-1 { width: 70vw; right: 10vw; bottom: inherit; top: 28%; z-index: 0; }
  
  .care-text { text-align: center; max-width: 80vw; margin: 0 auto; }
  .cld-1 { max-width: 40vw; right: 0.7vw; top: -25px; }
  .cld-2 { max-width: 42vw; right: 15.5vw; bottom: 9vw; }
  .cld-3 { max-width: 35vw; left: -20px; top: 60px; }
  /* Care Section */


  /* Ready Section */
  .n-element1 { max-width: 18vw; right: 1%; top: 4vw; z-index: -1; }

  .ready-box-outer { padding: 30px 25px 0px; border-radius: 30px 30px 0 0; }
  .ready-image { width: calc(100% + 100px); margin-left: -50px; margin-top: 20px; pointer-events: none; }
  .ready-sec .cloud-wrap { bottom: 2vw; }
  /* Ready Section */


  /* Services Section */
  .services-element { max-width: 18vw; right: 50px; bottom: 2px; }
  /* Services Section */
 

  /* Testimonials Section */
  .testimonials-element1 { max-width: 13.9vw; top: 1%; left: 2%; }
  .testimonials-element2 { max-width: 12vw; right: 1vw; bottom: 0vw; }
  .testimonials-element3 { max-width: 13.7vw; right: 50px; top: 50px; }
  .testimonials-element4 { max-width: 10.5vw; left: 30px; bottom: 50px; }
  /* Testimonials Section */

  
  /* Trust Section */
  .trust-sec .cloud-img { height: 200px; object-fit: cover; }
  .trust-element1 { max-width: 12.8vw; left: 53%; top: 4vw; }
  .trust-element2 { max-width: 14.7vw; left: 2vw; top: 0; }

  .trust-image-holder { max-width: 75vw; margin: 0 auto 30px; }

  .trust-text-box { padding-left: 0; text-align: center; }
  /* Trust Section */


  /* News Section */
  .news-head { margin-bottom: 30px; }
  .news-element1 { max-width: 9vw; left: 1vw; bottom: 1%; }
  /* News Section */


  /* Contact Section */
  .contact-element1 { max-width: 11vw; left: 2vw; bottom: -2%; }
  .contact-element2 { max-width: 65vw; right: 2vw; top: 40px; } 
  .contact-element3 { max-width: 12vw; top: -5.6vw; z-index: 1; left: 9%; }

  .contact-sec .ban-form { max-width: 500px; background: #FFF; margin-left: 20px; border-radius: 20px; padding: 20px; margin: 0 auto 35px; }
  .contact-sec .container > .row { flex-direction: column-reverse; }
  .inner-banner.contact-sec .container > .row { flex-direction: column; }
  .contact-sec h2 { text-align: center; }
  .contact-sec p { text-align: center; }

  .contact-icon { margin: 0 0 15px; }
  .contact-list { padding: 0; list-style: none; display: flex; }
  .contact-list li { flex: 0 0 33.33%; flex-direction: column; text-align: center; }
  /* Contact Section */


  /* Footer */ 
  footer .footer-menu ul { flex-wrap: wrap; gap: 15px 0px; }
  .lft-box { text-align: center; }
  .end-footer .right-box p { margin: 15px 0 0; text-align: center; }
  /* Footer */

  /*===== Home Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== About Page Start ====*/
  /* About Section 1 */
  .about-sec1 .row { flex-direction: column-reverse; }

  .ab-element1 { left: -4px; max-width: 14vw; }
  .ab-element2 { left: -9px; bottom: 8%; max-width: 9vw; }
  .ab-element3 { right: -20px; max-width: 6vw; top: 13%; }
  
  .img-mob-wrap { max-width: 500px; position: relative; margin: 0 auto; }
  .about-para-text { text-align: center; padding-top: 40px; }
  /* About Section 1 */

  /* About Section 2 */
  .ab2-element1 { right: 1%; top: 3%; max-width: 16vw; }
  .ab2-element2 { right: 10px; bottom: -1px; max-width: 14vw; }

  .about-sec2 { padding: 100px 0 0; }
  .abs2-img { max-height: inherit; height: 71vw; }
  .abs2-img figure { width: 85vw; max-width: 1006px; left: 0; }
  .abs2-wlement { max-width: 83vw; left: 0px; height: 100%; bottom: 0; }
  /* About Section 2 */

  /* took-flight Section */
  .took-element2 { max-width: 7.5vw; top: -6.7vw; left: -3vw; transform: rotateY(180deg); }  
  .took-flight-text { max-width: 500px; margin: 50px auto 120px; }

  .cont-cloud3 { max-width: 425px; }
  .cont-cloud4 { max-width: 425px; }
  /* took-flight Section */

  .cloud-mask .cloud-mask-text { max-width: 460px; }
  .cloud-mask-sec .cloud-mask { max-width: 960px; height: 422px; }

  .team-slider-wrap .swiper-button-next, .team-slider-wrap .swiper-button-prev { width: 45px; height: 50px; }
  .approach-slider-wrap .swiper-button-next, .approach-slider-wrap .swiper-button-prev { width: 45px; height: 50px; }

  .out-arrow .swiper-button-prev { left: -15px; }
  .out-arrow .swiper-button-next { right: -15px; }

  .family-wraper { padding: 20px; border-radius: 20px; }
  /* .family-element2 { max-width: 9vw; right: 190px; top: 1vw; } */
  .family-element2 { display: none; }
  .family-wraper { padding: 20px; border-radius: 20px; }
  .family-w-box { padding: 45px 255px 45px 20px; border-radius: 15px; }
  .family-img { right: -20px; margin-bottom: 0px; width: 100%; max-width: 280px; position: absolute; }
  
  .crew-sec .cloud-img { height: 200px; object-fit: cover; }

  .approach-element2 { top: 1%; max-width: 10vw; left: 1vw; }
  .approach-element3 { top: 1vw; right: 2%; max-width: 10vw; }

  .app-sec { padding: 50px 40px 160px; }
  .app-sec .cloud-wrap { bottom: -6%; }
  .app-sec .app-jet { bottom: 20px; right: -20px; max-width: 67vw; }

  .promise-sec.pt-big { padding-top: 0; }
  .promise-sec { text-align: center; }
  .promise-img { padding-top: 150px; }

  .promise-element1 { max-width: 7.5vw; top: -6.7vw; left: 2vw; transform: rotateY(180deg); }
  .bg-img { height: 100%; top: inherit; bottom: -30%; object-fit: contain; width: 100%; left: 0; }
  /*===== About Page End :( ====*/ 
   
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== locations Page Start ====*/

  /* service-areas Section */ 
  .service-areas-sec .join-element2 { left: -3vw; top: -7.8vw; }
  .service-areas-wraper { padding: 30px; border-radius: 30px; grid-template-columns: repeat(2, 1fr); }
  /* service-areas Section */


  /* coming-soon Section */
  .coming-soon-sec .testimonials-element1 { max-width: 12.9vw; top: 0.5%; left: 6%; }
  /* coming-soon Section */


  /* faq-accordion Section */
  .faq-accordion .accordion-button { padding: 12px 18px; }
  .faq-accordion .accordion-button::after { width: 35px; height: 35px; margin-left: auto; }
  .faq-accordion .accordion-body { padding: 20px 20px 20px; margin-top: 0; }
  /* faq-accordion Section */


  /* Questions Section */
  .questions-element2 { max-width: 28vw; right: 2.6vw; top: inherit; bottom: 0; }
  .questions-section h2 { margin-bottom: 10px; }
  .questions-section p { margin-bottom: 15px; }
  /* Questions Section */
 
  
  /* contact-info Section */
  .info-element1 { max-width: 21vw; left: 1.8vw; top: 1.5vw; }

  .contact-info-wrap { padding: 30px 20px 20px; margin-top: 45px; }
  /* contact-info Section */


  /* contact-form-wraper */
  .contact-form-element1 { max-width: 12.7vw; right: -1.8vw; top: -1.8vw; z-index: 1; }
  .contact-form-element2 { max-width: 12.5vw; left: -4.5vw; bottom: -2.4vw; z-index: 1; }
  .contact-form-element3 { bottom: -90px; z-index: 2; right: -14px; max-width: 65vw; }

  .contact-form-wraper { background-size: contain; padding: 40px; border-radius: 30px; }
  .contact-form-w-box { padding: 30px; }
  /* contact-form-wraper */

  /*===== locations Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== FAQ Page Start ====*/
  .faq-element2 { top: 2%; left: 11%; max-width: 10vw; }

  .faq-text-image { width: 100%; max-width: 55%; margin-left: auto; margin-right: 12%; margin-bottom: 30px; }
  .faq-text-svg { margin-right: 47%; max-width: 31.8%; }

  .faq-bg { right: 0; top: 100px; width: 100%; }
  .faq-bg1 { display: none; }

  .faq-text-box { text-align: center; }
  /*===== FAQ Page Start ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Careers Page Start ====*/

  /* career-para Section */
  .career-para-text { max-width: 100%; text-align: center; margin-top: 40px; }
  .career-form-top .nav-link { padding: 0 6px; }

  .career-form-top .contact-info-box h5 { font-size: 18px; margin-bottom: 0; }
  /* career-para Section */


  /* Join Us Section */
  .join-element3,  .join-element4 { display: none;}

  .join-avi-row .col-xl-8:nth-child(even) { margin-left: 0; }
  .join-avi-row .col-xl-8:not(:last-child) { margin-bottom: 55px; }
  /* Join Us Section */

  
  /* career-form Section */
  .career-form-top { max-width: 800px; margin: 70px auto -25px; z-index: 1; position: relative; }
  /* career-form Section */

  /*===== Careers Page End :( ====*/
  
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /* ===== Services Page Start ====*/
  
  /* Support Section */
  .support-elemtent1 { bottom: -4.4vw; left: -2.1vw; max-width: 13vw; }

  .support-carve { display: none; }
  .support-content-wrap .row { margin: 0; flex-direction: column-reverse; } 
  .support-content-wrap .support-content { padding: 40px; text-align: center; }
  /* Support Section */

  /* ===== Services Page Start ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/
 
  /*===== Services Page Start ====*/

  /* services-guide sec */
  .support-element1 { bottom: 0; max-width: 25vw; left: 0; }
  .support-element2 { bottom: 5px; right: 1%; max-width: 11vw; }
  .support-element3 { right: 1vw; top: 4vw; max-width: 20vw; }

  .run-img { max-width: 190px; margin: 0 auto; }
  
  .running-sec .cont-cloud5 { max-width: 135px; }
  .running-sec .cont-cloud6 { max-width: 125px; } 
  /* services-guide sec */

  /* ===== Services Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== location details Page Start ====*/
  .cont-sec.loc-dtls { padding-top: 80px; }

  .offer-row .col-lg-10:nth-child(3n+2) { margin-left: 0%; }
  .offer-row .col-lg-10:nth-child(3n+3) { margin-left: 0%; }
 
  .offer-box-wraper { margin-top: 60px; }
  .offer-box-img-wrap { max-width: 220px; margin-right: 25px; margin-left: -10px; }
  .offer-box-text { padding: 30px 0 0px; }
  .offer-row .col-lg-10:not(:last-child) { margin-bottom: 20px; }

  .offer-element1 { display: none; }
  .offer-element2 { display: none; }
  .offer-element3 { display: none; }

  .areas-sec .contact-info-wrap { padding: 30px 20px 20px; margin-top: 60px; }
  .areas-sec .contact-info-wrap .row .col-lg-6:not(:last-child) .contact-info-box { margin-bottom: 90px; height: calc(100% - 90px); }

  .areas-element1 { max-width: 12vw; z-index: 1; left: -20px; bottom: -40px; }

  .breadcrumb { margin: 20px 0 20px; gap: 8px; justify-content: center; }
  .inner-banner.contact-sec h1 { text-align: center; margin-bottom: 70px; }
  .inner-banner.contact-sec .contact-element2 { max-width: 96vw; right: 2vw; top: 36%; }
  
  .works-wraper { margin-bottom: 20px; }
  .works-wraper .row { flex-direction: row-reverse; align-items: flex-start !important; }
  .works-pross-number { position: relative; text-align: left; }
  .works-pross-number p { position: relative; }
  .works-pross-number .works-num { margin: 16px 0 10px; }

  .works-element1 { max-width: 10vw; right: 6%; top: 8%; }
  .works-element2 { max-width: 22vw; bottom: 0; left: 0; }
  .works-element3 { max-width: 12vw; bottom: 8px; left: 13%; }

  .works-pross-number:before { width: 50px; height: 0; right: inherit !important; top: 25px !important; left: -40px !important; z-index: -1; }
  /*===== location details Page End :( ====*/

  .bg-img { top: inherit; bottom: 9%; object-fit: contain; width: 100%; left: 0; }

  .career-element1 { max-width: 14vw; }
  .track-text { padding-top: 25px; }

  /* staff modal */
  .team-box { height: calc(100% - 30px); margin-bottom: 30px; }

  .staff-modal .modal-dialog { width: 95%; max-width: 1300px; }
  .staff-mod-wrap { position: relative; padding: 6px; max-width: 500px; margin: 0 auto 30px; } 
  .staff-details { padding: 0; z-index: 1; text-align: center; position: relative; }
  .staff-mod-element { position: absolute; background: #FCB316; top: 0; left: 0; width: 100%; bottom: 0; clip-path: polygon(0% 0%, 0% 55%, 100% 0%); }
  /* staff modal */


}
 
@media only screen and ( max-width: 767px ) {  
   
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Home Page Start ====*/

  .common-padd { padding-top: 60px; padding-bottom: 60px; }
  .mt-100 { margin-top: 60px; }
  .btn { padding: 15px 25px 15px 25px; }
  .btn span.button_text { line-height: 1.1; text-align: left; }

  /* Header */
  .main-header .logo { max-width: 60px; }
  .logo-wrap { flex: inherit; width: auto; }
  /* Header */
 

  /* Home Banner */
  .cloud-img1 { max-width: 46vw; right: 45%; bottom: inherit; top: 15%; }

  .banner { padding-top: 85vw; padding-bottom: 150px; min-height: inherit; }
  .banner .text-box { margin-bottom: 20px; }
  .banner .text-box h1 { margin-bottom: 10px; line-height: 1.4; }
  .banner .hd-line-after { width: 50px; height: 50px; }
  .banner .hd-line-after img { width: 50px; left: 7px; }

  .ban-form { border-radius: 20px; padding: 15px; }
  .ban-form h4 { color: #F0A64E; margin: 0 0 16px; }

  .ban-jet-image { right: 17vw; bottom: 0px; width: 65vw; }

  .banner .cloud-wrap .cloud-img { height: 150px; object-fit: cover; }
  .banner .cloud-wrap2 .cloud-img { height: 200px; object-fit: cover; }

  .plane-move-ban img#plane { width: 100%; height: auto; max-width: 140px; }
  .plan-text { padding: 14px 30px 10px 65px; position: relative; margin-left: -5px; margin-bottom: 20px; }
  .plan-text h6 { font-size: 14px; margin: 1px 0 0; color: #FFF; transform: rotate(1deg); }

  .plane-move-ban { width: 560px; }
  /* Home Banner */

  /* About Section */
  .ab-element1 { left: 5px; max-width: 19vw; }
  .ab-element2 { left: 0px; bottom: 9%; max-width: 14vw; }
  .ab-element3 { right: -9px; max-width: 10vw; top: 13%; }

  .img-mob-wrap { max-width: 95%; }
  /* About Section */

  /* Care Section */
  .care-element-1 { width: 400px; right: calc(50% - 220px); top: 28%; z-index: 0; }

  .care-image { max-width: 280px; margin: 0 auto 30px; }
  .care-text { text-align: center; max-width: 100vw; margin: 0 auto; }
  /* Care Section */
   

  /* Ready Section */
  .n-element1 { max-width: 31vw; right: 1%; top: 2vw; z-index: -1; }

  .ready-box-outer { padding: 30px 10px 0px; border-radius: 20px 20px 0 0; margin: 0 10px; }
  .ready-box-outer .d-flex { flex-direction: column; }
  .ready-box-outer h3 { margin: auto 0 10px; color: #FFFFFF; }
  .ready-image { width: calc(100% + 50px); margin-left: -25px; margin-top: 20px; pointer-events: none; }
  /* Ready Section */


  /* Insurance Section */ 
  .insurance-head { max-width: 576px; text-align: center; margin: 0 auto 24px; }
  .insurance-logo-box { padding: 20px 20px; }
  /* Insurance Section */ 


  /* Services Section */
  .services-element { max-width: 26vw; right: 25px; bottom: -4px; }
  /* Services Section */


  /* Testimonials Section */
  .testimonials-element1 { max-width: 19.9vw; top: 0%; left: 1%; }
  .testimonials-element2 { max-width: 16vw; right: 0vw; bottom: 0vw; }
  .testimonials-element3 { max-width: 20.7vw; right: 8px; top: 6px; } 
  .testimonials-element4 { max-width: 15.5vw; left: -3px; bottom: 6px; }

  .testimonials-wraper { padding: 20px; border-radius: 20px; }
  .testimonials-w-box { padding: 20px; border-radius: 15px; }
  .testimonials-slider h5::before { width: 30px; }

  .testimonials-heading { position: relative; padding: 12px 30px; top: -60px; left: 50%; transform: rotate(0deg) translate(-50%, 0); margin-bottom: -33px; }
  .testimonials-slider h4 { text-align: center; }
  .testimonials-slider h5 { justify-content: center; }

  .testimonials-arrow { width: 130px; padding: 8px 11px; bottom: -60px; right: inherit; left: 50%; transform: translate(-50%, 0); position: relative; gap: 8px; margin-top: -30px; }
  /* Testimonials Section */


  /* Trust Section */
  .trust-text-box p { margin-bottom: 20px; }
  /* Trust Section */


  /* News Section */
  .news-element1 { max-width: 14vw; left: 1vw; bottom: 0%; }

  .news-head { flex-direction: column; }
  .news-arrow {gap: 16px; margin-top: 12px; }

  .news-slider-wrap .news-image-wrap { padding: 15px 15px 0; position: relative; }
  .news-slider-wrap .news-cloud { bottom: -94px; left: 5px; width: 100%; }
  .news-slider-wrap .swiper-pagination { display: block; }
  /* News Section */


  /* Contact Section */
  .contact-element1 { max-width: 19vw; left: 2vw; bottom: 5%; }
  .contact-element2 { max-width: 95vw; right: 2vw; top: 0px; }
  .contact-element3 { max-width: 18vw; top: -5.6vw; z-index: 1; left: 1%; }

  .contact-sec .ban-form .form-kid { display: none; }

  .contact-list { flex-direction: column; }
  .contact-list li:not(:last-child) { margin-bottom: 30px; }
  /* Contact Section */

  
  /* Footer */
  footer .footer-menu ul { flex-wrap: wrap; gap: 0px; flex-direction: column; text-align: center; }
  footer .footer-menu { border: 0px solid #FFFFFF; padding: 0; border-radius: 50px; background: transparent; box-shadow: none; backdrop-filter: none; position: relative; z-index: 1; width: fit-content; margin: 40px auto 0; }

  .footer-top { padding: 50px 0 20px; }
  footer .footer-menu ul li { padding: 6px 0; }
  footer .cloud-wrap { bottom: inherit; top: 15vw; }
  /* Footer */

  /*===== Home Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/
 
  /* About Section 2 */
  .ab2-element1 { right: 1%; top: 2%; max-width: 20vw; }
  .ab2-element2 { right: 0px; bottom: 75px; max-width: 20vw; }
   
  .abs2-img { max-height: inherit; height: 81vw; }
  .abs2-img figure { width: 98vw; max-width: 1006px; left: 0; }
  .abs2-wlement { max-width: 100vw; left: 0px; height: 64%; bottom: 0; }

  .abs2-text { text-align: center; margin: 0 0 -15px; }
  .abs2-text h3 { margin-bottom: 10px; }
  /* About Section 2 */

  /* took-flight Section */
  .took-element2 { max-width: 14.5vw; top: -14.7vw; left: 4px; transform: rotateY(180deg) rotate(333deg); }
  
  .took-flight-circle { left: -13%; width: 126%; }
  .took-light-col { background: #FFFFFFB2; border: 4px solid #FFFFFF; box-shadow: 0px -4px 30px 0px #5A919B1A; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: 15px; padding: 15px; margin-bottom: 20px; }
  /* took-flight Section */
 
  .cloud-mask-sec .cloud-mask { -webkit-mask-image: inherit; mask-image: inherit; padding: 50px 10px; height: auto; border-radius: 15px; position: relative; }
  .cm-element1 { display: none; } 
  .cont-cloud7 { top: 2%; width: 80vw; max-width: 210px; opacity: .5; }

  .team-slider-wrap .swiper-pagination { display: block; }
  .team-slider-wrap .swiper-button-prev, .team-slider-wrap .swiper-button-next { display: none; }
  
  .team-slider-wrap .swiper-pagination { position: relative; justify-content: center; margin-top: 20px; }
  .team-slider-wrap .swiper-pagination { bottom: 0; display: flex; align-items: center; }
  .team-slider-wrap .swiper-pagination-bullet { background: #a8ccd3; width: 10px; height: 10px; margin: 0 10px 0 0; border-radius: 5px; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
  .team-slider-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#5A919B;  width: 30px; border-radius: 5px; }
 
  .family-img { right: -40px; margin-bottom: -20px; width: 100%; max-width: 600px; position: relative; margin-top: 20px; }
  .family-heading { max-width: 600px; text-align: center; }
  .family-heading h3 { margin: 0 0 20px; }
  .family-element2 { max-width: 23vw; right: inherit; top: inherit; bottom: 41vw; left: 10px; }
  .family-w-box { padding: 20px; }

  .approach-slider { overflow: hidden; margin-top: 0; }
  .approach-slider-wrap .swiper-pagination { display: block; }
  .approach-slider-wrap .swiper-button-prev, .approach-slider-wrap .swiper-button-next { display: none; }
  
  .approach-slider-wrap .swiper-pagination { position: relative; justify-content: center; margin-top: 20px; }
  .approach-slider-wrap .swiper-pagination { bottom: 0; display: flex; align-items: center; }
  .approach-slider-wrap .swiper-pagination-bullet { background: #a8ccd3; width: 10px; height: 10px; margin: 0 10px 0 0; border-radius: 5px; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
  .approach-slider-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#5A919B;  width: 30px; border-radius: 5px; }

  .app-sec { border-radius: 20px 20px 0 0; padding: 20px 20px 160px; text-align: center; }
  .app-sec .cloud-wrap { bottom: 10px; }
  .app-sec .app-jet { bottom: 10px; right: 0px; max-width: 96vw; }

  .approach-element2 { top: 0%; max-width: 15vw; left: 1vw; }
  .approach-element3 { top: -4vw; right: 2%; max-width: 16vw; }
  /*===== About Page End :( ====*/ 
  
/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Inner Page Start ====*/
  .inner-banner .text-box { padding-top: 40px; }

  .inner-banner .cloud-wrap .cloud-img { height: 200px; object-fit: cover; }
  .inner-banner .cloud-wrap2 .cloud-img { height: 113px; object-fit: cover; }
  /*===== Inner Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== locations Page Start ====*/

  /* service-areas Section */ 
  .service-areas-sec h2 { padding: 14px 30px 11px; }
  .service-areas-wraper { padding: 20px; border-radius: 20px; grid-template-columns: repeat(1, 1fr); background-size: contain; }
  /* service-areas Section */


  /* coming-soon Section */
  .coming-soon-sec .testimonials-element1 { max-width: 16.9vw; top: -1.5%; left: 6%; }
  /* coming-soon Section */


  /* faq-accordion Section */
  .faq-accordion .accordion-body { padding: 18px; margin-top: 0; }
  /* faq-accordion Section */


  /* Questions Section */
  .questions-element1 { max-width: 15vw; bottom: 2.5vw; left: 2.5vw; }
  .questions-element2 { max-width: 35vw; right: 2.6vw; }
  /* Questions Section */

  /*===== locations Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Contact Page Start ====*/

  /* clinic Section */
  .clinic-element1 { top: 2%; right: 1%; max-width: 24vw; }
  .clinic-element2 { top: 3%; left: 2%; max-width: 15vw; }
  .clinic-element3 { bottom: 2%; left: 1%; max-width: 16vw; }

  .clinic-head span { padding: 15px 15px; border-radius: 10px; }
  .clinic-map { padding: 10px; border-radius: 15px; margin-top: 25px; }
  .clinic-map iframe { height: 300px; }
  /* clinic Section */


  /* contact-info Section */
  .info-element1 { max-width: 30vw; left: 1.8vw; top: 19.5vw; }
  .info-element2 { max-width: 13vw; right: 2vw; top: 49px; }
  .info-element2 img { transform: rotate(-25deg); }

  .contact-info-wrap { padding: 20px 15px 15px; margin-top: 55px; border-radius: 16px; }
  /* contact-info Section */


  /* contact-form Section */
  .contact-form-element1 { max-width: 17.7vw; right: -2.8vw; top: -1.8vw; z-index: 1; }
  .contact-form-element2 { max-width: 16.5vw; left: -2.5vw; bottom: -4.4vw; z-index: 1; }
  .contact-form-element3 { bottom: -56px; z-index: 2; right: 6px; max-width: 75vw; }

  .contact-form-wraper { background-size: contain; padding: 40px 15px 30px; border-radius: 20px; }
  .contact-form-head { max-width: 670px; margin: 0 auto 20px; }
  .contact-form-w-box { padding: 20px 18px; }

  .contact-sec .ban-form { padding: 14px; }
  /* contact-form Section */

  /*===== Contact Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== FAQ Page Start ====*/
  .faq-element1 { position: absolute; bottom: -4.5vw; right: 3%; max-width: 28vw; z-index: 1; }
  .faq-element2 { top: -1%; left: 4%; max-width: 15vw; }
  .faq-accordion .accordion-button { padding: 12px 15px; }

  .questions-section .d-flex { flex-direction: column; align-items: center; }
  .choose-box-sec .service-box { padding: 20px; }
  /*===== FAQ Page Start ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== Careers Page Start ====*/

  /* Join Us Section */
  .join-card-wraper { background: #FFFFFFB2; border: 4px solid #FFFFFF; box-shadow: 0px 5px 30px 0px #11333A1A; backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px); border-radius: 14px; padding: 0px 16px 18px; }
  .join-card-wraper h5 { padding: 11px 20px 7px; }

  .career-form-top { max-width: 800px; margin: 60px auto -15px; z-index: 1; position: relative; }
  .contact-form-w-box h3 br { display: none; }

  .career-form-top .nav-link { padding: 0 3px; height: 100%; }
  .career-form-top .contact-info-box { padding: 0 10px 10px; background: #FFF; border-radius: 10px; }
  .career-form-top .contact-info-box h5 { font-size: 14px; margin-bottom: 0; }

  .career-form-top .contact-info-icon { margin: -64px auto -5px; height: 90px; transform: scale(0.7); }
  /* Join Us Section */
 
  /*===== Careers Page End :( ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /* ===== Services Page Start ====*/
  
  /* Support Section */
  .support-elemtent1 { bottom: -8.4vw; left: 0.9vw; max-width: 19vw; }
  .support-element1 { bottom: 0; max-width: 38vw; left: 0; }
  .support-element2 { bottom: 5px; right: 1%; max-width: 16vw; }

  .support-img img { width: 100%; object-fit: cover; min-height: 300px; }
  .support-content-wrap { border-radius: 20px; }
  .support-content-wrap .support-content { padding: 25px 15px; text-align: center; }

  .contact-info-icon { max-width: 92px; height: 100px; }
  .services-info-arrow { width: 130px; padding: 8px 11px; gap: 8px; }

  .track-text { text-align: center; padding-top: 10px; }
  .run-img { max-width: 150px; margin: 0 50px -30px auto; }

  .running-sec .cont-cloud5 { max-width: 100px; }
  .running-sec .cont-cloud6 { max-width: 90px; }
 
  .services-info-slider .contact-info-box p { margin-top: -20px; }
  /* Support Section */

  /* ===== Services Page Start ====*/

/*---------------------------{[[[[[[[[[[[[| < || > |]]]]]]]]]]]]}---------------------------*/

  /*===== location details Page Start ====*/
  .cont-bg { width: 100%; bottom: 0; height: 100%; object-fit: cover; }
  .ball-element { right: 6%; bottom: 60%; max-width: 12vw; }

  .choose-element1 { max-width: 22vw; bottom: 0; left: 0; }
  .choose-element2 { right: 5%; bottom: 10px; max-width: 13vw; }

  .offer-box-wraper { padding: 0 20px 20px; margin-top: 40px; flex-direction: column; text-align: center; border-radius: 15px; align-items: center; }
  .offer-box-img-wrap { max-width: 260px; margin-right: 0; margin-left: 0; margin-top: -20px; }

  .get-touch-box { text-align: center; }
  .get-touch-icon { margin: 0 auto 16px; }
  .app-sec h3 { color: #FFF; max-width: 692px; margin-bottom: 10px; } 

  .coming-soon-sec .testimonials-heading, .coming-soon-sec2 .testimonials-heading { max-width: 280px; text-align: center; }
  .areas-element1 { max-width: 22vw; z-index: 1; left: 0px; bottom: -44px; }

  .breadcrumb { margin: 0px 0 20px; }
  .inner-banner.contact-sec h1.all-heading-animation { text-align: center; margin-bottom: 35px; }

  .works-wraper .row { flex-direction: column-reverse !important; align-items: flex-start !important; }
  .works-pross-number { text-align: center !important; }
  .works-pross-number .works-num { margin: 15px auto 15px !important; }

  .works-element1 { max-width: 16vw; right: 6%; top: -3%; }
  .works-element2 { max-width: 35vw; bottom: 0; left: 0; }
  .works-element3 { max-width: 19vw; bottom: 8px; left: 20%; }

  .get-touch-sec { padding-bottom: 0; }
  .contact-info-icon { margin: -73px auto 10px; }

  .works-pross-number:before { width: 1px; height: 50px; right: inherit !important; top: -30px !important; left: 50% !important; z-index: -1; }
  /*===== location details Page End :( ====*/

  .bg-img { top: inherit; bottom: -10%; object-fit: contain; width: 100%; left: 0; z-index: -1; }

  .career-element1 { max-width: 23vw; left: 2%; bottom: -28px; }

  .modal.show .modal-dialog { margin: 15px auto; }
  .staff-modal .modal-dialog .modal-content { border-radius: 20px; overflow: hidden; }
  .staff-modal .modal-dialog .modal-content .modal-body { padding: 15px; }
  .staff-mod-element { position: absolute; background: #FCB316; top: 0; left: 0; width: 100%; height: 35%; bottom: 0; clip-path: polygon(0% 0%, 0% 100%, 100% 0%); }
  .btn-close { width: 40px; height: 40px; border-radius: 50px; right: 4px; top: 4px; }
  .staff-modal .staff-details h6 { margin-bottom: 14px; }
  .staff-mod-wrap { margin: 0 auto 20px; }

  .recent-posts { padding: 20px; border-radius: 20px; }

  .news-arrow { display: none; }

  .crew-sec::before { bottom: 2%; }
  
}

@media only screen and ( max-width: 576px ) {   
  .care-element-1 { width: 80%; right: calc(7%); top: 33%; z-index: 0; }
}

@media only screen and ( max-width: 399px ) { 
   
}

@media only screen and ( max-width: 370px ) { 
   
}

@media only screen and ( max-width: 358px ) {  

} 
/*Media Query css*/