/*
Theme Name:cubiclescoders
Theme URI:https://#/
Author:cubiclescoders Team
Author URI:https://cubiclescoders.com/
Description:cubiclescoders theme for home website
Version:1.0.0
License:GNU General Public License v2 or later
License URI:<https://www.gnu.org/licenses/gpl-2.0.html>
Text Domain:cubiclescoders
*/
@import url("assets/css/responsive.css");
:root {
	--white:#fff; 
	--black:#000;
	--dark-blue:#091E3E;
	--light-blue:#06A3DA;
	--btn-hover:#2bb1e0;
	--main-font:"Rubik", sans-serif; 
	--nunito:"Nunito", sans-serif; 
	scroll-behavior:smooth;
	--grey-700:#6B6A75;
	--light-grey:#EEF9FF;
}
@keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@keyframes zoomIn {0% {opacity: 0;transform: scale3d(.3,.3,.3)}50% {opacity: 1}}
@-webkit-keyframes section-title-run-sm {0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }}
body *, html * {box-sizing:border-box;}
body {font-size:20px; line-height:1.5; font-weight:400; margin:0 auto; overflow-x:hidden; font-family:var(--main-font);}
.container {margin:0 auto; width:100%; max-width:1440px; padding:0 32px;}
.container-fluid {width:100%; padding:0 32px;}
.row {margin:0 -32px;}
ul {margin:0; padding-left:20px; color:var(--grey-700);}
ol {padding-left:20px; color:var(--grey-700);}
.dn {display:none!important;}
h1, h2, h3, h4, h5, h6 {margin:0; line-height:1.1; font-family:var(--nunito); color:var(--dark-blue); font-weight:800;}
h1 {font-size:80px;}
h2 {font-size:44px;}
h3 {font-size:24px;}
h4 {font-size:32px;}
h5 {font-size:26px;}
h6 {color:var(--grey-900);}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-weight:300;}
.flex {display:flex;}
.btn {padding:16px 48px; background:var(--light-blue); border:1px solid var(--light-blue); color:var(--white)!important; font-size:16px; font-family:var(--nunito); animation-delay: 0.9s; animation-name: zoomIn; transition: .5s; box-shadow: inset 0 0 0 50px transparent;}
.btn:hover {color:var(--black)!important; background:var(--btn-hover); box-shadow: inset 0 0 0 0 var(--light-blue);}
.btn.holo {background:transparent; border:1px solid var(--white);}
.btn.holo:hover {background:var(--white); box-shadow: inset 0 0 0 0 var(--white);}
#bodyinside p {font-size:17px; color:var(--grey-700); margin:0;}
#bodyinside ul {font-size:18px;}
#bodyinside ul li:not(:last-child){margin-bottom:16px;}
#bodyinside a {text-decoration:none; color:inherit;}
#bodyinside p a:not([class]) {text-decoration:underline;}
.check {display:flex; flex-wrap:wrap; padding-left:0;}
.check li {width:50%; font-size:20px; font-family:var(--nunito); font-weight:600; list-style:none; position:relative; padding-left:30px; color:var(--dark-blue);}
.check li:before {content:'\f00c'; position:absolute; font-family:"Font Awesome 5 Free"; left:0; top:0; color:var(--light-blue);}
.m-auto {margin:auto;}
.maxw-600 {max-width:600px;}
.maxw-700 {max-width:700px;}
.maxw-900 {max-width:900px;}
.getintouch {display: flex; gap: 10px; align-items: center; font-size: 16px; justify-content: space-between; background: var(--dark-blue); padding: 30px; color:var(--white);}
.getintouch h3 {color:var(--white);}
/* header */
header {position:sticky; top:0; padding:0;z-index:9999; font-family: var(--nunito);}
header.sticky .container-fluid {background:var(--white); box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px;}
header > .container-fluid {position: absolute; top: 0; left: 0;}
header .brand a {display:flex; font-size: 40px; text-decoration: none; font-weight: 800; color: var(--white);}
header.sticky .brand a {color: var(--light-blue);}
header .navbar-collapse ul {list-style:none; padding-left:0;}
header .navbar-collapse ul li a {text-decoration:none;}
.search-form {display: flex; align-items: center; margin:0;}
.search-submit {border: 0; background: none; padding: 0; display: flex; cursor:pointer;}
.search-submit:hover svg {filter: brightness(0) saturate(100%) invert(67%) sepia(44%) saturate(2874%) hue-rotate(154deg) brightness(86%) contrast(76%);}
.search-form input:-webkit-autofill {background-color::inherit;}
header ul.sub-menu li.menu-item-has-children > a {font-weight: 600; color: var(--black); gap: 8px; display: flex; align-items: center; font-size: 20px;}
header ul.sub-menu li.menu-item-has-children > a:before {content: ''; width: 6px; height: 7px; background: var(--red);}
header .menu-item-has-children ul {gap:20px; display:flex; margin-top:20px; flex-direction:column;}
header .menu-item-has-children ul li a {color:var(--dark-blue); font-weight:500; border-bottom:2px solid transparent;}
header .menu-item-has-children ul li:hover > a {border-color:var(--light-blue); color:var(--light-blue);}
header .current-page-parent.menu-item-has-children > a, header.sticky .current-page-parent.menu-item-has-children > a {color:var(--light-blue);}
header .current-page-parent.menu-item-has-children > a:after {border-color:var(--light-blue)!important;}
header .sub-menu .current-menu-item a {color:var(--light-blue);}
/* footer */
footer {background:var(--dark-blue);}
.addresscontent .card {width:25%; padding:24px;}
.addresscontent .card:first-child, .addresscontent .card:last-child {background:var(--light-blue);}
.card section .title {color: var(--white); font-size: 24px; font-weight: 700;}
.card section:has(.title) {margin-bottom:20px;}
.card section > p {color: var(--white); font-size: 24px; font-style: normal; font-weight: 600; line-height: 32px; margin: 0 0 20px;}
.card .textwidget {display:flex; gap:15px; flex-direction:column;}
.card section h4 {color:var(--white); padding-bottom:15px; position:relative; margin-top:30px;}
.card section h4:before {width: 90px; height: 3px; left: 0; bottom: 0; background: var(--light-blue); border-radius: 2px;position: absolute; content: "";}
.card section h4:after {width: 4px; height: 3px; bottom: 0; position: absolute; content: ""; background: var(--white); animation: section-title-run-sm 5s infinite linear;}
.addresscontent .card:first-child h4:before,
.addresscontent .card:last-child h4:before {background:var(--white);}
.addresscontent .card:first-child h4:after,
.addresscontent .card:last-child h4:after {background:var(--dark-blue);}
.card section ul {padding: 0; list-style: none; display: flex; flex-direction: column; gap: 5px; margin-top:15px;}
.card section li a {color: var(--white); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.1px; text-decoration: none;}
.card section li a:before {content: "\f061"; position:relative; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:10px;}
.card section li a:hover {color:var(--light-blue);}
.card section li.current-menu-item a {margin-left:10px; color:var(--light-blue);}
.navori-logo-footer {display: flex; flex-direction: column; gap: 10px;}
.navori-logo-footer p {font-size: 12px; margin:0}
footer .copyright {padding-top: 24px; border-top: 1px solid var(--white); color:var(--white);}
footer .social-icons {display: flex; gap: 20px; align-items:inherit;}
footer .social-icons a {display:inline-flex;}	
footer .social-icons a img {filter:brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(150deg) brightness(104%) contrast(103%);}
footer .social-icons a:hover img{filter:brightness(0) saturate(100%) invert(67%) sepia(44%) saturate(2874%) hue-rotate(154deg) brightness(86%) contrast(76%);}
.card .custom-html-widget p {color:var(--white); font-size:16px; margin:0;}
.card .custom-html-widget p i {margin-right:10px;}
.card .custom-html-widget img {filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(0%) hue-rotate(300deg) brightness(107%) contrast(100%);}
.vc_section .wpb_text_column:has(video) {overflow:hidden;}
.vc_section p:has(video) {margin:-45px 0;}
.getintouch {display:flex; gap:10px; align-items:center; font-size:16px;}
.getintouch img {width:20px; height: max-content;}
.getintouch a {color:var(--white); text-decoration:none; transition:all 1s;}
.getintouch a:hover {color:var(--light-blue);}
#bodyinside .subtitle {font-size:20px; font-family:var(--nunito); font-weight:800; color:var(--light-blue); text-transform:uppercase;}
/* testimonial */
#testimonial {overflow:hidden;}
#testimonial .slide {display:flex; gap:30px; transition:all 1s;}
#testimonial .slide .divTableRow {width:100%; min-width:438px; background:var(--light-grey); border-radius:20px; overflow:hidden;margin:0;}
#testimonial .slide .divTableRow img {max-height: 300px; aspect-ratio: 16 / 9; object-fit: contain; background: #efefef;}
#testimonial .slide .divTableRow h3 {padding:0 30px; margin-top:20px; margin-bottom:20px; color:var(--light-blue);}
#testimonial .slide .divTableRow p {padding:0 30px 20px;}
/* home */
#banner {background: url(/wp-content/uploads/2025/09/banner.jpg) no-repeat center center; background-size: cover; height: 100vh; max-height: 1076px; position:relative;}
#banner:before {background:rgba(9, 30, 62, .7); position:absolute; width:100%; height:100%; content:''; top:0; left:0;}
#banner .wpb_raw_code:has(h1) {z-index:1; margin: auto; max-width: 870px; text-align:center;}
#banner h1 {color:var(--white);}
#banner h1+div {display: inline-flex; gap: 30px; margin: auto;}
.whyus {align-items:center;}
.whyus .vc_col-sm-4:has(.wpb_raw_html) {gap:50px;}
.whyus p:has(i) {width:60px; height:60px; background:var(--light-blue); display:inline-flex; align-items:center; justify-content:center;}
.whyus p i {color:var(--white);}
.service {display:flex;}
.service .vc_col-sm-4:has(.box) {background:var(--light-grey); justify-content: center;}
.service .box {padding:60px 30px; text-align:center;}
.service .box label {background:var(--light-blue); width:60px; height:60px; display:inline-flex; align-items:center; justify-content:center; margin:auto; transform:rotate(45deg);}
.service .box label i {color:var(--white); transform:rotate(-45deg);}
.service .vc_col-sm-4:has(.box.blue) {background:var(--light-blue);}
.service .box.blue h3, .service .box.blue p {color:var(--white)!important;}
.service .box.blue span {font-size:32px; color:var(--white)!important; font-family:var(--nunito); font-weight:800;}
#filter-section ul,
#filter-slide ul {list-style:none; padding:0; display:flex; justify-content:center; gap:20px; align-items:center;}
#filter-section ul li,
#filter-slide ul li {margin:0 !important; padding:10px 20px; background:var(--light-blue); color:var(--white); cursor:pointer;}
#filter-section .products,
#filter-slide .products {display:flex; gap:30px; flex-wrap:wrap; margin-top:30px;}
#filter-section .product {display: flex; width: calc(33.3333% - 20px); flex-direction: column; gap: 20px; background: var(--light-grey); overflow: hidden; transition:all 1s; padding: 40px; border-radius: 20px;}
#filter-section .product.hide {width:0; height:0; display:none;}
#filter-section .product h3, #filter-section .product a {text-align:center;}
#filter-section .product div {display: inline-flex; padding: 10px 20px; width: max-content; background: var(--dark-blue); color: var(--white); text-transform: uppercase; font-size: 14px; border-radius: 50px;}
.journery-heading {position:sticky; top:98px; height:60vh;}
section:has(.journey) {background: var(--light-grey);}
.journey ul {list-style:none; padding:0;}
.journey ul li {width:48%; text-align:right; position:sticky; position: -webkit-sticky;}
.journey ul li div {float: right; margin-left: 20px; font-size: 50px; color: var(--light-blue); font-weight: 800; font-family: var(--nunito); line-height: 1;}
.journey ul li:nth-child(even) div {float: left; margin-left: 0px; margin-right: 20px;}
.journey ul li:nth-child(even) {margin-left:auto; text-align:left;}
.journey ul li:nth-child(1) {top:200px; height:40vh;}
.journey ul li:nth-child(2) {top:250px; height:35vh;}
.journey ul li:nth-child(3) {top:300px; height:30vh;}
.journey ul li:nth-child(4) {top:350px; height:25vh;}
.journey ul li:nth-child(5) {top:400px; height:20vh;}
.journey ul li:nth-child(6) {top:450px; height:15vh;}
.journey ul li:nth-child(7) {top:500px; height:10vh;}
.quote .box {background:var(--light-blue); padding:50px;justify-content:center;}
.quote .box > div { align-items:center; }
.quote .box h3, .quote .box p {color:var(--white)!important;}
.quote .box span {font-size: 32px; color: var(--white) !important; font-family: var(--nunito); font-weight: 800;}
#filter-section .slide {display:flex; gap:30px; transition:all 1s;}
#filter-section .slide .product {min-width:438px;}
#filter-section div:has( > .slide) {overflow:hidden;}
/* other pages */
body:not(.home) #banner {max-height:400px;}
/* Service */
#services > .vc_row:not(:last-child) {border-bottom: 2px dashed var(--light-blue); padding-bottom: 30px;}
#services .vc_col-sm-8 a {display:inline-flex;}
#services .vc_col-sm-4 img {object-fit: cover; aspect-ratio: 16 / 9; max-height: 250px;}
/* job */
#banner.job-detail {background:url(/wp-content/uploads/2025/09/career-banner.jpg) no-repeat center center}
#banner .banner-title {font-size: 80px; color: var(--white); margin: auto; z-index: 1;}
.inner-detail h1 {margin: auto; text-align: center; margin-top: 50px;}
.inner-detail .detail {max-width: 1440px; padding: 30px; margin: auto; border: 2px solid var(--light-blue); margin-bottom: 100px; margin-top: 50px; border-radius: 20px;}
.inner-detail .detail > h2 {margin: 0 32px;}
.divTable {display: table; width: 100%; background: var(--light-grey); border-top: 1px solid #D0DBE0; border-right: 1px solid #D0DBE0;}
.divTableHeading {display: table-header-group;}
.divTableBody {display: table-row-group;}
.divTableRow {display: table-row;}
.divTableCell, 
.divTableHead {display: table-cell; padding: 17px 24px;  border-bottom: 1px solid #D0DBE0; border-left: 1px solid #D0DBE0;}
.divTableHead {font-weight: bold; font-family:var(--nunito);}
.divTableCell a {border-bottom:1px solid var(--light-blue);}
/* testimonial */
#testimonials  {display: flex; gap: 32px; flex-wrap: wrap;}
#testimonials .test-slide {width: calc(33.333% - 22px); border-radius: 20px; overflow: hidden; border: 2px solid var(--light-grey); background: var(--light-grey); display: flex; gap: 20px; flex-direction: column;}
#testimonials .test-slide img {max-height: 300px; aspect-ratio: 16 / 9; object-fit: contain; background: #efefef;}
#testimonials .test-slide h3 {padding:0 20px;}
#testimonials .test-slide p {padding:0 20px 20px;}
/* contact */
#quick {display: flex; flex-direction: column; gap: 20px;}
#quick .full {width: 100%; display: flex; flex-direction: column; position:relative;}
#quick input, #quick select {border: 0; font-size: 20px; border-bottom: 1px solid var(--dark-blue); outline: none; height: 30px; z-index: 1; background: transparent;}
#quick textarea {font-size: 20px; border: 1px solid var(--dark-blue); outline: none; min-height: 80px; z-index: 1; background: transparent;}
#quick label {position: relative; bottom: -30px; transition:all .5s; color:var(--light-blue);}
#quick .full:has( > textarea) label {left:5px;}
#quick div:has( > input:valid) label, #quick div:has( > input:focus) label {bottom:0;}
#quick div:has( > textarea:valid) label, #quick div:has( > textarea:focus) label {bottom:0;}
#quick div:has( > select:valid) label, #quick div:has( > select:focus) label {bottom:0;}
#quick .error {position: absolute; bottom: 0; font-size: 16px; color: red; right: 0;}
#quick label sup {color:red;}
.addresscont {justify-content:center;}
.addresscont .support {display:flex; gap:10px;}
.addresscont .support > div {width: calc(50% - 5px); display: flex; flex-direction: column; gap: 10px; align-items: center;}
.addresscont .support h4 {font-size:20px; color:var(--light-blue);}
.addresscont .support span {display: flex; width: 120px; height: 120px; align-items: center; justify-content: center; background: var(--light-blue); border-radius: 100%; font-size: 40px; color: var(--white);}
.Team {display:flex; gap:30px; flex-wrap:wrap;}
.Team .member {width: calc(25% - 23px);height: 300px;border-radius: 80px 0px 80px 0;justify-content: end;display: flex;flex-direction: column;padding:20px;gap:20px;transition:all 1s;position:relative;z-index: 0;overflow: hidden;}
.Team .member:hover {border-radius: 0px 40px 0px 40px;}
.Team .member > div {position: absolute;width: 100%;height: 100%;left:0;top:0;mix-blend-mode:multiply;z-index: -1;background-size: cover!important;}
.Team .member > div::after{width:100%; height:100px; position:absolute; content:''; bottom: 0; z-index: 1; background: rgba(0,0,0,0.1);}
.Team .member:nth-child(even) {background: var(--light-blue); color:var(--white);}
.Team .member:nth-child(odd) {background:var(--light-grey); }
.Team .member:nth-child(even) h3, .Team .member:nth-child(even) h4 {color:inherit;}
.Team .member h4 {font-size: 22px;font-style: italic;}
/* faq */
.vc_toggle {border-radius: 6px; border: 1px solid #DAE0E6; background: var(--white); padding: 12px 24px; cursor: pointer;}
.vc_toggle .vc_toggle_content {display:none; margin-top:20px;}
.vc_toggle .vc_toggle_icon::before {height: 10px; width: 4px;}
.vc_toggle .vc_toggle_title {display: flex; justify-content: space-between; gap: 10px; align-items: center;}
.vc_toggle .vc_toggle_title h4 {color:var(--light-blue);}
.vc_toggle .vc_toggle_title i {height: 4px; width: 10px; background: var(--light-blue); position: relative;}
.vc_toggle .vc_toggle_title i::after {width: 10px; height: 4px; content: ''; background: var(--light-blue); display: block;}
.vc_toggle.vc_toggle_active .vc_toggle_title i::after {transform: rotate(90deg);}
/* project */
.projects-template-default .img-cover img {max-width:100%;}
/* feature */
.features .vc_row:has(.vc_col-sm-3) {align-items: center; border-bottom: 1px dashed var(--light-blue); padding-bottom: 30px;}
.features .vc_row.last:has(.vc_col-sm-3) {border:0;}
.features .vc_row h3 {color:var(--light-blue);}
/* search */
.link-list {display:flex; flex-direction:column; gap:20px;}
.link-list a:not(:last-child) {border-bottom: 1px dashed var(--light-blue); padding-bottom: 20px;}
/* slider */
section:has(#slider) {padding:0; overflow:hidden;}
.vc_row:has(#slider) {max-width:unset; padding:0;}
#slider {position:relative; width:100%; display:flex; transition:all 2s;}
#slider .slide:before {background: rgba(9, 30, 62, .7); position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0;}
#slider .slide {height: 100vh; max-height: 1076px; position: relative; display:flex; min-width:100vw;}
.slide > div {z-index: 1; margin: auto; max-width: 870px; text-align: center; display: flex; flex-direction: column; gap: 20px;}
.slide > div h1 {color:var(--white);}
.slide > div h1+div {display: inline-flex; gap: 30px; margin: auto;}
/* Extra small devices (phones) */
@media (max-width: 575.98px) {
	#bodyinside {overflow:hidden;}
	#bodyinside p, #bodyinside ul {font-size:16px;}
	footer .card:has(.custom-html-widget) {max-width:100%; width:100%;}
	/* home */
	.journery-heading {height:unset;}
	.journey ul li {width:100%; height:max-content !important; text-align:left;}
	.journey ul li div {float:left; margin-right: 20px;}
	.whyus .vc_col-sm-4:has(.wpb_raw_html){width:100%;}
	#testimonials .test-slide {width:100%;}
	.divTable.joblist{overflow: auto; display: block;}
	.Team .member {width:100%}
	.slide > div h1+div {flex-direction:column;}
}
@media (max-width: 479.98px) {
	h1 {font-size:24px; line-height:30px;}
	h2 {font-size:22px; line-height:28px;}
	.aligncenter h2, h3 {font-size:20px; line-height:26px;}
}
@media (min-width: 480px) and (max-width: 575.98px) {
	h1 {font-size:32px; line-height:44px;}
	h2 {font-size:26px; line-height:42px;}
	.aligncenter h2, h3 {font-size:24px; line-height:32px;}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	#bodyinside {overflow:hidden;}
	h1 {font-size:40px; line-height:50px;}
	h2 {font-size:30px; line-height:42px;}
	.aligncenter h2, h3 {font-size:26px; line-height:34px;}
	footer .addresscontent .card {width:calc(50% - 15px);}
	footer .card:has(.custom-html-widget) {max-width:100%;}
	#testimonials .test-slide {width:100%;}
	.Team .member {width:calc(50% - 15px);}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	h1 {font-size:48px; line-height:60px;}
	h2 {font-size:34px; line-height:42px;}
	.aligncenter h2, h3 {font-size:28px; line-height:36px;}
	footer .addresscontent .card {width:calc(50% - 20px);}
	footer .card:has(.custom-html-widget) {max-width:100%;}
	#testimonials .test-slide {width: calc(50% - 16px);}
	.addresscont .support {flex-direction:column; align-items:center;}
	.addresscont .support > div {width:100%;}
	.Team .member {width:calc(50% - 15px);}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1249.98px) {
	h1 {font-size:54px; line-height:66px;}
	h2 {font-size:38px; line-height:42px;}
	.aligncenter h2, h3 {font-size:28px; line-height:36px;}
	.aligncenter h2 {margin-right:10%;}
	header .navbar-collapse.collapse > ul, 
	header .navbar-collapse.collapse, 
	header #desktop .buttonsnav {gap:15px}
	header .navbar-collapse.collapse a {font-size:16px; padding: 8px 5px !important;}
	.btn, .btn-holo {font-size:16px;}
	.btn a, .btn-holo a { padding:8px 20px;}
	header .brand a img {width: 140px; height: auto;}
	footer .addresscontent {gap:30px 0;}
	footer .addresscontent .card {width:calc(33.33% - 20px);}
	.addresscont .support {flex-direction:column; align-items:center;}
	.addresscont .support > div {width:100%;}
	.Team .member {width:calc(33.3333% - 20px);}
}
@media (min-width: 1250px) and (max-width: 1499.98px) {
	header .navbar-collapse.collapse > ul, header #desktop .buttonsnav {gap:20px;}
	header .navbar-collapse .Mega-menu > a {font-size:18px;}
	.navori-logo-footer {align-items:center}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1500px) {
	
}
/* for navigation */
@media (max-width: 767.98px) {
	.contactdivider {display:none;}
}
@media (max-width: 991.98px) {
	.top-sec, header #desktop {display:none;}
	.top-mobile-sec {display: flex; align-items: center; width: 100%; justify-content: center; gap: 10px; padding: 15px 32px; font-size: 16px; min-height: 51px; color: var(--white); background:var(--dark-blue);}
	.top-mobile-sec img {width: 20px; height: 20px; filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(0%) hue-rotate(300deg) brightness(107%) contrast(100%);}
	.top-mobile-sec a {color: var(--white); text-decoration: none;}
	#mobile .first {display: flex; align-items: center; justify-content: space-between;}
	.navbar-toggle {background:none; border:0; padding:0; cursor:pointer; display:flex; gap:5px; flex-direction:column;}
	.navbar-toggle span {width: 30px; height: 1px; background: var(--light-blue); border: 1px solid var(--light-blue); transition: all 0.5s; position:relative;}
	.navbar-toggle span:nth-child(1) {transform: rotate(0deg); top: 0px;}
	.navbar-toggle span:nth-child(2) {opacity:1;}
	.navbar-toggle span:nth-child(3) {transform: rotate(0deg); top: 0px;}
	#mobile {position:relative;}
	#mobile .first.show .navbar-toggle span:nth-child(2) {opacity:0;}
	#mobile .first.show .navbar-toggle span:nth-child(1) {transform: rotate(45deg); top: 8px;}
	#mobile .first.show .navbar-toggle span:nth-child(3) {transform: rotate(-45deg); top: -5px;}
	#mobile .second {position: absolute; top: 60px; height: calc(100vh - 67px); width: calc(100% + 64px); left: calc(-100vw - 32px); padding: 19px 32px; background: var(--white); transition:all 0.5s; overflow-x:auto;}
	#mobile .first.show+.second {left:-32px;}
	#mobile .second ul {list-style:none; padding-left:0; display:flex; flex-direction:column; gap:10px; width:100%;}
	#mobile .second ul li a	{font-weight: 600; color: var(--dark-blue);}
	header .menu-item-has-children ul {margin-top:10px;}
	#mobile .second .buttonsnav {display: flex; gap: 10px; margin-top: 10px; flex-direction:column;}
	#mobile .second .buttonsnav > div {margin-right:auto;}
	#mobile .second a {text-decoration: none;}
	.search-form {position:relative; margin-top:10px;}
	.search-form:has(input:not(.dn)){background: #F2F4F7;border-radius: 10px; padding-right:10px;}
	.search-form input {outline: none; background:inherit; border: 0; height: 44px; width: 100%; z-index: 1; border-radius: 10px; padding: 0 10px;}
	header .Mega-menu.menu-item-has-children {display:flex; flex-direction:row-reverse; flex-wrap:wrap; position:relative; padding-right:10%;}
	header .second .Mega-menu.menu-item-has-children::before {content:'+'; position:absolute; width:10%; font-weight:600; text-align:center; font-size:20px; right:0;}
	header .second .Mega-menu.menu-item-has-children > a {width:100%;}
	#mobile .second .Mega-menu > ul {display:none;}
	#mobile .second .Mega-menu.minus > ul {display:flex;}
	header .second .Mega-menu.minus.menu-item-has-children::before {content:'-';}
	/* footer */
	footer {padding:32px 0;}
	footer .addresscontent {display:flex; gap:30px; flex-wrap:wrap;}
	footer .copyright {margin-top: 30px; display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center;}
	.getintouch {flex-direction: column; text-align: center; gap: 20px;}
	/* serice */
	.features .vc_row {flex-direction:column;}
	.features .vc_row .vc_col-sm-3, .features .vc_row .vc_col-sm-9 {width:100%;}
	.features .vc_row:has(.vc_col-sm-9:first-child) {flex-direction:column-reverse;}
}
@media (min-width: 992px) {
	.top-mobile-sec {display:none;}
	.top-sec {display:flex; align-items:center; width:100%; justify-content:space-between; gap:48px; padding:15px 32px; font-size:16px; min-height:51px; background:var(--dark-blue);}
	.top-contact {display: inline-flex; gap: 20px; align-items: center; color: var(--white);}
	.top-contact > div {display: inline-flex; gap: 5px;}
	.top-contact img {width: 20px; height:20px; filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(0%) hue-rotate(300deg) brightness(107%) contrast(100%);}
	.top-contact a {color:var(--white); text-decoration:none;}
	.top-sec .social-icons {display:flex; gap:15px; align-items:center}
	.top-sec .social-icons a {display:inline-flex;}
	.top-sec .social-icons a img {filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(0%) hue-rotate(300deg) brightness(107%) contrast(100%);}
	header #mobile {display:none;}
	/* header */
	header #desktop {display: flex; align-items: center; justify-content: space-between;}
	header .navbar-collapse, #desktop .buttonsnav {display:flex; gap:30px;}
	header .navbar-collapse {position:relative;}
	header .navbar-collapse > ul {display: flex; flex-direction: row; gap: 30px;}
	header .navbar-collapse > ul > li {display:inline-flex}
	header .navbar-collapse > ul > li > a {padding:28px 10px; color:var(--white); font-weight:600; position:relative;}
	header .navbar-collapse form button svg {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(23deg) brightness(102%) contrast(101%);}
	header.sticky .navbar-collapse > ul > li > a {color:var(--dark-blue);}
	header.sticky .navbar-collapse form button svg {filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(4595%) hue-rotate(163deg) brightness(100%) contrast(107%);}
	header .navbar-collapse > ul > li > a:before {position: absolute; content: ""; width: 0px; height: 2px; bottom: 0px; left: 50%; background: var(--light-blue); transition: 0.5s;}
	header .navbar-collapse > ul > li.menu-item-has-children > a:after {position: relative; content: ''; border-bottom: 2px solid var(--white); width: 5px; height: 5px; display: inline-flex; border-right: 2px solid var(--white); transform: rotate(45deg); left: 10px; top: -5px;}
	header.sticky .navbar-collapse > ul > li.menu-item-has-children > a:after {border-bottom-color:var(--dark-blue);border-right-color:var(--dark-blue);}
	header .navbar-collapse > ul > li > a:hover, 
	header .navbar-collapse > ul > li:has(ul:hover) > a, 
	header .navbar-collapse > ul > li.current-menu-item > a {color:var(--light-blue);}
	header .navbar-collapse > ul > li.current-menu-item > a:before {position: absolute; content: ""; width: 100%; height: 2px; bottom: 0px; left: 0; background: var(--light-blue); transition: 0.5s;}
	header .navbar-collapse > ul > li > a:hover:before{width: 100%; left: 0px;}
	header .search-form input {outline: none; border: 0; position: absolute; height: 100%; left: -2%; width: 104%; z-index: 1; border-radius: 10px; padding: 0 47px 0 10px; color:var(--white); background:var(--light-blue);}
	header .search-form input::placeholder {color:var(--white);}
	header .search-form:has(input:not(.dn)) button svg {filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(150deg) brightness(104%) contrast(103%);}
	header .search-submit {z-index:2;}
	header .navbar-collapse > ul > li:has(a+ul.sub-menu) {position:relative}
	header .navbar-collapse > ul > li > a+ul.sub-menu {position: absolute; width: max-content; display: none; margin-top: 0; top: 75px; padding: 25px 40px; left: -22px; box-shadow: 0px 8px 8px 0px rgba(16, 24, 40, 0.08); border-radius: 0 0 20px 20px; background:var(--white);}
	header .navbar-collapse > ul > li:hover > a+ul.sub-menu {display:flex;}
	/* footer */
	footer {padding:0 0 32px;}
	footer .container {display:flex; flex-direction:column;}
	footer .addresscontent {display:flex; flex-wrap:wrap; justify-content:space-between;}
	footer .copyright {display:flex; justify-content:space-between; align-items:center;}
}