/*====================== Slider Section ======================*/
.slider-section .carousel-item::before{content: '';position: absolute;top: 0;left: 0;width: 80%;height: 100%;background:linear-gradient(90deg, #fff, rgb(255 255 255/ 0));opacity: 35%;}
.slider-section .carousel-item .carousel-caption{top: 0;left: 0;right: 0;bottom: 0;padding: unset;}
.slider-section .carousel-item .carousel-caption .slider-content{margin: 7.76vw auto 3.04vw 7.32vw;height: -webkit-fill-available;display: flex;flex-direction: column;justify-content: center;}
.slider-section .carousel-item .carousel-caption .slider-content h3{padding: 0;font-size: 3.125vw;font-weight: 700;line-height: 1.084;font-family: "Bricolage Grotesque", sans-serif;color: var(--theme-color);text-align: left;white-space: pre-line;}
/* ------------------ Slider Navi ------------------ */
.carousel-navi{position: absolute;bottom: 3vw;right: 2vw;display: flex;flex-direction: column;justify-content: flex-end;gap: 4px;z-index: 1;transition: 0.5s;}
.slider-section:not(:hover) .carousel-navi{bottom: calc(3vw - 20px);opacity: 0;}
.carousel-navi button{position: unset;width: 40px;height: 40px;background: #fff;border-radius: 5px;display: flex;justify-content: center;align-items: center;opacity: 1;transition: 0.5s;}
.carousel-navi button img{width: 14px;height: 14px;transition: 0.5s;}
.carousel-navi button.carousel-control-prev img{transform: rotate(135deg);}
.carousel-navi button.carousel-control-next img{transform: rotate(-45deg);}
.carousel-navi button:hover{background: var(--theme-color);}
.carousel-navi button:hover img{filter: brightness(0) invert(1);}


/*====================== About Company Section ======================*/
.aboutcompany-section{padding: 80px 0 80px;}
.aboutcompany-section .about-img{position: relative;position: sticky;top: 80px;}
.aboutcompany-section .about-img img{width: 82%;aspect-ratio: 553/635;border-radius: 10px;overflow: hidden;object-fit: cover;}
.aboutcompany-section .about-img .about-img-area{position: absolute;top: 50%;right: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 209px;height: 209px;background: #fff;border: 1px solid var(--theme-color2);border-radius: 50%;transform: translate(0, -50%);}
.aboutcompany-section .about-img .about-img-area::before{content: '';position: absolute;top: 50%;left: 50%;width: 85%;height: 85%;border: 1px dashed var(--theme-color2);border-radius: 50%;transform: translate(-50%, -50%);animation: rotate 10s linear infinite;}
.aboutcompany-section .about-img .about-img-area h5{margin-bottom: 0;font-size: 50px;font-weight: 600;line-height: 1;font-family: "Bricolage Grotesque", sans-serif;color: var(--theme-color);}
.aboutcompany-section .about-img .about-img-area p{margin-bottom: 0;width: 50%;font-size: 20px;font-weight: 600;line-height: 1;font-family: "Bricolage Grotesque", sans-serif;color: var(--theme-color);text-align: center;}
/* ------------------ About Content ------------------ */
.aboutcompany-section .about-content{margin: 62px 0;}
.aboutcompany-section .about-content.content-left-padding{padding-left: 50px;}
.aboutcompany-section .about-content .theme-title-area{margin-bottom: 35px;}
.aboutcompany-section .about-content p{width: 92%;}
@keyframes rotate{0%{transform: translate(-50%, -50%) rotate(0deg);}100%{transform: translate(-50%, -50%) rotate(180deg);}}


/*====================== Services Section ======================*/
.services-section{padding: 80px 0 50px;background: var(--theme-light);}
.services-section .theme-title-area{max-width: 650px;}
/* ------------------ Services Card ------------------ */
.services-card{display: flex;flex-direction: column;position: relative;}
.services-card .services-img{width: 100%;aspect-ratio: 384/430;overflow: auto;}
.services-card .services-img img{width: 100%;height: 100%;object-fit: cover;}
.services-card .services-content{padding: 10px 15px 10px 43px;width: 100%;aspect-ratio: 384/430;background: #fff;display: flex;flex-direction: column;justify-content: center;}
.services-card .services-content .services-icon{margin-bottom: 20px;width: 66px;height: 48px;}
.services-card .services-content .services-icon img{width: 100%;height: 100%;object-fit: contain;}
.services-card .services-content .card-title{margin-bottom: 25px;font-size: 25px;font-weight: 500;color: var(--theme-color);line-height: 1;}
.services-card .services-content p{margin-bottom: 0;width: 85%;font-weight: 500;color: var(--theme-dark);display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.services-card .services-content .arrow-btn{margin-top: 65px;width: 60px;aspect-ratio: 1/1;border-radius: 10px;background: var(--theme-color);display: flex;justify-content: center;align-items: center;transition: 0.5s;}
.services-card .services-content .arrow-btn img{width: 14px;height: 14px;object-fit: contain;filter: brightness(0) invert(1);transform: rotate(-45deg);transition: 0.5s;}
.services-card .services-content .arrow-btn:hover{background: var(--theme-color2);}
.services-card .services-content .arrow-btn:hover img{transform: rotate(0deg) scale(1.1);}
/* --------- --------- */
.services-slider .owl-stage .owl-item:nth-child(odd) .item .services-card{flex-direction: column-reverse;}
/* --------- --------- */
.services-arrow-area{width: 124px;height: 124px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: 0.5s;}
.services-arrow{position: absolute;top: 50%;width: 100%;height: 50%;overflow: hidden;}
.services-arrow::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;aspect-ratio: 1/1;border-radius: 50%;border: 1px dashed var(--theme-color);animation: services-arrow-rotate 10s linear infinite;}
.services-arrow::after{content: '';position: absolute;bottom: 42px;left: 50%;width: 40px;height: 40px;background: url(../img/arrow.svg) no-repeat center center;background-size: contain; transform: rotate(90deg) translate(0, 50%);animation: services-arrow-move 2s linear infinite;}
.services-arrow-clone{position: absolute;width: 100%;height: 50%;overflow: hidden;}
.services-arrow-clone::before{content: '';position: absolute;top: 0;left: 0;width: 100%;aspect-ratio: 1/1;border-radius: 50%;border: 1px dashed #fff;animation: services-arrow-rotate 10s linear infinite;}
.services-arrow-clone::after{content: '';position: absolute;top: 42px;left: 50%;width: 40px;height: 40px;background: url(../img/arrow.svg) no-repeat center center;background-size: contain;filter: brightness(0) invert(1);transform: rotate(90deg) translate(0, 50%);animation: services-arrow-move 2s linear infinite;}
.services-slider .owl-stage .owl-item:nth-child(odd) .item .services-card .services-arrow-area{transform: rotate(180deg) translate(50%, 50%);}
@keyframes services-arrow-rotate{0%{transform: rotate(0deg);}100%{transform: rotate(180deg);}}
@keyframes services-arrow-move{0%{transform: rotate(90deg) translate(-10px, 50%)}50%{transform: rotate(90deg) translate(10px, 50%)}100%{transform: rotate(90deg) translate(-10px, 50%)}}
.services-card:not(:hover) .services-arrow-area{opacity: 0;}


/*====================== Services Icon Section ======================*/
.services-icon-slider{padding: 28px 0;background: var(--theme-color);}
.services-icon-card{display: flex;justify-content: center;align-items: center;gap: 30px;opacity: 50%;transition: 0.5s;}
.services-icon-card h5{margin: 0;font-size: 30px;font-weight: 500;font-family: "Bricolage Grotesque", sans-serif;color: #fff;}
.services-icon-card img{width: 66px !important;height: 48px;object-fit: contain;filter: brightness(0) invert(1);}
.services-icon-card:hover{opacity: 90%;}


/*====================== Industries Section ======================*/
.industries-section{padding: 80px 0 0;}
.industries-section .theme-title-area{max-width: 650px;}
/* .industries-card{width: 100%;aspect-ratio: 25/23;border-radius: 10px;overflow: hidden;position: relative;}
.industries-card .industries-img{width: 100%;height: 100%;object-fit: cover;}
.industries-card .industries-content{position: absolute;top: 0;left: 0;padding: 25px 10px 10px 25px;width: 100%;display: flex;gap: 14px;justify-content: flex-start;align-items: center;z-index: 0;transition: 0.5s;}
.industries-card .industries-content::before{content: '';position: absolute;top: 0;left: 0;width: 100%;aspect-ratio: 2.5/1;background: linear-gradient( rgb(0 0 0), rgb(0 0 0 /0%));z-index: -1;}
.industries-card .industries-content .industries-icon{width: 20px;filter: brightness(0) invert(1);}
.industries-card .industries-content h4{font-size: 20px;font-weight: 300;line-height: 1.15;font-family: "Bricolage Grotesque", sans-serif;color: #fff;}
.industries-card:hover .industries-content{padding-top: 35px;} */


/*====================== Counter Section ======================*/
.counter-section{padding: 60px 0 80px;background: var(--theme-color);position: relative;}
.counter-section span#countersecn-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/bg-1.jpg);background-attachment: fixed;background-size: 100% auto;background-blend-mode: luminosity;opacity: 20%;}
.counter-card{color: #fff;text-align: center;}
.counter-card h6{margin-bottom: 5px;font-size: 60px;line-height: 1.1;font-family: "Bricolage Grotesque", sans-serif;font-weight: 700;}
.counter-card h6 sup{top: 0;font-size: unset;}
.counter-card p{font-size: 18px;line-height: 1.55;color: #E5E5E5;white-space: pre-line;}


/*====================== Client Section ======================*/
.client-section{padding: 80px 0 65px;}
.client-section .theme-title-area{max-width: 650px;}
.client-section .item{padding: 15px;}
.client-section .client-card{width: 100%;aspect-ratio: 330/190;border: 1px solid rgb(162 162 162/50%);display: flex;justify-content: center;align-items: center;transition: 0.5s;}
.client-section .client-card img{width: auto;max-width: 180px;max-height: 110px;transition: 0.5s;}
.client-section .client-card:hover{box-shadow: 0 0 15px 1px rgb(0 0 0 / 10%);}
.client-section .client-card:not(:hover) img{filter: grayscale(1);opacity: 95%;}
/* -------------------- */
.memberships-slider .client-card{aspect-ratio: unset;width: unset;padding: 15px 40px;}
.memberships-slider .client-card img{height: 100px;width: auto;max-height: unset;max-width: unset;}