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

:root{
    --likh:  "Inter", sans-serif;
    --rang: #4F4957
}

body ::selection { background-color: #282828; color: #fff;}

body {padding: 0;margin: 0;font-family:var(--likh);}
*{margin: 0;padding: 0;}
body .flex-row{ display: flex; flex-direction: row; flex-wrap: wrap; }
body .flex-row .col-1{ flex: 0 0 8.34%; width: 8.34%; padding: 0 15px; box-sizing: border-box; }
body .flex-row .col-2{ flex: 0 0 16.67%; width: 16.67%; padding: 0 15px ; box-sizing: border-box;}
body .flex-row .col-3{ flex: 0 0 25%; width: 25%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-4{ flex: 0 0 33.33%; width: 33.33%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-5{ flex: 0 0 41.66%; width: 41.66%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-6{ flex: 0 0 50%; width: 50%; padding: 0 15px ; box-sizing: border-box;}
body .flex-row .col-7{ flex: 0 0 58.33%; width: 58.33%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-8{ flex: 0 0 66.66%; width: 66.66%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-9{ flex: 0 0 75%; width: 75%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-10{ flex: 0 0 83.33%; width: 83.33%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-11{ flex: 0 0 91.66%; width: 91.66%; padding: 0 15px ; box-sizing: border-box; }
body .flex-row .col-12{ flex: 0 0 100%; width: 100%; padding: 0 15px ; box-sizing: border-box; }
.container{ margin: 0 auto;padding:0 15px;width:100%;max-width: 1400px !important;}
html{scroll-behavior: smooth;}
.wd{width: 100%;}
.wpb_single_image.wpb_content_element{margin-bottom: 0;}
.wpb_text_column.wpb_content_element{margin-bottom: 0;}
.wpb_raw_code.wpb_content_element{margin-bottom: 0;}
.vc_btn3-container{margin-bottom: 0;}
.mg-top-sm{margin-top:20px !important; }
.mg-top-med{margin-top:40px !important; }
.mg-top{margin-top: 60px !important;}
.mg-top-inc{margin-top: 80px !important;}
.vc-gitem-zone-height-mode-auto:before{padding: 0 !important;}
.vc_gitem-zone-a .vc_gitem-row-position-bottom, .vc_gitem-zone-b .vc_gitem-row-position-bottom{position: relative;}
.vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle{position: relative; inset: 0; transform: none;}
.vc_gitem-zone-a .vc_gitem-row-position-top, .vc_gitem-zone-b .vc_gitem-row-position-top{position: relative;}
.pad-rght{padding-right: 3em;}
.clr-wht *{color: #fff !important;}
.clr-wht p{color: #fff !important;}
.p-bot p{margin-bottom: 2em !important;}
.p-bot p:last-of-type{margin-bottom: 1em !important;}
.mg-bot{margin-bottom: 1.5em !important;}
.wpcf7-spinner {display: none;}
.d-flex > .vc_column-inner > .wpb_wrapper{display: flex;align-items: center;justify-content: center;}
.d-flex{display: flex;align-items: center;justify-content: center;}
.tex-right {text-align:-webkit-right}
.wxx{width: 60%;margin:auto}
.mob{display: none;}
.tex-cen p{text-align: center;}
.tex-cen *{text-align: center;}

body .anim-div {overflow: hidden;}
body .anim-div h1{top: 5em;position: relative;}
body .anim-div-1 {overflow: hidden;}
body .anim-div-1 p{top: 5em;position: relative;}
body .anim-div-2 {overflow: hidden;}
body .anim-div-2 a{top: 5em;position: relative;}
.site-header .header-child { padding: 0em 1.5em; box-sizing: border-box; border-radius: 100px; margin-top: 1.5em; margin-bottom: 0.5em;}
body .site-header .header-child {background: #eeeeee;}
.site-header { width: 100%; z-index: 99; position: absolute;}
body .site-header .site-branding .logo img{width: 28%;}
body .site-header .flex-row .navigation .menu-wrapper {display: flex;justify-content: end; gap: 2.5em; list-style: none;}
body .site-header .flex-row .navigation .menu-wrapper li{padding:2.3em 0}
body .site-header .flex-row {align-items: center;}
body .site-header .flex-row .navigation ul li a {text-decoration: none; font-family: var(--likh); font-size: 1.1em;color: var(--rang);width: 100%;display: inline-block;}
body .site-header .flex-row .navigation ul li a:hover{opacity: 0.7; color: #F47025; }
body .vid-sec .video-row .video-col video {height: 110vh; width: 100%; object-fit: cover;}
body .vid-sec .video-row .video-col:before{content: ''; position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.17); top: 0; left: 0;}
body .vid-sec > .flex-row{position: relative;}
body .vid-sec .abb-row {position: absolute; bottom: 10%;}
body .vid-sec .banner-txt h1{ font-size: 3.4em; color: #fff; font-family: var(--likh); font-weight: 700; letter-spacing: 0.4px; line-height: 1.2;}
body .vid-sec .banner-txt p{ font-size: 1.2em; color: #fff; font-family: var(--likh); font-weight: 400; letter-spacing: 0.4px; line-height: 1.2;margin: 1em 0;}
body .vid-sec .banner-txt a{border-radius: 10px; background: #F47025;padding: 0.4em 0.5em 0.4em 0.8em; display: inline-flex; gap: 1em; align-items: center; color: #fff; font-weight: 400; text-decoration: none; font-size: 1.05em;transition: 0.3s;}
body .vid-sec .banner-txt a svg{ padding: 0.6em; background: #fff; border-radius: 5px; color: #F47025;transition: 0.3s}
body .vid-sec .banner-txt a:hover{background: #fff;color: #F47025;}
body .vid-sec .banner-txt a:hover svg{color: #fff;background: #F47025;}
body .vid-sec .banner-counter ul{display: flex; list-style: none;gap: 0.5em;}
body .vid-sec .banner-counter ul li{text-align: center;padding: 0 1.5em; border-right: 1px solid #fff; color: #fff;}
body .vid-sec .banner-counter ul li h2{font-size: 2.2em; font-weight: 600; margin-bottom: 0.2em;font-family: var(--likh);}
body .vid-sec .banner-counter ul li p{ font-size: 1.05em; letter-spacing: 0.2px; font-family: var(--likh);}
body .vid-sec .banner-counter ul li:last-child{border: none;}
body .vid-sec .abb-row .flex-row {align-items: end;}
body .innovating-sustainability-section .innovating-img img{width: 100%;}
body .innovating-sustainability-section .flex-row{align-items: center;}
body .site-head{font-size: 3.1em;color: var(--rang); font-family: var(--likh); font-weight: 600; letter-spacing: 0.4px; line-height: 1.4;}
body .site-head-sm{font-size: 1.5em;color: var(--rang);font-family: var(--likh);font-weight: 600;letter-spacing: 0.4px;line-height: 1.2;margin-top: 0.4em;margin-bottom: 0.6em;}
body .site-txt p{font-size: 1em;font-weight: 300;line-height: 1.55;color: var(--rang);word-spacing: 3.5px;}
body .site-a a{color: var(--rang);font-size: 1em;font-weight: 600;text-decoration: none;position: relative;}
body .site-a a:before{content:''  ;  position: absolute;bottom: 0;left: 0;width: 0%;height: 2px;background: var(--rang);transition: 0.3s;}
body .site-a a:hover:before{width: 100%;}
body .site-a a svg{color: var(--rang);margin-left: 4px; transform: rotate(-55deg);}
body .site-a a i{color: var(--rang);margin-left: 4px; transform: rotate(-55deg);}
body .solar-cols {padding: 2em 1.7em;border: 1px solid #D2D2D2;border-radius: 65px;box-sizing: border-box;}
.min-h-innovating{min-height: 70px;}
body .solar-solutions-child > .flex-row {align-items: center;}
body .solar-cols img{width: 100%;}
body .solar-solutions .solar-solutions-child{padding: 3em 0;border-bottom: 1px solid #B6B6B6;position: relative;}
body .solar-solutions .solar-solutions-child:before{content: '';position: absolute;bottom: 0;left: 0;height: 0%;width: 100%;background: #76767621;z-index: -1;transition: 0.5s;}
body .solar-solutions .solar-solutions-child:hover:before{height:100%;}
body .solar-solutions .solar-solutions-child:last-child{border: none;}
body .solar-solutions .solar-solutions-child a.arrow{height: 35px;width: 35px;border-radius: 50%;background:#F47025;color: #fff;display: flex;justify-content: center;align-items: center;}
body .solar-solutions .solar-solutions-child a.click{position:absolute;width:100%; height:100%; left:0; top:0;}
.site-head-lg {font-size: 2em; color: var(--rang); font-family: var(--likh); font-weight: 600; letter-spacing: 0.4px; line-height: 1.2;}
body .innovating-sustainability-section{position: relative;}
body .our-solar-row .our-solar-solutions-row {padding: 2em 1em;background: rgba(225, 225, 225, 0.3);border-radius: 65px;}
body .innovating-sustainability-section:before{content: '';position: absolute;height: 100%;width: 100%;background: #ffffff6b;z-index: -1;backdrop-filter: blur(250px);}
body .innovating-sustainability-section:after{content: '';position: absolute; height: 250px; width: 355px; background: rgba(244, 112, 37, 1); top: 35%; right: 0; z-index: -2; box-shadow: 100px 100px 1000px rgba(244, 112, 37, 1);animation: pulseHeight 1s infinite alternate ease-in-out;}
@keyframes pulseHeight {
    0% {
        width: 355px;
    }
    100% {
        width: 650px;
    }
}
  
body .notable-projects  .notable-projects-row  .notable-projects-col {position: relative;}
body .notable-projects  .notable-projects-row  .notable-projects-col img{width: 100%;border-radius:20px}
body .notable-projects-abb-div {width: 95%;background: rgba(255, 255, 255, 0.1);position: absolute;backdrop-filter: blur(15px);transform: translate(-50%, 0%);bottom: 3%;left: 50%;height: fit-content;padding: 0.7em;box-sizing: border-box;border-radius: 15px;}
body .notable-projects  .notable-projects-row .col-4{padding: 0 10px;}
body .some-comments .some-comments-row {background: #ECECEC; padding: 2em 0 1.5em 0;}
body .some-comments-row  .testi-img-txt{display: flex;gap: 1em;align-items: center;}
body .some-comments-row  .testi-img-txt img{border-radius:50%}
body .some-comments-row  .testi-img-txt .img-name h4{font-size: 1.2em;color: var(--rang);font-family: var(--likh);font-weight: 600;letter-spacing: 0.4px;line-height: 1.2;}
body .notable-projects-abb-div a:before{background: #fff;}
body .some-comments-row  .testi-img-txt .img-name h5{font-size: 0.95em;color: var(--rang);font-family: var(--likh);font-weight: 600;letter-spacing: 0.4px;line-height: 1.2;margin-top: 0.3em;}
body .some-comments-row .comments-div{padding: 2em 2em;background: #fff;box-sizing: border-box;border-radius:20px}
body .some-comments-row  .stars{margin-bottom: 1em;}
body .some-comments-row  .stars svg path{fill: #F47025;}
body .some-comments-row .testi-txt-min-h{min-height: 100px;}
body .some-comments-row .comments-slider .slick-dots {display:flex;justify-content: center;align-items: center;width: 100%;gap: 1em;list-style: none;margin-top: 2em;}
body .some-comments-row .comments-slider .slick-dots li{height: 10px;width: 10px;border: 1px solid #F47025;border-radius: 50%;}
body .some-comments-row .comments-slider .slick-dots li.slick-active{background: #F47025;}
body .some-comments-row .comments-slider .slick-dots li button{display:none;}
body .clients-row {display: flex;justify-content: center;align-items: center;padding-top: 3em;}
body .clients-row .slick-arrow{ border:none;border-radius: 50%;background: #F47025; color: #fff;display: flex;justify-content: center;align-items: center;padding:1em;}
body .clients-row .clients-img{display: block !important; margin: 0 1.5em; padding: 2em 1.7em;  border-radius: 65px; box-sizing: border-box;}
body .clients-row .clients-img img{display:block !important;width:100%; aspect-ratio: 3 / 2; object-fit: contain;}
body .clients-row .clients-img h2 a{text-align: center;  margin: 1em 0; color:var(--rang); text-decoration:none; display:flex; justify-content:center; width:100%;}
body .clients-row .clients-img h2{font-size: 1.3em;}

footer.site-footer{background: url(https://rajsolar.pk/wp-content/uploads/2025/09/raj-solar-footer.webp);background-position:center center;background-size: cover;background-repeat: no-repeat;    padding-top: 4em;margin-top: 4em;}
footer.site-footer .Contact-page-form .col-12{padding: 0;}
footer.site-footer .footer-contact-form {padding: 2em;backdrop-filter: blur(10px);border: 1px solid #FFFFFF1A;border-radius: 15px;}
footer.site-footer .Contact-page-form .contact-form-input {width: -webkit-fill-available;background: transparent;border: none;outline: none;border-bottom: 1px solid #fff;margin-bottom: 2em;padding: 0.3em;resize: none;font-size:1em}
footer.site-footer .Contact-page-form .wpcf7-not-valid-tip {color:red !important}
footer.site-footer .Contact-page-form .contact-form-input::placeholder{color: #fff;font-family: var(--likh);font-size: 1em;}
footer.site-footer .Contact-page-form .submit-button-contact {text-align: right;}
footer.site-footer .Contact-page-form .submit-button-contact .wpcf7-submit {background: #F47025;padding: 0.8em 5em;border: none;border-radius: 10px;font-size: 0.85em;cursor: pointer;}
footer.site-footer .Contact-page-form .submit-button-contact .wpcf7-submit:hover{opacity: 0.9;}
footer.site-footer .widget-title {font-size: 1.25em;font-weight: 600;font-family: var(--likh);letter-spacing: 0.4px;    margin-bottom: 1.5em;}
footer.site-footer .menu-useful-links-container .menu ,footer.site-footer .footer-ul , footer.site-footer .follow-us-div ul{list-style: none;}
footer.site-footer .menu-useful-links-container .menu li,footer.site-footer .footer-ul li {margin-bottom: 1.6em;}
footer.site-footer .menu-useful-links-container .menu  li a ,footer.site-footer .footer-ul li a{font-size: 0.9em;font-weight: 300;text-decoration: none;font-family: var(--likh);line-height: 1.6;}
footer.site-footer .footer-ul li a:hover{opacity: 0.7;}
footer.site-footer .menu-useful-links-container .menu li a:hover{opacity: 0.7;}
footer.site-footer .footer-ul  li{display: flex;gap: 0.7em;}
footer.site-footer .useful-links-menu {margin-bottom: 4em;}
footer.site-footer .follow-us-div ul {display: flex;gap: 1.5em;}
footer.site-footer .follow-us-div ul  li a{height: 30px;width: 30px;display: flex;justify-content: center;align-items: center;background: #fff;border-radius: 50%;}
footer.site-footer .follow-us-div ul  li a path{fill: #F47025;}
footer.site-footer .follow-us-div ul  li a  svg{font-size: 1.1em;}
footer.site-footer .bottom-bar {padding: 1.5em 0;display: flex;justify-content: space-between;}
footer.site-footer .bottom-bar  p{font-weight: 300;font-size: 0.9em;}
footer.site-footer .bottom-bar  p a{text-decoration: none;}

body .inside-page-header{position: relative;}
body .inside-page-header .page-banner .featured-txt video{width: 100%;}
body .inside-page-header .page-banner .featured-txt {height: 570px;overflow: hidden;}
body .inside-page-header .page-banner .featured-txt::before{ content: ''; position: absolute; top: 0; left: 0; height: 100%; background: rgba(0, 0, 0, 0.5); width: 100%;}
body .inside-page-header .page-banner .page-naam-parent {position: absolute;width: 100%;bottom: 0%;}
body .inside-page-header .page-banner .page-naam-parent .page-naam h1{font-size: 3.5em;text-align: center;font-weight: 500;margin-bottom: 0.3em;}
body .site-txt-lg p{font-size: 1.2em;text-align: center;line-height: 1.6;letter-spacing: 0.3px;font-family: var(--likh);}
body .no-sudo.innovating-sustainability-section:after{display: none;}
body .our-team .our-team-parent-box .our-team-box{text-align: center;}
body .our-team-parent-box{border-radius: 15em 15em 4em 4em;transition:0.4s}
body .our-team-parent-box:hover {box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);border-radius: 15em 15em 4em 4em;}
body .our-team .our-team-parent-box .our-team-box img{width: 75%;height: 400px; object-fit: cover;}
body .our-team .our-team-parent-box .our-team-box .our-team-img{position: relative;}
body .our-team .our-team-parent-box .our-team-box .our-team-img::before{content: '';position: absolute;height: 99%;width: 100%;top: 0;left: 0;background: #F47025;border-radius: 1000px 1000px 0px 0px;z-index: -1;}
body .our-team .our-team-parent-box .our-team-box h1{font-size: 1.5em;color: var(--rang);font-weight: 400;letter-spacing: 0.4px;margin-bottom: 0.4em;}
body .our-team .our-team-parent-box .our-team-box h2{font-size: 1.1em;color: var(--rang);font-weight: 400;letter-spacing: 0.4px;margin-bottom: 0.4em}
body .site-txt-sm p {font-size: 0.8em;font-weight: 400;line-height: 1.55;color: var(--rang); word-spacing: 3.5px;}
.our-team-parent-box{position: relative;}
body .our-team-des{position: relative;padding: 15px;border-radius: 0 0 3em 3em;backdrop-filter: blur(10px);color: #fff;max-width: 100vw;margin: 0 auto;transition: transform 0.3s ease, opacity 0.3s ease;}
body .our-team-des:before{content: '';position: absolute;height: 100%;width: 100%;bottom: 0;left: 0;background: linear-gradient(180deg, #F47025 0%, #f48a4c 100%);border-radius: 0 0 3em 3em;z-index: -1;}
body .site-button a{padding: 1em 3em;background: #F47025;color: #fff;text-decoration: none;display: inline-block;border-radius: 10px;font-size: 1em;border:2px solid #F47025;transition:0.3s}
body .site-button a:hover{background:transparent;border:2px solid #F47025;color:#F47025}
body .cta {padding:2em 0;background:#ECECEC}
body .works-parent-box .our-team-img img{width:100%;height: 485px;object-fit: cover;}
body .works-parent-box {position:relative;border-radius: 40px;overflow: hidden;}
body .works-des {position: absolute;top: 0;left: 0;width: 100%;height: 100%; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(100deg, #F47025, transparent); padding: 2em; box-sizing: border-box;opacity:0;visibility:hidden;transform:translatex(-50px);transition:0.3s}

body .works-parent-box:hover .works-des{opacity:1;visibility:visible;transform:translatex(0px)}

body .works-des img{width:30%;filter: brightness(0) invert(1);}
body .site-txt-works p{font-size: 1.4em;font-weight: 500;line-height: 1.55;word-spacing: 3.5px;color:#fff}
body .works-des a{width: fit-content;background: #fff;padding: 0.5em 1.9em;color: var(--rang);text-decoration: none;border-radius: 6px;font-size: 1em;border:1px solid #fff;transition:0.3s}
body .works-des a:hover{background:transparent;color:#fff;border:1px solid #fff}
.faq-item { border-bottom: 1px solid #ddd;margin-bottom: 10px;background:#fff}
body .faqs {background: #ECECEC;padding: 4em 0;}
 body .faqs .faqs-parent .faq-item  .faq-question {width: 100%;padding: 1.1em;background: #fbfbfb;border: none;text-align: left;cursor: pointer;color: var(--rang);font-size: 1.05em;position:relative}
body .faqs .faqs-parent .faq-item .faq-question:after{ content: '\f078'; position: absolute; right: 2%; font-family: 'FontAwesome';transition:0.3s}
body .faqs .faqs-parent .faq-item.active .faq-question:after{transform: rotate(-180deg);}
body .faqs .faqs-parent .faq-item .faq-question:hover{color:#F47025}
body .faqs .faqs-parent .faq-item.active .faq-question{color:#F47025}
.faq-answer{overflow: hidden; max-height: 0;transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out; padding: 0 10px;}
body .faqs .faqs-parent .faq-item.active .faq-answer {max-height: 100px; padding: 1.1em;}
body .site-li ul{list-style:none;margin:2em 0}
body .site-li ul li {font-size: 1em;font-weight: 300; line-height: 1.55;color: var(--rang); word-spacing: 3.5px;margin-bottom:0.5em}
body .site-li ul li:before{content: '\f068';font-family: 'FontAwesome';margin-right: 7px;color: #F47025;}
body .contact-us-form {background: #ECECEC;padding: 4em 0;}
body .contact-us-form > .container > .flex-row {background: #fff;border-radius: 20px;}
body .contact-us-form > .container > .flex-row > .col-7{padding: 0 0;}
body .contact-form-row  .Contact-page-form .flex-row .col-6 p{text-align: left;}
body .contact-form-row  .Contact-page-form .flex-row .col-12 p{text-align: left;}
body .contact-form-row  .Contact-page-form .contact-page-input {width: -webkit-fill-available; border: 2px solid #e1e1e1; padding: 0.7em 1em; border-radius: 6px; resize: none; outline: none;}
body .contact-form-row .Contact-page-form .contact-page-input::placeholder{font-size:0.9em;font-family: var(--likh);font-weight:300;letter-spacing: 0.3px;}
body .contact-form-row .Contact-page-form label{font-size: 0.75em;color: var(--likh);font-family: var(--likh);font-weight: 300;letter-spacing: 0.3px;}
body .contact-form-row .Contact-page-form .submit-button-contact{padding: 0 15px;}
body .contact-form-row .Contact-page-form .submit-button-contact .wpcf7-submit { padding: 0.5em 3em;background: #F47025;color: #fff;text-decoration: none;display: block;border-radius: 10px;font-size: 0.75em;border: 2px solid #F47025;transition: 0.3s;width: 100%;cursor: pointer;}
body .contact-form-row .Contact-page-form .submit-button-contact .wpcf7-submit:hover {background: transparent;border: 2px solid #F47025;color: #F47025;}
body .contact-form-row  ul.socials-icons { display: flex; gap: 1.5em; list-style: none; justify-content: center; margin-top: 3em;}
body .contact-form-row  ul.socials-icons li a { height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; background: #F47025; border-radius: 50%; color: #fff; transition: 0.3s; border: 1px solid #F47025;}
body .contact-form-row  ul.socials-icons li a svg{font-size: 1.3em;}
body .contact-form-row  ul.socials-icons li a:hover {background: #fff;color: #F47025;}
body .contact-us-form .contact-us-map {height: 100%;}
body .contact-form-row{padding: 2em 3em 2em 0em;}
body .Contact-page-form .pad-both {padding: 0 15px;}
body .blogs .blog-container .blog-card-image img{height: 400px; width: 100%; object-fit: cover;}
body .blogs .blog-container .blog-card-content .blog-card-title {font-size: 1.5em; margin: 1em 0; color: var(--rang); font-weight: 400;}
body .blogs .blog-container .blog-card-content .blog-card-title  a{color: var(--rang); text-decoration: none;}
header .menu-wrapper .sub-menu {position: absolute;z-index: 9;width: 200px;list-style: none;top: 100%;left: 0%;opacity: 0;visibility: hidden;transform: translate(0px, 100%);transition: 1s;border-bottom: 6px solid #F47025;background: #f4f4f4;}
header .menu-wrapper .menu-item-has-children:hover > .sub-menu {opacity: 1;visibility: visible;z-index: 9;transform: translate(0px, 0%);transition: 0.2s;}
header .menu-wrapper .menu-item-has-children > .sub-menu li{padding: 0.6em 0.6em !important; border-bottom: 1px solid #9b9b9b;}
body .our-services-page .services-div img{width: 20%; display: inline-block; margin-bottom: 1em;}
body .our-services-page .services-div{padding: 2em;box-sizing: border-box;background: #ECECEC;border-radius: 20px;}
body .com-solar .com-solar-img-div{overflow: hidden;}
body .com-solar .com-solar-img-div img{width: 100%;transition: 0.3s;}
body .com-solar .com-solar-img-div img:hover{scale: 1.1;}


/* Zohair*/
body .whatsapp{position: fixed; bottom: 50px; left: auto; right: 40px; z-index: 9; height: 60px; width: 60px; filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.39)); animation: neechejaa 3s ease-in-out infinite;}
body .whatsapp img{width:100%;}

@keyframes neechejaa{
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(20px);
}
}

body .flex-rows{display: flex;}
body #content form.wpcf7-form .form-group{flex: 1; padding: 0 15px; margin-bottom: 25px;}
body #content form.wpcf7-form .form-group input.wpcf7-text{font-family: var(--likh); font-size: 1em; font-weight: 400; color: #2F2F2F; box-sizing: border-box; width: 100%; padding: 8px; border: 1px solid #767676;}
body #content form.wpcf7-form .form-group label{font-family: var(--likh); font-size: 1em; font-weight: 400; color: #2F2F2F; display: block; margin-bottom: 4px; }
body #content form.wpcf7-form .form-group input.wpcf7-date{font-family: var(--likh); font-size: 1em; font-weight: 400; color: #2F2F2F; text-transform: uppercase; box-sizing: border-box; width: 100%; padding: 8px;}
body #content form.wpcf7-form .form-group select.wpcf7-select{font-family: var(--likh); font-size: 1em; font-weight: 400; color: #2F2F2F; width: 100%; padding: 8px; border: 1px solid #767676; cursor: pointer;}
body #content form.wpcf7-form .form-group input.wpcf7-number{font-family: var(--likh); font-size: 1em; font-weight: 400; color: #2F2F2F; box-sizing: border-box; width: 100%; padding: 8px; border: 1px solid #767676; appearance: none; -webkit-appearance: none;}
body #content form.wpcf7-form .form-group input.wpcf7-file{font-family: var(--likh); font-size: 1em; font-weight: 400; color: #2F2F2F; box-sizing: border-box; width: 100%; padding: 8px; border: 1px solid #767676; background: #EDEDED;}
body #content form.wpcf7-form .form-group .wpcf7-radio .wpcf7-list-item label{display: flex ;align-items: center;}
body #content form.wpcf7-form .form-group .wpcf7-radio .wpcf7-list-item label input[type="radio"]{width: 20px; height: 20px; accent-color: #F47025; margin: 0 5px 0 0; cursor: pointer;}
body #content form.wpcf7-form .form-group.submit-btn input.wpcf7-submit{font-family: var(--likh); font-size: 1em; font-weight: 400; color: #FFF; padding: 9px 34px; border: none; border-radius: 5px; background: #F47025; cursor: pointer;}

.footer-desc h3 {
    font-size: 1.15em;
    font-weight: 400;
    font-family: var(--likh);
    letter-spacing: 0.4px;
    margin-bottom: 1.5em;
}
.footer-desc-1 h3 {
        font-size: 1.15em;
    font-weight: 400;
    font-family: var(--likh);
    letter-spacing: 0.4px;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    background: #F47025;
    display: inline-block;
    padding: 0.6em 1em;
    border-radius: 100px;
}

/* body .works-des ul{list-style:none} */
body .works-des ul li:before{color:#fff !important}
/* body .works-des ul {opacity:0;visibility:hidden;transition:0.3s;transform: translateX(-50px);}
body .works-des:hover ul {opacity:1;visibility:visible;transform: translateX(0px);} */

body .product-mannual a {
    text-decoration: none;
    padding: 0.75em 1.5em;
    background-color: #F47025;
    border-radius: 20px;
    color: #fff;
    font-size: 1.15em;
} 

/*our products new sections css*/
body #content .solar-heater-sec .solar-heater-row.flex-row{row-gap: 2em;}
body #content .solar-heater-sec .solar-heater-row .solar-heater-box{border: 2px solid #e1e1e1;padding: 0.7em 1em;}
body #content .solar-heater-sec .solar-heater-row .solar-heater-box img{width: 50px;height: 50px;margin-bottom: 0.5em;}
body #content .solar-heater-sec .solar-heater-row .solar-heater-box h2{margin-bottom: 0.5em;color: var(--rang);font-family: var(--likh);font-weight: 600;letter-spacing: 0.4px;line-height: 1.4;}
body #content .vacume-tube-sec .vacume-tube-row .vacume-tube-box{margin-bottom: 2em;}
body #content .vacume-tube-sec .vacume-tube-row .vacume-tube-box .vacume-tube-box-in{border: 2px solid #e1e1e1;height: 100%;}
body #content .vacume-tube-sec .vacume-tube-row .vacume-tube-box .vacume-tube-box-in img{width: 100%;aspect-ratio: 3/3;object-fit: cover;}
body #content .vacume-tube-sec .vacume-tube-row .vacume-tube-box .vacume-tube-box-in .vacume-tube-txt{padding: 1em;}
body #content .vacume-tube-sec .vacume-tube-row .vacume-tube-box .vacume-tube-box-in .vacume-tube-txt h2{font-size:1.8em;color: var(--rang);font-family: var(--likh);font-weight: 600;letter-spacing: 0.4px;line-height: 1.4;}
body #content .faqs .img-col img{width: 100%;height: 100%;object-fit: cover;}
body #content .product-mannual {
    margin-top: 2.5em;
}
.product-price strong {
    color: white;
    background-color: #F47025;
    padding: 0.75em;
    margin-bottom: 2em !important;
    border-radius: 10px;
}
.solar-applications {
    text-align: center;
}
.container.application-container .flex-row {
    margin-bottom: 4em !important;
}