:root{
  --primary1: 23,79,59; /* #174F3B */
  --primary2: 228,202,3; /* #E4CA03 */
  --primary3: 245,247,254; /* #F5F7FE */
  --bs-body-color: 30,30,30; /* #1E1E1E */
  --color_black: 0,0,0;
  --color_white: 255,255,255;
  --baseFont: 'Roboto', sans-serif;
  --titleFont: 'Stardos Stencil', serif;
  --imgPrimary1: invert(22%) sepia(55%) saturate(504%) hue-rotate(107deg) brightness(98%) contrast(92%);
  --imgPrimary2: invert(69%) sepia(82%) saturate(575%) hue-rotate(7deg) brightness(100%) contrast(98%);
  --imgWhite: invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);
  --imgBlack: invert(0%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(93%) contrast(103%);
  --padding: clamp(3.125rem, 2.5rem + 3.125vw, 6.25rem);
  --mb:1.875rem;
  --bs-breadcrumb-divider: '|';
  --radius: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}

body {font-family: var(--baseFont); color:rgb(var(--baseColor)); font-weight: 400; font-variant-ligatures: no-common-ligatures;}
a:hover, a:focus {outline: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; color: rgb(var(--primary1));}
button:focus {outline: none;}
a {color: rgb(var(--baseColor));}
.container {width: 100%; max-width: 1320px;}

.transition {-webkit-transition: all .3s linear; transition: all .3s linear;}

::selection {color: rgb(var(--color_white)); background: rgb(var(--primary2));}
.clr-base {color: rgb(var(--baseColor));}
.clr-1 {color: rgb(var(--primary1)) !important;} .bg-clr-1 {background-color: rgb(var(--primary1)) !important;}
.clr-2 {color: rgb(var(--primary2)) !important;} .bg-clr-2 {background-color: rgb(var(--primary2)) !important;}
.bg-clr-1-light {background-color: #d6ebe5 !important;}
.imgPrimary1 {filter: var(--imgPrimary1);}
.imgPrimary2 {filter: var(--imgPrimary2);}
.title-font {font-family: var(--titleFont);}

p {line-height: 1.56rem;}
.fs-55 {font-size: 1.125rem; line-height: inherit;}

/* button custom */
.btn-custom {position: relative; --bs-btn-border-color: rgb(var(--primary1)); background: rgb(var(--primary1)); color: rgb(var(--color_white)); overflow: hidden; transition: all .2s linear; border-radius: 2.25rem; padding: 0.625rem 1.5rem; display: inline-flex; align-items: center;}
.btn-custom.has-arrow:after {content: ''; background: url('../images/arrow.svg'); width: 14px; height: 8px; margin-left: 0.375rem; transition: 0.4s; filter: var(--imgWhite);}
.btn-custom:hover {background: rgb(var(--primary1)); color: rgb(var(--color_white));}

.btn-custom.bg-clr2 {--bs-btn-border-color: rgb(var(--primary2)); background: rgb(var(--primary2)); color: rgb(var(--bs-body-color));}
.btn-custom.bg-clr2.has-arrow:after {filter: none;}
.btn-custom.bg-clr2:hover, .btn-custom.bg-clr2:focus, .btn-custom.bg-clr2:active {background: rgb(var(--primary2));}
.btn-custom.has-arrow:hover:after {margin-left: 0.65rem;}

.btn-custom.border {background: transparent; color: rgb(var(--primary1)); --bs-border-color: rgb(var(--primary1)); color: rgb(var(--primary1));}
.btn-custom.border.has-arrow:after {filter: var(--imgPrimary1);}

.btn-custom.border.white {background: transparent; color: rgb(var(--color_white)); --bs-border-color: rgb(var(--color_white));}
.btn-custom.border.white.has-arrow:after {filter: var(--imgWhite);}

.style1 li {position: relative; padding-left: 1.25rem; margin-bottom: 0.375rem;}
.style1 li:before {content: ''; position: absolute; left: 0; top: 6px; background: url('../images/right-caret.svg') left top no-repeat; width: 7px; height: 13px; opacity: 0.5;}

/* owl-carousel */
.owl-flex .owl-stage {display: flex;}
.owl-carousel.style01 .owl-dots {text-align: center; margin-top: 1.5rem;}
.owl-carousel.style01 .owl-dots .owl-dot span{width: 14px; height: 14px; border-radius: 50%; background-color: rgb(var(--primary2)); display: block; margin: 0 5px;}
.owl-carousel.style01 .owl-dots .owl-dot.active span{background-color: rgb(var(--primary1));}
.owl-carousel.style01 .owl-nav button{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
.owl-carousel.style01 .owl-nav button:before {content: ''; background: url('../images/nav-arrow.svg') center center no-repeat; width: 36px; height: 28px;}
.owl-carousel.style01 .owl-nav button.owl-prev:before {transform: rotate(180deg);}
.owl-carousel.style01 .owl-nav [class^='owl-'].disabled:before {cursor: default; opacity: 0.3;}
.owl-carousel.style01 .owl-nav.disabled [class^='owl-'] {display: none;}

#wrapper {max-width: 1920px; margin: 0 auto; position: relative;}

/* header */
header {width: 100%; left: 0; right: 0; top: 0; margin: 0 auto; transition: all 0.3s; z-index: 99 !important; --bs-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05); background: rgb(var(--bs-body-color));}
header .navbar .navbar-toggler:focus{outline: none; box-shadow: none;}
header .navbar {transition: all 0.3s linear; z-index: 10; padding: 1.5rem 0;}
header .navbar .navbar-brand img{transition: all .2s linear;}
header .navbar .navbar-nav li {margin-left: 2rem;}
header .navbar .navbar-nav li .nav-link {transition: 0.5s; font-size: 1.125rem; padding: 0.625rem 0; color: rgb(var(--primary2)); font-weight: 600; text-transform: uppercase;}
header .navbar .navbar-nav li .nav-link:hover, header .navbar .navbar-nav li .nav-link.current {color: rgb(var(--primary1));}
header .navbar .navbar-nav li:hover>.nav-link,header .navbar .navbar-nav li.active .nav-link, header .navbar .navbar-nav li.current-menu-item .nav-link{color: rgb(var(--color_white));}
header .navbar .navbar-nav li ul li .active{background-color: transparent; color: rgb(var(--primary2));}
header.fixed {box-shadow: 0px 4px 50px rgba(44, 48, 50, 0.1);}

header .dropdown:hover > .dropdown-menu {display: block;}
header .dropdown-menu {width: 220px; border: 0; border-top: 3px solid rgb(var(--primary1));}
header .dropdown-menu .dropdown-item:focus, header .dropdown-menu .dropdown-item:hover {color: rgb(var(--primary1)); background-color: transparent;}
header .dropdown-menu li {margin: 0 !important;}
header .dropdown-item {--bs-dropdown-link-color: rgb(var(--baseColor)); white-space: normal; padding: 0.25rem 1rem;}

/* banner */
.banner {height: 100vh; max-height: 955px; position: relative;}
.banner .slider, .banner .owl-stage, .banner .owl-item, .banner .owl-stage-outer, .banner .item {height: 100%;}
.banner .item {display: flex; align-items: center; justify-content: center;}
.banner .item img {width: 100%; height: 100%; object-fit: cover;}
.banner .container {position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: flex-end; flex-direction: column; padding-bottom: 4rem;}
.banner .banner-text {font-family: var(--titleFont); font-size: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem); line-height: normal;}
.banner .owl-carousel.style01 .owl-nav button {width: 45px; height: 45px; background-color: rgba(var(--primary2),0.5); border-radius: 50%;}
.banner .owl-carousel.style01 .owl-nav button:before {scale: 0.6;}
.banner .owl-carousel.style01 .owl-nav [class^='owl-'] {position: absolute; top: calc(50% - 22.5px);}
.banner .owl-carousel.style01 .owl-nav .owl-prev {left: 2.5%;}
.banner .owl-carousel.style01 .owl-nav .owl-next {right: 2.5%;}
.banner .owl-carousel.style01 .owl-nav [class^='owl-']:hover {background-color: rgba(var(--primary2),1);}

/* Typography */
.padding {padding: var(--padding) 0;}
.padding-top-sm {padding-top: calc(var(--padding) / 4);}
h2.title {font-size: clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem);}
h3.sub-title {font-size: clamp(1.25rem, 1.1rem + 0.75vw, 2rem);}

/* pic */
.pic {overflow: hidden;}
.pic img {transition: 0.4s;}
.pic:hover img {transform: scale(1.08);}

/* products */
.products .item {position: relative; background-color: rgb(var(--primary1));}
.products .item:before {content: ''; position: absolute; inset: 0; background: url('../images/pattern.png') left top / cover no-repeat; transition: 0.4s; opacity: 0;}
.products .item .img-top {position: relative; padding-top: 74.35%; overflow: hidden;}
.products .item .pro-pic {transition: 0.4s; position: absolute; left: 0; top: 0; width: 100%; padding-top: 74.35%; overflow: hidden;}
.products .item .pro-pic img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.4s;}
.products .item .icon {width: 50px; height: 50px; background-color: rgb(var(--color_white)); border-radius: 0 0 1rem 0; position: absolute; left: 3px; top: 3px; transition: 0.4s; display: flex; align-items: center; justify-content: center;}
.products .item .icon img {filter: var(--imgPrimary1); scale: 0.65; transition: 0.4s;}
.products .item .item-body {padding: 1.5rem;}
.products .item a.arrow-icon {position: absolute; right: 1.5rem; bottom: 1rem; background: url('../images/arrow-large.svg') left top no-repeat; width: 21px; height: 16px; filter: var(--imgWhite); transition: 0.4s;}
.products .item .item-body ul li {position: relative; padding-left: 1rem; margin-bottom: 0.5rem; font-size: 1.125rem; color: rgb(var(--color_white));}
.products .item .item-body ul li:before {content: ''; position: absolute; left: 0; top: 7px; background: url('../images/right-caret.svg') center center no-repeat; width: 6px; height: 11px; filter: var(--imgPrimary2);}
.products .item:hover:before {opacity: 0.2;}
.products .item:hover .pro-pic img {scale: 1.1;}
.products .item:hover a.arrow-icon {right: 0.75rem; filter: var(--imgPrimary2);}
.products .item:hover .icon {width: 100px; height: 100px;}
.products .item:hover .icon img {scale: 0.6;}

/* about */
.about .about-pic {position: absolute; left: 0; top: 0;}
.about .content-block-wrapper {background-color: rgb(var(--primary1));}
.about .content-block-wrapper:before {content: ''; position: absolute; left: 0; top: 0; background: url('../images/pattern-footer.png') left top repeat; background-size: auto 100%; width: 100%; height: 100%; opacity: 0.2;}
.about .content-block-wrapper .bg {position: absolute; left: -50%; top: 0; width: 200%; height: 100%; background-color: #F0FFFB; z-index: -1;}
.about .content-block-wrapper .content-block {padding: 50px;}

/* why-defencell */
.why-defencell .items {--gap: 24px; --columns: 5; gap: var(--gap);}
.why-defencell .item {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns))); transition: 0.4s; padding: 35px 30px; position: relative; line-height: normal; color: rgb(var(--primary1)); border: 4px solid rgb(var(--primary2)); transition: 0.4s;}
.why-defencell .item .icon {width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; filter: var(--imgPrimary1); margin: 0 auto 1rem;}
.why-defencell .item a.arrow-icon {position: absolute; right: 1.5rem; bottom: 1rem; background: url('../images/arrow-large.svg') left top no-repeat; width: 21px; height: 16px; filter: var(--imgPrimary1); transition: 0.4s; opacity: 0; display: none;}
.why-defencell .item:hover .arrow-icon {opacity: 1;}
.why-defencell .item:hover {border-color: rgb(var(--primary1)); background: rgb(var(--primary1));}
.why-defencell .item:hover .icon {filter: var(--imgWhite);}
.why-defencell .item:hover h5, .why-defencell .item:hover p {color: rgb(var(--color_white)) !important;}
.why-defencell .owl-carousel.style01 .owl-nav {display: flex; position: absolute; right: 0; bottom: -3rem;}
.why-defencell .owl-carousel.style01 .owl-nav .owl-next {margin-left: 1rem;}
.why-defencell .owl-carousel.style01 .owl-nav [class^='owl-']:before {filter: var(--imgPrimary1);}

.accordion.style1 .card {box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);}
.accordion.style1 .card-header {font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem); background-color: transparent;}
.accordion.style1 .card-header a {text-decoration: none; position: relative; color: rgb(var(--primary1));}
/* .accordion.style1 .card-header a:not(.collapsed) {color: rgb(var(--primary1));} */
.accordion.style1.has-arrow .card-header a:before {content: ''; position: absolute; right: 1.5rem; top: calc(50% - 12px); width: 24px; height: 24px; background: url('../images/dwn-arrow.png') center center no-repeat; filter: var(--imgPrimary5); opacity: 0.5; transition: 0.4s;}
.accordion.style1.has-arrow .card-header a:not(.collapsed):before {filter: var(--imgPrimary1); opacity: 1; transform: rotate(180deg);}
.accordion.style1 .has-mb {height: calc(100% - var(--mb)); margin-bottom: var(--mb);}

/* footer */
.social-media li a {width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(var(--color_white)); border-radius: 50%; margin: 0 0.375rem 0 0; transition: 0.4s;}
.social-media li a img {filter: var(--imgWhite);}
.social-media li a:hover {background: rgb(var(--color_white));}
.social-media li a:hover img {filter: var(--imgPrimary1);}

/* .footer {border-top: 2px solid rgb(var(--primary2));} */
.footer .top {padding: calc(var(--padding) / 1.5) 0;}
.footer .top:before {content: ''; position: absolute; right: 0; top: 0; width: 465px; height: 541px; background: url('../images/bottom-product.png') left top no-repeat; z-index: 1;}
.footer .hero-text {font-size: clamp(2rem, 1.6rem + 2vw, 4rem); line-height: normal;}
.footer .bottom {background: rgb(var(--primary1)); padding-top: calc(var(--padding) / 1.5); padding-bottom: calc(var(--padding) / 3);}
.footer .bottom:before {content: ''; position: absolute; inset: 0; background: url('../images/pattern-footer.png') left top repeat; opacity: 0.2; background-size: auto 100%; }
.footer .bottom .branding-copyright p {color: rgb(var(--color_white)); font-size: 0.875rem; line-height: 1.8;}
.footer .bottom .branding-copyright p a {color: rgb(var(--primary2));}
.footer .bottom, .footer .bottom a {transition: 0.4s;}
.footer .bottom a:hover {color: rgba(var(--color_white),1);}
.footer .bottom ul li {margin-bottom: 0.5rem;}
.footer .bottom ul li a {color: rgb(var(--color_white)); text-decoration: none;}
.footer .bottom ul li a:hover {color: rgb(var(--primary2));}
.footer .bottom .contact-info{color: rgb(var(--color_white)); }
.footer .bottom .contact-info h4{font-size: 1.125rem !important; margin-bottom: 1.25rem; line-height: 1.4; padding-left: 35px;}
.footer .bottom .contact-info h4 span{filter: var(--imgWhite); position: absolute; left: 0; top: 0;}
.footer .bottom .contact-info li:last-child{margin-bottom: 0;}
.footer .bottom .contact-info a:hover{color: rgb(var(--primary2));}

.totop {bottom: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; position: fixed; right: -60px; z-index: 99; background-color: rgb(var(--primary1)); text-align: center; opacity: 0; border-radius: 50%; box-shadow: 0px 10px 29.7px 3.3px rgba(0, 0, 0, 0.2);}
.totop img{filter : var(--imgWhite); transform: rotate(-90deg); width: 20px;}

/* inner pages styles */
.inner-banner {padding-top: 14.16%; background-position: center top; background-size: cover; background-repeat: no-repeat;}
.inner-banner:before {content: ''; position: absolute; inset: 0; background-image: linear-gradient(180deg, rgba(52, 125, 211, 0.35) 0.74%, rgba(11, 30, 55, 0.58) 51.29%, rgba(0, 0, 0, 0.70) 92.65%);}
.inner-banner .container {position: absolute; inset: 0; z-index: 1; transition: all .3s linear; display: flex; align-items: center; justify-content: flex-end; flex-direction: column; padding-bottom: 2rem;}
.inner-banner h1 {font-family: var(--baseMediumFont); font-size: clamp(1.25rem, 0.9375rem + 1.5625vw, 2.5rem); line-height: normal; color: rgb(var(--color_white));}

.breadcrumb {--bs-breadcrumb-divider-color: rgb(var(--color_white)); font-size: 1.125rem; --bs-breadcrumb-item-padding-x: 1rem;}
.breadcrumb a {color: rgb(var(--color_white));}
.breadcrumb .active {color: rgb(var(--primary2)); font-weight: 700;}
.breadcrumb a:hover {color: rgb(var(--primary2));}

.px-custom {padding-left: calc(var(--padding)/2); padding-right: calc(var(--padding)/2);}

ul.tabs {--gap: 40px; --col: 4; gap: var(--gap);}
ul.tabs li {width: calc((100% / var(--col)) - var(--gap) + (var(--gap) / var(--col))); display: flex; flex-direction: column; justify-content: center; align-items: center; border: 4px solid rgb(var(--primary2)); position: relative; padding: 1rem;}
ul.tabs li:before {content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid rgb(var(--primary1)); position: absolute; left: 0; right: 0; bottom: -20px; margin: 0 auto; opacity: 0;}
ul.tabs li .icon {width: 100%; height: 70px; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;}
ul.tabs li .icon img {max-height: 50px; filter: var(--imgPrimary1);}
ul.tabs li .text {width: 100%; font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem); text-align: center; line-height: normal;}
ul.tabs li.active {background: rgb(var(--primary1)); border-color: rgb(var(--primary1));}
ul.tabs li.active .icon {filter: var(--imgWhite);}
ul.tabs li.active .text {color: rgb(var(--color_white)); font-weight: 500;}
ul.tabs li.active:before {opacity: 1;}

.pg-application .tab-content {padding-top: calc(var(--padding) / 2);}
.pg-application .content-block {padding: 50px; position: relative;}
.pg-application .app-wrapper:before {content: ''; position: absolute; right: 0; top: 0; width: 20%; height: 100%; background-color: rgb(var(--color_white));}
.pg-application .app-slider {position: relative; margin-top: -43px; max-width: 547px; float: right;}
.app-slider .owl-carousel.style01 .owl-nav button {width: 40px; height: 40px; background-color: rgba(var(--primary2),1); border-radius: 50%;}
.app-slider .owl-carousel.style01 .owl-nav button:before {scale: 0.5;}
.app-slider .owl-carousel.style01 .owl-nav [class^='owl-'] {position: absolute; top: calc(50% - 20px);}
.app-slider .owl-carousel.style01 .owl-nav .owl-prev {left: -20px;}
.app-slider .owl-carousel.style01 .owl-nav .owl-next {right: -20px;}
.app-slider .owl-carousel.style01 .owl-nav [class^='owl-']:hover {background-color: rgba(var(--primary2),1);}

.nav-tabs {gap: 20px; border: 0;}
.nav-tabs .nav-link {border: none; border: 2px solid rgb(var(--primary2)); border-radius: 0; color: #979E9E; padding: 0.35rem 1rem; font-size: 1.5rem; position: relative;}
.nav-tabs .nav-link.active {background-color: rgb(var(--primary1)); border-color: rgb(var(--primary1)); color: rgb(var(--color_white));}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {--bs-nav-tabs-link-hover-border-color: rgb(var(--primary2));}
.nav-tabs .nav-link:before {content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid rgb(var(--primary1)); position: absolute; left: 0; right: 0; bottom: -20px; margin: 0 auto; opacity: 0;}
.nav-tabs .nav-link.active:before {opacity: 1;}

.custom-table tr td {border: 2px solid rgb(var(--primary2)); padding: 1rem; font-size: 1.125rem;}

/* 10-01-2025 */
.about-defencell-pic{position: absolute; top: 50%; transform: translateY(-50%);}
.strand-pic::before{content: ""; border: 2px solid rgb(var(--primary2)); width: 100%; height: 92%; position: absolute; left: 0; right: 0; bottom: -40px; margin: 0 auto; position: absolute; z-index: -1;}
.product-item{padding: 30px; margin-top: var(--padding); height: calc(100% - var(--padding)); border: 4px solid rgb(var(--primary2));}
.product-item h4{padding-top: var(--padding);}
.product-item .product-pic{position: absolute; top: 0; right: 0;}
.product-item .product-pic img{transition: .3s;}
.product-item ul{max-width:350px; margin-bottom: 0;}
.product-item ul li{font-size: 1.125rem; border-bottom: 1px solid rgb(var(--primary2)); padding: 10px 0;}
.product-item ul li:last-child{border-bottom: none;}
.product-item ul li .label{font-weight: 500;}
.product-item:hover .product-pic img{transform: scale(1.08);}

/* location */
.location {border: 3px solid rgb(var(--primary2)); padding: calc(var(--padding) / 2); margin-bottom: 20px; height: calc(100% - var(--mb)); margin-bottom: var(--mb);}
.location p{margin-bottom: 0;}
.contact-info h4{font-weight: normal; position: relative;}
.contact-info a{text-decoration: none; font-size: inherit;}
.contact-info .map-icon{background: url('../images/map-icon.svg') no-repeat 0 0; width: 24px; height: 30px; display: inline-block; vertical-align: middle;}
.contact-info .email-icon{background: url('../images/email-icon.svg') no-repeat 0 0; width: 26px; height: 21px; display: inline-block; vertical-align: middle;}
.contact-info .call-icon{background: url('../images/call-icon.svg') no-repeat 0 0; width: 28px; height: 29px; display: inline-block; vertical-align: middle;}

/* copyright */
.copyright p{margin-bottom: 0;}
.copyright p,.copyright a{color: rgb(var(--color_white));}
.copyright a:hover{color: rgb(var(--primary2)) !important;}

.form-block{border: 2px solid rgb(var(--primary2)); display: none;}
.page-id-163 .form-block, .pg-contact .form-block{display: block;}
.page-id-163 .footer .top a.btn-custom, .pg-contact .footer .top a.btn-custom {display: none;}
.custom-form label{text-align: left; display: block;}
.custom-form .form-control{border-radius: 0; padding: 1rem 0; font-size: 1.125rem; border: none; border-bottom: 1px solid rgb(var(--primary2)); background-color: transparent;}
.custom-form .form-control:focus{box-shadow: none;}
.custom-form textarea.form-control{resize: none; height: 120px;}

.build-img-wrapper {position: relative;}
.build-img-wrapper img {transform: scaleX(-1);}
/* .build-img-wrapper .card {position: absolute; top: 0; width: 300px;} */
.build-img-wrapper .card.has-left-arrow:before {content: ''; position: absolute; left: -15px; width: 0; height: 0; border-right: 15px solid #f0fffb; border-top: 15px solid transparent; border-bottom: 15px solid transparent;}
.build-img-wrapper .card.has-right-arrow:before {content: ''; position: absolute; width: 0; height: 0; border-left: 15px solid #f0fffb; border-top: 15px solid transparent; border-bottom: 15px solid transparent;}

.build-img-wrapper .circle {width: 30px; height: 30px; position: absolute; transform: scale(1.25);}
.build-img-wrapper .circle.skirt {left: 14%; top: 19%;}
.build-img-wrapper .circle.inner-cells {right: 42.85%; top: 23.80%;}
.build-img-wrapper .circle.tech-fabric {left: 7.14%; top: 38%;}
.build-img-wrapper .circle.outer-cells {right: 40%; bottom: 0;}
.build-img-wrapper .circle span {position: relative; width: 30px; height: 30px; background-color: rgb(var(--primary1)); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.build-img-wrapper .circle span em {font-style: normal; position: relative; z-index: 1;}
.build-img-wrapper .circle span:before, .build-img-wrapper .circle span:after {content: ''; border-radius: 50%; position: absolute;}
.build-img-wrapper .circle span:before {width: 20px; height: 20px; background-color: rgb(var(--primary2)); z-index: 1; left: 5px; top: 5px;}
.build-img-wrapper .circle span:after {width: 30px; height: 30px; background-color: rgb(var(--primary2)); left: -5px; top: -5px; opacity: 0; animation: blink 2s linear infinite;}
.build-img-wrapper .cards {counter-reset: card;}
.build-img-wrapper .card {background: #F0FFFB; color: rgb(var(--baseColor)); line-height: normal; font-family: var(--baseFont);}
.build-img-wrapper .card h5:before {content: counter(card) '. '; counter-increment: card;}

.advantages .item .icon {aspect-ratio: 1/1;}