@font-face {
     font-family: 'geometria';
     src: url(./../font/geometria/Geometria.ttf) format('truetype');
 }

 @font-face {
     font-family: 'geometria-light';
     src: url(./../font/geometria/Geometria-Light.ttf) format('truetype');
 }

@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

 body {
     /*font-family: 'geometria';*/
     background-color: #fff7e7;
	  font-family: "Urbanist", sans-serif;
	
 }

 img {
     max-width: 100%;
     height: auto;
 }

 /* container */
 .container {
     max-width: 90% !important;
 }

 /* font family */
 .light_font {
     /*font-family: 'geometria-light';*/
	 font-family: "Urbanist", sans-serif;
 }


 /* font sizes */
 .heading_large {
     /* 64px : 1360 device - 60px , mobile - 24px */
     /* font-size: clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem); */
     font-size: clamp(1.5rem, 1rem + 2.5vw, 4rem);
	 line-height: normal;
 }

 .heading_medium {
     /* 48px : 1360 device - 45.5px , mobile - 20.5px */
     font-size: clamp(1.1875rem, 0.875rem + 1.5625vw, 2.75rem);
	 line-height: normal;
 }

 .heading_small {
     /* 36px : 1360 device - 33.5px , mobile - 18.5px */
     font-size: clamp(1.1563rem, 0.9688rem + 0.9375vw, 2.0938rem);
	 line-height: normal;
 }

 .paragraph_large {
     /* 32px : 1360 device - 29.5px , mobile - 16.5px */
     font-size: clamp(1.0313rem, 0.8688rem + 0.8125vw, 1.8438rem);
	 
 }

 .paragraph_medium {
     /* 24px : 1360 device - 20px , mobile - 15px */
     font-size: clamp(0.9375rem, 0.875rem + 0.3125vw, 1.25rem);
	
 }

 .paragraph_small {
     /* 20px : 1360 device - 12.5px , mobile - 17.5px */
     font-size: clamp(0.7813rem, 0.7188rem + 0.3125vw, 1.0938rem);
 }

 /* smaller font */
 .paragraphsmaller {
     /* 18px : 1360 device - 14px , mobile - 10.5px */
     font-size: clamp(0.6563rem, 0.6125rem + 0.2188vw, 0.875rem);
 }

 /* text_colors */
 .text-black_color {
     color: rgba(0, 0, 0, 1);
 }

 .text-lightblack_color {
     color: rgba(0, 0, 0, 0.8);
 }

 .text_white_color {
     color: rgba(255, 255, 255, 1);
 }

 .text_lightwhite_color {
     color: rgba(255, 255, 255, 0.8);
 }

 .text_orange_color {
     color: rgba(248, 149, 32, 1);
 }

 /* button */
 .btnbg_orangecolor {
     background-color: rgba(248, 149, 32, 1);
     border-radius: 0;
     color: #FFF;
 }

 .btnbg_orangecolor:hover {
     background-color: #FFF;
     border-radius: 0;
     color: rgba(248, 149, 32, 1)!important;
 }


 .btnbg_light_organecolor {
     background-color: rgba(248, 149, 32, 0.3);
     border-radius: 0;
 }

 .btnbg_light_organecolor:hover {
     background-color: rgba(248, 149, 32, 0.3);
     border-radius: 0;
 }

 /* floating image banner styles */
 .banner_section {
     position: relative;
     z-index: 0;
     height: 100vh;
	
 }

 .banner_section_overlay::before {
     content: "";
     position: absolute;
     top: 0%;
     left: 0%;
     width: 100%;
     height: 100%;
     background: linear-gradient(to right,
             rgba(0, 0, 0, 0.4) 100%,
             rgba(0, 0, 0, 0) 100%);
     z-index: 1;
 }

 .banner_section .banner_text {
     max-width: 55%;
     position: absolute;
     bottom: 20%;
     left: 5%;
 }

 .banner_cta {
     background: #f89520;
     color: #fff;
     padding: 2%;
     border-radius: 20px 20px 20px 20px;
     text-decoration: none;
 }

 .floating_banner {
     height: auto;
     max-width: 130%;
     position: absolute;
     animation: diagonal-move-anim 20s linear infinite alternate;
     top: -20%;
     left: -15%;
     z-index: -1;
     object-fit: cover;
 }

 @keyframes diagonal-move-anim {
     0% {
         transform: translate(-150px, -150px);
     }

     50% {
         transform: translate(150px, 150px);
     }

     100% {
         transform: translate(-150px, -150px);
     }
 }


 /* banner images */
 /* .banner {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     min-height: 120vh;
     position: relative;
     z-index: 0;
 }

 .banner::before {
     content: "";
     position: absolute;
     top: 0%;
     left: 0%;
     width: 100%;
     height: 100%;
     z-index: -1;
     background: linear-gradient(150deg, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0) 100%);
 } */

 /* .bg-bounce {
     animation: Bounce 10s ease-in-out infinite;
 } */
 /* Keyframes for background bounce effect */
 /* @keyframes Bounce {

     0%,
     100% {
         background-size: 100%;
     }

     50% {
         background-size: 105%;
     }
 } */


 /* form style */

 .form-control,
 .form-select {
     border: none;
     border-bottom: 1px solid #999;
     border-radius: 0;
     background: transparent;
     box-shadow: none;
     padding: 0 !important;
 }

 .form-control:focus {
     color: rgba(0, 0, 0, 0.8) !important;
     background-color: transparent !important;
     border-color: #999 !important;
     outline: 0;
     box-shadow: none !important;
 }

 .submit-btn {
	 position: relative;
     background: #F89520;
     color: white;
     border: none;
     width: 100%;
     padding: 6px;
     border-radius: 0;
 }

 .submit-btn:hover {
     background-color: #FFF;
     color: #e68210;
 }

 /* text-underline by darshan */

 .underlined_text {
     position: relative;
     width: fit-content;
 }

 .underlined_text:before {
     content: "";
     position: absolute;
     bottom: -6px;
     background: #f89520;
     height: 1px;
     width: 75%;
 }

 /* *faq section* */
 .accordion {
     --bs-accordion-bg: none !important;
 }

 .accordion-button::after {
     content: '+' !important;
     font-size: 1.2rem;
     transform: none;
     background-image: none !important;
     margin-left: auto;
 }

 .accordion-button:focus {
     z-index: 3;
     outline: 0;
     box-shadow: none !important;
 }

 .accordion-button:not(.collapsed)::after {
     content: '−' !important;

 }

 .accordion-button:not(.collapsed) {
     background-color: transparent;
     color: rgba(0, 0, 0, 1);
 }

 .accordion-button {
     background-color: transparent;
     box-shadow: none;
     font-weight: 500;
 }

 .accordion-item {
     border: none;
     border-bottom: 1px solid #ccc;
 }


 [data-hs]>* {
     transform: translate3d(var(--hs-translate-x), var(--hs-translate-y), 0) scale(1) rotate(var(--hs-rotate)) perspective(var(--hs-perspective)) rotateX(var(--hs-rotate-x)) rotateY(var(--hs-rotate-y)) skew(var(--hs-skew-x), var(--hs-skew-y)) !important;
 }

 @media (max-width: 576px) {
     .container {
         max-width: 100% !important;
     }

     .floating_banner {
         position: relative;
         animation: none;
         object-fit: cover;
         height: 100dvh;
     }

     .banner_section {

         height: 80vh;
     }
 }

 @media screen and (max-width: 768px) {

     /* .banner {
         min-height: 75vh;
         object-fit: cover;
         width: 100%;
     }

     .bg-bounce {
         animation: none;
     } */
     .banner_section .banner_text {
         max-width: 100%;
     }
	 .floating_banner {
	height: 150vh;
	}
	
	 
 }
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.floating_banner {
	height: 150vh;
	}
	.floating_banner {
    max-width: 130%;
    position: absolute;
    animation: none;
    top: -20%;
    left: -15%;
    z-index: -1;
    object-fit: cover;
}
	.product_gallery img {
    min-height: 300px;
    max-height: 400px;
    object-fit: cover;
}
	.image_size {
    height: 50dvh!important;
    object-fit: cover;
    width: 100%;
}
	.banner_section {
    position: relative;
    z-index: 0;
    height: 70vh;
}
	.contact_with_us {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 85vh!important;
    position: relative;
    z-index: 0;
}
	.home_banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 84vh!important;
    position: relative;
    z-index: 0;
}
.choose_us .choose_border {
    border: 1px solid rgba(248, 149, 32, 1);
    height: 50dvh!important;
}
	.choose_us #content-slider {
    width: 100%;
    height: 35vh!important;
    position: relative;
    overflow: hidden;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    padding-top: 70px;
}

.choose_us .slide {
    position: absolute;
    height: 37vh!important;
    width: auto;
    max-width: 100%;
    object-fit: cover;
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 1s ease, opacity 1s ease;
}
	 .choose_us #slider-container {
    width: 100%;
    height: 55vh!important;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
	.masked-shape {
		width: 100%;
		height: 58dvh!important;
	}
	.innovating .img-front {
		width: 80%;
		height: 80%;
		position: absolute;
		top: 65px;
		left: 85px;
		object-fit: cover;
		object-position: right;
		background-position: center center;
		/* position-area: center; */
		animation:none!important;
    }
	.innovating .image-stack {
		position: relative;
		width: 95%;
		height: 100%;
		left: 7%!important;
    }
	.innovating .img-back {
		width: 80%;
		height: 75%;
		display: block;
		object-fit: cover;
		background-position: center center;
		animation: none!important;
    }
	.footer_left_section::before {
       display:none!important;
    }
	.stay_inspired .stay_orangebg {

		margin: 0px 0px 0px 0px!important;
	}
	.innerpage .custom-scroll {
		max-height: 32vh;
		overflow-y: auto;
		overflow-x: hidden;
		padding-right: 10px;
		scrollbar-width: thin;
		scrollbar-color: #f89520 rgba(248, 149, 32, 0.2);
    }
	.images_size {
		height: 165px;
		width: 100%;
		object-fit: cover;
    }
	

	.mySwiperHero .swiper-slide img {
		max-width:100%!important;
		height: 35vh!important;
		display: block;
		object-fit: cover;
		width: 100%;
		object-position: top;
	}
	.rounded-pill {
        position: absolute;
        transform: translate(-50%, 50%);
        top: 42%;
        left: 0;
        width: 12rem!important;
        background-color: rgba(248, 149, 32, 1) !important;
    }
	.overlap_swiper_destop .banner-section {
		position: relative;
		height: 65vh!important;
		width: 100%;
	}
	.overlap_swiper_destop .banner-image {
		height: 65vh!important;
		object-fit: cover;
	}
	.card_swiper:nth-child(2) {
		margin-top: -385vh!important;
		height: 360vh;
	}
	.card_swiper:nth-child(3) {
		margin-top: -295vh!important;
		height: 270vh;
	}
	.parallax_section {
        margin-top: -45rem!important;
        position: relative;
        z-index: 2;
        /* position: sticky; */
        background: #fff7e7;
    }
}
@media screen and (min-width: 1440px){
	.floating_banner {
	height: 140vh;
	}
}
@media screen and (min-width: 1920px){
	.floating_banner {
  height: 140vh;
        max-width: 850rem;
        position: absolute;
        animation: diagonal-move-anim 20s linear infinite alternate;
        top: -20%;
        left: -11%;
        z-index: -1;
        object-fit: cover;
}
}


 #myRect {
     cursor: pointer;
     transition: fill 0.3s ease;
 }

 #myRect.active {
     fill: rgba(248, 149, 32, 0.2);
 }