/*
Theme Name: Outposter 2025
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for Outposter 2025.
Version: 1.0.21
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: outposter2025
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root {
  --primary:#009698;
  --primary-hover: #009699;
  --warning:#F7BD02;
  --warning-hover:#f7cb3a;
  --grey:#f7f7f7;
  --grey2:#F9FCFE;
  --light-bg:#E6FFFF;
  --light-grey2: #f2fafa;
  --grey3:#F3f5f9;
  --dark:#212121;
  --beige:#FDF6E3;
  --bg-sky:#E6FFFF;
  --black: #000;
  --white: #fff;
}

html, body {overflow-x:hidden}
body{  font-family: "Poppins", sans-serif;  line-height: 1.5; }
.elemntor_template {margin-top: 90px !important;}
.elementor-location-single {margin-top: 70px !important;}
.elementor-form button{background-color: var(--primary) !important;}

.btn, button, .form-control { -webkit-border-radius:5px; border-radius:5px;}
a{color:var(--anchor);-webkit-transition:all linear .3s 0; transition:all linear .3s 0;  display: inline-block;}
a:hover{color:var(--anchor-hover); text-decoration:none}
b, strong {font-weight: 600;}
a:focus, button:focus{text-decoration:none;outline:0}
.form-control:focus{outline:0;box-shadow:none; }
img{max-width: 100%; height: auto; }
.clear{clear: both; overflow: hidden;}
.grey_bg{background: var(--grey);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,h6{font-weight: 700; }
.bg_grey{background-color: var(--grey2);}
.bg_dark{background-color: var(--dark);}
.bg_sky{background-color: var(--bg-sky);}

section{padding: 120px 0;}

.pull-left { float:left;}
.pull-right { float:right;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.br-0 { border-radius:0; -webkit-border-radius:0;}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.form-group { margin-bottom:1rem;}

.text_dark{color: var(--dark);}

@media(min-width:1700px){
  header .container-fluid{max-width: 1700px;}
}


@media(min-width:1600px){
  .container {max-width: 1500px;}
}

.btn_styled {font-weight: 700; padding:10px 30px 9px;  border-radius: 40px;}
.btn_styled i {margin-left: 5px;}

.text-primary{color: var(--primary) !important; ; }
.bg-primary{background: var(--primary) !important;}
.btn-primary{color: white ;background:var(--primary) ; border-color: var(--primary) ; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {color: white;background:var(--primary-hover); border-color: var(--primary-hover);}

.btn-outline-primary{color: var(--primary); border-color: var(--primary) ; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {color: white;background:var(--primary); border-color: var(--primary);}

.btn-warning{color: black ;background:var(--warning) ; border-color: var(--warning) ; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {color: black;background:var(--warning-hover); border-color: var(--warning-hover);}

.btn-outline-warning{color: var(--warning); border-color: var(--warning) ; }
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active {color: white;background:var(--warning); border-color: var(--warning);}

.btn-outline-dark{color: black; border-color: black ; }
.btn-outline-dark:hover, .btn-outline-warning:focus, .btn-outline-warning:active {color: white;background:black; border-color: black;}
.btn-outline-dark:hover img, .btn-outline-warning:focus img, .btn-outline-warning:active img {filter: invert(100%) sepia(18%) saturate(1222%) hue-rotate(293deg) brightness(107%) contrast(108%);}

.btn-light{background-color: white;}

.btn-light:hover span .arry2{top:1px;left:2px;color: var(--primary); opacity: 1;}

header {position: absolute; left: 0; top: 0; right: 0; z-index: 9; background: var(--light-bg); }
.header_bar {padding:20px 0;}

.logo img{width: 250px;filter: invert(30%) sepia(100%) saturate(1551%) hue-rotate(158deg) brightness(96%) contrast(101%);}

#menu {text-align: center;}
#menu ul{list-style:none;margin:0;padding:0;display:inline-block}
#menu ul li{display:inline-block;position:relative;margin:0 15px;}
#menu ul li a{color:black;display:block;text-decoration:none;position:relative; font-weight: 500; padding: 0;  }
.inner_header #menu ul li a{color:black;}
#menu li > a:after{content:"\f282";font-family:bootstrap-icons;margin-left:5px;position:relative;top:3px;font-size:14px}
#menu li > a:only-child:after{margin-left:0;content:""}
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item > a,#menu ul li.current-menu-ancestor > a,#menu ul li.current-menu-item > a,#menu ul li.current-menu-parent > a{color:var(--primary);}
#menu ul li.current_page_item > a,#menu ul li.current-menu-ancestor > a,#menu ul li.current-menu-item > a,#menu ul li.current-menu-parent > a{font-weight: 700;}
.inner_header #menu ul li a:hover,.inner_header #menu ul li.active a,.inner_header #menu ul li.current_page_item > a,.inner_header #menu ul li.current-menu-ancestor > a,.inner_header #menu ul li.current-menu-item > a,.inner_header #menu ul li.current-menu-parent > a{color:var(--primary)}
#menu ul li a:hover:before,#menu ul li.active a:before,#menu ul li.current_page_item > a:before,#menu ul li.current-menu-ancestor > a:before,#menu ul li.current-menu-item > a:before,#menu ul li.current-menu-parent > a:before{opacity:1}
#menu ul li.active a{font-weight: 700;}
#menu li.active ul li a{color:white;background:#000}
#menu li.active ul li a:hover{color:white !important;background:var(--primary)}
#menu li > ul{position:absolute;left:0;top:100%;z-index:999;min-width:192px;white-space:nowrap}
#menu ul li.active ul li a{background:white;color:#000 !important;border-bottom:1px solid rgba(0,0,0,0.09)!important}
#menu li > ul li{display:block;position:relative;margin:0;text-align:left}
#menu li > ul li a:after{content:"\F285";font-family:bootstrap-icons;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px}
#menu li ul li.current_page_item > a,#menu li ul li.current-menu-ancestor > a,#menu li ul li.current-menu-item > a,#menu li ul li.current-menu-parent > a{background:var(--primary);color:white}
#menu > li{border-left:1px solid #999}
#menu > li:first-child,#menu > li.has-submenu + li{border-left:0}
#menu li > ul > li > ul{position:absolute;left:100%;top:0;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0}
#menu li > ul > li:hover > ul{visibility:visible;opacity:1;display:block}
#menu li > ul{transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0;background-color:white;padding:0;border-top:#000 solid 2px}
#menu li:hover > ul{visibility:visible;opacity:1}
#menu li > ul li a{padding:12px 23px;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;font-size:14px;background-color:transparent;color:#000;font-weight:500;border-bottom:#ddd 1px solid}
#menu li > ul li:last-child a{border-bottom:0}
#menu li > ul li a:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--primary);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:right center;transform-origin:right center;z-index:-1}
#menu li:hover > ul li a{padding:10px 15px}
#menu li > ul li a:hover{background-color:var(--primary);color:white!important;padding-left:15px}

.menu_head{display:none;}

ul.top_btn {list-style: none; margin: 0; padding: 0;}
ul.top_btn li {display: inline-block; vertical-align: middle; position: relative; margin: 0 -2px;}
ul.top_btn li.btn{padding: 0; margin: 0;}

@keyframes menu_sticky {
  0%{margin-top:-240px}
  50%{margin-top:-90px}
  100%{margin-top:0}
}
header.sticky {position:fixed; top:0; left:0; width:100%; animation-name:menu_sticky; animation-duration:.6s; animation-timing-function:ease-out; -webkit-box-shadow:rgba(0,0,0,0.3) 0 0 10px; box-shadow:rgba(0,0,0,0.3) 0 0 10px; z-index:9; background-color: white; border-bottom: 0; }

.heading {margin-bottom: 20px;}
.heading h1{font-size: 70px;}
.heading h2{font-size: 50px;}
.heading h3{font-size: 36px;}

@media(min-width:992px){
  .inner_wrapper, .hero_wrapper {margin-top: 86px;}
}

.home_banner {background-color: var(--primary); position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden;}
.mainhero_bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.5;}

#large-header #canvas { position:absolute; left:0; top:0; right:0; bottom:0;  }

.banner_text h1 {font-weight: 600; font-size: 45px;}
.banner_desc {font-size: 20px; color: var(--dark);}
.banner_btn {margin-top: 20px;}
.banner_btn .btn+.btn{margin-left: 10px;}

.hero{position:relative;height:92dvh;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden; color: white;}
.hero-content{position:relative;z-index:4; max-width: 50%; margin: 0 auto;}
.hero h1{font-size:5em;font-weight:700;margin-bottom:15px}
.hero h4{font-size:2.813em;font-weight:700;margin-bottom:15px}
.hero p{font-size:2.25em;margin-bottom:25px; font-weight: 600;}
.hero_award {margin-top: 20px;}
.hero_award img{display: inline-block; vertical-align: middle; margin: 0 7px; max-width: 130px;}


.orbit{position:absolute;width:1234px;height:1234px;border-radius:50%;animation:spin 150s linear infinite;border:#09bdc080 5px solid;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 3;}
.orbit img{position:absolute;width:80px;height:80px;border-radius:50%;border:4px solid #fff;object-fit:cover;transform-origin:center;animation:counterSpin 150s linear infinite}

.orbit img:nth-child(1) { top: 0%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); }
.orbit img:nth-child(2) { top: 6.7%; left: 75%; transform: translate(-50%, -50%) rotate(30deg); }
.orbit img:nth-child(3) { top: 25%; left: 93.3%; transform: translate(-50%, -50%) rotate(60deg); }
.orbit img:nth-child(4) { top: 50%; left: 100%; transform: translate(-50%, -50%) rotate(90deg); }
.orbit img:nth-child(5) { top: 75%; left: 93.3%; transform: translate(-50%, -50%) rotate(120deg); }
.orbit img:nth-child(6) { top: 93.3%; left: 75%; transform: translate(-50%, -50%) rotate(150deg); }
.orbit img:nth-child(7) { top: 100%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); }
.orbit img:nth-child(8) { top: 93.3%; left: 25%; transform: translate(-50%, -50%) rotate(210deg); }
.orbit img:nth-child(9) { top: 75%; left: 6.7%; transform: translate(-50%, -50%) rotate(240deg); }
.orbit img:nth-child(10) { top: 50%; left: 0%; transform: translate(-50%, -50%) rotate(270deg); }
.orbit img:nth-child(11) { top: 25%; left: 6.7%; transform: translate(-50%, -50%) rotate(300deg); }
.orbit img:nth-child(12) { top: 6.7%; left: 25%; transform: translate(-50%, -50%) rotate(330deg); }

.orbit2{width:1594px;height:1594px;  animation: spinAntiClockwise 150s linear infinite; z-index: 2;}
.orbit2 img{ animation: counterSpinAntiClockwise 150s linear infinite;}
.orbit:hover, .orbit:hover img {animation-play-state: paused;}
.orbit img:hover { width:92px;height:92px; transition:width .2s, height .2s;}

@keyframes spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes counterSpin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(-360deg); }
}

 @keyframes spinAntiClockwise {
	from { transform: translate(-50%, -50%) rotate(0deg); }
	to { transform: translate(-50%, -50%) rotate(-360deg); }
}

@keyframes counterSpinAntiClockwise {
	from { transform: translate(-50%, -50%) rotate(0deg); }
	to { transform: translate(-50%, -50%) rotate(360deg); }
}

@media (max-width: 768px) {
.orbit{width:400px;height:400px}
.orbit img{width:60px;height:60px}
}
@media (max-width: 480px) {
.orbit{width:300px;height:300px}
.orbit img{width:50px;height:50px}
}

.btn_arrow{display: inline-flex; justify-content: center; align-items: center;}
.btn_arrow img{margin-left: 10px;}

.cta_top{text-align: center;}
.cta_top p{font-size: 18px;}
h2.heading{font-size: 45px; font-weight: 700;}
.green_arrow{background-color: var(--primary);padding: 19px 31px;border-radius: 50px;display: inline-block;line-height: 0;}
.green_arrow img{width: 23px; height: 12px;filter: invert(100%) sepia(18%) saturate(1222%) hue-rotate(293deg) brightness(107%) contrast(108%);}
.curly_line_word{position: relative; display: inline-block; max-width: 120px;}
/* .curly_line_word img{position: absolute; top: 50%; transform: translateX(-50%); width: 263px; right:-126px;} */
.about_us_section p{font-size: 18px;}
.aboutSec_content{padding-left: 70px;}
.aboutThumb {width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 15px;}
.aboutThumb img{width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 15px;}
.rating_about{margin-top: 25px; }
.rating_about p{ font-size: 15px; font-weight: 500; margin-bottom: 0;}
.rating_about .stars i{ font-size: 15px; color: #E0A500;}

.counter_block .stat_num{display: flex; justify-content: start; align-items: center; font-size: 28px; font-weight: 700; line-height: 0.9; }
.counter_block p{font-size: 15px; font-weight: 400; margin-bottom: 0;}
ul.about_members {list-style: none; padding: 0; margin: 0;}
ul.about_members li {display: inline-block; margin-left: -22px;}
ul.about_members li:first-child{ margin-left: 0px;}
ul.about_members li img{width: 65px; height: 65px; border-radius: 100%; border: 4px solid white; }
.about_members_wrapper{background-color: #F6F6F6; display: inline-flex; justify-content: center; align-items: center; gap: 10px;border-radius: 70px; padding: 10px 30px 10px 10px; margin-top: 20px;}
.ofshore{text-align: center; background-color: #FDF6E3; padding: 70px 0;}
.how_work_thumb{width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 15px;}

.how_works h2 span{font-weight: 600;}
.how_worksContent{padding-right: 70px;}

.orbit img::after{position: absolute;right: -12px; top: -25px; content: '\F2E1'; font-family: 'bootstrap-icons'; color: #F7C948; font-size: 20px; opacity: 1;transition: all 0.3s ease}

.accordion{--bs-accordion-btn-focus-box-shadow: none; --bs-accordion-border-width: 0; --bs-accordion-active-bg: transparent; --bs-accordion-active-color: black; background-color: transparent;}
.how_works .accordion-button {font-size: 25px; font-weight: 600; position: relative; padding-left: 65px; background-color: transparent;}
.how_works .accordion-button span{position: absolute; font-size: 18px; font-weight: 500; color: var(--primary); left: 0; top: 20px;}
.how_works .accordion-body {padding-left: 65px; padding-top: 0;}
.how_works .accordion-item {border-bottom: 1px solid #CACACA; padding: 14px 0; border-radius: 0 !important; background-color: transparent;}
.how_works .accordion-button::after  {background: none; background-image: url('images/icons/accordion-arrow.png'); width: 36px; height: 36px;}

#demo-canvas { position:absolute; z-index:999; left:0; top:0; right:0; bottom:0;  }

header {border-bottom: 1px solid #10302A1A;}
@media(min-width: 992px){
.inner_banner{margin-top: 86px;}
}

.inner_banner{padding: 60px 0; color: white; background-color: var(--primary);}
.services_banner{position: relative; padding: 100px 0; text-align: center; ; background-position: center; background-repeat: repeat; }
/* .services_banner::after{position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0;  background: linear-gradient(to bottom, rgba(0,150,152,1) 1%,rgba(143,213,216,1) 100%); width: 100%; height: 100%; z-index: -1;} */
.services_banner_thumb{width: 100%; max-width: 1200px; height: 670px; object-fit: cover; object-position: center; border-radius: 50px; display: inline-block; margin-top: 40px;}
.services_banner .small_heading{margin-bottom: 25px;}
.small_heading{font-size: 18px; text-transform: uppercase;}
.services_banner h1{font-size: 58px; font-weight: 600;}

.for_arrow{position: relative;  transition: all 0.3s ease;}
.banner_content{position: relative;}

.banner_content_top{position: relative;}
.people_circle img{width: 92px; height: 92px; border-radius: 100%; object-fit: cover; object-position: center; border: 4px solid white; transition: all 0.3s ease; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
.people_circle{position: absolute;}
.service_people_1{left: 12%; bottom:0;}
.service_people_2{right: 12%; top: 15%;}
.for_arrow::after{position: absolute; content: '\F2E1'; font-family: 'bootstrap-icons'; color: #F7C948; font-size: 20px; opacity: 0;transition: all 0.3s ease}
.service_people_1::after{right: -2px; top: -20px; transform: rotate(348deg) translate(-10px);}
.service_people_2::after{left: -2px; top: -20px; transform: rotate(280deg) translate(-10px);}
.service_people_1:hover::after{opacity: 1;transform: rotate(348deg) translate(10px); transition: all 0.3s ease; }
.service_people_2:hover::after{opacity: 1;transform: rotate(280deg) translate(10px); transition: all 0.3s ease; }
.for_arrow:hover{transform: scale(1.1); transition: all 0.3s ease;}

.blog_item {position: relative;}
.blog_item a { display:block;}
.blog_img {border-radius: 12px;}
.blog_caption {position: absolute; left: 15px; bottom: 30px;  width: 90%;}

.bg_caption {background-color: white; border-radius: 0 10px 10px 0; padding: 15px; min-height: 180px;}
.bl_sm_title {background-color: white; padding:7px 15px;border-radius:10px 10px 0 0; display: inline-block;font-size: 12px; text-transform: uppercase;}
.bl_date_title {background-color: white; padding:7px 15px;border-radius:0 0 10px 10px; display: inline-block; font-size: 13px;}

.blog_item h4 {font-size: 24px; font-weight: 600;}
.blog_item h4 a{text-decoration: none;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.blog_item p {margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.blog_item .blog_img { object-fit: cover; height:481px; width:100%;}

.contect_wrapper {position: relative;}

.conrtact_box {background-color: var(--beige); background-position: center; background-repeat: repeat; border-radius: 30px;color: black; padding-left: 60px; padding-top: 60px; margin-bottom: -150px;}
.team_contact_form { padding-right: 20px;  padding-bottom: 40px;}
.team_contact_form .form-control { border-color: rgba(0, 0, 0, 0.500); }
.team_contact_thumb {text-align: right;}
.team_contact_thumb img {border-radius: 30px 180px 0 0;}
.team_contact_form .form-control {height: auto; padding: 12px 15px;}
.team_contact_form .form-control::placeholder { color: #CACACA; opacity: 1; }
.team_contact_form .form-control::-ms-input-placeholder { color: #CACACA;}

.form-field {position: relative;transition: all 0.3s ease; }
.form-field .form_icon{position: absolute; top: 50%; right: 15px; transform: translateY(-50%); transition: all 0.3s ease;}
.form-field .form-control:focus{background: white;}
.form-field .form-control:focus ~ .form_icon {   opacity: 0; display: none;  }

ul.radio_list {list-style: none; margin: 0; padding: 0; }
ul.radio_list li {position: relative; display: inline-block; margin-right: 13px; vertical-align: middle; margin-bottom: 10px;}
ul.radio_list li .radio {display: block; cursor: pointer;user-select: none;text-align: left;}
ul.radio_list li .radio + .radio {	margin-top: 12px;}
ul.radio_list li .radio input {	display: none;}
ul.radio_list li .radio input + span {	display: inline-block; position: relative; padding-left: 35px;}
ul.radio_list li .radio input + span:before {	content: ''; display: block;	position: absolute;	top: 0;	left: 0px;	border-radius: 50%;	margin-right: 12px;	width:21px;	height:21px; border: 1px solid white;	background: white;}
ul.radio_list li .radio input + span:after {content:"\F272";font-family:bootstrap-icons;
  display: block;width: 21px;height: 21px;color:black;position: absolute;border-radius: 50%;top: 3px;left: 3px;opacity: 0;transform: scale(0, 0);transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53); font-size: 12px;}
ul.radio_list li .radio input:checked + span:after {opacity: 1;	transform: scale(1, 1);}
.serviceCheck_wrapper{margin-bottom: 25px; margin-top: 25px;}

footer{background-color: var(--primary); color: white;}
.footer_wrapper {padding: 250px 0 60px;}
.footer_logo img {width: 164px; filter: invert(97%) sepia(0%) saturate(1932%) hue-rotate(288deg) brightness(111%) contrast(101%);}
.footer_bar{background-color: white; text-align: center; padding: 20px 0;}
ul.footer_list {list-style: none; margin: 0; padding: 0; column-gap: 10; column-count: 2;}
ul.footer_list li a{font-weight: 500; text-decoration: none;}
ul.footer_list li a:hover{color: var(--warning);}
ul.footer_list li.current_page_item > a,ul.footer_list li.current-menu-ancestor > a,ul.footer_list li.current-menu-item > a,ul.footer_list li.current-menu-parent > a{color: var(--warning);}

.our_socials .social_text{margin-bottom: 10px;}
ul.social{list-style:none;padding:0;margin:0;overflow:hidden; margin-top: 10px;}
ul.social li{margin-right:10px;margin-bottom: 10px; display: inline-block; vertical-align: middle; }
ul.social li a{text-align:center;color:black;display:block; font-size: 27px; line-height: 34px; text-align: center; width: 34px; height: 34px; border-radius: 100%; background: white; position: relative;}
ul.social li a img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 15px; }
ul.social li a:hover{opacity: 0.6;}

.typing {white-space: nowrap;overflow: hidden;display: inline-block;vertical-align: top;}
.cursor {display: inline;color: #ffffff;font-weight: bold;animation: blink 0.5s step-end infinite; position: relative; top: -8px; font-weight: 500;}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

.sewrvices_wrapper{background-color: var(--beige);padding: 80px; border-radius: 35px;}
.service_box{background-color: #ffffff; padding: 25px; border-radius: 15px; transition: all .2s linear; min-height:320px;}
.service_box:hover{background-color: var(--primary);  color: white; transition: all .2s linear;}
.service_box:hover .arrow_circle{background-color: white; border-color: white;}
.service_box h4{font-size: 21px;}
.service_box h3, .service_box h4{font-weight: 700;}
.service_box h3 a, .service_box h4 a{text-decoration: none;}
.service_box h3 span, .service_box h4 span {font-weight: 500;}
.service_thumb{ height: 233px; object-fit: cover; object-position: center; border-radius: 15px;}
/*.service_box p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}*/
.arrow_circle{width: 44px; height: 44px; border-radius: 50%; border: 1px solid black; display: flex; justify-content: center; align-items: center;}

.faqs{position: relative;}
.faqs .accordian_wrapper {padding-left: 80px;}
.faqs .accordion .accordion-item{border-bottom: 1px solid #E8E8E8; background-color: transparent;}
.faqs .accordion .accordion-button{font-size:18px; font-weight: 600; position: relative; padding-left: 40px;background-color: transparent;}
.faqs .accordion .accordion-body{padding-top: 0;}
.faqs .accordion .accordion-button::after {background: none; content: "\F4FE"; font-family: "bootstrap-icons"; position: absolute; left: 0; top: 11px; font-size: 29px; transform: none;}
.faqs .accordion .accordion-button:not(.collapsed)::after {content: "\F2EA"}
.hav_question{font-size: 20px; margin-top: 50px;}
.service_cta .small_heading{font-weight:700; font-size: 22px;}

.inner_footer{background-color: var(--primary); padding: 60px 0 30px 0;}
.btn-double-arrow span{font-size: 20px;}


.our_socials{font-size: 18px; font-weight: 500; display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 10px;}
.our_socials .social{margin-top: 0;     text-align: left;}
.our_socials ul.social li a {background-color: black;}
.our_socials ul.social li a img{ filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(168deg) brightness(110%) contrast(101%);}
.footer_content{margin-top: 50px;}
.footer_content .footer_logo img{width: 230px; margin-bottom: 25px;}
ul.inner_footer_menu{list-style: none; padding: 0; margin: 0; text-align: center; margin-top: 60px;}
ul.inner_footer_menu li{display: inline-block; position: relative; padding-right: 30px;}
ul.inner_footer_menu li::after{position: absolute; content: "|"; right: 15px; top: 0; }
ul.inner_footer_menu li:last-child{padding-right: 0; }
ul.inner_footer_menu li:last-child:after{display: none; }
ul.inner_footer_menu li a{text-decoration: none;}
ul.inner_footer_menu li a:hover{color: var(--warning);}
ul.inner_footer_menu li.current_page_item > a,ul.inner_footer_menu li.current-menu-ancestor > a,ul.inner_footer_menu li.current-menu-item > a,ul.inner_footer_menu li.current-menu-parent > a{color: var(--warning);}
.copyright_bar{margin-top: 20px;}

.service_item {position: relative; text-align: center;}
.service_item img{width: 100%; height: 328px; object-fit: cover; object-position: center;border-radius: 15px; display: inline-block !important;}
.jobTitle_box{text-align: left; background-color: #009598c5; border: 1px solid white; color: white; padding:12px 18px;border-radius: 8px; position: absolute; bottom: 10px; left: 10px; right: 10px;}
.jobTitle_box .job_title{font-size: 21px; line-height: 1;}
.jobTitle_box p{margin-bottom: 0; font-size: 14.5px;}

.career_box{background-color: #FFFFFF; padding: 20px; border-radius: 15px; color: black; text-align: left;}
.outposter_icon{width: 58px !important; height: 58px; border-radius: 8px; background-color: #EDEFF3; position: relative;}
.outposter_icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 34px !important; height: 34px;}
.career_box h5{font-weight: 500; font-size: 18px;}
.career_box h5 a{text-decoration: none;}
.location_carrer{display: flex; justify-content: start; align-items: center; gap: 6px; font-size: 13px;}
.location_carrer img{width: 15px !important;}
.career_box p{font-size: 14px; color: #3D4961;}
.career_box .btn_arrow{width: 100%; border-radius: 4px; margin-top: 20px; }
.career_box .btn_arrow img{width: 13px !important; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(102%) contrast(105%);}
.career_slider2{margin-top: 20px;}
.career_box:hover .btn_arrow {background-color: var(--primary); border-color: var(--primary); color:white;}

.career_slider1 .item {direction: ltr;}
.career_step_box{padding: 30px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius: 24px; transition: all .2s linear; width: 100%; background-color: white;}
.step_thumb {width: 292px; height: 100%; object-fit: cover; object-position: center; border-radius: 22px;}
.step_num{width: 60px; height: 60px; border-radius: 100%; background-color: #000; color: white; font-size: 30px; font-weight: 700; display: flex; justify-content: center; align-items: center;}
.career_step_box p{margin-bottom: 0; font-weight: 500; }
.step_head{font-size: 24px; font-weight: 700;}
.career_step_box:hover{background-color: var(--primary); color: white; transition: all .2s linear;}
.career_step_box:hover .step_num{background-color: white; color: black;}
.realise_thumb{width: 100%; height: 100%; object-fit: cover; object-position: left;}
.realise_thumb{border-radius: 15px;}
.realise_content{padding-left: 50px;}
.team-slider { transform-style: preserve-3d; }
.team-slider .item { position: relative; transform: scale(0.8) translateY(40px); transition: all 0.4s ease-in-out;  margin: 30px 0; }
.team-slider .center { transform: scale(1.25) translateY(-10px); opacity: 1;z-index: 10; }
.team-slider .item img { width: 100%; }
.team-slider .item a{display: block;}
.team-slider .owl-item.active.center .jobTitle_box{bottom: 20px;}

.testimonials{background-size: cover; background-repeat: no-repeat; background-position: center; background-color: var(--beige); position: relative;}
.testimonials:after {position: absolute; left: 0; top: 0; bottom: 0; content: ""; /* clip-path: circle(50% at 3% 50%); */background: rgba(56, 168, 169, 0.3); width: 92%; clip-path: circle(50% at 0 50%); }
.testimonials .container{position: relative; z-index: 1; }
.testimonial_text {position: relative; padding-left: 20px; margin-top: 60px;}
.testimonial_text p {font-size: 21px; font-style: italic; font-family: "Vollkorn", serif}

.testiicon {font-family: "Vollkorn", serif; font-size: 80px; position: absolute; left: 0; top: -50px; }
.review_slider .owl-nav {text-align: right;}
.review_slider.owl-carousel .owl-nav button.owl-next, .review_slider.owl-carousel .owl-nav button.owl-prev {background-color: black; color: white; border-radius: 100%; width: 47px; height: 47px; text-align: center; font-size: 18px; line-height: 18px;}

.testimonials .nav-pills{display: block; text-align: center;}
.testimonials .nav-pills .nav-item{display: inline-block; margin: 0 5px;}
.testimonials .nav-pills .nav-item .nav-link{border: 2px solid black; font-weight: 300; color: black; text-transform: uppercase; letter-spacing: 1px; font-size: 15px;}
.testimonials .nav-pills .nav-item .nav-link.active{border: 2px solid var(--primary); background-color: var(--primary); color: white; font-weight: 300;}

.testimonials_wrapper{position: relative;}
.section-title{color:#253238; font-family: Arial, Helvetica, sans-serif; font-weight:700; font-size:18px; margin-bottom:24px}
.timeline-wrapper{position:relative; padding-left:24px}
.timeline-line{display:none}

/* circular timeline */
.avatars{position:relative; width:292px; height:375px; margin-left:8px}
.avatars .avatar{position:absolute; left:36px; display:flex; align-items:center; gap:12px; cursor:pointer; opacity:0; transform-origin:center left; transition:transform .45s cubic-bezier(.2,.9,.2,1), opacity .28s ease, box-shadow .35s ease}
.avatars .avatar img{width:56px; height:56px; border-radius:50%; box-shadow:0 2px 6px rgba(0,0,0,0.12); transition:transform .35s ease, box-shadow .35s ease}
.avatar img{width:48px; height:48px; border-radius:50%; box-shadow:0 2px 6px rgba(0,0,0,0.12); transition:transform .35s ease, box-shadow .35s ease}
.avatar .meta .name{ font-size:20px;font-weight:700}
.avatar .meta .sub{font-size:16px; }
/* visible positions: prev (above), active (center), next (below) */
.avatars .avatar.pos-prev{opacity:0.95; top:20%; transform:translateY(-50%) translateX(-15px) scale(0.94); z-index:1}
.avatars .avatar.pos-active{opacity:1; top:50%; transform:translateY(-50%) translateX(0) scale(1.15); z-index:3}
.avatars .avatar.pos-next{opacity:0.95; top:80%; transform:translateY(-50%) translateX(-15px) scale(0.94); z-index:1}
.avatars .avatar.hidden{opacity:0; pointer-events:none; transform:translateY(-50%) translateX(-24px) scale(0.86)}
.avatars .avatar.pos-active img{transform:scale(1.15)}
.avatars .avatar.pos-active{box-shadow:none}

/* autoplay indicator: small green dot that fades in on active */
.avatar .meta{position:relative}

.avatar.active .meta::after{opacity:1; transform:scale(1)}
.right{padding-left:40px; position:relative; width: 70%;}
.quote-mark{ position:absolute; left:0; top:20px; font-family: "Vollkorn", serif; font-size: 80px; color: black;}
.quote-text, .quote-text-second{width:100%; padding-left:90px;overflow:hidden}
/* prevent height jumps by reserving space for text content */
.quote-text, .swiper-wrapper, .swiper-slide{min-height:120px}
.swiper-slide {display:flex;align-items:center;justify-content:center;font-size:1.1rem;text-align:center;padding:30px; min-height:320px}
.swiper-slide p{font-size:16px; line-height:1.6; color:#1b2a2e; font-family: 'Times New Roman', Times, serif; font-style:italic;}

/* GPU compositing hints */
.swiper{will-change:transform; transform:translateZ(0)}
.swiper-slide{will-change:transform, opacity}

/* Ensure only the active slide is visible; fade text on the active slide */
.swiper-slide{opacity:0; visibility:hidden; pointer-events:none; transition:opacity 560ms ease; display: flex; text-align: left;}
.swiper-slide.swiper-slide-active{opacity:1; visibility:visible; pointer-events:auto;}
.swiper-slide p{opacity:0; transition:opacity 560ms ease; font-size: 21px; font-style: italic; font-family: "Vollkorn", serif}
.swiper-slide.swiper-slide-active p{opacity:1}

.single_banner {padding-bottom: 20px; padding-top: 50px;}

/* Responsive */
@media (max-width:900px){
  .card{flex-direction:column}
  .left{width:100%}
  .right{padding-left:0;margin-top:24px}
  .quote-text{padding-left:0}
}

.slide_hedding {margin-top: 50px; margin-left: 100px;}

.swiper-button-prev,
.swiper-button-prev-second { left: inherit; right: 80px;
}

.swiper-button-next,
.swiper-button-prev,
.swiper-button-next-second,
.swiper-button-prev-second { color: white; background: black; width: 40px; height: 40px; border-radius: 50%; top: inherit; bottom: 0;}

.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-button-next-second:after,
.swiper-button-prev-second:after { font-size: 18px; font-weight: bold;}

.swiper-button-next:hover,
.swiper-button-prev:hover,
.swiper-button-next-second:hover,
.swiper-button-prev-second:hover { background: #333;}

.about_wrapper .row+.row {margin-top: 60px;}

@media (min-width:992px){

.about_wrapper .row:nth-child(even) .aboutSec_content {padding-left: 0; padding-right: 70px;}
}

.about_team_section {}

.team_item {position: relative; text-align: center;}
.team_item img{width: 100%; height: 450px; object-fit: cover; object-position: center;border-radius: 15px; }
.jobTitle_box2{text-align: left; background-color: #009598c5; border: 1px solid white; color: white; padding:12px 18px;border-radius: 8px; margin-top: 12px;}
.jobTitle_box2 .job_title{font-size: 21px;}
.jobTitle_box2 p{margin-bottom: 0; font-size: 14.5px;}

.custom_pagination,.woocommerce-pagination{text-align:center}
.page-numbers{display:inline-block;padding:0;margin:0}
.page-numbers>li{display:inline}
.page-numbers>li>a,.page-numbers>li>span{position:relative;float:left;padding:5px 15px;font-size:14px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.page-numbers>li:first-child>a,.page-numbers>li:first-child>span{border-top-left-radius:4px;border-bottom-left-radius:4px}
.page-numbers>li:last-child>a,.page-numbers>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.page-numbers>li>a:hover,.page-numbers>li>span:hover,.page-numbers>li>a:focus,.page-numbers>li>span:focus{color:var(--primary);background-color:#eee;border-color:#ddd}
.page-numbers>.active>a,.page-numbers>.active>span,.page-numbers>.active>a:hover,.page-numbers>.active>span:hover,.page-numbers>.active>a:focus,.page-numbers>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:var(--primary);border-color:var(--primary)}
.page-numbers .current,.page-numbers .current:hover{z-index:2;color:#fff;cursor:default;background-color:var(--primary);border-color:var(--primary)}
.page-numbers>.disabled>span,.page-numbers>.disabled>span:hover,.page-numbers>.disabled>span:focus,.page-numbers>.disabled>a,.page-numbers>.disabled>a:hover,.page-numbers>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.home_video_wrapper{position:relative}
.home_video_wrapper video{border:#eee 1px solid}
.home_video_caption{position:absolute;right:13%;top:60px}
.home_video_caption h2{font-weight:700;font-size:40x;margin-bottom:15px}
.home_video_caption h4{font-weight:700}
.home_video_caption h4,.home_video_caption p{font-size:29px}
.home_video_caption p{font-size:29px;font-weight:300}
.video_play_icon{position:absolute;left:50%;top:50%;color:var(--primary);width:65px;height:65px;line-height:65px;background:#fff;text-align:center;border-radius:100%;font-size:35px;transform:translate(-50%,-50%)}
.video_play_icon:hover,.video_play_icon:focus{color:var(--primary)}
.video_play_icon .fa, .video_play_icon .bi{padding:2px 0 0 5px;position:relative;z-index:9}
.video_modal .modal-body{line-height:0}

.faq_section .accordion-button {font-size: 25px; font-weight: 600; position: relative; padding-left: 0; background-color: transparent; padding-right: 30px;}
.faq_section .accordion-button span{position: absolute; font-size: 18px; font-weight: 500; color: var(--primary); left: 0; top: 20px;}
.faq_section .accordion-body {padding-left: 0; padding-right: 92px; padding-top: 0;}
.faq_section .accordion-item {border-bottom: 1px solid #CACACA; padding: 14px 0; border-radius: 0 !important; background-color: transparent;}
.faq_section .accordion-button::after  {background: none; background-image: url('images/icons/accordion-arrow.png'); width: 36px; height: 36px; position: absolute; right: 0; top: 20px;}

.how_work_block{padding:0 30px;font-size:16px}
.how_work_block .icon{width: 200px; height: 200px; position: relative; margin: 0 auto 20px; background: var(--primary); border-radius: 100%;}
.how_work_block .icon img{height:100px;object-fit:scale-down; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.how_work_block h3{font-weight:700;font-size:40px;margin-bottom:20px}
.contact_block ul{list-style:none;margin:0;padding:0}
.conrtact_box_main {background-color: var(--beige); background-position: center; background-repeat: repeat; border-radius: 30px;color: black;  padding: 60px; }
.conrtact_box_main .team_contact_form{ padding-right: 30px; border-right: #ccc 1px solid; }

.contact_block_info ul{list-style:none;margin:0;padding:0}
.contact_block_info ul li{position:relative;padding-left:45px}
.contact_block_info ul li+li{margin-top:15px}
.contact_block_info ul li i.icon{position:absolute;left:0;top:-2px;color:white;background:var(--primary);width:30px;height:30px;line-height:30px;font-size:16px;text-align:center;border-radius:100%}
.contact_block_info ul li a{color:black; text-decoration: none;}
.contact_block_info ul li a i.icon{color: white;}
.contact_block_info ul li a:hover{color:var(--primary)}
.contact_block_info+.contact_block_info{margin-top:30px}
.services_modal {}

.services_modal .modal-content{border-radius:0;background:black;color:white;border:0; border-radius: 18px; padding: 30px; border-radius: 25px; position: relative; overflow: hidden;}
.slide_right .text-block{padding:0 50px}
.slide_right .text-block h6{margin-bottom:40px}
.slide_right .text-block p{line-height:1.3;letter-spacing:1px;font-size:16px;text-align:inherit}
.slide_modal_img{padding:0}
.slide_modal_img img{border-radius:18px 0 0 18px}
.slide_right .btn_group{margin-top:40px}
.slide_right .btn_group .btn+.btn{margin-left:10px}
.services_slider.owl-theme .owl-nav [class*=owl-]{background-color:var(--primary);color:white;border-radius:100%}
.services_slider.owl-theme .owl-nav [class*=owl-] img{width:20px}
.services_slider.owl-theme .owl-nav{margin:0}
.services_slider .owl-prev,.services_slider .owl-next{position:absolute;top:50%;text-align:center;width:50px;height:50px;line-height:50px;z-index:1000;font-size:20px;transition:all ease .3s;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.services_slider .owl-prev{left:-25px}
.services_slider .owl-next{right:-25px}
.services_slider .owl-prev:hover,.services_slider .owl-next:hover{background:var(--secondary);color:white}
.btn-close{background:white;color:black;width:40px;height:40px;line-height:40px;border-radius:100px;position:absolute;top:15px;right:15px;opacity:1;z-index:99;font-size:30px}
.pre_next_btns .btn{background-color:var(--primary);color:white;border:none;border-radius:100%;position:absolute;top:50%;text-align:center;width:50px;height:50px;z-index:99;font-size:20px;transition:all ease .3s;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.pre_next_btns .btn img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px}
.pre_next_btns .btn:hover{border:none}
.pre_next_btns .btn_prev{left:-40px}
.pre_next_btns .btn_next{right:-24px}


.form_modal .modal-content{border-radius:0;background:black;color:white;border:0; border-radius: 18px; padding: 30px; border-radius: 25px; position: relative; overflow: hidden;}

.form_modal .form-control {    height: auto; padding: 12px 15px;border-color: rgba(0, 0, 0, 0.500);}




.inner_section { min-height:400px;}



.map_bg_left_section { background-position: left; background-repeat: no-repeat; position: relative; background-attachment: fixed; background-size: 27% auto;}
.text-success { color: var(--primary) !important;}
.heading h6 { font-family: 'Helvetica'; font-weight: 300; letter-spacing: 1px; text-transform: uppercase;}
.heading h2 { font-family: "Jost", sans-serif; font-weight: normal;}
.light_bg2 { background: var(--light-grey2)}
.heading_bold { margin-bottom: 40px;}
.heading_bold h2 { font-size: 48px; font-weight: bold;}

.faq_tab .accordion-item { background-color: transparent;}
.faq_tab .accordion-flush .accordion-item:first-child { border-top: 0;}
.faq_tab .accordion-button { background-color: transparent; color: #000; font-size: 20px; padding-left: 0; font-family: 'Helvetica'; font-weight: bold;}
.faq_tab .accordion-button:after { width: 1rem; height: 1rem; background-size: 1rem;}
.faq_tab .accordion-button:not(.collapsed) { background-color: transparent; border: none; box-shadow: none; outline: none; border-bottom: #ddd 1px solid;}
.accordion-button:focus { z-index: 3; border-color: transparent; outline: 0; box-shadow: none;}
.faq_tab .accordion-body { color: #000; background-color: transparent; padding: 1rem 0;}
.faq_tab .accordion-item { margin-bottom: 0;}
.faq_tab .accordion-button:after { background-image: url(images/icons/faq_arrow_down.png); background-position: right; background-repeat: no-repeat; position: absolute; right: 15px; top: 40%; text-align: center; transform: translateY(-50%);}
.faq_tab .accordion-button:not(.collapsed):after { background-image: url(images/icons/faq_arrow_up.png);}
.btn_block { text-align: center; font-size: 20px;}
.btn_block.faq_btn { margin-top: 30px;}
.services_tab .nav-tabs { text-align: center; display: block; border: 0; margin: 0 auto 60px; padding: 0;}
.services_tab .nav-tabs .nav-item { display: inline-block; position: relative; margin: 0 7px;}
.services_tab .nav-tabs .nav-item:last-child { padding-right: 0; margin-right: 0;}
.services_tab .nav-tabs .nav-item:last-child:before { display: none;}
.services_tab .nav-tabs .nav-link { color: #000; border: 2px solid var(--black); font-weight: 300; font-size: 16px; padding: 12px 40px; text-transform: uppercase; border-radius: 0; font-family: 'Helvetica'; font-weight: 300; letter-spacing: 1px;}
.services_tab .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active { color: var(--white); background-color: var(--primary); border-color: var(--primary);}

.tab_btn { position: relative; display: inline-block; text-align: left; margin: 0 auto 40px; min-width: 292px;}
.tab_btn a { border: #e9f1f2 2px solid; color: var(--black); display: flex; padding: 15px; position: relative; min-height: 120px; align-items: center; justify-content: center;}
.tab_btn .row { margin: 0 -5px; flex: 100%; max-width: 100%;}
.tab_btn .row [class*="col-"] { padding: 0 5px;}
.tab_btn img { height: 60px; object-fit: scale-down;}
.tab_btn i { font-size: 45px; color: var(--primary); position: absolute; left: 0; top: 0;}
.tab_btn h5 { display: block; margin: 0; padding: 0; font-size: 23px; font-family: 'Helvetica-Normal'; font-weight: normal;}
.tab_btn span { display: block;}
.tab_btn:hover a { border-color: var(--black);}
.services_modal .modal-content { border-radius: 0; background: var(--black); color: var(--white); border: 0;}
.btn-close { background: var(--white); color: var(--black); width: 30px; height: 30px; line-height: 30px; border-radius: 100%; position: absolute; top: 15px; right: 15px; opacity: 1; z-index: 99; font-size: 20px;}

.slide_right .text-block { padding: 0 50px;}
.slide_right .text-block h6 { margin-bottom: 40px;}
.slide_right .text-block p { line-height: 1.3; letter-spacing: 1px; font-size: 16px; text-align: inherit;}
.slide_modal_img { padding: 0;}
.slide_right .btn_group { margin-top: 40px;}
.slide_right .btn_group .btn+.btn { margin-left: 10px;}

.heading p, .heading h6, .heading_bold h6, .heading_bold p, .heading_light h6, .heading_light p { font-family: 'Helvetica'; font-weight: 300; letter-spacing: 1px; text-transform: uppercase;}


.gform_wrapper.gravity-theme .ginput_complex input, .gform_wrapper.gravity-theme .ginput_complex select, .gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .gform_wrapper.gravity-theme .gfield textarea.small {border-radius: 7px !important;
  box-shadow: none !important; border: rgba(0, 0, 0, 0.500) 1px solid; outline: none; padding: 10px 15px !important;}
  .gform_wrapper.gravity-theme .gform_footer input {color: black; background: var(--warning-hover); border: var(--warning-hover) 1px solid; font-weight: 700; padding: 10px 30px 9px; border-radius: 40px; box-shadow: none;}
    .gform_wrapper.gravity-theme .gform_footer input:hover,   .gform_wrapper.gravity-theme .gform_footer input:focus {background: var(--warning-hover); border-color: var(--warning-hover); }
    .gfield_radio .gchoice.gchoice_1_7_0, .gfield_radio .gchoice.gchoice_1_7_1, .gfield_radio .gchoice.gchoice_1_7_2 {float: left; position: relative; padding-right: 15px;}
   .gfield_radio .gchoice.gchoice_1_7_0 .gfield-choice-input { display: inline-block; margin-top: 0;  top: 0; vertical-align: middle;}
   .gfield_radio .gchoice.gchoice_1_7_0 .gfield-choice-input+label { margin-bottom:0; max-width:calc(100% - 32px); vertical-align:middle}
.gfield_radio .gchoice.gchoice_1_7_0 .gfield-choice-input:disabled+label { color:#757575}
.gfield-choice-input { accent-color: #12989b; width: 18px; height: 18px; border: 0 !important;}
.gform_wrapper.gravity-theme .ginput_complex label, .gform_wrapper.gravity-theme .ginput_complex label {display: none !important}
.solid_banner {background-color: var(--primary);}
.solid_banner:after {display: none;}



.circle-wrapper{position:relative;width:250px;height:250px;margin:0 auto}
.circle-progress{width:100%;height:100%;transform:rotate(-90deg)}
.circle-progress circle{fill:none;stroke-width:7;stroke-linecap:round}
.circle-progress circle.bg{stroke:#e5e5e5}
.circle-progress circle.fg{stroke:var(--primary);stroke-dasharray:339.292;stroke-dashoffset:339.292;transition:stroke-dashoffset 1.2s ease-out}
.circle-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center; line-height: 1.3;}
.circle-percent{font-size:45px;font-weight:500}
.circle-label{font-size:16px;font-weight:600; margin-top: 0;}
.info-icon{width:26px;height:26px;border-radius:50%;border:2px solid #ccc;margin:0 auto 3px;align-items:center;font-size:15px;font-weight:700;color:#555;line-height: 23px;}

.info_hover {font-size: 15px; line-height: 1.4; position: absolute; left: 50%; top: 80%; transform: translate(-50%, -50%); padding: 10px; box-shadow: rgba(0,0,0,.5) 1px 1px 11px; width: 100%; max-width: 340px; z-index: 2; background-color: rgba(255,255,255,.8); opacity: 0; cursor: pointer; transition: all .5s;}
.circle-wrapper:hover .info_hover {opacity: 1;}
.cv_upload input {background: #fff;}