/*
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;
	--light-green:#d0eadc;
	--green:#00973f;
	--main-font:"Rubik", sans-serif; 
	--nunito:"Nunito", sans-serif; 
	scroll-behavior:smooth;
	--grey-700:#979797;
	--light-grey:#f0f6f9;
	--blue: #0069ff;
	--dark-blue: #162d42;
	--orange:#faa331;
}
@keyframes slide {
  0%   { transform: translateY(0); }
  10%  { transform: translateY(0); }

  15%  { transform: translateY(-100%); }
  25%  { transform: translateY(-100%); }

  30%  { transform: translateY(-200%); }
  40%  { transform: translateY(-200%); }

  45%  { transform: translateY(-300%); }
  55%  { transform: translateY(-300%); }

  60%  { transform: translateY(-400%); }
  70%  { transform: translateY(-400%); }

  75%  { transform: translateY(-500%); }
  85%  { transform: translateY(-500%); }

  90%  { transform: translateY(-600%); }
  100% { transform: translateY(-700%); }
}
@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);}
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);}
.flex {display:flex;}
a {text-decoration:none;}
.btn {padding:10px 20px; background:var(--light-green); border:1px solid var(--light-green); color:var(--green); font-size:16px; font-family:var(--nunito); animation-delay: 0.9s; animation-name: zoomIn; transition: .5s; box-shadow: inset 0 0 0 50px transparent; border-radius:10px; font-weight:700; cursor:pointer;}
.btn:hover {color:var(--white); background:var(--green); box-shadow: inset 0 0 0 0 var(--light-green); border-color:var(--green);}
.btn.blue {background:var(--blue); border-color:var(--blue); color:var(--white);}
.btn.blue:hover {background:var(--white); color:var(--blue); box-shadow: inset 0 0 0 0 var(--blue);}
.btn.blue.holo {background:var(--white); border-color:var(--blue); color:var(--blue);}
.btn.blue.holo:hover {background:var(--blue); color:var(--white); box-shadow: inset 0 0 0 0 var(--white);}
/* header */
header {position: sticky; top: 0; padding: 0; z-index: 9999; font-family: var(--nunito);}
header > .container-fluid {background: var(--white); box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px; padding-top:16px; padding-bottom:16px;}
header a {text-decoration:none;}
header .brand a {display: flex; font-size: 14px; text-decoration: none; font-weight: 800; color: var(--green); flex-direction: row; align-items: center; gap: 10px;}
header .navbar-collapse li a {color:var(--black);}
header .navbar-collapse li.current-menu-item a {color: var(--green);}
header .navbar-collapse li .sub-menu {display: none; flex-wrap: wrap; position: absolute; width: 245px; list-style: none; padding: 14px; background: var(--green); gap: 10px; border-radius: 0px 0px 10px 10px; top: 51px;}
header .navbar-collapse li:has(.sub-menu) > a::after {content:'\f078'; font-weight: 900; font-family: "Font Awesome 5 Free"; font-size:14px;}
header .navbar-collapse li:has(.sub-menu) > a {color: var(--black); display: flex; gap: 10px; align-items:center;}
header .navbar-collapse li:has(.sub-menu):hover > a+ul {display:flex;}
header .navbar-collapse li .sub-menu a {color:var(--white);}
/* footer */
footer {background:var(--dark-blue); color: var(--white);}
footer .addresscontent {display:flex; gap:30px;}
footer .addresscontent .card {width:calc(100% / 4); margin-top:50px;}
footer .footerlogo p {margin: 0; font-size: 10px !important; font-family: var(--main-font) !important;}
footer .card p {font-size: 16px; font-family: 'Nunito';}
footer .card #menu-services {list-style: none; padding: 0; display: flex; flex-direction: column; gap: 10px; margin-top: 20px; font-size: 16px; font-family: 'Nunito';}
footer .card #menu-services li a {color:var(--white);}
footer .card #menu-services li a:hover {color:var(--orange);}
footer .footer-mobile {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
footer .footer-mobile a {color:var(--white);}
footer .footer-mobile a:hover {color:var(--orange);}
footer .social-icons {display: flex; align-items: center; gap: 15px;}
footer .social-icons a {display:inline-flex;}
footer .social-icons img {filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(1818%) hue-rotate(183deg) brightness(107%) contrast(102%);}
footer h4 {display: flex; align-items: center; gap: 10px; color: var(--white);}
footer h4::before {background:var(--orange); width:40px; height:4px; border-radius:20px; content:'';}
footer .copyright .inner {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; border-top: 1px solid var(--grey-700); padding-top: 30px; margin-top: 30px; align-items: center; font-family:'Nunito'; font-size:16px; padding-bottom:30px;}
footer .copyright p {margin:0;}
footer .copyright ul {padding: 0; list-style: none; display:flex; flex-wrap:wrap; gap:20px;}
footer .copyright ul li a {color:var(--white);}
footer .copyright ul li a:hover {color:var(--green);}
div:has(> .badge) {display:flex; gap:20px; flex-direction:column;}
.badge {display: flex; gap: 20px;}
.badge .icon {display: inline-flex; padding: 15px; color: var(--orange); background: rgba(255, 255, 255, .1); border-radius: 10px; height: max-content;}
.badge .detail {display:flex; gap:10px; flex-direction:column;}
.badge .detail span {color:var(--grey-700);}
.badge .detail p {margin:0;}
/* heading */
h1 span, h2 span {font-weight:bold; color:var(--green);}
.sub-title {color: var(--blue);}
/* home */
#banner {background:var(--light-grey);}
#banner h1 {font-weight:500;}
#banner p {margin:0; max-width:600px;}
#banner > div {align-items:center;}
#banner .left label {background: var(--light-green); width: max-content; padding: 10px 20px; border-radius: 50px; border: 1px solid var(--green); font-size: 15px; display: inline-flex; color: var(--green); align-items: center; gap: 10px;}
#banner .left label i {border: 2px solid var(--green); border-radius: 100%; padding: 4px; font-size: 10px;}
#banner .left .bannerbtn {display:flex; gap:20px;}
#banner .left ul {display: flex; gap: 20px;list-style: none; padding: 0;}
#banner .left ul li {font-size: 14px; color: var(--black); background: var(--white); padding: 10px 20px; border-radius: 10px;}
#banner .left ul li::before {content: "\f00c"; font-weight: 900; font-family: "Font Awesome 5 Free"; margin-right: 10px; color: var(--green); border: 1px solid var(--green); border-radius: 20px; padding: 4px; font-size: 10px;}
#banner .right > div {background: linear-gradient(128deg, rgba(29, 195, 224, 1) 52%, rgba(0, 151, 63, .6) 100%); padding: 30px; border-radius: 20px; color: var(--white);}
#banner .right .word-rotate {background: rgba(255, 255, 255, 0.2); padding: 10px 20px; margin-top:12px;}
#banner .right .word-rotate span {font-weight: 400; color: #fff; display: block; font-size: 30px; word-wrap: break-word; position: absolute; opacity: 0; transition:all 2s;}
#banner .right .word-rotate span.show {position: relative; opacity: 1;}
#counter {background:#fcfdfa}
#counter .vc_col-sm-3 {text-align:center;}
#counter .vc_col-sm-3 .vc_icon_element-icon {border: 1px solid var(--light-grey); padding: 10px; border-radius: 20px; box-shadow: rgba(16, 24, 40, 0.04) 0px 0px 14px 6px;}
#counter .vc_col-sm-3:nth-child(1) .vc_icon_element-icon,
#counter .vc_col-sm-3:nth-child(4) .vc_icon_element-icon {color:var(--blue)}
#counter .vc_col-sm-3:nth-child(2) .vc_icon_element-icon {color:var(--green)}
#counter .vc_col-sm-3:nth-child(3) .vc_icon_element-icon {color:var(--orange)}
#counter p {margin:0; color:var(--grey-700);}
#registered {background:var(--dark-blue);}
#registered h2 {max-width: 560px; margin: auto; color: var(--white)}
#registered h2 span {color:var(--orange);}
#registered ul {list-style: none; padding: 0; display: flex; gap: 20px; flex-wrap: wrap;}
#registered ul li {width: calc(50% - 10px); color: var(--white); display: inline-flex; align-items: center; gap: 15px;}
#registered ul li span {width: 40px; height: 40px; border-radius: 10px; background: var(--orange); padding: 5px; align-items: center; display: flex; justify-content: center; font-size: 15px;}
#registered ol {list-style: none; padding: 0; margin-left: auto; display: flex; gap: 10px; flex-wrap: wrap; margin-right: auto;}
#registered ol li {padding: 10px 20px; font-size: 14px; background: rgba(255, 255, 255, 0.2); color: var(--white); border-radius: 24px; display: inline-flex; align-items: center; gap: 10px;}
#registered ol li i {color:var(--orange);}
#weprocess div:has(.sub-title) p {margin:auto; max-width:800px;}
#weprocess .service .vc_col-sm-3 {border: 2px solid #d9dadb; box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px; padding: 20px; border-radius: 20px; text-align:center; position:relative; background:var(--white);}
#weprocess .service .vc_col-sm-3 p {margin: 0; font-family: 'Nunito'; font-size: 16px;}
#weprocess .service .vc_col-sm-3 .vc_icon_element-icon {background: var(--light-grey); padding: 25px; border-radius: 10px; color: var(--blue);}
#weprocess .service .vc_col-sm-3 .step {color:var(--blue);}
#weprocess .service .vc_col-sm-3:not(:last-child)::after {content: ''; width: 100%; height: 2px; position: absolute; top: 20%; right: -50%; background: #d9dadb; z-index:-1;}
#whyus div:has(.sub-title) h2 {max-width:800px;}
#whyus div:has(.sub-title) p {max-width:890px; margin:0;}
#whyus .service .vc_col-sm-3 {border: 2px solid #d9dadb; box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px; padding: 20px; border-radius: 20px; position:relative; background:var(--white);}
#whyus .service .vc_col-sm-3 p {margin: 0; font-family: 'Nunito'; font-size: 16px;}
#whyus .service .vc_col-sm-3 .vc_icon_element-icon {background: var(--light-grey); padding: 25px; border-radius: 10px; color: var(--blue);}
#services .list {display: flex; gap: 30px; flex-wrap: wrap;}
#services .list .detail {display: flex; border: 2px solid #d9dadb; box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px; padding: 20px; border-radius: 20px; position: relative; background: var(--white); width: calc(calc(100% - 90px) / 4); flex-direction:column; gap:20px;}
#services .list .detail p {margin: 0; font-family: 'Nunito'; font-size: 16px;}
#services .list .detail div i {background: var(--light-grey); padding: 25px; border-radius: 10px; color: var(--blue);}
#trust .vc_col-sm-4 {border: 2px solid #d9dadb; box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px; padding: 20px; border-radius: 20px; position: relative; background: var(--white); align-items: center; flex-direction: row;}
#trust .vc_col-sm-4 .vc_icon_element-icon {background: var(--light-grey); padding: 25px; border-radius: 10px; color: var(--blue);}
#trust .vc_col-sm-10 .vc_row:nth-child(odd) .vc_col-sm-4:nth-child(odd) .vc_icon_element-icon,
#trust .vc_col-sm-10 .vc_row:nth-child(even) .vc_col-sm-4:nth-child(even) .vc_icon_element-icon{color:var(--green); background:#00973f29;}
section.vc_section:has(.getintouch) {background:linear-gradient(128deg, rgba(29, 195, 224, 1) 52%, rgba(0, 151, 63, .6) 100%);}
.getintouch {text-align:center;}
.getintouch h2 {color:var(--white); max-width:800px; margin:auto;}
.getintouch p {color:var(--white); max-width:850px; margin-left:auto; margin-right:auto;}
/* other pages common */
#gradient-banner {background:linear-gradient(128deg, rgba(29, 195, 224, 1) 52%, rgba(0, 151, 63, .6) 100%); color: var(--white);}
#gradient-banner p {margin: auto; max-width: 800px;}
/* contact */
#contact-info {background: var(--light-grey);}
#contact-info > div {align-items: flex-start;}
#contact-info .left {padding: 2rem; box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px; background: var(--white); border-radius: 20px;} 
#contact-info .left form {display: flex; flex-wrap: wrap; flex-direction: column; gap: 20px;}
#contact-info .left form .full {display: flex; flex-direction: column; position:relative;}
#contact-info .left form .full label sup {color:#ff0000;}
#contact-info .left form .full input,
#contact-info .left form .full select {border: 1px solid #d1d5db; border-radius: 8px; padding: 12px; font-size:18px;}
#contact-info .left form .full textarea {border: 1px solid #d1d5db; border-radius: 8px; padding: 12px; min-height:100px; font-size:18px;}
#contact-info .left form .full .error {position: absolute; bottom: -20px; font-size: 14px; color: #ff0000;}
#contact-info .right {padding: 2rem; box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px; background: var(--white); border-radius: 20px;}
#contact-info .right p {margin: 0; font-family: 'Nunito'; font-size: 16px;}
#contact-info .right ul {list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 20px;}
#contact-info .right ul li span {color: var(--green); font-weight:500;}
#contact-info .right ul li div {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; color: var(--grey-700); font-size: 18px;}
#contact-info .right ul li div p {font-size:inherit;}
/* service */
.single-service #whatis p {max-width:890px; margin:0;}
.single-service #whatis .vc_col-sm-3 {border: 2px solid #d9dadb; box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px; padding: 20px; border-radius: 20px; position: relative; background: var(--white);}
.single-service #whatis .vc_col-sm-3 p {margin: 0; font-family: 'Nunito'; font-size: 16px;}
.single-service #whatis .vc_col-sm-12 ol {margin:0; display:flex; flex-direction:column; gap:5px;}
.single-service #whatis .vc_col-sm-12 ol li {color:var(--black);}
.single-service #whatis .vc_col-sm-12 ol li::marker {color:var(--green);}
.single-service #pricing .vc_col-sm-4 {border: 2px solid #d9dadb; box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px; padding: 20px; border-radius: 20px; position: relative; background: var(--white); overflow: hidden;}
.single-service #pricing .vc_col-sm-4 div:has(span) {display: flex; flex-direction: column; gap: 20px;}
.single-service #pricing .vc_col-sm-4 span {background: var(--green); color: var(--white); text-align: center; margin: -20px -20px 0; padding: 20px;}
.single-service #pricing .vc_col-sm-4 h3, .single-service #pricing .vc_col-sm-4 a {margin: auto;}
.single-service #pricing .vc_col-sm-4 ul {list-style: none; padding: 0; display: flex; flex-direction: column; gap: 10px;}
.single-service #pricing .vc_col-sm-4 ul li {font-size: 16px; color: var(--black); font-family: 'Nunito'; display: flex; gap: 10px;}
.single-service #pricing .vc_col-sm-4 ul li::before {content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color:var(--green);}
.vc_toggle {border: 2px solid var(--green); border-radius: 10px; overflow:hidden;}
.vc_toggle .vc_toggle_title {padding:15px 40px 15px 15px; transition:all 1s;}
.vc_toggle .vc_toggle_title i {position:absolute; right:0 left:0;}
.vc_toggle.vc_toggle_active .vc_toggle_title {background: var(--dark-blue); color: var(--white);}
.vc_toggle .vc_toggle_content {padding: 0 15px; height: 0; transition: all 1s; display: flex !important; flex-direction: column; gap: 10px;}
.vc_toggle.vc_toggle_active .vc_toggle_content {padding:15px; height:200px;}
.vc_toggle .vc_toggle_content p {margin:0;}
#detail-sec-section .vc_col-sm-3 {display: flex; border: 2px solid #d9dadb; box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px; padding: 20px; border-radius: 20px; position: relative; background: var(--white); width: calc(calc(100% - 90px) / 4); flex-direction: column; gap: 20px; text-align:Center;}
#detail-sec-section .vc_col-sm-3 p {margin: 0; font-family: 'Nunito'; font-size: 16px;}
#detail-sec-section .vc_col-sm-3 .vc_icon_element-icon {background: var(--light-grey); padding: 25px; border-radius: 10px;color: var(--blue);}
/* company registration */
#compare table {background: none; border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9;}
#compare table tr:first-child td {background: var(--green); color: var(--white);}
#compare table tr:not(:first-child) td:first-child {color:var(--green);}
#compare table td {font-weight: 400; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
#category .vc_general .vc_tta-tabs-list li a {font-size: 16px;}
#category .vc_general .vc_tta-tabs-list li.vc_active a {background: var(--green); color: var(--white);}
#category .vc_general .vc_tta-panels {background:transparent;}
#category .vc_general .vc_tta-panels .vc_active .vc_tta-panel-body {display: flex; flex-direction: column; gap: 40px;}
#category .vc_general .vc_tta-panels .vc_tta-panel-body p {margin:0;}
#category .vc_general .vc_tta-panels .vc_tta-panel-body ol {margin:0; display:flex; flex-direction:column; gap:5px;}
#category .vc_general .vc_tta-panels .vc_tta-panel-body li {color:var(--black);}
#category .vc_general .vc_tta-panels .vc_tta-panel-body li::marker {color:var(--green);}
#category .process .vc_col-sm-3 {display: flex; border: 2px solid #d9dadb; box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px; padding: 20px; border-radius: 20px; position: relative; background: var(--white); width: calc(calc(100% - 90px) / 4); flex-direction: column; gap: 20px; text-align: Center;}
#category .process .vc_col-sm-3 p {font-family: 'Nunito'; font-size: 16px;}
#category .process .vc_col-sm-3 h3 {background: var(--light-grey); padding: 25px; border-radius: 10px; color: var(--blue); margin: auto;}
/* online disputes */
#wehelp .vc_col-sm-4 {display: flex; border: 2px solid #d9dadb; box-shadow: rgba(16, 24, 40, 0.04) 0px 8px 8px -4px; padding: 20px; border-radius: 20px; position: relative; background: var(--white);  flex-direction: column; gap: 20px;}
#wehelp .vc_col-sm-4 p {margin:0;}
#wehelp .vc_col-sm-4 ul {margin:0; color:var(--black);}
#wehelp .vc_icon_element-icon {background: var(--light-grey); padding: 25px; color: var(--blue); border-radius: 10px;}
#wehelp p {margin:0;}
#wehelp ul {margin:0; color:var(--black);}
/* about */
#about-how p {margin:0;}
#about-how .left .wpb_text_column {background: #fff; padding: 25px; border-radius: 14px; text-align: center; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);}
#about-how .left  h3 {color: var(--green); font-size: 30px;}
#about-values {background:var(--dark-blue); color:var(--white);}
#about-values .vc_col-sm-3 {background: rgba(255, 255, 255, 0.08); padding: 25px; border-radius: 14px;}
#about-values p {margin:0; font-size:18px;}
#about-values .step {background: rgba(0, 151, 63, 1); padding: 10px; border-radius: 10px; width: 40px; text-align: center;}
/* quote */
.modal {display: block; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal.hide {display:none;}
.modal .modal-content {background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 100%; max-width:550px;}
.modal .modal-content .close {color: #aaa; float: right; font-size: 28px; font-weight: bold;}
.modal h3 {color: var(--blue); margin-bottom: 20px;}
.modal form {display: flex; flex-direction: column; gap: 20px;}
.modal form .form-pos {display:block; position:relative;}
.modal form .form-pos.action > div {display:inline-block;}
.modal form .form-pos label {color: var(--grey-700); font-size:16px;}
.modal form .form-pos label sup {color:red}
.modal form .form-pos select,
.modal form .form-pos input {width: 100%; border: 1px solid var(--black); padding: 10px; height:37px;}
.modal form .form-pos.conditional {display:none;}
.modal form .form-pos.conditional.show {display:block;}
.error-msg {position: absolute; bottom: -21px; font-size: 14px; color: red;}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
/* 	heading */
	h1 {font-size:40px;}
	h2 {font-size:38px;}
/* 	heading end */
	#banner .left .bannerbtn {flex-wrap:wrap;}
	#banner .left ul {flex-wrap:wrap;}
	#registered ul li {width:100%;}
	#weprocess .service .vc_col-sm-3:not(:last-child)::after {display:none;}
	#services .list .detail {width:100%;}
	#trust .vc_col-sm-4 {flex-wrap:wrap;}
/* 	service */
	#detail-sec-section .vc_col-sm-3,
	#category .process .vc_col-sm-3 {width:100%}
/* 	table */
	div:has(> table) {overflow:auto;}
	.vc_tta-panel-body {background:none!important;}
	.vc_tta-panel.vc_active .vc_tta-panel-heading {background: var(--green)!important; color: var(--white)!important;}
	.vc_tta-panel.vc_active .vc_tta-panel-heading a {color:inherit!important;}
/* 	footer */
	footer .addresscontent {flex-direction:column;}
	footer .addresscontent .card {width:100%;}
	footer .copyright p {text-align:center;}
	footer .copyright ul {margin:auto;}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width:991.98px) {
	/* 	heading */
	h1 {font-size:58px;}
	h2 {font-size:48px;}
/* 	heading end */
	#banner .left .bannerbtn {flex-wrap:wrap;}
	#banner .left ul {flex-wrap:wrap;}
	#counter > .vc_row-fluid {flex-wrap: wrap; flex-direction: initial;}
	#counter .vc_col-sm-3 {width: calc((100% - 30px) / 2);}
	#weprocess .service, #whyus .service {flex-wrap: wrap; flex-direction: initial;}
	#weprocess .service .vc_col-sm-3:not(:last-child)::after {display:none;}
	#weprocess .service .vc_col-sm-3, #whyus .service .vc_col-sm-3 {width:calc(calc(100% - 30px) / 2);}
	#services .list .detail {width:calc(calc(100% - 30px) / 2) ;}
	#trust .vc_col-sm-10 {flex-wrap: wrap; flex-direction: initial;}
	#trust .vc_col-sm-10 > .vc_row-fluid {flex-direction: inherit; flex-wrap: wrap;}
	#trust .vc_col-sm-4 {width:calc(calc(100% - 30px) / 2); flex-wrap: wrap;}
/* 	service */
	#detail-sec-section .vc_col-sm-3,
	#category .process .vc_col-sm-3 {width:calc(calc(100% - 30px) / 2);}
	#detail-sec-section .vc_col-sm-12 > .vc_row-fluid,
	#category .process {flex-wrap: wrap; flex-direction: initial;}
/* 	table */
	div:has(> table) {overflow:auto;}
	.vc_tta-panel-body {background:none!important;}
	.vc_tta-panel.vc_active .vc_tta-panel-heading {background: var(--green)!important; color: var(--white)!important;}
	.vc_tta-panel.vc_active .vc_tta-panel-heading a {color:inherit!important;}
/* 	footer */
	footer .addresscontent {flex-wrap:wrap;}
	footer .addresscontent .card {width:calc( calc(100% - 30px) / 2);}
}
@media (max-width: 991.98px) {
	header #desktop {display:none;}
	#mobile .first {display: flex; align-items: center; justify-content: space-between; gap:30px;}
	.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(--green); 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 .second {display:none;}
}
@media (min-width: 992px) {
	header #mobile {display:none;}
	header #desktop {display: flex; justify-content: space-between; gap: 30px; align-items:center;}
	header .navbar-collapse {display: flex; align-items: inherit;}
	header .navbar-collapse > ul {display: flex; flex-direction: row; gap: 40px; list-style:none; padding:0; align-items:inherit;}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	/* 	heading */
	h1 {font-size:70px;}
	h3 {line-height:inherit;}
	#trust .vc_col-sm-4 {flex-direction: column; text-align: center;}
/* 	heading end */
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
	#registered .vc_col-sm-3 {width:10%}
	#registered .vc_col-sm-6 {width:80%}
}

.service-box {
  text-align: center;
}

.service-img {
  width: 120px;     /* adjust as needed */
  height: 120px;    /* fixed height */
  object-fit: contain;
  margin-bottom: 10px;
}

.service-box h3 {
  margin: 5px 0;
  font-size: 22px;
}

.service-box p {
  margin: 0;
  font-size: 16px;
}

.service-img {
  width: 100%;
  max-width: 120px;
  height: auto;
}

.service-box:hover .service-img {
  transform: scale(1.05);
  transition: 0.3s ease;
}

@media (max-width:880px){
  .footerProductsLogo { display: inline-block !important;}
  .footerProductsLogo li { display: inline-block;}
}

.footerLogo {font-size: 30px; text-align: center; margin: auto;}
.footerLogo h6{    font-weight: 800; color: white;}
.footerProductsLogo {list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; align-items: center; margin: 10px 0 20px;}
.footerProductsLogo li {background: #fff; border-radius: 10px; line-height: 20px;}
.footerProductsLogo li img {width: 100px; height: 50px; object-fit: contain; padding: 3px;}
.footerProductsLogo {list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; align-items: center; margin: 10px 0 20px;}
.footerProductsLogo li {background: #fff; border-radius: 10px; line-height: 20px;}
.footerProductsLogo li img {width: 100px; height: 50px; object-fit: contain; padding: 3px;}