/* ================================================================================
        Hero Section
================================================================================ */
.slider-secn{background: var(--theme-color-light);}
.slider-secn .container{padding: 0 2.09vw 0 5.21vw;width: 100%;max-width: 1920px;}
.slider-secn .slider-area{position: relative;z-index: 0;}
.slider-secn .slider-area .slider-texture{position: absolute;top: 5%;left: 7.5%;width: 85%;height: 90%;filter: brightness(0) saturate(100%) invert(29%) sepia(21%) saturate(1201%) hue-rotate(92deg) brightness(94%) contrast(87%);opacity: 14%;}
.slider-secn .slider-area .slider-row{display: flex;flex-wrap: wrap;align-items: center;}
/*---------------  ---------------*/
.slider-secn .slider-area .slider-title{margin-inline: 0 3.13vw;width: 28.91vw;}
.slider-secn .slider-area .slider-title .slider-subtitle{margin: 0;font-size: 0.89vw;font-weight: 600;color: var(--theme-color-green);line-height: 1.4;letter-spacing: 0.41px;text-transform: uppercase;}
.slider-secn .slider-area .slider-title .slider-maintitle{margin: 0;font-size: 2.86vw;font-weight: 600;color: var(--theme-color-green);line-height: 1.15;}
/*---------------  ---------------*/
.slider-secn .slider-area .slider-img-area{position: relative;width: 60.34vw;}
.slider-secn .slider-area .slider-img-area .slider-img{width: 78.2%;border-radius: 1.6vw 1.6vw 0 0;overflow: hidden;animation: floatLeftAndRight 8s ease-in-out infinite;}
.slider-secn .slider-area .slider-img-area .slider-img img{width: 100%;aspect-ratio: 906/829;transition: 0.5s;}
@keyframes floatLeftAndRight{0%, 100%{transform: translateX(0);}50%{transform: translateX(-15px);}}
/*---------------  ---------------*/
.slider-secn .slider-area .slider-img-area .slider-content-card{padding: 3.39vw 2.09vw 4.7vw 3.65vw;max-width: 28.91vw;background: var(--theme-color-green2);border-radius: 1.6vw 0 0 0;position: absolute;bottom: 0;right: 0;z-index: 1;}
.slider-secn .slider-area .slider-img-area .slider-content-card::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/group-map.png) no-repeat center center;background-size: 85%;filter: brightness(0) invert(1);opacity: 32%;z-index: -1;}
.slider-secn .slider-area .slider-img-area .slider-content-card p{margin-bottom: 1.82vw;font-size: 1.09vw;font-weight: 500;color: #fff;line-height: 1.5;white-space: pre-line;}
.slider-secn .slider-area .slider-img-area .slider-content-card p span,.slider-secn .slider-area .slider-img-area .slider-content-card p strong{color: var(--theme-color-lightgreen);font-weight: 600;}
.slider-secn .slider-area .slider-img-area .slider-content-card .btn-area{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 7px;}
.slider-secn .slider-area .slider-img-area .slider-content-card .btn-area .theme-btn{padding: 0.9vw 1.3vw;background: var(--theme-color-lightgreen);font-size: 0.83vw;font-weight: 600;line-height: 1.2;color: #fff;}
.slider-secn .slider-area .slider-img-area .slider-content-card .btn-area .theme-btn.border-btn{color: #fff;}


/* ================================================================================
        Index Product Section
================================================================================ */
.index-product-secn{padding-block: 80px 90px;}
.index-product-secn .theme-title-area{white-space: pre-line;}
.index-product-secn .product-card{display: inline-block;}
.index-product-secn .product-card .product-img{width: 100%;aspect-ratio: 321/327;border-radius: 10px;overflow: hidden;}
.index-product-secn .product-card .product-img img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.index-product-secn .product-card .product-content{padding: 17px 15px 0 34px;}
.index-product-secn .product-card .product-content .product-title{margin-bottom: 19px;font-size: 20px;color: var(--theme-color-dark);font-weight: 600;line-height: 1.4;}
.index-product-secn .product-card .product-content .theme-btn{margin-bottom: 10px;}
.index-product-secn .product-card:hover .product-img img{transform: scale(1.05) rotate(2deg);}


/* ================================================================================
        Index About Section
================================================================================ */
.index-about-secn{padding-block: 110px 80px;background: var(--theme-color-gray);}
.index-about-secn .about-imgarea{z-index: 0;position: relative;}
.index-about-secn .about-imgarea .img-area1{width: 79%;aspect-ratio: 1/1;border-radius: 30px 30px 0 0;overflow: hidden;}
.index-about-secn .about-imgarea .img-area2{margin: -14.2% 0 0 auto;width: 62.8%;aspect-ratio: 351/235;border-radius: 10px;box-shadow: 0 0 0 10px #fff;overflow: hidden;z-index: 1;position: relative;}
.index-about-secn .about-imgarea .img-area1 img,
.index-about-secn .about-imgarea .img-area2 img{width: 100%;height: 100%;transition: 0.5s;}
.index-about-secn .about-imgarea .img-area1 img{transition-delay: 0.2s;}
.index-about-secn:hover .about-imgarea .img-area1 img{transform: scale(1.05) rotate(-2deg);transition-delay: 0s;}
.index-about-secn:hover .about-imgarea .img-area2 img{transform: scale(1.05) rotate(2deg);transition-delay: 0.2s;}
.index-about-secn .left-padding{margin-left: 75px;}
.index-about-secn .theme-title-area{margin-bottom: 20px;}
.index-about-secn .theme-title-area .icon-title{margin: 0 0 13px;}
.index-about-secn .theme-title-area .sub-title{margin-bottom: 10px;}
.index-about-secn p{margin-bottom: 25px;width: 95%;}


/* ================================================================================
        Index Counter Section
================================================================================ */
.index-counter-secn{background: var(--theme-color-darkgreen);position: relative;}
.index-counter-secn::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 50%;background: var(--theme-color-gray);clip-path: ellipse(75% 100% at 50% 0%);}
/*---------------  ---------------*/
.index-counter-secn .counter-card{padding: 37px 20px 40px 50px;background: #fff;border-radius: 10px;box-shadow: 1px 10px 25px rgb(0 0 0 / 14%);position: relative;overflow: hidden;animation: floatUpAndDown 3s ease-in-out infinite;transition: 0.5s;}
.index-counter-secn .counter-card::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 10px;background: var(--theme-color-lightgreen);transition: 0.5s;}
.index-counter-secn .counter-card .counter-icon{margin-bottom: 80px;height: 64px;transition: 0.5s;}
.index-counter-secn .counter-card .counter-count{margin-bottom: 26px;height: 40px;font-size: 55px;font-weight: 300;line-height: 1;transition: 0.5s;}
.counter-number{margin: 0;padding: 0;position: relative;display: inline-flex;align-items: center;overflow: hidden;/*height: 3.125rem;*/height: 42px;font-size: 55px;font-weight: 300;line-height: 0.7272;}
.counter-number > span{z-index: 1;display: flex;flex-direction: column;align-items: center;height: 100%;width: 30px;transition: transform 2s ease;transform: translateY(0);}
.counter-number > span span{flex: 0 0 100%;height: 100%;}
.index-counter-secn .counter-card .counter-title{margin-bottom: 5px;font-size: 19px;font-weight: 600;line-height: 1.3;transition: 0.5s;}
.index-counter-secn .counter-card p{font-size: 16px;font-weight: 500;font-style: italic;line-height: 1.4;transition: 0.5s;}
/*---------------  ---------------*/
.index-counter-secn .counter-card.active{background: var(--theme-color-lightgreen);}
.index-counter-secn .counter-card.active::before{background: var(--theme-color-green);}
.index-counter-secn .counter-card.active .counter-icon{filter: brightness(0) invert(1);}
.index-counter-secn .counter-card.active .counter-count,
.index-counter-secn .counter-card.active .counter-title,
.index-counter-secn .counter-card.active p{color: #fff;}
/*---------------  ---------------*/
.index-counter-secn div[class*=col-]:nth-child(even) .counter-card{margin-top: 60px;}
.index-counter-secn div[class*=col-]:nth-child(2) .counter-card{animation-delay: 1s;}
.index-counter-secn div[class*=col-]:nth-child(3) .counter-card{animation-delay: 2s;}
.index-counter-secn div[class*=col-]:nth-child(4) .counter-card{animation-delay: 3s;}
/*---------------  ---------------*/
@keyframes floatUpAndDown{0%, 100%{transform: translateY(0);}50%{transform: translateY(-5px);}}


/* ================================================================================
        Index Group Section
================================================================================ */
.index-group-secn{margin-top: -1px;padding-block: 80px 130px;background: var(--theme-color-darkgreen);}
.index-group-secn .theme-title-area{white-space: pre-line;}
.index-group-secn .theme-title-area .main-title{color: #fff;}
.index-group-secn .map-area .group-map{display: block;margin: auto;max-width: 96%;filter: brightness(0) invert(1);opacity: 40%;animation: groupMapFade 8s ease-in-out infinite;}
@keyframes groupMapFade{0%, 100%{opacity: 30%;}49%, 51%{opacity: 50%;}}
/*---------------  ---------------*/
.map-area .map-main-area{margin: 0 auto;width: 100%;position: relative;}
.map-area .group-map{width: 100%;}
.map-area .country-seletion{width: 22px;height: 22px;position: absolute;z-index: 1;transform: translate(-50%,-50%);z-index: 0;}
.map-area .country-seletion .country-pin{width: 100%;height: 100%;background: var(--theme-color-green);border-radius: 50%;box-shadow: inset 0 0 0 6px var(--theme-color-lightgreen);position: relative;cursor: pointer;transition: 0.5s;}
.map-area .country-seletion .country-pin::before,
.map-area .country-seletion .country-pin::after{content: '';position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;border: 1px solid var(--theme-color-lightgreen);border-radius: 50%;transform: translate(-50%, -50%);animation: countryHover 2s linear infinite;transition: 0.5s;}
.map-area .country-seletion .country-pin::after{animation-delay: 1s;}
@keyframes countryHover{0%{transform: translate(-50%, -50%) scale(1);opacity: 0;}50%{opacity: 1;}100%{transform: translate(-50%, -50%) scale(2);opacity: 0;}}
.map-area .country-seletion .country-card{padding: 15px 15px 30px 15px;width: 320px;background: var(--theme-color-gray);border-radius: 10px;position: absolute;top: 100%;left: calc(100% + 5px);transition: 0.5s ease;z-index: -1;opacity: 0;visibility: hidden;transform: translateY(10px) scale(.95);pointer-events: none;}
.map-area .country-seletion .country-card .image{margin-bottom: 20px;width: 100%;aspect-ratio: 293/172;border-radius: 10px;overflow: hidden;}
.map-area .country-seletion .country-card .image img{width: 100%;height: 100%;object-fit: cover;}
.map-area .country-seletion .country-card .country{margin-bottom: 7px;padding-left: 20px;font-size: 16px;font-weight: 600;line-height: 1.4;color: var(--theme-color-dark2);letter-spacing: 0.25px;text-transform: uppercase;}
.map-area .country-seletion .country-card .title{margin-bottom: 0;padding-left: 20px;width: 90%;font-size: 20px;font-weight: 700;line-height: 1.45;letter-spacing: 0.25px;text-transform: uppercase;}
.map-area .country-seletion .country-card .btn-area{position: absolute;right: 15px;display: flex;flex-direction: row;}
.map-area .country-seletion .country-card .btn-area .btn-prv,
.map-area .country-seletion .country-card .btn-area .btn-nxt{width: 20px;height: 20px;border: 1px solid var(--theme-color-lightgreen);font-size: 12px;display: flex;justify-content: center;align-items: center;transition: 0.5s;cursor: pointer;}
.map-area .country-seletion .country-card .btn-area .btn-prv{margin-right: -1px;border-radius: 5px 0 0 5px;}
.map-area .country-seletion .country-card .btn-area .btn-nxt{border-radius: 0 5px 5px 0;}
.map-area .country-seletion .country-card .btn-area .btn-prv:hover,
.map-area .country-seletion .country-card .btn-area .btn-nxt:hover{background: var(--theme-color-lightgreen);color: #fff;}
/*---------------  ---------------*/
.map-area .country-seletion:not(.show) .country-pin{background: var(--theme-color-lightgreen);box-shadow: inset 0 0 0 6px var(--theme-color-green);}
.map-area .country-seletion:not(.show) .country-pin::before,
.map-area .country-seletion:not(.show) .country-pin::after{opacity: 0;animation: unset;}
.map-area .country-seletion.show .country-card{opacity: 1;visibility: visible;transform: translateY(0) scale(1);pointer-events: auto;}
/*---------------  ---------------*/
.india{top: 49.5%;left: 67.5%;}
.uk,.united-kingdom{top: 30%;left: 46%;}
.uganda{top: 67.4%;left: 54.7%;}
.kenya{top: 70%;left: 56.6%;}
.ghana{top: 60%;left: 45.7%;}
.dominican,.dominican-republic{top: 53.5%;left: 29.5%;}
.rwanda{top: 72%;left: 54.6%;}


/* ================================================================================
        Index Process Section
================================================================================ */
.index-process-secn{padding-block: 110px 130px;}
.index-process-secn .theme-title-area{margin-bottom: 0;white-space: pre-line;position: sticky;top: 50px;}
.index-process-secn .process-card{margin-bottom: 30px;background: var(--theme-color-gray);border-radius: 10px;display: flex;flex-direction: row;gap: 8px;overflow: hidden;transition: 0.5s;}
.index-process-secn .process-card:last-child{margin-bottom: 0;}
.index-process-secn .process-card .process-card-left{position: relative;}
.index-process-secn .process-card .process-img{width: 204px;height: 100%;min-height: 154px;/*aspect-ratio: 204/154;*/}
.index-process-secn .process-card .process-img img{width: 100%;height: 100%;object-fit: cover;}
.index-process-secn .process-card .process-count{margin: 0;font-size: 77px;font-weight: 500;color: #fff;line-height: 0.77;position: absolute;bottom: 0;right: 10px;}
.index-process-secn .process-card .process-card-right{padding-block: 15px;align-self: center;}
.index-process-secn .process-card .process-card-right .process-title{margin-bottom: 7px;font-size: 19px;font-weight: 600;line-height: 1.4;color: var(--theme-color-green);}
.index-process-secn .process-card .process-card-right .process-para{width: 89%;font-size: 16px;font-weight: 500;line-height: 1.5;}
.index-process-secn .process-card:not(.show){opacity: 20%;}


/* ================================================================================
        Index Warehousing Section
================================================================================ */
.index-warehousing-secn{padding-block: 130px;background: var(--theme-color-gray);}
.index-warehousing-secn .warehousing-content-area{margin-block: 40px;padding: 55px 136px 55px 75px;width: 118%;background: #fff;border-radius: 10px;box-shadow: 1px 25px 50px rgb(0 0 0 / 16%);position: relative;z-index: 1;}
.index-warehousing-secn .warehousing-content-area .theme-title-area{margin-bottom: 20px;width: 100%;}
.index-warehousing-secn .warehousing-content-area p{margin-bottom: 0;}
.index-warehousing-secn .warehousing-content-area .theme-btn{margin-top: 35px;}
.index-warehousing-secn .warehousing-imgarea{width: 100%;height: 100%;border-radius: 10px;overflow: hidden;position: relative;}
.index-warehousing-secn .warehousing-imgarea img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;transition: 0.5s;}
.index-warehousing-secn:hover .warehousing-imgarea img{transform: scale(1.05) rotate(2deg);}


/* ================================================================================
        Index Whyus Section
================================================================================ */
.index-whyus-secn{padding-block: 110px;}
.index-whyus-secn .theme-title-area{margin-bottom: 60px;white-space: pre-line;}
.index-whyus-secn .whyus-slider-area{width: calc(100% + (100vw - 1375px - 7px) / 2);/*height: 295px;*/}
.index-whyus-secn .whyus-slider-area .owl-carousel .item{padding-top: 5px;}
/*---------------  ---------------*/
.whyus-card{padding: 40px 0 50px 42px;width: 321px;aspect-ratio: 321/295;background: var(--theme-color-gray);border-radius: 10px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;position: relative;transition: 0.5s;}
.whyus-card::before{content: '';position: absolute;bottom: 0;right: 20px;width: 108px;aspect-ratio: 108/130;background: url(../img/icon.png) no-repeat right bottom;background-size: contain;filter: grayscale(1);opacity: 6%;transition: 0.5s;}
.whyus-card .whyus-title{font-size: 18px;font-weight: 600;line-height: 1.3;white-space: pre-line;transition: 0.5s;}
.whyus-card img.whyus-icon{height: 67px;width: fit-content;transition: 0.5s;}
/*---------------  ---------------*/
.whyus-card:hover{transform: translateY(-5px);}
.whyus-card.active{background: var(--theme-color-darkgreen);}
.whyus-card.active::before{opacity: 5%;mix-blend-mode: screen;}
.whyus-card.active .whyus-title{color: #fff;}
.whyus-card.active img.whyus-icon{filter: brightness(0) saturate(100%) invert(63%) sepia(95%) saturate(554%) hue-rotate(25deg) brightness(93%) contrast(102%);}


/* ================================================================================
        Index News Section
================================================================================ */
.index-news-secn{padding-block: 90px 60px;background: var(--theme-color-gray);}
.index-news-secn .theme-title-area{margin-bottom: 35px;white-space: pre-line;}
/*---------------  ---------------*/
.index-news-secn .news-slider-area .theme-slider.owl-carousel .owl-stage-outer{margin-inline: -15px;padding: 20px 15px 30px;width: calc(100% + 30px);}
.index-news-secn .news-slider-area .theme-slider.owl-carousel .owl-stage{display: flex;}
.index-news-secn .news-slider-area .theme-slider .item{padding: 0;height: 100%;}