/*
Theme Name: cs_windows
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/*===================== || About Us Css Start ||====================  */
::-webkit-scrollbar {
 width: 6px;
}
::-webkit-scrollbar-track {
 background: #ffffff ;
 border-radius: 8px; 
}
::-webkit-scrollbar-thumb {
 background: #12A554;
 border-radius: 8px;
}
 select   option {
     background-color: #14A555;
}
.about_rgt_img, .about_rgt_img > div, .about_rgt_img > div img,.box_img, .box_img > div, .box_img > div img {
    /* height: 100% !important; */
    object-fit: cover;
    object-position: top center;
}
.why_chosse_grid > div,.finance_grid > div {
    flex-flow: wrap !important;
    grid-gap: 30px 30px;
}
.why_chosse_grid > div > div {
    width: calc(100%/4 - 22.66px) !important;
}
.finance_grid > div > div {
    width: calc(100%/3 - 19.99px) !important;
}
.why_chosse_box h3.elementor-icon-box-title {
    margin: 0px;
}
.our_window_box .elementor-image-box-content {
    position: absolute;
    bottom: 0px;
    padding: 0px 16px 20px;
}
.our_window_grid > div {
    grid-gap: 30px;
    flex-flow: wrap;
}
.our_window_grid > div > div {
    width: calc(100%/3 - 20px) !important;
}
.our_window_box figure,.our_window_box figure a,.our_window_box figure a img {
    display: block !important;
}
.our_window_box figure a img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
}
.our_window_box figure a,.our_window_box figure a img {
    position: relative;
    min-height: 350px;
    object-fit: cover;
}
.our_window_box figure.elementor-image-box-img a::before {
    content: "";
    opacity: .9;
    background-image: linear-gradient(303deg, #0000 50%, #00000059 100%, #fff), linear-gradient(#0000 41%, #0000008c);
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.footer_menu ul li a {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNDkyLjAwNCA0OTIuMDA0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJNMzgyLjY3OCAyMjYuODA0IDE2My43MyA3Ljg2QzE1OC42NjYgMi43OTIgMTUxLjkwNiAwIDE0NC42OTggMHMtMTMuOTY4IDIuNzkyLTE5LjAzMiA3Ljg2bC0xNi4xMjQgMTYuMTJjLTEwLjQ5MiAxMC41MDQtMTAuNDkyIDI3LjU3NiAwIDM4LjA2NEwyOTMuMzk4IDI0NS45bC0xODQuMDYgMTg0LjA2Yy01LjA2NCA1LjA2OC03Ljg2IDExLjgyNC03Ljg2IDE5LjAyOCAwIDcuMjEyIDIuNzk2IDEzLjk2OCA3Ljg2IDE5LjA0bDE2LjEyNCAxNi4xMTZjNS4wNjggNS4wNjggMTEuODI0IDcuODYgMTkuMDMyIDcuODZzMTMuOTY4LTIuNzkyIDE5LjAzMi03Ljg2TDM4Mi42NzggMjY1YzUuMDc2LTUuMDg0IDcuODY0LTExLjg3MiA3Ljg0OC0xOS4wODguMDE2LTcuMjQ0LTIuNzcyLTE0LjAyOC03Ljg0OC0xOS4xMDh6IiBmaWxsPSIjN2ExNTAxIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
}
:root{
    --black:#000;
    --white:#fff;
    --green:#12A554;
}
.window_list ul {
    display: flex !important;
    flex-flow: wrap !important;
    grid-gap: 15px 15px;
}
.window_list ul li {
    margin: 0px !important;
    padding: 10px 15px !important;
    display: block;
    background-color: rgba(18, 165, 84, 0.1);
    border-radius: 4px;
}
.window_list ul li,.window_list ul li span{
    cursor: pointer;
    transition: all 0.3s;
}
.window_list ul li:hover,.window_list ul li.active{
    background-color: var(--green);
}
.window_list ul li.active *,.window_list ul li:hover *{
    color: var(--white) !important;
}
.gallery_sec .elementor-container {
    max-width: 1200px !important;
}
.gallery_grid a,.gallery_grid a img {
    display: block;
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all 0.3s;
    overflow: hidden;
    position: relative;
    border-radius: 4px !important;
}
.gallery_grid a::before,.gallery_grid a::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
    transition: all 0.4s ease;
    transform: scale(0);
}
.gallery_grid a::after{
    transform: scale(1);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTQ2NyAyMTFIMzAxVjQ1YzAtMjQuODUzLTIwLjE0Ny00NS00NS00NXMtNDUgMjAuMTQ3LTQ1IDQ1djE2Nkg0NWMtMjQuODUzIDAtNDUgMjAuMTQ3LTQ1IDQ1czIwLjE0NyA0NSA0NSA0NWgxNjZ2MTY2YzAgMjQuODUzIDIwLjE0NyA0NSA0NSA0NXM0NS0yMC4xNDcgNDUtNDVWMzAxaDE2NmMyNC44NTMgMCA0NS0yMC4xNDcgNDUtNDVzLTIwLjE0Ny00NS00NS00NXoiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
}
.gallery_grid a:hover::after{
    opacity: 1;
}
.gallery_grid a:hover::before {
    transform: scale(1);
}
.contact_box  h3 {
    margin-top: 0px;
}
.contact_box a {
    color: var(--black) !important; !important;
    transition:all 0.3s;
}
.contact_box a:hover{
    color: var(--green) !important;!
}
.benefits_grid_box > div {
    flex-flow: wrap !important;
    display: flex !important;
    justify-content: center !important;
    grid-gap: 40px;
}
.benefits_grid_box > div > div {
    width: calc(100%/2 - 20px) !important;
}
/* .img_box, .img_box > div, .img_box > div img {
    height: 100% !important;
} */
.img_box * {
    height: 100% !important;
}
.img_box, .img_box div, .img_box div img {
    height: 100% !important;
    object-fit: cover;
}
.why_chosse_box:hover > div {
    background-color: #12a554;
    border-color: #12a554 !important;
}
.why_chosse_box:hover > div * {
    filter: brightness(0) invert(1);
}
.why_chosse_box * {
    transition: all 0.3s;
}
.banner_sec h1 {
    text-transform: capitalize !important;
}
.our_window_grid img {
    height: 296px !important;
    object-fit: cover;
}
.table_reposnive table{
   min-width: 650px;
    display: block;
}
.table_reposnive{
	 max-width: 100%;
    overflow: auto;
}
.gallery_main_sec .gallery_grid{
	display:block !important; 
}
@media (max-width: 1024px) {
    .why_chosse_grid > div {
        grid-gap: 30px 24px;
    }
    .why_chosse_grid > div > div {
        width: calc(100%/3 - 16px) !important;
    }
    .gallery_grid .elementor-image-gallery > div {
        display: grid !important;
        grid-template-columns: repeat(4,1fr) !important;
        grid-gap: 16px;
    }
    .gallery_grid .elementor-image-gallery > div * {
        padding: 0px !important;
        width: 100% !important;
        display: block;
        max-width: 100% !important;
        position: relative !important;
    }
	.our_window_box figure a,.our_window_box figure a img {
		min-height: 300px;
	}
}
@media (max-width: 991px) {
    .why_chosse_grid > div > div {
        width: calc(100%/2 - 12px) !important;
    }
    .finance_grid > div > div {
        width: calc(100%/2 - 15px) !important;
    }
    .about_content_box,.about_img_box {
        width: 100% !important;
    }
    .our_story .about_img_box {
        order: 2;
    }
    .about_rgt_img > div img {
        max-height: 480px;
    }
    .our_window_grid > div > div {
        width: calc(100%/2 - 15px) !important;
    }
     .gallery_grid .elementor-image-gallery > div {
        grid-template-columns: repeat(3, 1fr) !important;
        margin: 0px !important;
    }
    .gallery_grid a,.gallery_grid a img {
        height: 200px;
    }
    .benefits_grid_box > div > div {
        width: calc(100%/2 - 15px) !important;
    }
    .benefits_grid_box > div {
        grid-gap: 30px;
    }
}
@media (max-width: 767px) {
    .composite_grid .img_box {
        order: 2;
    }
    .composite_grid .img_box img {
        max-height: 480px;
    }
	.our_window_box figure a,.our_window_box figure a img {
		min-height: 250px;
	}
}
@media(max-width: 680px){
    .gallery_grid .elementor-image-gallery > div {
        grid-template-columns: repeat(2,1fr) !important;
    }
    .gallery_grid a,.gallery_grid a img {
        height: 180px;
    }
    .benefits_grid_box > div > div {
        width: calc(100%/1 - 0px) !important;
    }
    .benefits_grid_box > div {
        grid-gap: 24px;
    }
}
@media (max-width: 575px) {
    .why_chosse_grid > div > div {
        width: calc(100%/1 - 0px) !important;
    }
    .finance_grid > div > div {
        width: calc(100%/1 - 0px) !important;
    }
    .our_window_grid > div > div {
        width: calc(100%/1 - 0px) !important;
    }
    .our_window_box figure a img {
        max-height: 280px;
    }
	.our_window_grid img {
		height: 280px !important;
	}
}