﻿.main_banner {display: block;position: relative; z-index: 0; }
.main_banner #home_banner {height: auto;width: 100%; position: relative; }
.home_about_scssn {display: block;position: relative;background: #FBF3E7;z-index: 0; padding-bottom: 160px; }
.home_about_scssn:before {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.15;z-index: -1;background-position: center;}
.home_about_img {display: block;text-align: center;position: relative;}
.home_about_content {display: block; position: relative; }
.home_about_content h4 {font-size: 28px; font-weight: 500; color: #3E1F11; line-height: 1.35; margin: 5px 0 25px; }
.home_about_content p {color: #3E1F11; font-weight: 400; font-size: 18px; margin: 0; }
/* home vision mission scssn */
.home_vision_mission_scssn {display: block; position: relative; margin-top: -125px; }
.home_vision_mission_scssn .vision_mission_box {display: flex;position: relative;background: #3E1F11;padding: 52px 29px 32px 45px;height: 100%;align-items: flex-start;}
.home_vision_mission_scssn .vision_mission_box ul {display: flex; align-items: center; justify-content: center; }
.home_vision_mission_scssn .vision_mission_box ul li:first-child {width: 145px;padding-right: 40px;} 
.mission {border-radius: 25px 0px 0px 0px; } 
.home_vision_mission_scssn .vision_mission_box.vision {border-radius: 0px 0px 25px 0px; background: #DA922B; }
.home_vision_mission_scssn .vision_mission_box ul li {width: 80%; }
.home_vision_mission_scssn .vision_mission_box ul li:first-child img {width: 90px; }
.home_vision_mission_scssn .vision_mission_box ul li h4 {font-size: 20px; text-transform: uppercase; font-weight: 500; color: #ffffff; margin-bottom: 20px; }
.home_vision_mission_scssn .vision_mission_box ul li p {font-size: 18px;font-weight: 400;color: #ffffff;margin: 0;}
.home_current_scssn {position: relative; display: block; }
.home_current_scssn .swiper-slide {background: #ffffff; }
.home_current_slides {margin-bottom:40px;}
.home_current_scssn .current_box {display: flex;position: relative;flex-direction: column;padding: 0 0px 0px 0; }
.home_current_scssn .swiper-slide.swiper-slide-visible.swiper-slide-active {z-index: 1; }
.home_current_scssn .current_box .current_content {margin: 0;background: #ffffff;max-width: 470px;width: 95%;box-shadow: -30px 15px 40px 0px hsl(0deg 0% 0% / 23%);padding: 30px 35px 30px 55px;position: absolute;right: 45px;bottom:35px;transform: translateY(30%) scaleY(0.8);opacity: 0;visibility: hidden;transition: 1s all;transform-origin: bottom;}
.home_current_scssn .current_box .current_content:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../images/flower_pattern.svg');background-size: 306px;background-position: 190% 100%;background-repeat: no-repeat;opacity: 0.67;z-index: -1;}
.home_current_scssn .swiper-slide.swiper-slide-visible.swiper-slide-active .current_box .current_content {transform: translateX(0%) scaleY(1); opacity: 1; visibility: visible; }
.home_current_scssn .current_box .current_content h4 {margin-bottom: 13px;color: #680B09;font-weight: 600;font-size: 20px;}
.home_current_scssn .current_box .current_content .project_logo {padding-bottom: 20px;max-width: 180px;width: 65%;max-height: 100px;object-fit: contain;object-position: left;}
.home_current_scssn .current_box .current_content p {font-size: 18px;font-weight: 500;margin-bottom: 4px;color: #505050;}
.home_current_scssn .swiper-slide .current_img {max-width: 650px;position: relative;width: 80%;}
.home_current_scssn .swiper-slide.swiper-slide-visible.swiper-slide-active .current_img img {width: 100%;}
.home_current_scssn .swiper-slide.swiper-slide-visible.swiper-slide-active .current_img img {width: 100%;}
.custom_arrows {text-align: center;display: flex;align-items: center;justify-content: flex-start;position: relative;width: 100%;}
.home_current_scssn .custom_arrows { max-width: 600px; position: absolute; bottom: 0; }
.home_current_scssn .custom_arrows:before { background: linear-gradient(90deg, rgb(62 31 17) 0%, rgba(255,255,255,0) 100%); z-index: 1; position: absolute; content: ""; bottom: 0 left: 0; height:100%; width: 62%;}
.home_current_scssn .custom_arrows .swiper-button-prev, .home_current_scssn .custom_arrows .swiper-button-next {color: #ffffff; padding:15px 15px; }
.home_current_scssn .custom_arrows .swiper-button-prev img, .home_current_scssn .custom_arrows .swiper-button-next img {filter: invert(1);}
.custom_arrows .swiper-button-next, .custom_arrows .swiper-button-prev {left: auto;right: auto;bottom: 0;top: auto;transform: none;position: relative;padding: 8px 15px;width: auto;display: inline-flex;height: auto;color: #444444;margin: 0;font-size: 14px;font-weight: 500;transition: 0.4s all;}
.custom_arrows .swiper-button-prev {flex-direction: row-reverse;}
.swiper-button-next:after, .swiper-button-prev:after {display: none; }
.custom_arrows .swiper-button-prev img {transform: rotate(180deg); }
.custom_arrows .swiper-button-next img, .custom_arrows .swiper-button-prev img {padding: 0 8px; }
/* home counter scssn */
.counter_scssn {display: block; position: relative; z-index: 0; background: url(../images/counter_bg.jpg); background-attachment: fixed; -webkit-background-attachment: fixed; -moz-background-attachment: fixed; -o-background-attachment: fixed; }
.counter_scssn:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.52);z-index: 0;}
.counter_title {height: 100%; display: flex; align-items: center; position: relative; }
.counter_title h2 {position: relative;z-index: 1;color: #ffffff; /* 	font-family: 'Berlingske Serif'; */ font-size: 65px;font-weight: 500; white-space: pre-line; }
.counter_scssn .col_grid {margin: 0px 0 -1px -1px; transition: 0.4s all; }
.counter_scssn .counter_box {text-align: left;display: flex;flex-direction: column;align-items: center;padding: 50px 30px 50px 45px;width: 100%;justify-content: center;height: 100%;border: 1px solid rgb(255 255 255 / 31%);position: relative; min-height: 310px; transition: 0.5s all; } 
.counter_scssn .animate .counter_box {background: rgb(0 0 0 / 45%); backdrop-filter: blur(2px); }
.counter_scssn .counter_box h4 {font-size: 75px;font-weight: 500;color: #ffffff;position: relative;display: flex;align-items: flex-start;margin-bottom: 2px;width: 100%; /* 	font-family: 'Berlingske Serif'; */ justify-content: center;}
.counter_scssn .counter_box p {white-space: pre-line;line-height: 1.3;font-size: 20px;font-weight: 500;letter-spacing: 0.8px;color: #ffffff;padding: 0;}
.counter_scssn .counter_box h4:after {content: '+';color: #ffffff;font-weight: 400;margin: -3px 2px 0;}
.counter_scssn .counter_box .counter{position: relative;display: flex;overflow: hidden;height: 90px;text-align: center;padding-right: 2px;justify-content: space-around;align-items: flex-end;} 
.counter_scssn .counter_box .counter > span{z-index: 1;display: flex;flex-direction: column;height: 100%;width: 42px;transition: transform 2s ease;transform: translateY(0);align-items: center;}
.counter_scssn .counter_box .counter > span span{flex: 0 0 100%;height: 100%;}
.counter_scssn .counter_box .counter span:nth-last-child(3),.counter_scssn .counter_box .counter span:nth-last-child(5){margin-left: 5px;}
.counter_scssn .counter_box .counter span:nth-last-child(3) span:last-child,.counter_scssn .counter_box .counter span:nth-last-child(5) span:last-child{position: relative;}
.counter_scssn .counter_box .counter span:first-child{margin-left: 0;}
.counter_scssn .counter_box .counter span:first-child span:last-child:before{display: none;}
/* completed scssn */
.home_completed_scssn {position: relative;display: block;background: #ffffff;}
.home_completed_slides {margin-top: -3rem; }
.home_completed_box {display: block; position: relative; }
.home_completed_box a {display: flex; flex-direction: column; transition: 0.4s all; position: relative; }
.home_completed_box a:before {content: ''; position: absolute; left: 0; width: 100%; height: 81%; background: #ffffff; transition: 0.4s all; opacity: 0; }
.home_completed_box a .completed_img { position: relative; overflow: hidden; }
.home_completed_box a img {height: auto;/*max-height: 500px;*/width: 100%;object-fit: cover;transform: scale(1.03) translateX(0);transition: 0.6s all;}
.home_completed_box a:hover img {transform: scale(1.03) translateX(3px);} 
.home_completed_box a .completed_content {padding: 22px 20px; position: relative; display: block; }
.home_completed_box a .completed_content > span {color: #DA922B; font-size: 17px; font-weight: 400; padding-bottom: 7px; }
.home_completed_box a .completed_content h4 {margin-bottom: 5px;font-size: 20px;font-weight: 500;color: #3E1F11;transition: 0.4s all;}
.swiper-slide-active .home_completed_box a .completed_content h4 {font-size: 26px; }
.home_completed_box a .completed_content p {color: #3E1F11; font-weight: 400; font-size: 17px; margin: 0; }
.home_completed_box a .completed_content .custom_button span {background: #ffffff;}
.home_completed_box a:hover .completed_content .custom_button span {background: #ffffff; }
/* .home_completed_slides .custom_arrows {justify-content: center; padding: 15px 0 0 0; } */
.home_completed_slides .custom_arrows {justify-content: space-between;padding: 0 0 0 0;position: absolute;top: 50%;transform: translate(-50%,-50%);margin: 0 auto;width: 98%;display: inline-flex;left: 50%;z-index: 10;right: auto;}
.home_completed_slides .custom_arrows img {filter: drop-shadow(2px 2px 4px black); padding: 0; }
.home_completed_slides .swiper-wrapper .swiper-slide {transition: 0.4s all;filter: blur(3px);transform: scale(0.92);}
.home_completed_slides .swiper-wrapper .swiper-slide-active {filter: blur(0);transition-delay: 500ms;transition: filter 500ms 0.4s ease, transform 0.7s 0.1s ease;transform: scale(1);}
.home_completed_slides .swiper-wrapper .swiper-slide-active .home_completed_box a:before {height: 100%;box-shadow: 0px 1px 50px 0px rgb(0 0 0 / 15%);opacity: 1;transition: height 0.9s 300ms ease,box-shadow 0.9s 300ms ease,opacity 0.9s 300ms ease;}
.home_completed_slides .custom_arrows .swiper-button-next,.home_completed_slides .custom_arrows .swiper-button-prev {/* color: #ffffff; */ width: 65px; height: 45px; /* border-radius: 50px; */ background: #00000000; padding: 5px 9px; opacity: 0; visibility: hidden; font-size: 0; position: absolute; /* border: 1px solid #ffffff; */ top: 50%; transform: translateY(-50%); }
.home_completed_slides .custom_arrows .swiper-button-white:before {content: ''; position: absolute; left: 0; width: 100%; height: 100%; top: 0; opacity: 0.6; background: #000000; filter: blur(20px); }
.home_completed_slides .custom_arrows .swiper-button-next {right: -70px; }
.home_completed_slides .custom_arrows .swiper-button-prev {left: -70px; }
.home_completed_slides:hover .custom_arrows .swiper-button-prev {left: 0; opacity: 1; visibility: visible; }
.home_completed_slides:hover .custom_arrows .swiper-button-next {right: 0; opacity: 1; visibility: visible; }







/* 
.preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: var(--bg-color); }
.preloader .percent {color: transparent; font-size: 24vw; font-weight: bold; opacity: 0.3; -webkit-text-stroke: 1px var(--heading-color); z-index: 999; }
.preloader .loading-text {position: absolute; letter-spacing: 3px; font-size: 14px; bottom: 55px; z-index: 999; }
.preloader .loading-text.loading-text {left: 40px; }
.preloader .title {display: inline-block; line-height: 0.9; letter-spacing: 10px; z-index: 999; }
.preloader .title .text-fill {color: var(--heading-color); position: absolute; left: 0; -webkit-clip-path: inset(100.09% 0% 0% 0%); clip-path: inset(100.09% 0% 0% 0%); z-index: 999; }
.preloader .preloader-bar {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
.preloader .preloader-bar .preloader-progress {width: 0%; height: 100%; background: #d09c5b;}
.v-middle {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.scroll-to-top .v-middle {position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); }
.v-middle-horizontal {position: absolute; left: 50%; transform: translate(-50%, 0); }
.v-middle-vertical {position: absolute; top: 50%; transform: translate(0, -50%); }
 */

/* 19-05-2025 */
footer .copyright .design_by {margin-left: 1px;}
footer .copyright .design_by:before {content: ' | ';}
footer .copyright .design_by a {padding-left: 4px; }
footer .copyright .design_by img {filter: invert(1) grayscale(1) brightness(2); opacity: 0.55; transition: 0.5s all; }
footer .copyright .design_by:hover img {opacity: 0.8; }
footer .copyright a:hover:before{opacity: 0; }