* { margin:0; padding:0; box-sizing:border-box; font-family:"Poppins", sans-serif; }
ul { padding:0 !important; }
html {scroll-behavior:smooth;}


/* .myArea { border:1px solid blue; } */

.container { /* border:1px dashed red; */ }

:root {
--primary-color :#704931;
--secondary-color :#BA9665;
--tertiary-color :#B4861B;
--color-333 :#333;
--color-666 :#666;
--color-000 :#000;
--color-fff :#fff;
}
ul { list-style:none; }
a { text-decoration:none !important; }
.pt-100 { padding-top:5rem !important; }
.pb-100 { padding-bottom:5rem; }
.pb-30 { padding-bottom:30px; }
.pt-30 { padding-top:30px !important; }
.py-30 { padding:30px 0; }
.mt-100 { margin-top:5rem; }
.mb-100 { margin-bottom:5rem; }
.mb-30 { margin-bottom:30px; }
.mt-30 { margin-top:30px !important; }
.my-30 { margin:30px 0; }

.rounded-10 {
    border-radius:10px !important;
    -webkit-border-radius:10px !important;
    -moz-border-radius:10px !important;
    -ms-border-radius:10px !important;
    -o-border-radius:10px !important;
}
.rounded-50 {
    border-radius:50px !important;
    -webkit-border-radius:50px !important;
    -moz-border-radius:50px !important;
    -ms-border-radius:50px !important;
    -o-border-radius:50px !important;
}
.text-justify{ text-align:justify; }
.primary-text { color:var(--primary-color) !important; }
.secondary-text { color:var(--secondary-color) !important; }
.tertiary-text { color:var(--tertiary-color) !important; }


@media (min-width:1800px) {
.container  {  max-width:1550px; }
}


/* Button Finale */
.swipe-btn {
    padding:9.5px 30px 9.5px 20px;
    background-color:var(--primary-color);
    border:none;
    border-radius:50px;
    color:var(--color-fff);
    transition:0.3s ease-in-out;
    display:flex;
    align-items:center;
    overflow:hidden;
    text-transform:uppercase;
    font-size:14px;
}
.swipe-btn:hover {
    background-color:var(--secondary-color);
}

.swipe-btn span {
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    transform:translateX(50%);
    position:relative;
}
.swipe-btn span::before {
    position:absolute;
    content:'';
    background-color:var(--color-fff);
    width:80px;
    height:80px;
    padding:5px;
    border-radius:50%;
    z-index:-1;
    transform:translateX(-150%);
    opacity:0;
    transition:0.5s ease-in-out;

}
.swipe-btn:hover span::before { transform:translateX(30%); width:32px; height:32px; opacity:1; }
.swipe-btn span svg{ transition:0.5s ease-in-out; }
.swipe-btn:hover span svg{ transform:translateX(60%); }
.swipe-btn:hover span svg path{ stroke:var(--secondary-color); }



/* Button Finale */


/* Navbar By Prasad sir */

.main-menus { border:1px solid var(--secondary-color); /*height:52px; padding:0 4px 0 30px; */ border-radius:30px; background-color:var(--color-fff); align-content:center;  }
.main-menus ul { gap:0.5em; }
 
.navbar-nav { align-items:center; }
.navbar-nav .nav-item { position:relative; }

.navbar-nav .nav-item .nav-link { font-size:14px!important; color:#704931; padding:9.5px 18px !important; position:relative;/*background:#ba9665;*/ border-radius:10px; text-transform:uppercase; }

.navbar-nav .nav-item .nav-link:hover { background:#ba9665; color:#fff; }

.navbar-nav .nav-item.dropdown .nav-link { border-radius:10px 10px 0px 0px;   }


.main-menu-items button { background:none; border:none; font-size:14px; color:#704931; }

.nav-link i, .main-menu-items i  { font-size:12px; }

.dropdown-toggle::after { display:none!important; }
.dropdown-toggle {padding:10px 0;}
.main-menus:has(.productlink:hover) {border-bottom-left-radius:0 !important;}
.navbar-nav .nav-item.productlink {  }
.navbar-nav .nav-item.productlink > a { border-radius:20px 10px 0px 0px !important; }


.navbar-toggler:focus { box-shadow:none; }
.navbar-toggler { border:none; }

 
.dropdown-menu.show { /* display:block !important; transition:0.3s ease-in-out !important; */ }

.navbar-nav .dropdown-menu { padding:0px 0px !important; font-size:14px; border-top:none; border-radius:20px; border-top-left-radius:0;
border-top-right-radius:0; border-color:#81633b; background:#ba9665; overflow:hidden; }

.navbar-nav .nav-item:hover .dropdown-menu { display:block;  }
.navbar-nav .dropdown-menu li:last-child a { border:none; }
.navbar-nav .dropdown-menu li .dropdown-item { padding:10px 15px!important; color:#fff; border-top:1px solid#d0ab79; border-bottom:1px solid#81633b; }
.navbar-nav .dropdown-menu li .dropdown-item:hover { background:#b18e5f; color:#fff;  }

.dropdown>.dropdown-toggle:active { /*Without this, clicking will make it sticky*/ /* pointer-events:none; */ }

.dropdown-menu li a {color:var(--secondary-color);}
.dropdown-menu li a:hover {background-color:var(--secondary-color); color:#fff;}
.main-menus:has(.productlink:hover) {border-bottom-left-radius:0!important;}
.hamburger {
cursor:pointer;
}
  
  .hamburger input {
    display:none;
  }
  
  .hamburger svg {
    /* The size of the SVG defines the overall size */
    height:2em;
    /* Define the transition for transforming the SVG */
    transition:transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .line {
    fill:none;
    stroke:rgb(0, 0, 0);
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:1;
    /* Define the transition for transforming the Stroke */
    transition:stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
                stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .line-top-bottom {
    stroke-dasharray:12 63;
  }
  
  .hamburger input:checked + svg {
    transform:rotate(-45deg);
  }
  
  .hamburger input:checked + svg .line-top-bottom {
    stroke-dasharray:20 300;
    stroke-dashoffset:-32.42;
  }

/* Navbar By Prasad sir */


/* Navbar Css */
.navbar { height:100%; }
#header { width:100%; position:fixed;z-index:99;  }
.navbar-brand img {width:144px;}
.headeractive {background-color:#fff; box-shadow:0px 0px 4px #ccc;}
.headeractive .navbar-brand img {width:100px;}
.headeractive .nav-link, .headeractive .swipe-btn {font-size:13px!important;}

.logo-area { background-color:white; }


/* Navbar Css */


#banner { position:relative;  background-image:url(/img/bg01.png); background-repeat:no-repeat; background-size:contain; background-position:bottom; }
#banner  .container { position:relative; }

.clip-svg { clip-path:url(#myClip); }
#myClip { position:absolute; transform:translate(39%, 15%); }
.cut-out { position:absolute; left:50%; /*top:25%;*/ transform:translate(35%, 15%); }
.banner-text-area { position:absolute; top:30%; }
.hero-text-one{ /* color:var(--primary-color); */ font-family:"Rozha One", serif; font-size:60px; line-height:65px; }
.primary-text-one{ color:var(--secondary-color); font-family:"Rozha One", serif; font-size:60px; line-height:50px; }
.primary-text-two{ color:var(--primary-color); font-family:"Rozha One", serif; font-size:40px; line-height:40px; }
.hero-text-two{ /* color:var(--primary-color); */ font-family:"Rozha One", serif; font-size:28px; line-height:30px; }
.font30px{ font-size:30px; }
.hero-text-three{ color:var(--color-333); }
.para16 { font-size:16px; line-height:24px; color:#333; }



#page-banner { padding-top:120px; position:relative; }

.banner-title {
    padding:100px 0 80px 0;
    background-image:url(/img/bg01.png);
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:100%;
    /* padding-bottom:350px; */
}
.banner-title .breadcrumb .breadcrumb-item { font-size:12px; font-weight:600 !important; }
.banner-img { position:absolute; top:12%; right:8%; }

 

#video-box .modal-content, .jobs-modal .modal-content { position:relative; }
#video-box .modal-content .close-btn , .jobs-modal .modal-content .close-btn  { position:absolute; z-index:2; border:none; background-color:var(--primary-color); border-radius:50%; width:30px; height:30px; display:flex; align-items:center; justify-content:center; }
#video-box .modal-content .close-btn { right:-2%; top:-3%; }
.jobs-modal .modal-content .close-btn { right:-4%; top:-6%; }
#video-box .modal-content .close-btn i, .jobs-modal .modal-content .close-btn i  { font-size:25px; color:#fff; }
#video-box .modal-body {  padding:5px; border-radius:0; background-color:var(--secondary-color); }
.jobs-modal .modal-content{ padding:15px; border-radius:0; background-color:#F8F1E7; border:10px solid #fff; }
.jobs-modal .modal-content .modal-header { border-bottom:none; padding-bottom:0; }
.jobs-modal .input-box { background-color:transparent !important; border-bottom:1px solid var(--primary-color) !important; border-radius:0 !important; }
/* .jobs-modal .input-box[type="file"] {
background-color:var(--secondary-color) !important;
border-bottom:1px solid var(--primary-color) !important;
border-radius:0 !important;
} */

.upload_cv { }
.upload_cv label { cursor:pointer; }

.breadcrumb .breadcrumb-item.active { color:var(--secondary-color) !important; font-weight:600; }
.breadcrumb .breadcrumb-item a { color:var(--color-333) !important; opacity:0.5; font-weight:600; }
.breadcrumb-item+.breadcrumb-item::before { color:var(--color-333) !important; opacity:0.5; }

#banner-text {
    width:100%;
    background-image:url(/img/white-shape-bg.png), linear-gradient(#F8F1E7, #CAB494);
    background-position:bottom;
    background-repeat:no-repeat;
    background-size:contain; min-height:400px; /* border:1px solid#ddd; */
    padding:20px 0;
}
.contact-page #banner-text {
    padding:20px 0 16% 0;
}

#banner-text { }
#banner-text .col-md-4 { }

@media (min-width:768px) {
#banner-text .col-md-4 { flex:0 0 auto; width:42%; }
}


.form-box { }
.form-box .input-box { font-size:15px; padding:10px 10px !important; }


/****** CODE ******/

.file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
.file-upload .file-select{display:block;border: 2px solid #dce4ec;color:var(--primary-color);cursor:pointer;height:40px;line-height:40px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:#dce4ec;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:var(--primary-color);transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:var(--primary-color);color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:var(--primary-color);transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:var(--primary-color);color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color:var(--primary-color);cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}

.career_btn .swipe-btn { padding:10px 40px !important; text-align:center; }

/* From Uiverse.io by Carlos-vargs */ 
.btn_ripple {
    display:flex;
    justify-content:center;
    color:#fff;
    width:80px;
    height:80px;
    border-radius:100%;
    background:var(--primary-color);
    transition:all 0.3s ease-in-out 0s;
    box-shadow:#B4861B50 0px 0px 0px 0px;
    animation:1.5s cubic-bezier(0.8, 0, 0, 1) 0s infinite normal none running pulse;
    align-items:center;
    border:0;
    position:absolute;
    right:-14px;
    bottom:30%;
    -webkit-animation:1.5s cubic-bezier(0.8, 0, 0, 1) 0s infinite normal none running pulse;
}
  
  .btn_ripple:is(:hover, :focus) {
    transform:scale(1.1);
}
  
  @keyframes pulse {
    100% {
      box-shadow:0 0 0 45px rgba(193,244,246,0);
    }
  }

/* Home Video */

#home-video { height:100vh; margin-bottom:80px; }
#home-video #videoSection {  }
#home-video #videoSection iframe { width:100%; height:100vh; /* background: #ba9665; padding:15px; */ }

@media only screen and (max-width:995px) {
#home-video { height:auto; margin-bottom:0px; padding-bottom:0px !important; }
#home-video #videoSection iframe { width:100%; height:auto;  }
}

@media only screen and (max-width:500px) {
#home-video #videoSection iframe { width:100%; height:300px;  }
}
	 
/* Home Video */  
  
  


/* product-process */

#product-process {
    width:100%;
    height:auto;
    background-image:url(/img/bg-sm-w.png), linear-gradient(#F8F1E7, #CAB494);
    background-position:bottom;
    background-repeat:no-repeat;
    background-size:contain;
    padding-bottom:15%;
}

.outer-circle {
    width:854px;
    height:754px;
    border-radius:50%;
    /* border:2px solid var(--primary-color);
    border-top:none;
    border-bottom:none; */
    position:relative;
    /* background-color:red; */
    display:flex;
    justify-content:center;
    /* align-items:center; */
}

.outer-circle::before { content:''; position:absolute; width:100%; height:100%; background-image:url(/img/left-stroke.png); background-repeat:no-repeat; background-position:left; background-size:contain; }
.outer-circle::after { content:''; position:absolute; width:100%; height:100%; background-image:url(/img/right-stroke.png); background-repeat:no-repeat; background-position:right; background-size:contain; }
.outer-circle .section-heading { position:absolute; top:9%; }
.mid-circle { width:644px; height:644px; background-image:linear-gradient(#D68B5E00, #70493130); border-radius:50%; position:absolute; bottom:2%; display:flex; align-items:end; }
.inner-circle {
    width:504px;
    height:504px;
    background-color:#fff;
    border-radius:50%;
    position:absolute;
    bottom:4%;
}

.product-switch {
    width:100%;
    height:100%;
    position:relative;
}
.product-switch .garbage {
    position:absolute;
    bottom:16%;
    left:-6%;
    /* z-index:1; */
}

.product-switch .arrow-01 {
    position:absolute;
    top:28%;
    left:24%;
    /* z-index:999; */
}
.product-switch .arrow-02{
    position:absolute;
    top:38%;
    right:38%;
    z-index:2;
    opacity:0;
    transform-origin:top center;
}

.product-switch .root-sheet .arrow-rs-01 {
    position:absolute;
    top:28%;
    left:24%;
    /* opacity:0; */
    z-index:9;
}
.product-switch .root-sheet .arrow-rs-02 {
    position:absolute;
    top:38%;
    right:38%;
    z-index:2;
    opacity:0;
    transform-origin:top center;
}


.product-switch .plain-sheet .product-one {
    position:absolute;
    bottom:5%;
    right:15%;
    z-index:1;
    /* opacity:0; */
    opacity:0;
    scale:0;

}
.product-switch .plain-sheet .pro-used {
    position:absolute;
    top:18%;
    right:-8%;
    z-index:2;
}

.product-switch .root-sheet .product-sec {
    position:absolute;
    bottom:5%;
    right:15%;
    z-index:1;
    opacity:0;
    scale:0;
}

.product-switch .root-sheet .pro-used-sec {
    position:absolute;
    top:18%;
    right:-8%;
    z-index:1;
}

.qualities .list {
    transition:0.3s ease-in-out;
    cursor:pointer;
}

.list-left .pro-quality {
    color:var(--primary-color);
    font-size:14px;
    padding:7px 50px 7px 20px;
    border-radius:50px 0 0 50px;
    background-color:#fff;
    transition:0.3s ease-in-out;
}
.list-right .pro-quality {
    color:var(--primary-color);
    font-size:14px;
    /* line-height:30px; */
    padding:10px 20px 10px 50px;
    border-radius:0 50px 50px 0;
    background-color:#fff;
    transition:0.3s ease-in-out;
}
.right-side-list .list-right:nth-child(6) .pro-quality {
    padding:10px 20px 10px 65px;
}
.right-side-list .list-right:nth-child(5) .pro-quality {
    padding:10px 20px 10px 60px;
}
.list-left .icon-box {
    width:60px;
    height:60px;
    border-radius:6px;
    margin-left:-14%;
    rotate:45deg;
    background-color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:-2px 4px 4px #0001;
}
.list-right .icon-box {
    width:60px;
    height:60px;
    border-radius:6px;
    margin-right:-14%;
    rotate:45deg;
    background-color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:2px -4px 4px #0001;
}
.list-right {
    justify-content:end;
}
.icon-box img {
    transform:rotate(-45deg);
}   

.qualities {
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    z-index:2;
}

.list {
    display:flex;
    align-items:center;
    top:5%;
}

.left-side-list .list, .right-side-list .list {
    position:absolute;
}

.qualities .left-side-list li:nth-child(1) {
    top:24%;
    left:-12%;
}
.qualities .left-side-list li:nth-child(2) {
    top:34%;
    left:-17%;
}
.qualities .left-side-list li:nth-child(3) {
    top:45%;
    left:-20%;
}
.qualities .left-side-list li:nth-child(4) {
    top:56%;
    left:-18%;
}
.qualities .left-side-list li:nth-child(5) {
    top:67%;
    left:-12%;
}
.qualities .left-side-list li:nth-child(6) {
    top:78%;
    left:-8%; 
}

.qualities .right-side-list li:nth-child(1) {
    top:24%;
    right:-13%;
}
.qualities .right-side-list li:nth-child(2) {
    top:34%;
    right:-17%;
}
.qualities .right-side-list li:nth-child(3) {
    top:45%;
    right:-19%;
}
.qualities .right-side-list li:nth-child(4) {
    top:56%;
    right:-18%;
}
.qualities .right-side-list li:nth-child(5) {
    top:67%;
    right:-18%;
}
.qualities .right-side-list li:nth-child(6) {
    top:78%;
    right:-15%; 
}

.qualities .list:hover .pro-quality {
    background-color:var(--tertiary-color);
    color:var(--color-fff);
}

 
/* product-process */


/* home-products CSS */

#home-products {
    width:100%; padding-bottom:30px;
    /* height:100vh; */
    background-color:#fff;
}
.product-box {
    transition:0.3s ease-in-out;
    overflow:hidden;
    /*border:1px solid red;*/
    cursor:pointer;
}
.product-box span {
    transition:0.5s ease-in-out;
}
.product-box .para16 {
    transform:translateY(60%);
    /*display:none;*/
    visibility:hidden;
    opacity:0;
    transition:1s ease-in-out;
}
.product {
    filter:drop-shadow(0 30px 20px #0006);
    transition:0.5s ease-in-out;
    /*padding:50px 50px 0 50px;*/
    transform:scale(0.8);
}
.product-name {
    color:var(--primary-color);
    font-size:20px;
    line-height:30px;
    font-weight:bold;
    border-radius:50px;
    padding:10px 20px;
    /*margin-top:55px;*/
    transition:1s ease-in-out;
}



/* home-products CSS */


/* home-Projects CSS */

#home-projects{ position:relative; }
#home-projects .container { margin-bottom:30px; }

.right-zero-container { margin-left:-20%; }

.project-box { /*object-fit:contain; margin:15px; */ border-radius:50px; position:relative; overflow:hidden; }
.project-box::before { content:''; position:absolute; bottom:0; left:0; width:100%; height:50%; background-image:linear-gradient(#0000, #0009); z-index:1; }
.project-box .project-sm-details { position:absolute; bottom:2%; left:5%; z-index:5; }

#home-projects .swiper-wrapper .swiper-slide { transform:scale(0.9) !important; -webkit-transform:scale(0.9) !important; -moz-transform:scale(0.9) !important; -ms-transform:scale(0.9) !important; -o-transform:scale(0.9) !important; }
#home-projects .swiper-wrapper .swiper-slide-active { transform:scale(1) !important; }
.projects-navigations { position:absolute; /* border:2px solid red; background-color:red; */ top:48%; left:4.8%; z-index:1; display:flex; justify-content:space-between; align-items:center; width:71%; /* padding:15px; */ }

/*
.projects-navigations .left-arrow{ position:absolute; top:50%; left:10%; }
.projects-navigations .right-arrow{ position:absolute; top:50%; right:25%; }
*/

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none; }
.services-block .left-arrow{ position:absolute; top:50%; left:0; z-index:99; transform:translateY(-50%); }
.services-block .right-arrow{ position:absolute; top:50%; right:-0.5%; z-index:99; transform:translateY(-50%); }

.project-box .project-picture { width:100%; transition-duration:2s; }
.project-box:hover .project-picture{ /* transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); */ z-index: 0; 
-webkit-transform: rotate(1deg) scale(1.1);
transform: rotate(1deg) scale(1.1); 
}
 
/* home-Projects CSS */

/* Home Enquiry css */
#home-enquiry {
    background-image:url(/img/footer-top-bg.png);
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:contain;
    padding-bottom:350px;
}


.enquiry-list {
    background-color:#EBEBEB;
    border-radius:50px;
    padding:30px 50px;
    margin-top:35px;
}
.enquiry-list li { font-weight:600 !Important; padding:10px 5px !important; margin-bottom:0px !important; }

.w-65{width:90% !important;}
.w-25{width:25% !important;}
.w-32{width:32% !important;}
.w-84{width:84% !important;}

.fs-20px { font-size:20px; line-height:30px; }
.fs-80px { font-size:80px !important; }
.fs-40px { font-size:40px !important; }

.right-side-form { background-color:var(--primary-color); padding:60px; border-radius:50px; position:absolute; right:15px; top:0; }
.input-box { background-color:#E1CFA4 !important; padding:10px 20px !important; border-radius:50px !important; border:none !important; outline:none; }
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {  box-shadow:none !important; }
.form-control.is-invalid, .was-validated .form-control:invalid { background-image:none !important; }

@media (min-width: 992px) {
.right-side-form { width:64%; }
}


#enquiry-form .swiper-slide { /* background-color:var(--tertiary-color); */ }
#enquiry-form .form-group .input-box { background:#c6b6ad !important; }
#enquiry-form .form-group input::placeholder { color:var(--primary-color); font-size:14px; line-height:22px; }
.checkbox-wrapper input[type="checkbox"] { display:none; }
.checkbox-wrapper .terms-label { cursor:pointer; display:flex; align-items:center; }
.checkbox-wrapper .terms-label .label-text { margin-left:10px; color:var(--color-fff); font-size:14px; line-height:22px; font-weight:300; }
.checkbox-wrapper .checkbox-svg { width:20px; border-radius:3px; height:20px; /* margin-left:2%; */ }
.checkbox-wrapper .checkbox-box { fill:var(--color-fff); stroke:var(--primary-color); stroke-dasharray:800; stroke-dashoffset:800;
transition:stroke-dashoffset 0.6s ease-in; }
.checkbox-wrapper .checkbox-tick { stroke:var(--tertiary-color); stroke-dasharray:172; stroke-dashoffset:172; transition:stroke-dashoffset 0.6s ease-in; }

.checkbox-wrapper #terms-checkbox-01[type="checkbox"]:checked + .terms-label .checkbox-box,
.checkbox-wrapper #terms-checkbox-01[type="checkbox"]:checked + .terms-label .checkbox-tick {
stroke-dashoffset:0;
}
.checkbox-wrapper #terms-checkbox-02[type="checkbox"]:checked + .terms-label .checkbox-box,
.checkbox-wrapper #terms-checkbox-02[type="checkbox"]:checked + .terms-label .checkbox-tick {
stroke-dashoffset:0;
}

.checkbox-wrapper { margin:20px 0; }
.go-front, .go-back { background-color:var(--color-fff) !important; }
.go-front span, .go-back span { color:var(--primary-color); font-size:14px; line-height:22px; text-transform:uppercase; }

#home-enquiry .submit { }
#home-enquiry .submit button { margin-right:20px; }
.submit .completed { background-color:#E1CFA4 !important; }
.submit .completed span { color:var(--color-fff); }

.slide-fraction { position:absolute; top:18%; right:4%; }
.slide-fraction .swiper-pagination-fraction { color:#fff5; font-size:20px; }
.slide-fraction .swiper-pagination-current{ color:#fff; font-weight:600; }
.slide-fraction .swiper-pagination-total { font-size:16px; }


/* Home Enquiry css */


/* Home Testimonial CSS */

#home-testimonial { height:550px;
    background-image:url(/img/bg-sm-w.png), linear-gradient(#F7EFE5, #CAB494);
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:contain;
}

#home-testimonial .all-details {
    transform:translateY(-60%);
}

#testimonial-slider {
    width:90%;
    border-radius:150px;
}

.paranet-testimonial {position:relative;}

.dots-- { position:absolute; width:100%; height:150px; top:10%; left:0; /* background-color:brown; */ /* margin:auto 0; */ }
.dots-- .swiper-pagination { top:0 !important; }
.dots-- .swiper-pagination span { /* margin:0 30px !important; */ margin:30px 40px !important; transition:0.5s ease-in-out; }
.dots-- .swiper-pagination-bullet { transform:scale(1.5); filter:drop-shadow(0 px 5px #0005); -webkit-filter:drop-shadow(0 2px 2px #0005); }
/* .dots-- .swiper-pagination-bullet:nth-child(even) {
transform:translateY(150%) scale(1.5);
filter:drop-shadow(0 5px 2px #0005);
-webkit-filter:drop-shadow(0 2px 2px #0005);
} */
.dots-- .swiper-pagination-bullet-active:nth-child(odd) { transition:0.5s ease-in-out; transform:scale(2.3) !important; border:4px solid #F8F1E7; filter:drop-shadow(0 5px 5px #0005); -webkit-transform:scale(2.3) !important; -moz-transform:scale(2.3) !important; -ms-transform:scale(2.3) !important; -o-transform:scale(2.3) !important; }
.dots-- .swiper-pagination-bullet-active:nth-child(even) { transition:0.5s ease-in-out; /*transform:scale(2) translateY(100%) !important; */transform:scale(2.3);
border:4px solid #F8F1E7; filter:drop-shadow(0 5px 5px #0005); -webkit-filter:drop-shadow(0 5px 5px #0005); }

/* .overflow-h { overflow:hidden !important; } */

.line-border { width:80%; margin:0 auto; border:1px solid #fff; border-radius:150px; position:relative; z-index:2; margin-top:240px; }
.line-border::before { position:absolute; content:''; width:100%; height:100%; border-radius:150px; top:4%; left:0%; border:2px solid #0005; filter:blur(1px); z-index:1; }


.line-border .inverted-coma { position:absolute; top:-20%; left:50%; transform:translateX(-50%); z-index:2; padding:10px 15px; width:12%; }
#testimonial-slider .testimonial-box { padding:55px 100px; background:transparent; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.home-testimonial-nav { position:absolute; top:50%; z-index:1; transform:translateY(-50%); width:106%; }
#testimonial-pagination { height:180px; padding:25px 0; }

#testimonial-icons { width:60%; margin:0 auto; padding:10px; }

#testimonial-icons .swiper-slide { text-align:center; padding:30px 5px; transition: .2s transform, .2s left  }
#testimonial-icons .swiper-slide  img { width:80px; height:80px; margin:0 auto; border-radius:50%; opacity:1 !important; background:#F7EFE5;
filter: drop-shadow(0 px 5px #0005); -webkit-filter: drop-shadow(0 2px 2px #0005); }

#testimonial-icons .swiper-slide-thumb-active { transform:scale(1.6) !important; -webkit-transform:scale(1.6) !important; -moz-transform:scale(1.6) !important; -ms-transform:scale(1.6) !important; -o-transform:scale(1.6) !important;  }

#testimonial-icons .swiper-slide-thumb-active img { padding:6px; background:#f8f1e7;  filter:drop-shadow(0 px 5px #0005); -webkit-filter:drop-shadow(0 2px 2px #0005); }

/* Home Testimonial CSS */


/* home-certifications */

#home-certifications { margin-top:-20px; }
#home-certifications.home-certifications { padding-bottom:5rem !important; }
#home-certifications .col-md-7 { }
#home-certifications .col-md-7 .opacity-50 { }
#home-certifications .col-md-7 .opacity-50 img { height:130px; }

/* END home-certifications */


/* Home Blog CSS */

.blog-picture {
    border-radius:50px;
}
.date {
    font-size:12px;
    color:var(--color-666);
    display:inline-block;
    /* background-color:red; */
}
.blog-box {
    margin-bottom:25px;
}
.blog-box a:hover .primary-text {
    color:var(--tertiary-color) !important;
}

/* Home Blog CSS */



/* Home parnters CSS */

#partners {
    background-image:url(/img/footer-top-bg.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:bottom;
}

.home-partners {
    border:3px solid #EBEBEB;
    width:100%;
    padding:20px 0;
    display:flex;
    align-items:center;
    border-radius:100px;
    overflow:hidden;
    position:relative;
    background-color:#fff;
}

.home-partners::before {
    position:absolute;
    content:'';
    width:250px;
    height:100%;
    background-image:linear-gradient(to right ,#fff , #fff0);
    left:0;
    z-index:9;
}
.home-partners::after {
    position:absolute;
    content:'';
    width:250px;
    height:100%;
    background-image:linear-gradient(to right ,#fff0 , #fff);
    right:0;
    z-index:9;
}


  /* Clients Section */

#partners .swiper-slide {
    display:flex;
    justify-content:center;
    align-items:center;
    height:100px;
    cursor:pointer;
  }
  #partners .swiper-slide img {
    /* filter:grayscale(1); */
    transition:0.2s;
    /* opacity:0.6; */
}
  #partners .swiper-slide img:hover {
    filter:grayscale(0);
    opacity:1;
}
  #partners .our-client .swiper-wrapper {
    -webkit-transition-timing-function:linear;
    -o-transition-timing-function:linear;
    transition-timing-function:linear;
  }
  /* #partners .our-client {
    padding-top:35px;
  } */
  /* Clients Section */

/* Home parnters CSS */



/* Product page CSS  */

.products-details {
    border:1.5px solid var(--secondary-color);
    /* border-top:none; */
    border-radius:50px;
    position:relative;
}
.products-details.left-details {
    border:1.5px solid var(--secondary-color);
    border-left:none;
    /* border-top:none; */
    /* border-radius:50px; */
    border-bottom-left-radius:0;
    padding:0px 60px 30px 0;
    /* position:relative; */
}
.products-details.right-details {
    border-right:none;
    border-bottom-right-radius:0;
    padding:0px 0px 30px 60px;
}

#product-section .product-box:hover .product {
    transform:translateY(-10%) scale(0.75) !important;
    filter:drop-shadow(0 50px 20px #0006);
    -webkit-filter:drop-shadow(0 50px 20px #0006);
}

.products-details.left-details::before {
    position:absolute;
    content:'';
    width:50%;
    height:105%;
    top:-2px;
    left:0;
    background-image:linear-gradient(to right, #fff, #fff5);
}
.products-details.right-details::before {
    position:absolute;
    content:'';
    width:50%;
    height:105%;
    top:-2px;
    right:0;
    background-image:linear-gradient(to right, #fff5, #fff);
    /* background-color:red; */

}

.products-details .para16{
    text-align:justify;
    position:relative;
    z-index:1;
}
.products-details .primary-text-two {
    transform:translateY(-50%);
    background-color:var(--color-fff);
}
.products-details.left-details .primary-text-two {
    display:inline-block;
    padding-right:35px;
}
.products-details.right-details .primary-text-two {
    padding-left:35px;
    width:fit-content;
    margin-left:auto;
}

#applications-sections .application-title {
    background-color:#F8F1E7;
    height:90vh;
    border-radius:50px;
    padding-top:50px;
}

#applications-sections .product-uses-warpper {
    padding-bottom:50px;
    /* background-color:red; */
    position:relative;
}

#applications-sections .product-uses-warpper .product-uses-img {
    border-radius:50px;
    overflow:hidden;
    position:relative;
    transition:0.3s ease-in-out;
}
#applications-sections .product-uses-warpper .product-uses-img img{
    width:100%;
}
#applications-sections .product-uses-warpper .product-uses-img::before {
    position:absolute;
    content:'';
    left:0;
    top:0;
    height:100%;
    width:100%;
    transition:0.3s ease-in-out;
    border-radius:50px;
}

#applications-sections .product-uses-warpper p {
    color:var(--color-fff);
    position:absolute;
    left:50%;
    bottom:10%;
    transform:translateX(-50%);
    border-radius:50px;
    padding:10px 20px;
    transition:0.3s ease-in-out;
}
#applications-sections .product-uses-warpper:hover .product-uses-img {
    /* border:6px solid var(--primary-color); */
}
#applications-sections .product-uses-warpper:hover p {
    color:var(--color-fff);
    background-color:var(--primary-color);
    border-radius:50px;
    padding:10px 20px;
    bottom:2.5%;
}
#applications-sections .product-uses-warpper:hover .product-uses-img::before {
    background-color:#70493180;
    border:5px solid #704931;
}


.application-parent .application-title  {
    padding-top:50px;
}
.application-parent {
    position:relative;
    display:flex;
    flex-direction:column;
    /* justify-content:center; */
    align-items:center;
}
.application-parent:before {
    position:absolute;
    content:'';
    width:70%;
    height:100%;
    background-color:#F8F1E7;
    z-index:-1;
    border-radius:50px;
}
#applications-sections {
    padding:30px 0;
    position:relative;
}

#applications-sections .arrows-of-slider .next--{
    position:absolute;
    top:45%;
    transform:translateY(-55%);
    left:0;
    z-index:1;
}
#applications-sections .arrows-of-slider .prev--{
    position:absolute;
    top:45%;
    transform:translateY(-55%);
    right:0;
    z-index:1;
}

.applications-types {
    border-radius:50px;
}



.swiper {
    /* width:600px; */
    /* height:400px; */
  }

  /* .image-hover {
    border-radius:50px;
    position:relative; */
    /* padding-bottom:30px; */
    /* transition:0.3s ease-in-out;
    overflow:hidden;
}
.image-hover::before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background-color:#70493150;
}
  .image-hover img {
    width:100%;
    border-radius:50px;
}

.applications-types .para16 {
    position:absolute;
    bottom:8%;
    left:50%;
    transform:translateX(-50%);
    transition:0.3s ease-in-out;
    padding:10px 20px;
    border-radius:50px;
    z-index:99;
}
.applications-types:hover .para16 {
    position:absolute;
    bottom:-4%;
    left:50%;
    transform:translateX(-50%);
    background-color:var(--primary-color);
}
.applications-types .para16 i {
   opacity:0;
    transition:0.3s ease-in-out;

}
.applications-types:hover .para16 i {
   opacity:1;
}
.image-hover:hover::before {
    background-color:transparent;
} */



/* New Today's */

#applications {
    /* position:relative; */
    /* padding:0 50px; */
    /* margin-top:30px; */
}

/* .application-box {
    border-radius:15px;
    position:relative;
    padding:25px 0;
} */
.application-box .push-up {
    position:absolute;
    bottom:0;
    width:100%;
}

#applications .application-details {
    /* height:70vh; */
}

/* #applications .swiper-slide {
    padding-bottom:30px;
} */

/* #applications .swiper-slide img {
    border-radius:50px;
} */
#applications .swiper-slide .para16 {
    /* transform:translateY(-150%);
    transition:0.3s ease-in-out;
    position:absolute;
    bottom:0; */
}
/* #applications .swiper-slide .application-picture {
    position:relative;
    overflow:hidden;
    cursor:pointer;
} */
/* #applications .swiper-slide .application-details .application-picture::before {
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    background-color:var(--primary-color);
    opacity:0.5;
    border-radius:50px;
    transition:0.3s ease-in-out;
} */
/* 
#applications .swiper-slide .application-details:hover .application-picture::before {
    background-color:transparent;
    opacity:1;
    border:5px solid var(--primary-color);
} */

/* #applications .swiper-slide:hover .para16 {
    transform:translateY(10%);
    background-color:var(--primary-color);
    padding:10px 20px;
    border-radius:50px;
} */

#applications-sections {
    position:relative;
}
#applications-sections .application-navigators .left-arrow {
    position:absolute;
    z-index:1;
    top:58%;
    transform:translateY(-58%);
    left:10%;
}
#applications-sections .application-navigators .right-arrow {
    position:absolute;
    z-index:1;
    top:58%;
    transform:translateY(-58%);
    right:10%;
}


.product-pg-certificates {
    padding-bottom:150px;
    background-image:url(/img/footer-top-bg.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:bottom;
}

/* New Today's */
/* Product page CSS  */

/* About US Page CSS */


#page-navbar {
    /* position:-webkit-sticky; */
    position:sticky;
    top:100px;
    z-index:4;
}


#about-page, #resources-page {
    border:1px solid #F8F1E7;
    padding:5px 20px;
    border-radius:50px;
    background-color:var(--secondary-color);
    /*box-shadow:rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;*/
}
/* #page-navbar .nav-link {color:#fff !important;} */
.nav {
    gap:50px;
}



#eco-panels, #eco-roof, #story, #vision, #team, #achievements-section,
#sustainability, #articles, #guides, #faq, #downloads, #technical-documents, #certifications { scroll-margin-top:200px; }
#open-positions { scroll-margin-top:150px; }
#about-page .nav-link, #resources-page .nav-link, .inner-menu-item { font-size:14px; font-weight:400; color:#fff; }
#about-page .nav-pills .nav-link.active, .nav-pills .show>.nav-link,
#resources-page .nav-pills .nav-link.active, .nav-pills .show>.nav-link { font-weight:bold; color:#fff; background-color:transparent; }
#about-page .nav-pills .nav-link, #resources-page .nav-pills .nav-link { border-radius:0; }
#about-page .nav-link:focus-visible, #resources-page .nav-link:focus-visible { box-shadow:none; }
#about-page .nav-link i, #resources-page .nav-link i { opacity:0; padding-right:15px; transition:0.3s ease-in-out; }
#about-page .nav-link.active i, #resources-page .nav-link.active i{ opacity:1 !important; padding-right:10px; }



/* #vision {
    overflow:hidden;
} */
  .vision-section {
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    width:100%;
  }
  .vision-section::before {
    position:absolute;
    content:'';
    width:100%;
    height:150px;
    background-color:var(--secondary-color);
    left:0;
    /*top:50%;*/
    /* transform:translateY(-50%); */
    z-index:-1;
}
  
  .vision-content {
    background-color:#fff;
    padding:50px;
    border-radius:50px;
    width:90%;
    text-align:center;
    border:1px solid var(--primary-color);
  
}
  
  



#team {
    background-image:url(/img/bg-sm-b.png);
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:contain;
    padding-bottom:180px;
}

#team .card {
    border:none;
    background-color:#F8F1E7;
    overflow:hidden;
    cursor:pointer;
}
#team .card .card-body {
    padding:30px 48px 30px 30px;
    /* overflow:hidden; */
}

.social-icons {
    display:flex;
    gap:5px;
}
.social-icons a {
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:0.3s ease-in-out;
    cursor:pointer;
}
.social-icons a:hover {
    background-color:var(--secondary-color);
}
.social-icons a i{
    font-size:24px;
    color:var(--secondary-color);
    transition:0.3s ease-in-out;
}
.social-icons a:hover i {
    color:var(--color-fff);
    font-size:20px;
}
#team .card .card-body .social-icons {
    opacity:0;
    transform:translateX(100%);
    transition:0.5s ease-in-out;
}
#team .card:hover .card-body .social-icons {
    opacity:1;
    transform:translateX(0%);
}
#team .card img {
    transition:0.3s ease-in-out;
}
#team .card:hover img {
    transform: scale(0.9);
    box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
#team .member-say {
    height:12vw;
    /* background-color:red; */
    overflow-y:scroll;

}
    /* width */
   #team  ::-webkit-scrollbar {
        width:3px;
      }
      
      /* Track */
     #team  ::-webkit-scrollbar-track {
        box-shadow:inset 0 0 5px var(--secondary-color);
}
       
      /* Handle */
     #team  ::-webkit-scrollbar-thumb {
        background:var(--tertiary-color);
      }
      
      /* Handle on hover */
     #team  ::-webkit-scrollbar-thumb:hover {
        background:#b30000; 
      }


#achievements-section {
    background-image:url(/img/bg-sm-w-flip.png), linear-gradient(#F8F1E7, #CAB494);
    background-position:bottom;
    background-repeat:no-repeat;
    background-size:contain;
    padding-bottom:15%;
}
.award-box {
    background-color:#F8F1E7;
    padding:20px;
}
.awards {
    height:90%;
}
.awards img {
    mix-blend-mode:multiply;
}
.achievements-arrows {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    z-index:1;
}


.process-box {
    /* width:230px; */
    height:250px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    width:20%;
    border:1px solid #F8F1E7;
    padding:40px 20px;
    border-radius:50px;
    position:relative;
    transition:0.3s ease-in-out;
}

.process-box .process-img {
    background-color:#F8F1E7;
    padding:20px;
    border-radius:50%;
    transform-origin:top center;
    transition: 0.3s ease-in-out;
}

.process-box .para16 {
    transition:0.3s ease-in-out;
}

.process-box .forward-arrow {
    border:1px solid #D2B18B;
    border-radius:6px;
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    position:absolute;
    top:50%;
    right:-12%;
    transform:translateY(-50%) rotate(45deg);
    z-index:1;
}

.process-box .forward-arrow i {
    color:#D2B18B;
    transform:rotate(-45deg);
}

/* Active class styles */
.process-box.active {
    background-color:#F8F1E7;
    border:1px solid #D2B18B;
    box-shadow:0 10px 10px #0001;
}

.process-box.active .process-img {
    background-color:var(--color-fff);
    transform:scale(1.1);
}

.process-box.active .para16 {
    transform:translateY(-55%);
}

.process-box.active .forward-arrow {
    background-color:#D2B18B;
    box-shadow:0 10px 10px #0001;
}

.process-box.active .forward-arrow i {
    color:#fff;
}





#sustainability {
    padding-bottom:150px;
    background-image:url(/img/footer-top-bg.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:bottom;
}
.animate-text {
    position:relative;
    cursor:pointer;
    margin:80px 0;
}
.swipe-up {
    height:100px;
    overflow:hidden;
    position:relative;
    z-index:1;
}
.swipe-up h1 {
    color:#B4861B;
    font-family:"Rozha One", serif;
    font-size:80px;
    margin-bottom:0 !important;
}
.swipe-up div {
    padding:0 15px;
    transition:0.5s ease-in-out;
    -webkit-transition:0.5s ease-in-out;
    -moz-transition:0.5s ease-in-out;
    -ms-transition:0.5s ease-in-out;
    -o-transition:0.5s ease-in-out;
}
.animate-text:hover .swipe-up > div {
    transform:translateY(-50%);
}
.swipe-up div .second-heading {
    opacity:0;
    transition:0.5s ease-in-out;
}
.animate-text:hover .swipe-up div .second-heading {
    opacity:1;
}

.animate-text::before {
    content:'';
    position:absolute;
    width:25%;
    height:1px;
    background-color:#BA9665;
    top:60%;
    left:0;
}

.animate-text::after {
    content:'';
    position:absolute;
    width:28%;
    height:1px;
    background-color:#BA9665;
    top:60%;
    right:0;
}


.animate-text .plant .--01, .animate-text .plant .--02 {
    position:absolute;
    top:24%;
    transform-origin:bottom center;
    transition:0.3s ease-in-out;
}
.animate-text .plant .--01 {
    position:absolute;
    left:12%;
}
.animate-text .plant .--02 {
    position:absolute;
    right:12%;
}

.animate-text:hover .plant .--01, .animate-text:hover .plant .--02 {
    transform:scale(1.5);
}


/* About US Page CSS */

/* Resources Page CSS */

.download-box {
    padding:20px 50px 20px 20px;
    border:1px solid #D2B18B;
    border-radius:10px;
    position:relative;
    transition:0.3s ease-in-out;
    height:120px;
}
.download-box:hover {background-color:#EBDDC9;}
.download-box:hover .down-arrow {background-image:none; background-color:#704931;}
.download-box:hover img { filter:brightness(100); -webkit-filter:brightness(100); }
.down-arrow {
    padding:12px 20px;
    background-image:linear-gradient(#fff, #EBDDC9);
    border:1px solid #D2B18B;
    border-radius:10px;
    position:absolute;
    bottom:-20%;
    right:6%;
    transition:0.3s ease-in-out;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
}
.download-box:hover .down-arrow img {
    transition:0.3s ease-in-out;
}

#technical-documents .download-box {
    height:90px;
}

#certifications {
    position:relative;
    padding-bottom:200px;
    background-image:url(/img/footer-top-bg.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:bottom;
}
#certifications::before {
    position:absolute;
    content:'';
    width:100%;
    height:180px;
    background-image:linear-gradient(#73737310, #D9D9D900);
    top:56%;
    left:0;
    z-index:-1;
}

#certifications .swiper-pagination-bullet-active {
   background-color:var(--primary-color);
}
#certifications .swiper-pagination-bullet {
   background-color:var(--secondary-color);
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom:auto !important;
    z-index:99;
}


/* Resources Page CSS */

/* Knowledegebase CSS */

#faq {
    /* padding-bottom:150px; */
    background-image:url(/img/footer-top-bg.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:bottom;
}

#faq .accordion-button::after {
    content:none !important;
}

#faq .accordion-header .accordion-button .down-btn {
    /* transform:rotate(-90deg) ; */
    transition:0.3s ease-in-out;
    transform-origin:center center;
    width:50px;
    height:50px;
}
#faq .accordion-button:not(.collapsed) .down-btn {
    transform:rotate(180deg) !important;
    background-color:var(--color-fff);

}
#faq .accordion-button:not(.collapsed) {
    background-color:#F8F1E7 !important;
    box-shadow:none !important;
    /* border-bottom:1px solid #D2B18B; */

}


#faq .accordion-item {
    margin-bottom:20px;
    border:1px solid #D2B18B !important;
    border-radius:10px !important;
    overflow:hidden;
    background-color:#F8F1E7 !important;

}

#faq .accordion-button:focus {
    box-shadow:none !important;
}
#faq .accordion-header .down-btn {
    width:50px;
    height:50px;
    padding:10px;
    background-color:#F8F1E7;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}
#faq .accordion-header .down-btn i {
    color:var(--primary-color);
}


/* Knowledegebase CSS */

/* Career Page CSS */
#open-positions {
    padding-bottom:50px;
    background-image:url(/img/footer-top-bg.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:bottom;
}

#open-positions .para16 a {
    color:var(--tertiary-color) !important;
}
.job-role-box {
    box-shadow:0 0 20px #0001; border: 1px solid transparent;
    padding:20px;
    transition:0.3s ease-in-out;
    cursor:pointer;
    margin-bottom:20px;
    background-color:#fff;
    height:250px;
}
.job-role-box:hover {
    box-shadow:none;
    background-color:#F8F1E7;
    border:1px solid var(--secondary-color);
}

/* Career Page CSS */

/* Contact Page CSS */

.contact-details { position:relative; }
.contact-details span .icon--{ background-color:var(--tertiary-color); width:50px; height:50px; display:flex; justify-content:center; align-items:center;
padding:10px; /* text-align:center; */ /* padding-top:13px;  */ border-radius:50%;  /* margin-top:10px; */ }
.contact-details span .icon-- i{ color:var(--color-fff); font-size:24px; }
.contact-details span p a { color:#333; }
.contact-details .map-wrapper { position:absolute; /* width:auto; */ width:48%; transition:0.3s ease-in-out; height:86px; }
.contact-details .map-wrapper .map-box iframe { height:100%; }
.contact-details .map-wrapper .map-box { overflow:hidden; padding:0; border:3px solid var(--color-fff); height:100%; width:100%; /* margin-top:20px; */ border-radius:100px; }
.contact-details .map-wrapper.expanded { width:100%; height:300px; z-index:1; /* transition:0.3s ease-in-out; */ }
.contact-details .map-wrapper.expanded .map-box { border-radius:20px; }
.contact-details .map-wrapper.expanded #expand-btn  { bottom:-15px; right:8%; }
.contact-details .map-wrapper #expand-btn { content:''; width:32px; height:32px; background-color:var(--color-fff); padding:10px; display:flex; justify-content:center; align-items:center; position:absolute; bottom:-10%; right:15%; z-index:1; border-radius:50%; cursor:pointer; }
.contact-details .map-wrapper #expand-btn i { color:var(--primary-color); }

.back-box { background-color:#F8F1E7; padding:25px 60px; width:100%; height:420px; }
.back-box h2 { padding-left:42%; text-align:center; }
.contact-img { position:absolute; top:0; left:5%; }

#contact-page .form-control.is-invalid, .was-validated .form-control:invalid { /* border:none !important; */ border-bottom:1px solid #F8F1E7 !important; border-left:none; border-right:none; border-top:none; }
#contact-page .input-box { background-color:transparent !important; border-radius:0 !important; margin-bottom:15px; }
#contact-page .input-box::placeholder { color:var(--color-666); font-size:14px; }
#contact-page .checkbox-wrapper .terms-label .label-text { color:var(--color-666); }
#contact-page .checkbox-wrapper .checkbox-box { fill :var(--secondary-color); }
#contact-page .checkbox-wrapper .checkbox-tick{ stroke :var(--color-fff); }
#contact-page .form-box { position:absolute; background-color:var(--color-fff); border:1px solid #F8F1E7; padding:50px; right:0; bottom:0; width:68%; }
#contact-page .form-parent { position:relative; padding-bottom:5%; }


/* Contact Page CSS */

.projects-section { background-image:url(/img/footer-top-bg.png); background-repeat:no-repeat; background-size:contain; background-position:bottom; } 
#redirect-to-form { background-image:url(/img/footer-top-bg.png); background-repeat:no-repeat; background-size:contain; background-position:bottom; padding-bottom:150px; }



















/* Footer CSS */

footer { background-color:#F7EFE5; padding:30px 0; }
/* footer:before {content:''; background-image: url(/img/footer-top-bg.png); background-repeat:no-repeat; background-size:contain; background-position:top;
position:absolute; top:-50px; left:0px;  } */



.footer-menu > li { width:20%; }
.menu-heading { font-size:14px; font-weight:600; display:block; color:var(--primary-color); }
.menu-items a { display:block; color:var(--tertiary-color); font-size:14px; margin-bottom:8px; }

.footer_certification { }
.footer_certification ul { display:flex; flex-wrap:wrap; }
.footer_certification ul li { width:50%; margin-bottom:10px; padding:0 10px; text-align:center; }
.footer_certification ul li p { font-size:12px; }
.footer_certification ul li:first-child img {  }
.footer_certification ul li img { margin:0 auto; display:block;  background:#e7dbce; border-radius:10px; padding:10px 20px; }


.footer-menu { margin-bottom:0px; }
.footer_menu { gap:30px;  }
.footer_menu a { padding:12px 30px; }

.footer-social-media { position:relative; }
.footer-social-media::before { position:absolute; content:''; width:35%; height:1px; background-color:var(--secondary-color); top:50%; left:0; }
.footer-social-media::after { position:absolute; content:''; width:35%; height:1px; background-color:var(--secondary-color); top:50%; right:0; }
.copy-right { font-size:12px; color:var(--secondary-color); line-height:30px; text-align:center; }
/* Footer CSS */





/* Thanks Page CSS */
#thanks { background-image:url(/img/footer-top-bg.png); background-repeat:no-repeat; background-size:contain; background-position:bottom; padding:10% 0; }

/* Thanks Page CSS */





/* Sandard Media Query:- */

/* Small devices (phones, 425px and down) */
@media only screen and (max-width:428px) {
	/* Your styles for small devices */ 
	.mb-30 { margin-bottom:15px; }
	.inner-circle { width:304px; height:304px; }
	.mid-circle { width:464px !important; height:464px !important; }
	.product-switch .garbage { width:50%; left:0; }
	.product-switch .plain-sheet .product-one, .product-switch .root-sheet .product-sec { /* bottom:0%; */ right:18% !important; width:55%; }
	.product-switch .plain-sheet .pro-used, .product-switch .root-sheet .pro-used-sec { top:15% !important; right:5% !important; width:40%; }
	.product-switch  .arrow-01, .product-switch  .arrow-02,
	.product-switch .root-sheet .arrow-rs-01, .product-switch .root-sheet .arrow-rs-02 { width:10%; }
	.product-switch  .arrow-02,
	.product-switch .root-sheet .arrow-rs-02 { right:46%; }
	.product-switch  .arrow-01,
	.product-switch .root-sheet .arrow-rs-01{ top:40%; }
	.right-zero-container { margin-left:3.2% !important; }
	#home-projects .swipe-btn { margin-left:0 !important; }
	.projects-navigations { width:100%; top:60% !important; left:-2% !important; }
	.projects-navigations img{ width:60%; }
	.projects-navigations .left-arrow{ position:absolute; top:50%; left:4%; }
	.projects-navigations .right-arrow{ position:absolute; top:50%; right:-10%; }
	.font30px{ font-size:22px; }
	#home-testimonial .all-details { transform:translateY(-20%);  }
	 
	.qualities { /* display:none; */ }
	.primary-text-two { font-size:28px; }
	.products-details.left-details { padding:0 30px 30px 10px; }
	.products-details.right-details { padding:0px 10px 30px 30px; }
	.products-details.left-details .primary-text-two { padding:0 35px 0 0 !important; }
	.products-details.right-details .primary-text-two { padding:0 0 0 35px !important; }
	#applications .application-details { height:42vh !important; }
	#applications-sections .application-navigators .left-arrow { top:65% !important; left:0; transform:translateY(-35%) !important; }
	#applications-sections .application-navigators .right-arrow { top:65% !important; /*right:-5%; */display:flex; justify-content:end;transform:translateY(-35%) !important; }
	#applications-sections .application-navigators img{ width:70% !important; }
	.download-box { height:100px; }
	#story, #vision, #team, #achievements-section, #sustainability, #articles,
	#guides, #faq, #downloads, #technical-documents, #certifications { scroll-margin-top:320px !important; }
	.footer-menu li { width:48%; }

	.swipe-up h1 { font-size:60px; }
	.animate-text {margin:20px 0; }
	.animate-text::before { display:none; }
	.animate-text::after { top:135%; /* bottom:0; */ width:100%; }
	.animate-text .plant { position:absolute; display:flex; justify-content:space-between; width:100%; bottom:0; }
	.contact-img { width:70% !important; }
	.checkbox-wrapper .checkbox-svg { width:30px; height:30px; }
	#applications-sections .application-title { height:80vh !important; }

}


/* Medium Mobile devices (phones, 426px to 576px) */
@media only screen and (max-width:576px) {
/* Your styles for Medium Mobile devices */ 

.w-65, .w-50 { width:100% !important; }
.mt-30 { margin-top:10px !important; }
.pt-100 { padding-top:3.25rem !important; }
.pb-100 { padding-bottom:3.25rem !important; }
.mb-30 { margin-bottom:22px; }
#open-positions { scroll-margin-top:110px; }
.primary-text-one { font-size:40px; line-height:46px; }
.hero-text-two { font-size:24px; line-height:24px; }
.dropdown:hover>.dropdown-menu { border-radius:0; border-color:transparent; background-color:#BA966550; }
.dropdown-menu li a { color:var(--primary-color); }
#redirect-to-form { padding-bottom:50px; }
.back-box h2 { padding-left:0%; text-align:center; }
#story, #vision, #team, #achievements-section, #sustainability, #articles,
#guides, #faq, #downloads, #technical-documents, #certifications { scroll-margin-top:260px; }
.banner-img { width:50%; top:25%; right:2%; }
.top-change { top:15%;  }
#banner-text { padding:30% 0 18% 0; }
.hero-text-one { font-size:45px; line-height:50px; }
.fs-20px { font-size:14px; }
.para16 {  line-height:18px; font-size:14px; }
.slide-fraction { top:12%; right:10%; }
#product-section { padding-top:25px; }
.product-name { font-size:16px; line-height:22px; }
.products-details { padding:0 35px 35px 35px; }
.products-details .primary-text-two { text-align:center; padding:0 20px; }
#home-certifications { padding-bottom:20px; } 
#home-certifications img { opacity:0.5 !important; }
#applications .application-details { height:36vh; }
#page-navbar .nav { display:block;}
#about-page, #resources-page { border-radius:20px; width:100%; }
#certifications::before { top:35%; }
.blog-picture { border-radius:20px; }
.vision-content { padding:25px; }
.process-box { width:44%; border-radius:20px; }
.process-wrapper ul { flex-wrap:wrap; }
.line-border .inverted-coma { width:18%; top:-4%; padding:0; border-radius:10px; }
.line-border .inverted-coma { width:18%; top:-4%; padding:0; border-radius:10px; }
#page-banner { padding-top:0; }
.hero-text-one { position:relative; /* margin-top:-85px; */ }
.left-side-list .list, .right-side-list .list { position:relative; margin-bottom:20px; }
.list-left .icon-box { margin-left:0; }
.list-right .icon-box { margin-right:0 !important; }
.list-left .pro-quality, .list-right .pro-quality { border-radius:50px; width:100%; padding:5px 10px !important; }
.list-left .icon-box, .list-right .icon-box { min-width:40px; max-width:40px; height:40px; padding:6px; }
.products-details.right-details .primary-text-two { margin-left:0; padding:0 35px 0 0 !important; }
.products-details.right-details::before { left:0; right:auto; background-image:linear-gradient(to right, #fff, #fff5); }
.footer-social-media::before, .footer-social-media::after { width:100%; top:auto; }
.products-details.right-details { padding:0px 30px 30px 10px; border-left:none; border-right:1.5px solid var(--secondary-color); border-bottom-right-radius:50px;
border-bottom-left-radius:0; }
.swipe-up { height:80px; }
.swipe-up h1 { font-size:60px; }
.animate-text {margin:20px 0;}
.animate-text::before { display:none; }
.animate-text::after { top:130%; /* bottom:0; */ width:100%;  }
.animate-text .plant { position:absolute; display:flex; justify-content:space-between; width:100%; bottom:0; }
#team .member-say { height:40vw; }
#team .card img { transform:scale(0.95); }
#team .card:hover img { transform:scale(0.95); box-shadow:none; }
#team .card .card-body .social-icons { transform:translateX(0); opacity:1; }
.rounded-50 { border-radius:30px !important; }
.process-box { margin:0 auto 20px auto; width:60%; }
.process-box .forward-arrow { top:96%; right:auto; left:50%; transform:translateX(-50%) rotate(135deg); }
.contact-details .map-wrapper.expanded,  .contact-details .map-wrapper { position:relative; }
.contact-details .map-wrapper { width:100% !important; height:300px; }
.contact-details .map-wrapper .map-box { border-radius:20px; }
#expand-btn { display:none !important; }

/* #contact-page .banner-img {
top:17% !important;
} */
.checkbox-wrapper .terms-label {
align-items:start;
}
.contact-details span .icon-- i {
font-size:18px !important;
}
.contact-details span .icon-- {
width:40px !important;
height:40px !important;
}
.application-box .push-up {
bottom:0;
}
#applications-sections .product-uses-warpper .product-uses-img {
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-ms-border-radius:30px;
-o-border-radius:30px;
}
#applications-sections .product-uses-warpper .product-uses-img::before {
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-ms-border-radius:30px;
-o-border-radius:30px;
}
#applications-sections .product-uses-warpper:hover p {
padding:5px 20px;
bottom:6.5%;
}

#page-navbar {
display:none;
}
.banner-title {
padding:100px 0 60px 0;
}
#home-testimonial .all-details {
transform:translateY(-6%);
-webkit-transform:translateY(-6%);
-moz-transform:translateY(-6%);
-ms-transform:translateY(-6%);
-o-transform:translateY(-6%);
}
.dots-- {
overflow:hidden;
top:-2%;
}
.dots-- .swiper-pagination-bullet {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
}
.dots-- .swiper-pagination span {
margin:15px 20px !important;
}
.dots-- .swiper-pagination-bullet-active:nth-child(odd), .dots-- .swiper-pagination-bullet-active:nth-child(even) {
transform:scale(1.8) !important;
-webkit-transform:scale(1.8) !important;
-moz-transform:scale(1.8) !important;
-ms-transform:scale(1.8) !important;
-o-transform:scale(1.8) !important;
}
#testimonial-pagination {
/* padding:0; */
}
.line-border {
margin-top:150px;
}
#applications-sections .arrows-of-slider img {
width:12%;
}
.application-parent:before {
width:85%;
}



}

/* Medium devices (tablets,  577px to 768px) */
@media only screen and (min-width: 577px) and (max-width:768px) {
  /* Your styles for medium devices  */
}

/* Large devices (laptops, 768px to 992px) */
@media only screen and (min-width:768px) and (max-width:992px) {
  /* Your styles for large devices */
  
}
@media only screen and (max-width:992px) {
    .main-menus {border:none; padding:0;}
    .main-menus ul {gap:0.2em; margin-top:20px;}
    .productlink {left:0;}
    .nav-item {width:100%; text-align:left; border-bottom:solid 1px #eee5;}
    .nav-link i {position:absolute; right:0;}
    .nav-item .swipe-btn {width:100%; justify-content:center;}

    .nav-item:last-child {
        border-bottom:none;
    }

.w-65 {
    width:100% !important;
}

.outer-circle .section-heading {
    top:0;
}
.inner-circle {
    width:404px;
    height:404px;
}
.product-switch .garbage {
    bottom:6%;
}
.product-switch .plain-sheet .product-one, .product-switch .root-sheet .product-sec {
    bottom:0%;
    right:6%;
}
.product-switch .plain-sheet .pro-used, .product-switch .root-sheet .pro-used-sec {
    top:-5%;
    right:-15%;
}
.outer-circle {
    width:654px;
    height:654px;
}
.mid-circle {
    width:564px;
    height:564px;
}
.qualities .left-side-list li:nth-child(1) {
    left:-14%;
}
.qualities .left-side-list li:nth-child(2) {
    left:-20%;
}
.qualities .left-side-list li:nth-child(3) {
    left:-22%;
}
.qualities .left-side-list li:nth-child(4) {
    left:-20%;
    top:55%;
}
.qualities .left-side-list li:nth-child(5) {
    left:-14%;
    top:65%;
}
.qualities .left-side-list li:nth-child(6) {
    left:-12%;
    top:75%;
}

.qualities .right-side-list li:nth-child(1) {
    right:-17%;
}
.qualities .right-side-list li:nth-child(2) {
    right:-21%;
}
.qualities .right-side-list li:nth-child(3) {
    right:-23%;
}
.qualities .right-side-list li:nth-child(4) {
    right:-22%;
    top:55%;
}
.qualities .right-side-list li:nth-child(5) {
    right:-23%;
    top:65%;
}
.qualities .right-side-list li:nth-child(6) {
    right:-22%;
    top:75%;
}

.list-left .icon-box, .list-right .icon-box {
    padding:6px;
    width:40px;
    height:40px;
}
.list-left .pro-quality {
    padding:5px 40px 5px 12px;
}
.list-right .pro-quality, .right-side-list .list-right:nth-child(5) .pro-quality, .right-side-list .list-right:nth-child(6) .pro-quality {
    padding:5px 14px 5px 40px;
}
.list-right .icon-box {
    margin-right:-12%;
}


.product-box .para16 {
    transform:translateY(0);
    visibility:visible;
    opacity:1;
    text-align:justify;
}
#home-projects {
    padding-top:100px;
}

.right-zero-container {
    margin-left:14.6%;
}
.projects-navigations {
    top:55%;
    left:10%;
}
#home-projects .swipe-btn {
    margin-left:auto;
}
.right-side-form {
    padding:30px;
}
.paranet-testimonial {
    margin-bottom:-20%;
}
.blog-picture {
    border-radius:20px;

}

}

/* Extra large devices (large desktops, 993px to 1200px) */
@media only screen and (min-width:993px) and (max-width:1200px) {
  /* Your styles for extra large devices */

}

/* Ultra large devices (larger than 1201px) */
@media only screen and (min-width:1201px) {
  /* Your styles for ultra large devices */
  .product-box:hover span {
    transform:translateY(-70%);
}
.product-box:hover .para16 {
    transform:translateY(0);
    /* display:block; */
    visibility:visible;
    opacity:1;
}
.product-box:hover .product-name {
    background-color:var(--primary-color);
    color:var(--color-fff);
}

.product-box:hover .product{
    transform:translateY(-20%) scale(0.6);
    filter:drop-shadow(0 100px 35px #0009);
}
}

/* ================================================================================================================== */


/* Home */

/*
#banner { }
#banner:before { content:''; background:url(../img/home.png) no-repeat; background-size:cover; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; }
*/

#banner-text { }
#banner-text .para16, #banner-text .primary-text { text-align:left !Important; font-size:18px !important; line-height:30px; }


/* Projects */

.relative { position:relative; }

.project_list { margin-top:50px; margin:0 -12px; position:relative; }
.project_list .col-lg-6 { margin-bottom:30px; padding:0 12px; }
.box_border { position:relative; } 
.box_border .pxl-item--inner .item--image { position:relative; cursor:pointer; border-radius:40px;  overflow:hidden; }
.box_border .pxl-item--inner .item--image:after { content:""; position:absolute; bottom:0; left:0; z-index:1; display:block; width:100%; height:150px;
    background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background-image:linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
}

.pxl-hover-transition { width:100%; }
.pxl-hover-transition img { width:100%; transition-duration:2s; }
.pxl-hover-transition:hover img { z-index:0; -webkit-transform:rotate(1deg) scale(1.1); transform:rotate(1deg) scale(1.1); }


.box_border .pxl-item--inner .item--image, .services-block,
.pxl-hover-transition, .pxl-hover-transition img { border-radius:40px;  }

.box_border .hover_cont { position:absolute; bottom:30px; left:0px;  z-index:2;  width:100%; }
.box_border .hover_cont .d-flex { align-items:center; justify-content:space-between; width:100%; padding:0 30px;  }
.box_border .hover_cont .d-flex > div { width:60%; }
.box_border .hover_cont .d-flex > button.swipe-btn { width:156px !important;  height:46px;}
.box_border .hover_cont h1 { color:#fff; font-weight:600; font-size:30px; margin-bottom:6px; }
.box_border .hover_cont h3 { color:#fff; font-weight:400; font-size:16px; }
.box_border .hover_cont h3 img {  margin-right:6px; }
.box_border .hover_cont .swipe-btn {  }


.services-block { opacity:0; visibility:hidden; position:absolute; padding:40px; top:0; z-index:1; width:0%; height:100%; min-height:449px; background:#F8F1E7;
-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; overflow:hidden; }

.pxl-image-box.is-show .pxl-item--inner { padding:20px;  z-index:5; position:relative; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; }
.pxl-image-box.is-show .services-block { opacity:1; visibility:visible; z-index:9; width:204%;  }



.project_list .col-lg-6:nth-child(odd) .services-block  { left:0%; }
.project_list .col-lg-6:nth-child(even) .services-block { right:0%; }



.box_border .close_box { padding:6px; width:32px; position:absolute; top:10px; left:15px; cursor:pointer; }

.services-block .d-flex { justify-content:space-between; }
.services-block .cont_sec { width:48%; }
.services-block .swiper-container { width:46%; overflow:hidden; position:relative; }

.services-block .swiper-container,
.services-block .swiper-container .swiper-wrapper .swiper-slide { border-radius:40px; overflow:hidden; }

.services-block .swiper-container .swiper-wrapper img {  }

.services-block .cont_sec { padding-left:20px; }

.services-block .cont_sec h5 { font-weight:700; color:#704931; font-size:24px; }
.services-block .cont_sec h6 { color:#BA9665; font-weight:400; }
.services-block .cont_sec h6 span { margin-right:15px; }
.services-block .cont_sec h6 img { height:24px; margin-right:5px; }

.services-block ul { margin-top:26px; height:307px; overflow-y:scroll; padding-right:15px !important; }
.services-block ul li { position:relative; padding-left:25px; margin-bottom:15px; color:#000; line-height:22px; }
.services-block ul li:before { content:''; background:url(../img/icons/list.png) no-repeat; background-size:cover; width:13px; height:13px; position:absolute; top:4px; left:0px; }



.project_overflow { position:absolute; top:0px; right:0px; width:100%; height:100%; z-index:2; display:none; background:rgba(255, 255, 255, 0.2); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); }
.project_overflow.overflow-active { display:block; } 



.blog-box { padding:0 20px; }
.blog-box img { width:100%; }

#contact-page .input-box { border-bottom:1px solid#ddd !important; }


/* Scroll Bar */
::-webkit-scrollbar-track { background:#fff !important; }
::-webkit-scrollbar { width:4px !important; background:#fff !important;}
::-webkit-scrollbar-thumb { background:#704931 !important; border-radius:4px; }  



.whatsapp {
    position: fixed;
    bottom: 20px;
    right: 14px;
    width: 60px;
    z-index: 9999;
}

/* Media Query */



@media only screen and (max-width:995px) {
#header { box-shadow:0 1px 10px #0001; z-index:9999; }
.navbar-brand { width:120px; }
 
#header .container {  }
.headeractive .nav-link, .headeractive .swipe-btn,
.nav-link { font-size:15px !important; border-bottom:1px solid var(--secondary-color); padding:12px 15px !important; }
.nav-link i { top:17px; right:15px; }
.main-menus ul { margin-top:0px !important; }



}

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

body { overflow-x:hidden !important;  }



#banner { background:none; height:auto; }	
#banner .container { width:100% !Important; max-width:100% !Important; padding:0px !important; }	
#banner .container .banner-text-area { padding-left:20px !important; padding-right:20px !important; }	
	
.banner-text-area { position:relative; padding-top:140px; }
.banner-text-area .hero-text-one.tertiary-text {  }
.banner-text-area .hero-text-one.tertiary-text br {  }
.banner-text-area .hero-text-three.w-32 { width:100% !Important; }

.cut-out { display:none; }

#carouselExampleAutoplaying {  }
#carouselExampleAutoplaying .home_sm { display:block !important; position:absolute; top:0px; left:0px; z-index:99; width:100%;  }

/* #carouselExampleAutoplaying:before { content:''; background:url(../img/home_sm.png) no-repeat; background-size:contain; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; } */
#banner .carousel-inner  { width:90% !Important; margin:80px auto 0 auto; }

#product-process { padding-top:60px; }


}
 
	
@media only screen and (max-width:576px) {
	
.banner-text-area .hero-text-one.tertiary-text { font-size:60px !important }	
#carouselExampleAutoplaying .carousel-inner { padding-top:20px; margin-top:10px; }

#banner .btn_ripple { width:50px !important; height:50px !important; bottom:13%; right:1%; }
#banner .btn_ripple svg { width:14px; }


#product-process { padding-top:120px; }
.outer-circle { width:360px; height:360px;  margin-top:150px; }
.mid-circle { width:330px !important; height:330px !important; }
.inner-circle { width:280px !important; height:280px !important; }

.outer-circle .section-heading { top:-95px;  }


.product-box .para16 { padding:15px 0px !important; }

.para16 { line-height:24px; font-size:14px; }

#home-projects .swipe-btn { height:34px; font-size:13px;  }

.project-box .project-sm-details { width:100%; }
.project-sm-details ul.d-flex { align-items:center; justify-content:space-between; width:100%;  }
.project-sm-details ul.d-flex li {  width:48%; gap:0px !important;  }
.project-sm-details ul.d-flex li i { margin-right:4px; }


#home-projects { overflow-x:hidden !important; }
.project-box { border-radius:30px; }
.right-zero-container { margin-left:0% !important; width:90%; margin:30px auto !important }
.font30px { font-size:20px;  }
.projects-navigations img { width:50%; }
.projects-navigations { }
.projects-navigations .left-arrow,
.projects-navigations .right-arrow { top:80%; transform:translateY(-80%); }

.right-side-form { position:relative !important; }

#home-enquiry { padding-bottom:110px !important; }
#home-testimonial { padding-bottom:150px !important; height:auto;   }

#testimonial-slider .testimonial-box { padding:50px 45px; }
.paranet-testimonial .line-border { width:95%; border-radius:40px; }
.paranet-testimonial .line-border::before { width:95%; margin:0 auto; left:0px; right:0px; border-radius:40px; }
#testimonial-slider { border-radius:40px; }
	
.home-testimonial-nav img { width:50px; }	
	
	
#home-certifications {}	
#home-certifications .col-md-3 { width:25%; }	
#home-certifications .col-md-7 .opacity-50 img { height:65px; display:block; margin:0 auto; }	


#contact-page .contact-details span .icon-- { margin-right:10px; }	
.contact-details .map-wrapper { width:70%; }	
	
	
/* .banner-title { padding-bottom:200px !important; }	 */
.hero-text-one { font-size:36px; line-height:44px; }	
#banner-text .para16 { padding:10px 0 !important; font-size:15px !Important; line-height:24px !important; }
	
	
	
#resources-page { }	
#resources-page ul,
#about-page ul { display:flex !important; gap:0px !important;  align-items:center;	 }	
#resources-page ul li { width:33.33%; }	
#resources-page ul li a { min-height:68px; font-size:14px !important; }	

#about-page ul li { width:50%; }
	

/* Project Page */


.box_border .hover_cont { bottom:12px; }
.box_border .hover_cont .d-flex { padding:0 15px; }
.box_border .hover_cont .d-flex > button.swipe-btn { height:38px }
.box_border .hover_cont h1 { font-size:22px; }
.box_border .hover_cont h3 { font-size:14px; }


.box_border .close_box { top:10px; left:auto; right:15px; }
.services-block { padding:40px 15px; width:100%; height:0%; min-height:624px; }
.services-block .cont_sec { padding-left:5px; }

.services-block ul li { font-size:14px; margin-bottom:15px; }
.pxl-image-box.is-show .pxl-item--inner { padding:20px;  }
.pxl-image-box.is-show .services-block { width:100%;  }



.project_list .col-lg-6:nth-child(odd) .services-block  { left:0%; }
.project_list .col-lg-6:nth-child(even) .services-block { right:0%; }

.services-block .d-flex { display:block !important;  }
.services-block .cont_sec { width:100%; }
.services-block .swiper-container { width:100%; }
.services-block ul { height:200px; }



#applications-sections .application-title { height:65vh; }
#applications-sections .application-navigators img { width:60% !important; }
#applications .application-details { height:28vh !Important; }
#applications .swiper-slide .para16 { color:#fff !Important; }
#applications .swiper-slide { margin-bottom:0px;  }
.application-box .push-up { width:90%; margin:0 auto; left:0; right:0; }

#applications-sections .application-navigators .left-arrow { left:10px;  top:60%; transform:translateY(-40%);}
#applications-sections .application-navigators .right-arrow { right:10px; top:60%; transform:translateY(-40%); display:flex; justify-content:end;}


#contact-page .form-box { position:relative; width:100%; padding:20px; }

/* #contact-page .contact-details span .icon-- { margin-top:15px; }  */

.contact-img { width:80%; margin:0 auto; left:0px; right:0px; top:135px; }



}


#articles { }
#articles .blog-box { }
#articles .blog-box > div { padding:0 10px; }
#articles .blog-box > div p { font-size:15px; }
 
#product-process { padding-top:70px; } 

#product-process .counter_section .img-cover { width:60px; margin:0 auto 15px auto; } 
#product-process .counter_section .img-cover .img-png { } 
#product-process .counter_section .img-cover .img-gif { display:none; } 
#product-process .counter_section .col-md-3:hover .img-gif { display:block; } 
#product-process .counter_section .col-md-3:hover .img-png { display:none; } 



#product-process .counter_section { position:relative; z-index:1; } 
#product-process .counter_section .primary-text { font-family:"Rozha One", serif; margin-bottom:20px; /* background:#fff; padding:20px 40px; border-radius:50px; margin-bottom:0px; display:inline-block;  */} 
/*
#product-process .counter_section:after { content:''; height:2px; position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0px; z-index:-1;
background:rgb(248,241,231);background:linear-gradient(90deg, rgba(242, 232, 219, 1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(242, 232, 219, 1) 100%); }
*/
#counter {  background:#fff; padding:40px 60px; border-radius:300px; } 
#counter .d-flex { align-items:baseline; width:140px; margin:0 auto; } 
#counter .d-flex h2 { width:60px; font-size:20px; font-weight:bold; color:var(--primary-color) !important; padding-left:8px;  } 
#counter h1, #counter h1 span { font-size:50px; font-family:"Rozha One", serif; color:var(--primary-color) !important; } 
#counter h5 { color:var(--primary-color) !important; margin-bottom:5px; font-size:16px; text-transform:capitalize; } 
#counter p { color:#000; margin-bottom:0px; font-size:13px; } 


@media (max-width:500px) {

.counter_section .col-lg-12 { padding:0 20px; }	
#counter { padding:40px 4px; border-radius:50px;  }
#counter h1, #counter h1 span { font-size:46px;  }
#product-process .counter_section .col-md-3 { width:50%; margin-bottom:30px; }
	
}
	
#open-positions,
#home-certifications,
#faq { padding-bottom:150px !Important; }

.projects-section, 
#contact-page { padding-bottom:50px !Important; }




@media (min-width:1800px) {
	
/*Header */
.navbar-brand img {width:200px;}
.headeractive .navbar-brand img { width:160px; }

.top-menus { margin-bottom:10px; }
.top-menus .date { font-size:16px !important; padding:10px 0 !important; }

.nav-link,
.date { font-size:16px !important; padding:14px 0 !important; }
.headeractive .nav-link,
.headeractive .swipe-btn { font-size:15px !important; }
.headeractive .top-menus { margin-bottom:5px; }

.nav-link:hover { /* background:#666; */ }

#page-banner { padding-top:126px; }


/* Home */
#myClip { position:absolute; transform:translate(52%, 23%) scale(1.1); }


/* Inner Pages */
.banner-img { top:16%; width:38%; }
.banner-img img { width:100%; }

.hero-text-one { font-size:80px; }
.banner-title .breadcrumb .breadcrumb-item { font-size:15px; }
#banner-text { min-height:550px; margin-bottom:40px; }
#banner-text .para16,
#banner-text .primary-text { font-size:24px !important; line-height:38px; }
 

#applications-sections .application-title { height:60vh; }

}