/*
Theme Name:cubiclescoders
Theme URI:https://#/
Author:cubiclescoders Team
Author URI:https://ecommerce.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:20px;}
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: 14px; text-decoration: none; font-weight: 800; color: var(--white); flex-direction:column; align-items:center; gap:3px;}
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; font-size:32px;}
.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 {background: var(--light-grey); border-radius: 20px; overflow: hidden; margin: 0; min-width: calc(100% / 3 - 20px); max-width:calc(100% / 3 - 20px);}
#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;}
.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;}
#bodyinside #pricing .vc_tta-tabs-list {display: flex; align-items: center; justify-content: center; padding:0 0 20px; margin:0;}
#bodyinside #pricing .vc_tta-tabs-list li {margin:0;}
#bodyinside #pricing .vc_tta-tabs-list li a {background:none; border:1px solid var(--dark-blue); padding:10px 25px; border-radius:0; color:var(--dark-blue);}
#bodyinside #pricing .vc_tta-tabs-list li.vc_active a {background: var(--dark-blue); color: var(--white);}
#bodyinside #pricing .vc_tta-tabs-list li.vc_active a:after {width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--dark-blue); content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; z-index: 9;}
#bodyinside #pricing .vc_tta-tabs-list li.vc_active a:before {display:none;}
#bodyinside #pricing .vc_tta-panels {background: none; border: 0;}
#bodyinside #pricing .price {justify-content:center; display:flex;}
#bodyinside #pricing .price > div {width: 25%; border: 1px solid var(--light-blue); background: var(--light-blue); border-radius: 20px; overflow: hidden;}
#bodyinside #pricing .price .wpb_raw_code > div {display: flex; flex-direction: column; gap: 20px; align-items: center; background:var(--white); padding-top:20px;}
#bodyinside #pricing .price .wpb_raw_code > div > a {margin:auto;}
#bodyinside #pricing .price .wpb_raw_code .inner {display: flex; width: 100%; padding: 20px; background:var(--light-blue);}
#bodyinside #pricing .price .wpb_raw_code .inner .check {width: 100%; flex-direction: column;}
#bodyinside #pricing .price .check li {color:var(--white); width:100%;}
#bodyinside #pricing .price .check li:before {color:var(--white);}
#bodyinside #pricing .price .wpb_raw_code > div > span,
#bodyinside #pricing .price .wpb_raw_code > div > h3,
#bodyinside #pricing .price .wpb_raw_code > div > p {margin: 0 20px;}
#bodyinside #pricing .price .wpb_raw_code > div > span {color: var(--light-blue); text-transform: uppercase; font-weight: bold;}
#bodyinside #pricing .vc_tta-panels-container .vc_tta-panel-heading {display:none;}
#bodyinside #pricing .vc_tta-panels-container .vc_tta-panel-body {background:none; border:0; padding:0;}
#faq .vc_toggle {border: 1px solid var(--black); padding: 20px;}
#faq .vc_toggle .vc_toggle_title {display: flex; flex-direction: row; justify-content: space-between; gap: 10px; align-items: center;}
#faq .vc_toggle .vc_toggle_title i:after {content: "\f078"; position: relative; font-family: "Font Awesome 5 Free"; color: var(--light-blue); font-weight: bold; font-style: normal;}
#faq .vc_toggle .vc_toggle_content {overflow: hidden; display: none; flex-direction: column; gap: 20px;}
#faq .vc_toggle.vc_toggle_active .vc_toggle_content {height:auto; padding-top: 20px; display: flex!important;}
#faq .vc_toggle.vc_toggle_active .vc_toggle_title i {transform:rotate(180deg);}

#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;}
#filter-section .slide {display:flex; gap:30px; transition:all 1s;}
#filter-section .slide .product {min-width:438px;}
#filter-section div:has( > .slide) {overflow:hidden;}
/* 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);}
/* 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; aspect-ratio:16/5}
div:has( > #slider) {position:relative;}
div:has( > #slider):after {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;} */
#slider .slide {position: relative; min-width: 100%; aspect-ratio: 16 / 5;}
.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;}
/* gallery */
.galllery {background:var(--light-grey); border-radius:20px; overflow:hidden; border: 2px solid var(--light-grey); gap:0;}
.galllery h3 {padding: 20px; background: var(--white); border-bottom: 2px solid var(--light-grey);}
.galllery .Template-gallery {display: flex; padding: 20px 30px; flex-wrap: wrap; gap: 20px;}
.galllery .Template-gallery .template {width:calc(25% - 15px); height: 260px; overflow: hidden; background-repeat: no-repeat; background-size: 100%; transition: background-position 4s ease-out 0s; -webkit-transition: background-position 4s ease-out 0s; -moz-transition: background-position 4s ease-out 0s; -ms-transition: background-position 4s ease-out 0s; -o-transition: background-position 4s ease-out 0s; border-radius: 20px; border: 1px solid var(--grey-700); position:relative;}
.galllery .Template-gallery .template:hover {background-position: center 100%;}
.galllery .Template-gallery .template a {position: absolute; opacity: 1; display: flex!important; bottom: 10px; right: 10px; color: var(--white) !important; font-weight: 600; border-radius: 6px; padding: 7px 12px; background: var(--btn-hover); font-size: 12px; transition: all .3s ease-in-out; justify-content: center;}
.galllery .Template-gallery .template:hover a {opacity:1;}
/* 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%;}
/* 	#testimonials .test-slide {width:100%;} */
	#bodyinside #pricing .price > div {width:100%;}
	.vc_tta.vc_tta-tabs .vc_tta-tabs-container {display:block!important;}
	.galllery .Template-gallery .template {width:100%}
	#testimonial .slide .divTableRow {min-width:100%; max-width:100%;}
}
@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%;} */
	#bodyinside #pricing .price > div {width:100%;}
	.vc_tta.vc_tta-tabs .vc_tta-tabs-container {display:block!important;}
	.galllery .Template-gallery .template {width:calc(50% - 10px);}
	#testimonial .slide .divTableRow {min-width:calc(100% / 2 - 15px); max-width:calc(100% / 2 - 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%;}
	#bodyinside #pricing .price > div {width:50%;}
	.galllery .Template-gallery .template {width:calc(50% - 10px);}
	#testimonial .slide .divTableRow {min-width:calc(100% / 2 - 15px); max-width:calc(100% / 2 - 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%;}
	#bodyinside #pricing .price > div {width:40%;}
}
@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;}
	.check {flex-direction: column;}
	.check li {width:100%;}
}
@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;}
}
@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;}
}