h1 {}

 h2 {
     font-size: 44px;
     font-style: normal;
     font-weight: 600;
     letter-spacing: -0.03em;
 }

 h3 {
     font-size: 38px;
     font-style: normal;
     font-weight: 400;
 }

 h5 {
     font-size: 24px;
     font-weight: 400;
 }

 h6 {
     font-size: 18px;
 }

 p {
     font-size: 17px;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     letter-spacing: 0.01em;
     margin-bottom: 0;
 }

 .align_start {
     align-items: start !important
 }

 .pl-80 {
     padding-left: 80px;
 }

 .pt-80 {
     padding-top: 80px;
 }

 .pt-100 {
     padding-top: 100px;
 }

 .pt-120 {
     padding-top: 120px;
 }



 .home_atal_intro_two_image_area {
     display: block;
     position: relative;
     height: 700px;
 }

 .intro-image-height {
     width: 100%;
     height: 420px;
     /* SAME HEIGHT AS YOUR BACK IMAGE */
     pointer-events: none;
     opacity: 0;
 }

 .img-box {
     cursor: pointer;
     transform-style: preserve-3d;
     perspective: 800px;
     position: absolute;
     border-radius: 20px;
     overflow: hidden;
     padding: 12px;
     background: white;
     opacity: 1;
     will-change: transform, opacity;
 }

 .img-box img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 8px;
 }

 /* Back photo */
 .img-back {
     top: 40px;
     left: 0;
     transform: rotate(0deg);
     z-index: 1;
 }

 /* Front tilted photo */
 .img-front {
     top: 0;
     left: 120px;
     transform: rotate(10deg);
     z-index: 2;
 }



 .header_padding {
     padding: 150px 0;
 }

 .home_atal_intro_content_area {
     display: block;
     position: relative;
 }

 .home_atal_intro_content_area h2 {
     margin-bottom: 60px;
     color: #212121;
     line-height: 100%;
     text-align: left;
     line-height: 1;
 }

 .home_atal_intro_content_area h2 .line span {
     vertical-align: top;
 }















 .home_atal_intro_content_area h2 .line {
     padding-bottom: 4px;
 }

 .atal_usp_content_details h2 .line {
     padding-bottom: 4px;
 }

 .director_message_content_area h2 .line {
     padding-bottom: 4px;
 }

 .about_atal_bigger_header_detail h2 .line {
     padding-bottom: 4px;
 }

 .why_atal_first_section_header_area h2 .line {
     padding-bottom: 4px;
 }

 .why_atal_content_area_card h2 .line {
     padding-bottom: 4px;
 }

 .product_engineering_header_area h2 .line {
     padding-bottom: 4px;
 }

 .product_warranty_header_area h2 .line {
     padding-bottom: 4px;
 }

 .top_bar_header_left_head_content h2 .line {
     padding-bottom: 4px;
 }






 .atal_strength_header_area h2 .line {
     padding-bottom: 4px;
 }

 .atal_info_h2_span {
     color: #70B63C;
 }

 .home_atal_intro_content_area h5 {
     margin-bottom: 0;
     line-height: 130%;
     margin-bottom: 60px;
     color: #4d4d4d;
 }








 .atal-btn {
     position: relative;
     display: inline-flex;
     align-items: center;
     gap: 70px;
     padding-bottom: 14px;
     font-size: 18px;
     color: #000;
     text-decoration: none;
     cursor: pointer;
 }

 .atal-product-btn {
     position: relative;
     display: inline-flex;
     align-items: center;
     gap: 70px;
     padding-bottom: 14px;
     font-size: 18px;
     color: #000;
     text-decoration: none;
     cursor: pointer;
     align-items: center;
     line-height: 1;
 }

 .atal-blog-btn {
     position: relative;
     display: inline-flex;
     align-items: center;
     gap: 70px;
     padding-bottom: 14px;
     font-size: 18px;
     color: #000;
     text-decoration: none;
     cursor: pointer;
 }

 .atal-product-index-btn {
     position: relative;
     display: inline-flex;
     align-items: center;
     gap: 70px;
     padding-bottom: 14px;
     font-size: 18px;
     color: #000;
     text-decoration: none;
     cursor: pointer;
 }

 .atal-text {
     color: #212121;
     font-size: 18px;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
 }

 .atal-product-btn .atal-text {
     color: #ffffff;
 }

 .atal-product-index-btn .atal-text {
     color: #ffffff;
 }

 .atal-underline {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 6px;
 }

 .atal-grey {
     position: absolute;
     top: 50%;
     width: 100%;
     height: 1px;
     transform: translateY(-50%);
     background: #cfcfcf;
 }

 .atal-product-btn .atal-grey {
     background: #CCD1CC;
 }


 .atal-green {
     position: absolute;
     top: 1px;
     right: 0;
     height: 3px;
     width: 100%;
     background: #70B63C;
     clip-path: inset(0 0 0 80%);
 }

 .atal-btn:hover .atal-green {
     animation: atalGreenAnim 0.6s ease forwards;
 }

 .atal-product-btn:hover .atal-green {
     animation: atalGreenAnim 0.6s ease forwards;
 }

 .atal-blog-btn:hover .atal-green {
     animation: atalGreenAnim 0.6s ease forwards;
 }

 .atal-product-index-btn:hover .atal-green {
     animation: atalGreenAnim 0.6s ease forwards;
 }

 @keyframes atalGreenAnim {

     0% {
         clip-path: inset(0 0 0 80%);
     }

     40% {
         clip-path: inset(0 0 0 0%);
     }

     41% {
         clip-path: inset(0 100% 0 0);
     }

     100% {
         clip-path: inset(0 0 0 80%);
     }
 }






 .atal_story_image_area {
     display: block;
     position: relative;
     overflow: hidden;
 }


 .atal_story_content {
     position: absolute;
     top: 180px;
 }

 .atal_story_content h2 {
     color: #212121;
     font-weight: 600;
     line-height: 120%;
     margin-bottom: 0;
 }


 .atal_story_content_span {
     color: #139621;
 }











 .pr-150 {
     padding-right: 150px;
 }

 .atal_usp_content_details {
     display: block;
     position: relative;
 }

 .atal_usp_content_details h2 {
     color: #212121;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 60px;
 }

 .atal_usp_content_details h5 {
     margin-bottom: 0;
     line-height: 130%;
     color: #4d4d4d;
 }

 .mt-30 {
     margin-top: 30px;
 }

 .product_margin_bottom {
     align-self: end;
     margin-bottom: 80px;
 }










 /* 
 .usp_scroller_wrap {
     overflow: hidden;
     position: relative;
     height: 800px;
 }

 .atal_solar_usp_feature_showcase {
     display: flex;
     flex-direction: column;
     gap: 26px;
 }

 .atal_solar_usp_single_feature {
     display: flex;
     align-items: center;
     background: linear-gradient(90deg, #00A89F 0%, #70B63C 100%);
     width: 380px;
     padding: 14px 40px 14px 14px;
     border-radius: 500px;
     gap: 16px;
     flex-shrink: 0;
 }



 .atal_solar_usp_single_feature:last-child {
     margin-bottom: 0;
 }

 .atal_solar_usp_icon_area {
     display: block;
     position: relative;
 }

 .atal_solar_usp_icon_area img {
     width: 60px;
 }

 .atal_solar_usp_content_area {
     display: block;
     position: relative;
     align-content: center;
 }

 .atal_solar_usp_content_area h6 {
     color: #FFF;
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }

 .usp_scroller_wrap::before,
 .usp_scroller_wrap::after {
     content: "";
     position: absolute;
     left: 0;
     width: 100%;
     height: 80px;
     z-index: 10;
     pointer-events: none;
 }

 .usp_scroller_wrap::before {
     top: 0;
     background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 }

 .usp_scroller_wrap::after {
     bottom: 0;
     background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 }





 .atal_solar_usp_feature_showcase {
     display: flex;
     flex-direction: column;
     align-items: center; 
     gap: 26px;
 }

 .atal_solar_usp_single_feature {
     width: 380px;
     transition: transform .3s ease-out;
 }

 .atal_curve_1 {
     --tx: 70px;
 }

 .atal_curve_2 {
     --tx: 40px;
 }

 .atal_curve_3 {
     --tx: 0px;
 }

 .atal_curve_4 {
     --tx: -50px;
 }

 .atal_curve_5 {
     --tx: -90px;
 }

 .atal_curve_6 {
     --tx: -50px;
 }

 .atal_curve_7 {
     --tx: 0px;
 }

 .atal_curve_8 {
     --tx: 40px;
 }

 .atal_curve_9 {
     --tx: 70px;
 }

 .atal_solar_usp_single_feature {
     transform: translateX(var(--tx));
     transition: transform 0.35s cubic-bezier(.25, .46, .45, .94);
 } */



 /* Smooth curved path (very small shifts) */
 /* .atal_solar_usp_single_feature:nth-child(1) { transform: translateX(70px); }
.atal_solar_usp_single_feature:nth-child(2) { transform: translateX(40px); }
.atal_solar_usp_single_feature:nth-child(3) { transform: translateX(0); }
.atal_solar_usp_single_feature:nth-child(4) { transform: translateX(-50px); }
.atal_solar_usp_single_feature:nth-child(5) { transform: translateX(-90px); }
.atal_solar_usp_single_feature:nth-child(6) { transform: translateX(-50px); }
.atal_solar_usp_single_feature:nth-child(7) { transform: translateX(0); }
.atal_solar_usp_single_feature:nth-child(8) { transform: translateX(40px); }
.atal_solar_usp_single_feature:nth-child(9) { transform: translateX(70px); } */


















 .usp_scroller_wrap {
     overflow: hidden;
     position: relative;
     height: 800px;
 }

 .atal_solar_usp_feature_showcase {
     display: flex;
     flex-direction: column;
     gap: 26px;
 }

 .atal_solar_usp_single_feature {
     display: flex;
     align-items: center;
     background: linear-gradient(90deg, #00A89F 0%, #70B63C 100%);
     width: 380px;
     padding: 14px 40px 14px 14px;
     border-radius: 500px;
     gap: 16px;
     flex-shrink: 0;
 }



 .atal_solar_usp_single_feature:last-child {
     margin-bottom: 0;
 }

 .atal_solar_usp_icon_area {
     display: block;
     position: relative;
 }

 .atal_solar_usp_icon_area img {
     width: 60px;
 }

 .atal_solar_usp_content_area {
     display: block;
     position: relative;
     align-content: center;
 }

 .atal_solar_usp_content_area h6 {
     color: #FFF;
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }

 .usp_scroller_wrap::before,
 .usp_scroller_wrap::after {
     content: "";
     position: absolute;
     left: 0;
     width: 100%;
     height: 80px;
     z-index: 10;
     pointer-events: none;
 }

 .usp_scroller_wrap::before {
     top: 0;
     background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 }

 .usp_scroller_wrap::after {
     bottom: 0;
     background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 }





 .atal_solar_usp_feature_showcase {
     display: flex;
     flex-direction: column;
     align-items: center;
     /* Center all cards */
     gap: 26px;
 }

 .atal_solar_usp_single_feature {
     width: 380px;
     transition: transform .3s ease-out;
 }






















 .dark_bg {
     background-color: #011900;
 }

 .atal_home_product_showcase_title {
     display: block;
     position: relative;
 }

 .atal_home_product_showcase_title h1 {
     color: #FFF;
     text-align: center;
     font-size: 80px;
     font-style: normal;
     font-weight: 500;
     line-height: 100%;
     letter-spacing: -0.03em;
 }

 .atal_product_title_span {
     background: linear-gradient(90deg, #00A89F 0%, #70B63C 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .pt-150 {
     padding-top: 150px;
 }

 .atal_solar_image_area {
     display: block;
     position: relative;
     padding: 0 20px;
 }

 .atal_solar_image_area img {
     max-width: 100%;
 }

 .atal_home_product_panel_details {
     display: block;
     position: relative;
     /* text-align-last: center; */
     padding: 0 10px;
 }

 .product_btn_center {
     display: flex;
     justify-content: space-around;
 }

 .atal_home_product_panel_details h3 {
     color: #FFF;
     text-align: center;
     font-style: normal;
     font-weight: 600;
     line-height: 100%;
     letter-spacing: -0.03em;
     margin-bottom: 25px;
     text-align: center;
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
     padding-bottom: 30px;
 }

 .atal_home_product_details_area {
     display: block;
     position: relative;
     border-radius: 12px;
     background: rgba(0, 0, 0, 0.30);
 }

 .atal_home_product_single_area {
     display: flex;
     position: relative;
     gap: 20px;
     align-self: center;
     padding: 14px 20px;
 }

 .atal_home_product_single_area img {
     width: 36px;
 }

 .atal_home_product_single_area h4 {
     color: #FFF;
     font-style: normal;
     font-weight: 600;
     line-height: 100%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
     align-content: center;
     font-size: 20px;
 }

 .mt-20 {
     margin-top: 20px;
 }

 .atal_home_product_single_area:first-child {
     border-bottom: 2px solid #011900;
 }

 .solar_radius_color_bg_product {
     position: absolute;
     left: 50%;
     transform: translate(-50%, 0);
     text-align: center;
     bottom: 0;
 }


 .over_hidden {
     overflow: hidden;
 }

 .award_header_content_area {
     display: block;
     position: relative;
 }

 .award_header_content_area h2 {
     color: #212121;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 40px;
 }

 .award_header_content_area p {
     color: #4D4D4D;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
 }

 .why_us_link {
     display: flex;
 }





 .awards-carousel .award-card {
     position: relative;
     /* IMPORTANT FIX */
     border-radius: 20px;
     overflow: hidden;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #fff;
 }


 .awards-carousel .award-card img {
     width: 100%;
     height: auto;
     /* IMPORTANT */
     object-fit: contain;
     /* Fits inside without cropping */
     display: block;
     border-radius: 20px;
 }

 .owl-stage {
     display: flex !important;
     align-items: center !important;
     /* The MAGIC */
 }

 /* Desktop spacing */
 @media (min-width: 1200px) {
     .awards-carousel .award-card {
         margin-right: 10px;
     }
 }

 /* Tablet */
 @media (max-width: 1199px) and (min-width: 768px) {
     .awards-carousel .award-card {
         margin-right: 18px;
     }
 }

 /* Mobile */
 @media (max-width: 767px) {
     .awards-carousel .award-card {
         margin-right: 0;
     }
 }

 .award_title_content {
     position: absolute;
     top: 20px;
     left: 20px;
     right: 20px;
     border-radius: 500px;
     background: rgba(0, 0, 0, 0.40);
     padding: 10px 20px;
 }

 .award_title_content p {
     color: #fff;
     font-weight: 500;
     line-height: 120%;
     letter-spacing: -0.03em;
 }








 .top_bar_header_style_area {
     display: flex;
     position: relative;
     justify-content: space-between;
     border-top: 1px solid #ccc;
     padding-top: 30px;

 }

 .top_bar_header_left_head_content,
 .top_bar_button_right_header_content {
     display: block;
     position: relative;
 }

 .top_bar_header_left_head_content h2 {
     color: #212121;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
 }

 .top_bar_button_right_header_content a {
     color: #212121;
     font-size: 18px;
     font-style: normal;
     font-weight: 500;
     line-height: 120%;
     letter-spacing: -0.03em;
     display: flex;
     gap: 20px;
 }

 .top_bar_button_right_header_content p {
     color: #212121;
     font-style: normal;
     font-weight: 500;
     line-height: 120%;
     letter-spacing: -0.03em;
 }

 .top_bar_button_right_header_content a {
     position: relative;
 }

 /* Default small green bar */
 .top_bar_button_right_header_content a::before {
     content: "";
     position: absolute;
     top: -32px;
     right: 0;
     width: 100%;
     height: 3px;
     background: #70B63C;
     border-radius: 10px;
     transition: width .35s ease, background .3s ease;
 }

 .top_bar_button_right_header_content a {
     color: #212121;
     font-size: 18px;
     font-weight: 500;
     display: flex;
     align-items: center;
     gap: 10px;
     transition: color .3s ease;
 }

 .top_bar_button_right_header_content a svg {
     transition: transform .35s ease, opacity .3s ease;
 }

 .top_bar_button_right_header_content:hover::before {
     width: 110px;
 }

 .top_bar_button_right_header_content:hover a {
     color: #70B63C;
 }

 .top_bar_button_right_header_content:hover a svg {
     transform: translateX(6px);
     opacity: 0.9;
 }





 .index_upload_blog_area {
     display: flex;
     position: relative;
     background-color: #F5F5F5;
     border-radius: 12px;
 }

 .index_upload_blog_content_area {
     display: flex;
     position: relative;
     padding: 40px 20px 40px 40px;
     flex-direction: column;
     justify-content: space-between;
     flex: 1 1 50%;
 }

 .blog_content_area_time {
     display: flex;
     position: relative;
     background-color: #FFFFFF;
     padding: 7px 18px;
     gap: 14px;
     width: max-content;
     border-radius: 50px;
 }

 .blog_content_area_time img {
     width: 20px;
 }

 .blog_content_area_time h6 {
     color: #212121;
     font-style: normal;
     font-weight: 500;
     line-height: 120%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }

 .blog_content_area_title h5 {
     color: #212121;
     font-style: normal;
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }

 .index_upload_blog_thumbnail_area {
     display: block;
     position: relative;
     padding: 20px;
 }

 .index_upload_blog_thumbnail_area img {
     border-radius: 8px;
     width: 100%;
 }







 footer {
     background-color: #011900;
     padding: 80px 0 0 0;
 }


 .footer_form {
     position: relative;
     width: 100%;
     margin-top: 100px;
 }

 .footer_form input {
     border: none;
     border-bottom: 1px solid rgba(255, 255, 255, 0.6);
     width: 100%;
     padding-right: 50px;
     box-sizing: border-box;
     padding-left: 0;
     margin: 0;
     color: #FFF;
     font-size: 18px;
     font-style: normal;
     font-weight: 500;
     line-height: 120%;
     letter-spacing: -0.03em;
     padding-bottom: 10px;

 }

 .submit_btn {
     position: absolute;
     right: 0;
     top: 45%;
     transform: translateY(-50%);
     background: none;
     border: none;
     color: #333;
     cursor: pointer;
     padding: 0;
     margin: 0;
     font-size: 17px;
 }

 .submit_btn i {
     pointer-events: none;
 }

 .footer_signup_area {
     display: block;
     position: relative;
 }

 .footer_signup_area h2 {
     color: #FFF;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }

 .footer_form ::placeholder {
     color: #ffffff90;
     font-size: 17px;
     font-style: normal;
     font-weight: 500;
     line-height: 120%;
     letter-spacing: -0.03em;
     opacity: 1;
 }

 .footer_form ::-ms-input-placeholder {
     color: #ffffff90;
     font-size: 17px;
     font-style: normal;
     font-weight: 500;
     line-height: 120%;
     letter-spacing: -0.03em;
 }

 .footer_logo_area {
     display: block;
     position: relative;
 }

 .footer_logo_area img {
     width: 220px;
 }

 .footer_quick_links_area,
 .footer_address_links_area,
 .footer_essentials_links_area,
 .footer_call_links_area,
 .footer_mail_links_area {
     display: block;
     position: relative;
 }

 .footer_quick_links_area h6,
 .footer_address_links_area h6,
 .footer_essentials_links_area h6,
 .footer_call_links_area h6,
 .footer_mail_links_area h6 {
     color: #70B63C;
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     letter-spacing: -0.03em;
     text-transform: uppercase;
     display: inline-block;
     position: relative;
     padding-bottom: 10px;
     margin-bottom: 30px;
 }

 .footer_quick_links_area h6::after,
 .footer_address_links_area h6:after,
 .footer_essentials_links_area h6:after,
 .footer_call_links_area h6:after,
 .footer_mail_links_area h6:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100px;
     height: 1px;
     background: #70B63C;
     border-radius: 0;
 }

 .footer_quick_links_area ul,
 .footer_essentials_links_area ul {
     padding-left: 0;
 }

 .footer_quick_links_area ul li,
 .footer_essentials_links_area ul li {
     margin-bottom: 12px;
 }

 .footer_quick_links_area ul li:last-child,
 .footer_essentials_links_area ul li:last-child {
     margin-bottom: 0;
 }

 .footer_quick_links_area ul li a,
 .footer_essentials_links_area ul li a {
     color: #FFF;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     letter-spacing: -0.03em;
     /* margin-bottom: 22px; */
 }

 .footer_address_links_area p,
 .footer_call_links_area p,
 .footer_mail_links_area p {
     color: #FFF;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     letter-spacing: -0.03em;
     margin-bottom: 40px;
 }

 .footer_ml_50 {
     margin-left: 50px;
 }

 .footer_ml_20 {
     margin-left: 20px;
 }

 .footer_ml_40 {
     margin-left: 40px;
 }

 .footer_ml_70 {
     margin-left: 70px;
 }

 .atal-footer-btn {
     position: relative;
     display: inline-flex;
     align-items: center;
     gap: 70px;
     padding-bottom: 14px;
     font-size: 18px;
     color: #000;
     text-decoration: none;
     cursor: pointer;
 }


 .atal-footer-btn .atal-text {
     color: #ffffff;
 }

 .atal-footer-btn:hover .atal-green {
     animation: atalGreenAnim 0.6s ease forwards;
 }







 .atal-product-page-download-btn {
     position: relative;
     display: inline-flex;
     align-items: center;
     gap: 50px;
     padding-bottom: 14px;
     font-size: 18px;
     color: #000;
     text-decoration: none;
     cursor: pointer;
 }


 .atal-product-page-download-btn .atal-text {
     color: #ffffff;
 }

 .atal-product-page-download-btn:hover .atal-green {
     animation: atalGreenAnim 0.6s ease forwards;
 }

 .atal-product-page-download-btn .atal-icon img {
     min-height: 20px !important
 }



 .footer_bottom_area {
     display: flex;
     position: relative;
     justify-content: space-between;
     /* justify-content: space-between;
     flex-direction: column; 
     align-items: end; */
 }

 .footer_social_links {
     display: block;
     position: relative;
 }

 .footer_social_links ul {
     padding-left: 0;
     display: flex;
     position: relative;
     margin-bottom: 0;
     gap: 15px;
 }

 .footer_social_links ul li a img {
     width: 52px;
 }

 .footer_copyright_area p {
     color: #FFF;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     letter-spacing: -0.03em;
     text-align: end;
 }

 .footer_copyright_area a {
     color: #70B63C;
 }

 .footer_copyright_area {
     display: block;
     position: relative;
     align-content: center;
 }

 .last_footer_bg {
     display: block;
     position: relative;
 }

 .last_footer_bg img {
     width: 100%;
 }

 .dark_white_bg {
     background: #F5F5F5;
 }





 .atal_cards_section {
     overflow: hidden;
 }











 /* .atal_container {
      position: relative;
      width: 100%;
      height: 100vh;
      display: flex; 
      perspective: 1600px;
    } */

 /* .atal_card {
      position: absolute;
      width: 550px;
      height: 550px;
      border-radius: 20px;
      background-size: cover;
      background-position: center;
      transform-style: preserve-3d;
      padding: 50px 100px 100px 100px;
      box-shadow: none !important;
    } */



 .atal_cards_section {
     position: relative;
     min-height: 300vh;
 }

 .atal_pin_wrap {
     position: sticky;
     top: 0;
     height: 100vh;
     width: 100%;
     perspective: 1600px;
     overflow: visible;
 }

 .atal_card {
     position: absolute;
     width: 550px;
     height: 550px;
     top: 50%;
     left: 50%;
     transform-style: preserve-3d;
     padding: 50px 100px 100px 100px;
     border-radius: 20px;
     background-position: center;
     background-size: cover;
     box-shadow: none;
 }


 .atal_first_card {
     background-color: #212121;
 }

 .atal_second_card {
     background-color: #B2F6E3;
 }

 .atal_third_card {
     background-color: #EAFDF7;
 }

 .atal_fourth_card {
     background-color: #fff;
 }

 .atal_card_inside_image {
     display: block;
     position: relative;
     text-align: center;
 }

 .atal_card img {
     width: 180px;
     border-radius: 20px;
 }

 .atal_card h1 {
     margin: 30px 0;
     color: #FFF;
     text-align: center;
     font-size: 54px;
     font-weight: 600;
     line-height: 100%;
     letter-spacing: -0.03em;
 }

 .atal_card p {
     color: #FFF;
     font-size: 16px;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
     text-align: center;
 }

 .atal_card.atal_dark_text h1,
 .atal_card.atal_dark_text p {
     color: #212121;
 }

 .secondary_bg_area {
     background-color: #F4F4F4;
 }


 .about_atal_bigger_header_detail h2 {
     color: #212121;
     line-height: 100%;
     margin-bottom: 0;
     position: relative;
 }

 .corner_absolute_logo {
     position: absolute;
     top: 0;
     right: 0;
 }

 .pb-80 {
     padding-bottom: 80px;
 }

 .about_border_bottom {
     border-bottom: 1px solid #CCCCCC;
 }

 .our_story_image_area {
     display: block;
     position: relative;
 }

 .our_story_image_area img {
     width: 100%;
 }

 .our_story_image_area {
     display: block;
     position: relative;
     background-color: #fff;
     padding: 8px;
 }

 .our_story_content_area {
     display: block;
     position: relative;
 }

 .our_story_content_area h6 {
     background: linear-gradient(90deg, #00A89F 0%, #70B63C 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     display: inline-block;
     margin-bottom: 40px;
 }

 .our_story_content_area p {
     color: #000;
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.01em;
 }

 .atal_meaning_logo_image {
     display: block;
     position: relative;
     margin-left: -540px;
 }

 .atal_meaning_logo_image img {
     width: 100%;
 }

 .single_atal_logo_word_area {
     display: block;
     position: relative;
     padding: 35px 0;
     border-bottom: 1px solid #ccc;
 }

 .pl-240 {
     padding-left: 240px;
 }

 .atal_logo_detail_content_area {
     display: block;
     position: relative;

 }

 .single_atal_logo_word_area img {
     height: 70px;
     width: auto;
     margin-bottom: 25px;
 }

 .single_atal_logo_word_area p {
     color: #4D4D4D;
     font-style: normal;
     font-weight: 500;
     line-height: 130%;
     letter-spacing: -0.03em;
 }



 .vision_mission_card_area {
     background-color: #fff;
     display: block;
     position: relative;
     box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.07);
     border-radius: 20px;
     overflow: hidden;
 }

 .vision_mission_content_area {
     display: block;
     position: relative;
     padding: 40px;
 }

 .vision_mission_content_area h4 {
     font-size: 26px;
     font-style: normal;
     font-weight: 700;
     line-height: 120%;
     letter-spacing: -0.03em;
     background: linear-gradient(90deg, #00A89F 0%, #70B63C 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-bottom: 30px;
 }

 .vision_mission_content_area p {
     color: #4D4D4D;
     font-style: normal;
     font-weight: 500;
     line-height: 130%;
     letter-spacing: -0.03em;
 }

 .vision_mission_image_area {
     display: block;
     position: relative;
 }

 .vision_mission_image_area img {
     width: 100%;
 }

 .vision_area {
     overflow: hidden;
 }



 .vision_area .vision_card:first-child {
     bottom: -136px;
     right: -60px;
     position: relative;
     z-index: 1;
     transition: 0.6s bottom ease;
 }

 .vision_area .vision_card:first-child:hover {
     bottom: -20px;
 }

 .vision_area .vision_card:last-child {
     bottom: -136px;
     left: -60px;
     position: relative;
     z-index: 1;
     transition: 0.6s bottom ease;
 }

 .vision_area .vision_card:last-child:hover {
     bottom: -20px;
 }

 .vision_area .vision_card:nth-child(2) {
     position: relative;
     bottom: -20px;
     transition: bottom 0.6s ease;
 }

 .vision_area .vision_card:nth-child(2):hover {
     bottom: 0;
     z-index: 10;
 }


 .line-director {
     display: block;
     width: 100%;
     overflow: hidden;
 }

 .line-director span {
     display: inline-block;
 }













 .our_journey_area {
     padding-top: 150px;
     padding-bottom: 150px;
     position: relative;
     z-index: 20;
     background: #011900;
     cursor: url('../upload/about/journey/cursor.png') 16 16, auto;
     overflow: hidden;
 }

 .timeline {
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     padding: 35px 0 0;
     position: relative;
     overflow: visible;
 }


 .timeline-item {
     position: relative;
     text-align: center;
     padding-bottom: 30px;
     cursor: pointer;
     flex: 1;
 }

 .timeline-item::before {
     content: "";
     position: absolute;
     top: 48px;
     left: 50%;
     width: 100%;
     height: 0;
     border-top: 2px dashed rgba(255, 255, 255, 0.3);
     z-index: 1;
 }


 .timeline-item:last-child::before {
     display: none;
 }

 .timeline-item::after {
     content: "";
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     top: 43px;
     width: 10px;
     height: 10px;
     background: #fff;
     border-radius: 50%;
     z-index: 2;
     transition: all 0.3s ease;
 }

 .timeline-item.completed::before {
     border-top: 1px solid #00f3a5;
 }

 .timeline-item.completed::after {
     background: #00f3a5;
 }

 .timeline-item.active h5 {
     color: #00f3a5;
 }

 .timeline-item.active::after {
     width: 16px;
     height: 16px;
     top: 39px;
     background: #000;
     border: 4px solid #00f3a5;
     box-shadow: 0 0 10px rgba(0, 243, 165, 0.5);
 }

 .timeline-item.active::before {
     border-top: 2px dashed rgba(255, 255, 255, 0.3);
 }

 .timeline-item h5 {
     margin: 0 0 14px;
     font-size: 14px;
     font-weight: 400;
     color: rgba(212, 200, 196, 0.85);
 }


 .journey_padding {
     padding: 80px 0 120px 0;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .tabbed-content img {
     pointer-events: none;
     -webkit-user-drag: none;
     user-drag: none;
 }


 .tabbed-content {
     display: grid;
     width: 100%;
     position: relative;
     overflow: hidden;
     touch-action: pan-y;
     /* allow vertical scroll, block only horizontal */
 }

 .tabbed-content .tab {
     grid-area: 1 / 1;
     width: 100%;
     padding: 20px 50px 0 50px;
     margin-bottom: 0;
     opacity: 0;
     visibility: hidden;
     position: relative;
 }

 .tabbed-content .tab.active {
     opacity: 1;
     visibility: visible;
     z-index: 1;
 }

 .timeline-company-logo {
     position: relative;
     display: block;
     text-align: right;
     margin-left: 80px;
 }

 .timeline-company-logo img {
     width: 100%;
 }






























 .timeline-details h2 {
     color: #987971;
     font-size: 36px;
     font-style: normal;
     font-weight: 500;
     line-height: 125%;
 }

 .timeline-details h5 {
     color: #808080;
     font-size: 21px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
 }

 .timeline-details p {
     color: #808080;
     font-size: 17px;
     font-style: normal;
     font-weight: 300;
     line-height: normal;
     margin: 0;
 }


 .journey_content_header_area .top_bar_header_left_head_content h2 {
     color: #fff;
 }

 .journey_content_header_area .top_bar_button_right_header_content p {
     color: #fff;
 }

 .journey_padding {
     padding: 80px 0 120px 0;
 }

 .timeline-details h4 {
     color: rgba(255, 255, 255, 0.80);
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
 }

 .timeline-details h1 {
     color: #FFF;
     font-size: 100px;
     font-style: normal;
     font-weight: 600;
     line-height: 130%;
     letter-spacing: -0.03em;
 }

 .timeline-details h5 {
     color: rgba(255, 255, 255, 0.70);
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
 }


 @media (max-width: 991px) {
     .timeline {
         overflow-x: auto;
         justify-content: flex-start;
         padding-bottom: 20px;
         /* Space for scrollbar if visible */
         scroll-behavior: smooth;
         -webkit-overflow-scrolling: touch;
         padding-left: 0;
         padding-right: 0;
     }

     /* Hide scrollbar for Chrome, Safari and Opera */
     .timeline::-webkit-scrollbar {
         display: none;
     }

     /* Hide scrollbar for IE, Edge and Firefox */
     .timeline {
         -ms-overflow-style: none;
         /* IE and Edge */
         scrollbar-width: none;
         /* Firefox */
     }

     .timeline-item {
         flex: 0 0 auto;
         min-width: 100px;
     }

     .timeline-item:last-child {
         margin-right: 0;
     }
 }
































 .director_message_area {
     display: flex;
     position: relative;
     background-color: #F4F4F4;
     border-radius: 20px;
 }

 .director_image_area {
     display: block;
     position: relative;
     padding: 60px 30px;
     padding-bottom: 0;
 }

 .director_image_area img {
     width: 100%;
 }

 .director_message_content_area {
     display: block;
     position: relative;
 }

 .director_message_content_area h6 {
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
     background: linear-gradient(90deg, #00A89F 0%, #70B63C 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-bottom: 40px;
 }

 .director_message_content_area h2 {
     color: #212121;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 100px;
 }

 .director_message_content_area p {
     color: #4D4D4D;
     font-style: normal;
     font-weight: 600;
     line-height: 130%;
 }

 .director_logo_absolute {
     position: absolute;
     right: 0;
     top: 0;
 }

 .director_full_length_msg_area1 {
     display: block;
     position: relative;
 }

 .director_full_length_msg_area1 p {
     color: #4D4D4D;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
 }

 .director_full_length_msg_area2 p {
     color: #4D4D4D;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
 }

 .director_full_length_msg_area1 b,
 .director_full_length_msg_area2 b {
     color: #000;
     font-weight: 600;
 }



 .strength_bg_area {
     background-image: url(../upload//about/strength_bg.webp);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }


 .atal_strength_header_area {
     display: block;
     position: relative;
 }

 .atal_strength_header_area h2 {
     color: #FFF;
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     letter-spacing: -0.03em;
     margin-bottom: 40px;
 }

 .atal_strength_header_area p {
     color: #FFF;
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
 }


 .atal_strength_feature_area {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 10px;
     width: 100%;
 }

 .atal_strength_single_feature {
     background: rgba(0, 0, 0, 0.15);
     backdrop-filter: blur(25.80666732788086px);
     backdrop-filter: blur(10px);
 }

 .atal_strength_feature_toparea h1 {
     font-size: 48px;
     margin: 0;
     font-weight: 600;
 }

 .atal_strength_feature_description {
     display: block;
     position: relative;
     padding: 60px 40px;
 }

 .atal_strength_feature_description p {
     color: #FFF;
     font-style: normal;
     font-weight: 500;
     line-height: 130%;
     letter-spacing: -0.03em;
 }

 .atal_strength_feature_toparea {
     display: flex;
     position: relative;
     padding: 40px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
     justify-content: space-between;
 }

 .count-num {
     color: #FFF;
     font-size: 60px;
     font-style: normal;
     font-weight: 600;
     line-height: 130%;
     letter-spacing: -0.03em;
 }

 @media(max-width: 768px) {
     .atal_strength_feature_area {
         grid-template-columns: 1fr;
     }
 }















 .atal_strength_single_feature .dot-wrap {
     position: relative;
 }

 /* common dot style */
 .atal_strength_single_feature .dot-wrap::before,
 .atal_strength_single_feature .dot-wrap::after,
 .atal_strength_single_feature::before,
 .atal_strength_single_feature::after {
     content: "";
     position: absolute;
     width: 4px;
     height: 4px;
     background: #fff;
     border-radius: 50%;
 }

 /* TOP-LEFT */
 .atal_strength_single_feature .dot-wrap::before {
     top: 10px;
     left: 10px;
 }

 /* TOP-RIGHT */
 .atal_strength_single_feature .dot-wrap::after {
     top: 10px;
     right: 10px;
 }

 /* BOTTOM-LEFT */
 .atal_strength_single_feature::before {
     bottom: 10px;
     left: 10px;
 }

 /* BOTTOM-RIGHT */
 .atal_strength_single_feature::after {
     bottom: 10px;
     right: 10px;
 }

 .only_small_display {
     display: none;
 }

 .why_atal_first_section_header_area {
     display: block;
     position: relative;
 }

 .why_atal_first_section_header_area h5 {

     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     letter-spacing: -0.03em;
     text-align: center;
     margin-bottom: 0;
 }

 .why_h5_title {
     color: #3BB06C !important;
     font-weight: 600 !important;
     margin-bottom: 40px !important
 }

 .why_atal_first_section_header_area h2 {
     color: #212121;
     font-style: normal;
     font-weight: 600;
     line-height: 100%;
     letter-spacing: -0.03em;
     text-align: center;
     margin-bottom: 40px;
 }

 .why_atal_first_section_single_feature {
     display: block;
     position: relative;
     border-radius: 12px;
     overflow: hidden;
     padding: 45px;
     background: #F4F4F4;
 }

 .why_atal_feature_icon_area {
     display: block;
     position: relative;
     margin-bottom: 35px;
     text-align: center;
 }

 .why_atal_feature_icon_area img {
     width: 84px;
 }

 .why_atal_feature_content_area {
     display: block;
     position: relative;
 }

 .why_atal_feature_content_area h6 {
     color: #4D4D4D;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     letter-spacing: -0.03em;
     text-align: center;
     margin-bottom: 0;
 }

 .why_atal_feature_content_area h6 b {
     color: #000;
     font-weight: 600;
 }

 .why_atal_single_card_area {
     display: flex;
     justify-content: space-between;
     align-items: stretch;
     background: #fff;
     border-radius: 20px;
     overflow: hidden;
 }

 .why_atal_image_card_area {
     flex: 0 0 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .why_atal_image_card_area img {
     width: 100%;
     height: auto;
     object-fit: cover;
 }

 .why_atal_content_area_card {
     flex: 0 0 50%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 0 80px;
     position: relative;
 }

 .why_atal_content_area_card h5 {
     color: #3BB06C;
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     letter-spacing: -0.03em;
     margin-bottom: 30px;
 }

 .why_atal_content_area_card h2 {
     color: #212121;
     font-style: normal;
     font-weight: 600;
     line-height: 100%;
     letter-spacing: -0.03em;
     margin-bottom: 30px;
 }

 .why_atal_content_area_card p {
     color: #4D4D4D;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     letter-spacing: -0.03em;
     margin-bottom: 30px;
     padding-bottom: 30px;
     border-bottom: 1px solid #ddd;
 }

 .why_atal_content_area_card ul {
     list-style: disc;
     padding-left: 20px;
     color: #222;
     margin-bottom: 0;
 }

 .why_atal_content_area_card li {
     font-size: 17px;
     list-style-type: disc;
     color: #4D4D4D;
     font-weight: 400;
     line-height: 140%;
     letter-spacing: -0.03em;
     margin-bottom: 8px;
 }

 .why_atal_content_area_card li:last-child {
     margin-bottom: 0;
 }

 .why_atal_card_corner_logo {
     display: block;
     position: absolute;
     right: 0;
     top: 0;
 }

 .mt-40 {
     margin-top: 40px;
 }

 .faq_bg {
     background-image: url(../upload/technology/faq_bg.webp);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .why_atal_faq_header_area {
     display: block;
     position: relative;
     text-align: center;
 }

 .why_atal_faq_header_area h2 {
     color: #FFF;
     text-align: center;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 24px;
 }

 .why_atal_faq_header_area p {
     color: #FFF;
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
 }


 /* ======= Accordion Box (for Faqs) style ======= */
 .accordion-box {
     position: relative;
     padding: 0;
 }

 .accordion-box .block {
     position: relative;
     border-radius: 12px;
     background: rgba(0, 0, 0, 0.30);
     overflow: hidden;
     margin-bottom: 15px;
 }

 .accordion-box .block.active-block {
     background: rgba(0, 0, 0, 0.30);
 }

 .accordion-box .block:last-child {
     margin-bottom: 0;
 }

 .accordion-box .block .acc-btn {
     position: relative;
     cursor: pointer;
     padding: 20px 40px;
     padding-right: 60px;
     transition: all 500ms ease;
     color: #FFF;
     font-size: 22px;
     font-style: normal;
     font-weight: 600;
     line-height: 130%;
     letter-spacing: -0.03em;
 }

 .accordion-box .block .acc-btn .count {
     color: #aa8453;
     padding-right: 3px;
 }

 .accordion-box .block .acc-btn:before {
     position: absolute;
     right: 35px;
     top: 20px;
     height: 30px;
     font-size: 14px;
     font-weight: normal;
     color: #fff;
     line-height: 30px;
     content: "\e61a";
     font-family: "Themify";
     transition: all 500ms ease;
 }

 .accordion-box .block .acc-btn.active {
     background: rgba(0, 0, 0, 0.30);
     color: #fff;
 }

 .accordion-box .block .acc-btn.active:before {
     color: "Themify";
     content: "\e622";
 }

 .accordion-box .block .acc-content {
     position: relative;
     display: none;
 }

 .accordion-box .block .content {
     position: relative;
     padding: 0px 40px 30px;
     background: rgba(0, 0, 0, 0.30);
 }

 .accordion-box .block .acc-content.current {
     display: block;
 }

 .accordion-box .block .content .text {
     display: block;
     position: relative;
     top: 0px;
     display: block;


     color: #FFF;
     font-size: 17px;
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
 }


 .gradient-wrapper {
     width: 740px;
     background: linear-gradient(90deg, rgba(112, 182, 60, 0.00) 0%, #51832B 50%, rgba(49, 80, 26, 0.00) 100%);
     display: flex;
     flex-direction: column;
 }

 .gradient-line {
     width: 740px;
     height: 2px;
     background: linear-gradient(90deg, rgba(112, 182, 60, 0.20) 0%, #70B63C 50%, rgba(112, 182, 60, 0.20) 100%);
 }

 .gradient-content {
     padding: 12px 0;
     text-align: center;
     color: #FFF;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 130%;
     letter-spacing: -0.03em;
 }


 .atal_specs_bg_image {
     position: absolute;
     top: 0%;
     left: 50%;
     transform: translate(-50%, -0%);
 }

 .dark_bg_product {
     background-color: #0A0A0C;
 }

 .product_specs_header_area {
     display: block;
     position: relative;
 }

 .product_specs_header_area h5 {
     color: #3BB06C;
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     letter-spacing: -0.03em;
     margin-bottom: 30px;
     text-align: center;
 }

 .product_specs_header_area h2 {
     color: #FFF;
     text-align: center;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }

 .product_specs_padding {
     padding: 100px 0;
 }
















 .atal_specs_row.row {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-auto-rows: 200px;
     gap: 20px;
     margin-right: 0;
     margin-left: 0;
 }

 .atal_specs_row.row>* {
     padding-right: 0;
     padding-left: 0;
     margin-top: 0;
     width: 100%;
 }


 .atal_product_specs_card {
     background-color: #1E1D22;
     border-radius: 16px;
     overflow: hidden;
     position: relative;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     display: flex;
     flex-direction: column;
     width: 100%;
     border: 1px solid #78777A;
     height: 100%;
     cursor: pointer;
 }

 .atal_product_specs_card:hover {
     transform: translateY(-5px);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.6);
     border-color: #555;
 }

 .atal_product_specs_content {
     padding: 24px;
     z-index: 2;
     flex-grow: 1;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .card-small .atal_product_specs_content h3 {
     color: #FFF;
     font-size: 32px;
     font-style: normal;
     font-weight: 700;
     line-height: 100%;
     letter-spacing: -0.03em;
     margin-bottom: 18px;
 }

 .card-small .atal_product_specs_content p {
     color: #FFF;
     font-size: 17px;
     font-style: normal;
     font-weight: 500;
     line-height: 120%;
     letter-spacing: -0.03em;
 }

 .anti_reflected_content p {
     margin-bottom: 10px !important
 }

 .anti_reflected_content h3 {
     background: linear-gradient(90deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.80) 25%, #FFF 50%, rgba(255, 255, 255, 0.80) 75%, rgba(255, 255, 255, 0.50) 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-bottom: 0 !important;
     color: transparent !important;
     /* fix */
 }

 .atal_product_specs_content p {
     font-size: 0.9rem;
     color: #a0a0a0;
     margin-bottom: 0;
     line-height: 1.5;
 }


 .card-big .atal_product_specs_content h3 {
     color: #FFF;
     text-align: center;
     font-style: normal;
     font-weight: 700;
     line-height: 100%;
     letter-spacing: -0.03em;
     font-size: 24px;
     margin-bottom: 20px;
 }

 .card-big .atal_product_specs_content p {
     color: #FFF;
     font-size: 17px;
     font-style: normal;
     font-weight: 500;
     line-height: 120%;
     letter-spacing: -0.03em;
 }










 .atal_product_specs_image {
     width: 100%;
     overflow: hidden;
     margin: 0;
     padding: 0;
     flex-grow: 1;
     position: relative;
 }

 .atal_product_specs_image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     position: absolute;
     top: 0;
     left: 0;
 }









 /* ---------------- Grid Placement (Desktop) ---------------- */

 .m10t_620w_atal_product_specs_pid {
     grid-column: 1;
     grid-row: 1;
     background-image: url('../upload/product/m10r-series-570w-to-620w/pid-resistant.png');
     background-size: cover;
     background-position: center;
     justify-content: center;
     align-items: center;
 }

 .m10t_670w_atal_product_specs_pid {
     grid-column: 1;
     grid-row: 1;
     background-image: url('../upload/product/m10r-series-625w-to-670w//pid-resistant.png');
     background-size: cover;
     background-position: center;
     justify-content: center;
     align-items: center;
 }

 .g12r_630w_atal_product_specs_pid {
     grid-column: 1;
     grid-row: 1;
     background-image: url('../upload/product/g12r-series-600w-to-630w/pid-resistant.png');
     background-size: cover;
     background-position: center;
     justify-content: center;
     align-items: center;
 }

 /* 2. High Power Output (Span 2 rows) */
 .atal_product_specs_power {
     grid-column: 1;
     grid-row: 2 / span 2;
 }

 .atal_product_specs_power .atal_product_specs_image {
     height: 65%;
     position: relative;
 }

 .atal_product_specs_power .atal_product_specs_content {
     flex-grow: 0;
     height: 35%;
 }

 /* 3. Coated Glass */
 .atal_product_specs_glass {
     grid-column: 1;
     grid-row: 4;
 }

 .atal_product_specs_glass .atal_product_specs_content {
     text-align: center;
     padding-bottom: 0;
     flex-grow: 0;
 }


 .atal_product_specs_glass .atal_product_specs_image {
     flex-grow: 1;
     position: relative;
 }


 /* Column 2 */
 /* 4. Superior Efficiency (Span 2 rows) */
 .atal_product_specs_efficiency {
     grid-column: 2;
     grid-row: 1 / span 2;
 }

 .atal_product_specs_efficiency .atal_product_specs_image {
     height: 65%;
     background: #1E1D22;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
 }

 .atal_product_specs_efficiency .atal_product_specs_content {
     flex-grow: 0;
     height: 35%;
 }

 /* 5. Better Low Light Response (Span 2 rows) */
 .atal_product_specs_lowlight {
     grid-column: 2;
     grid-row: 3 / span 2;
     background-size: cover;
     background-position: center;
     justify-content: flex-end;
 }


 .atal_product_specs_lowlight .atal_product_specs_content {
     position: relative;
     text-align: left;
     justify-content: flex-end;
 }


 /* Column 3 */
 /* 6. Lower LCOE */
 .m10t_620w_atal_product_specs_lcoe {
     grid-column: 3;
     grid-row: 1;
     background-image: url('../upload/product/m10r-series-570w-to-620w/Lower_LCOE.png');
     background-size: cover;
     background-position: center;
     justify-content: center;
     align-items: center;
 }

 .m10t_670w_atal_product_specs_lcoe {
     grid-column: 3;
     grid-row: 1;
     background-image: url('../upload/product/m10r-series-625w-to-670w//lower_lcoe.png');
     background-size: cover;
     background-position: center;
     justify-content: center;
     align-items: center;
 }

 .g12r_630w_atal_product_specs_lcoe {
     grid-column: 3;
     grid-row: 1;
     background-image: url('../upload/product/g12r-series-600w-to-630w/lower_lcoe.png');
     background-size: cover;
     background-position: center;
     justify-content: center;
     align-items: center;
 }

 /* 7. High-Strength Aluminum Frame (Span 2 rows) */
 .atal_product_specs_frame {
     grid-column: 3;
     grid-row: 2 / span 2;
 }

 .atal_product_specs_frame .atal_product_specs_image {
     height: 65%;
     position: relative;
 }

 .atal_product_specs_frame .atal_product_specs_content {
     flex-grow: 0;
     height: 35%;
 }

 /* 8. UV Resistant */
 .atal_product_specs_uv {
     grid-column: 3;
     grid-row: 4;
     background-image: url('../upload//product/g12r-series-600w-to-630w//uv_resistant.png');
     background-size: cover;
     background-position: center;
     justify-content: center;
     align-items: center;
 }



 /* ---------------- Responsive Adjustments ---------------- */

 /* TABLET (2 columns, keep tall/small card heights exactly like desktop) */
 @media (max-width: 992px) {

     .atal_specs_row.row {
         grid-template-columns: repeat(2, 1fr);
         grid-auto-rows: 200px;
         /* SAME HEIGHT AS DESKTOP */
         gap: 20px;
     }

     /* Natural placement */
     .atal_product_specs_card {
         grid-column: auto !important;
         grid-row: auto !important;
         height: 100% !important;
     }

     /* Big cards stay double height on tablet */
     .card-big {
         grid-row: span 2 !important;
     }

     /* Image fix */
     .atal_product_specs_image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
 }

 /* MOBILE (1 column, but still keep height proportions!) */
 @media (max-width: 576px) {

     .atal_specs_row.row {
         grid-template-columns: 1fr;
         grid-auto-rows: 200px;
         /* DO NOT USE AUTO — FIXED HEIGHT IS REQUIRED */
         gap: 16px;
     }

     /* Big cards remain tall on mobile */
     .card-big {
         grid-row: span 2 !important;
     }

     .atal_product_specs_card {
         height: 100% !important;
     }

     .atal_product_specs_image {
         height: 60% !important;
         /* controls top image portion */
     }

     .atal_product_specs_image img {
         width: 100%;
         height: 100% !important;
         object-fit: cover;
     }

     .atal_product_specs_content {
         padding: 20px;
         height: 40% !important;
         /* fixes content area portion */
     }

     .atal_product_specs_content h3 {
         font-size: 1.2rem;
     }

     .atal_product_specs_content p {
         font-size: 0.9rem;
     }
 }







 /* ---------------- Responsive Adjustments ---------------- */

 /*  
 @media (max-width: 992px) {
     .atal_specs_row.row {
         grid-template-columns: repeat(2, 1fr);
         grid-auto-rows: minmax(250px, auto); 
     }
 
     .atal_product_specs_card {
         grid-column: auto !important;
         grid-row: auto !important;
     }

     .atal_product_specs_power,
     .atal_product_specs_efficiency,
     .atal_product_specs_lowlight,
     .atal_product_specs_frame {
         grid-column: span 2 !important;
     }
 }
 
 @media (max-width: 576px) {
     .atal_specs_row.row {
         grid-template-columns: 1fr;
         grid-auto-rows: minmax(200px, auto);
         gap: 16px;
     }

     .atal_product_specs_card {
         grid-column: auto !important;
         grid-row: auto !important;
     }

     .atal_product_specs_content {
         padding: 20px;
     }

     .atal_product_specs_content h3 {
         font-size: 1.1rem;
     }
 } */




 /* ---------------- Product Content Mentioned---------------- */

 .product_main_details_image_area {
     display: block;
     position: relative;
 }

 .product_main_short_details_section {
     overflow: hidden;
 }

 .product_main_details_image_area img {
     width: 100%;
     object-fit: cover;
     min-height: 400px;
     display: block;
 }

 .product_solar_content_layout {
     position: absolute;
     top: 50%;
     right: 10%;
     transform: translateY(-50%);
     width: 40%;
     max-width: 650px;
     z-index: 10;
     text-align: left;
 }

 .product_solar_content_info_header_area {
     display: block;
     position: relative;
 }

 .product_solar_content_info_header_area h5 {
     color: #FFF;
     font-style: normal;
     font-weight: 300;
     line-height: 130%;
     letter-spacing: -0.03em;
     margin-bottom: 10px;
 }

 .product_solar_content_info_header_area h5 b {
     font-weight: 700;
 }

 .product_solar_content_info_header_area h1 {
     color: #FFF;
     font-size: 60px;
     font-style: normal;
     font-weight: 300;
     line-height: 130%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }

 .product_solar_content_info_header_area h1 b {
     font-weight: 700;
 }

 .product-gradient-line {
     width: 300px;
     height: 2px;
     background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
     margin: 30px 0;
 }

 .product_solar_content_efficiency_area {
     display: block;
     position: relative;
 }

 .product_solar_content_efficiency_area h5 {
     color: #FFF;
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
     margin-bottom: 10px;
 }

 .product_solar_content_efficiency_area h1 {
     color: #FFF;
     font-size: 60px;
     font-style: normal;
     font-weight: 700;
     line-height: 130%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }

 .product_solar_content_listed_area {
     display: block;
     position: relative;
     margin-bottom: 80px;
 }

 .product_solar_content_listed_area li {
     list-style: disc;
     color: #FFF;
     font-size: 17px;
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
     margin-bottom: 5px;
 }

 .product_solar_content_listed_area li:last-child {
     margin-bottom: 0;
 }

 .about_atal_bigger_header_detail h2::after {
     content: "";
     position: absolute;
     bottom: -81px;
     left: 0;
     width: 90px;
     height: 3px;
     background: #909090;
     pointer-events: none;
 }

 .product_engineering_header_area {
     display: block;
     position: relative;
 }

 .product_engineering_header_area h2 {
     color: #212121;
     line-height: 100%;
     margin-bottom: 0;
     position: relative;
 }

 .product_engineering_header_area h2::after {
     content: "";
     position: absolute;
     bottom: -81px;
     left: 0;
     width: 90px;
     height: 3px;
     background: #909090;
     pointer-events: none;
 }

 .product_single_engineering_feature {
     display: block;
     position: relative;
 }

 .product_single_engineering_feature img {
     width: 40px;
 }

 .product_single_engineering_feature h5 {
     color: #000;
     font-size: 22px;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-top: 30px;
     margin-bottom: 20px;
 }

 .product_single_engineering_feature p {
     color: #4D4D4D;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
 }









 /* .hero-lottie-wrapper {
    position: relative;
    width: 100dvw;
    height: 100dvh;  
    overflow: hidden;
}

#lottieContainer {
    position: absolute;
    inset: 0;
    width: 100dvw;
    height: 100dvh;
    overflow: hidden;
    pointer-events: none;
}

#lottieContainer svg,
#lottieContainer canvas {
    width: 100dvw !important;
    height: 100dvh !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block;
}

#lottieContainer svg {
    shape-rendering: crispEdges;
    text-rendering: optimizeSpeed;
    image-rendering: optimizeSpeed;
}

#lottieContainer {
    isolation: isolate;
    will-change: transform;
}
  */



 /* .header-container {
     position: relative;
     width: 100vw;
     height: 100vh;
     box-sizing: border-box;
 }

 .lottie-container {
     position: absolute;
     z-index: 0;
     width: 100vw;
     height: 100vh;
     box-sizing: border-box;
 }

 

 #globe_contours {
     isolation: isolate;
     will-change: transform;
 } */





 /* ----------------------------------------------- */





 .contact_mail_single_details_area {
     display: flex;
     position: relative;
     gap: 40px;
 }

 .contact_mail_image_area {
     display: block;
     position: relative;
 }

 .contact_mail_image_area img {
     width: 78px;
 }

 .contact_mail_content_area {
     display: block;
     position: relative;
     margin-top: 12px;
 }

 .contact_mail_content_area h6 {
     color: #4D4D4D;
     font-style: normal;
     font-weight: 500;
     line-height: 120%;
     letter-spacing: -0.03em;
 }

 .contact_mail_content_area h5 {
     color: #212121;
     font-style: normal;
     font-weight: 500;
     line-height: 130%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }

 .mt-50 {
     margin-top: 50px;
 }

 .contact_form_input_area .pl-150 {
     padding-left: 150px;
 }

 .mb-20 {
     margin-bottom: 20px;
 }

 .mb-40 {
     margin-bottom: 40px;
 }

 .contact_form_input_area {
     background-color: transparent;
     padding: 0;
     border-radius: 0;
 }

 .contact_form_intro_area {
     display: block;
     position: relative;
     margin-bottom: 50px;
 }

 .contact_form_intro_area p {
     color: #4D4D4D;
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     letter-spacing: -0.03em;
 }

 .contact_form_input_area label {
     color: #FFFFFF;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     letter-spacing: 0.05em;
     text-transform: uppercase;
     margin-bottom: 15px;
     display: block;
 }

 .contact_form_input_area input[type="password"],
 .contact_form_input_area input[type="email"],
 .contact_form_input_area input[type="text"],
 .contact_form_input_area input[type="file"],
 .contact_form_input_area textarea,
 .contact_form_input_area select {
     border-radius: 0;
     padding: 10px 0;
     margin-bottom: 0;
     color: #ffffff;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     letter-spacing: -0.01em;
     border: none;
     border-bottom: 1px solid #E0E0E0;
     background: transparent;
     width: 100%;
     outline: none;
     transition: border-color 0.3s;
 }

 .contact_form_input_area select>option {
     background-color: #000;
 }

 .contact_form_input_area select>optgroup {
     background-color: #000;
 }

 .contact_form_input_area input:focus,
 .contact_form_input_area textarea:focus,
 .contact_form_input_area select:focus {
     border-bottom: 1px solid #70B63C;
 }

 .contact_form_input_area textarea {
     resize: vertical;
 }

 .contact_form_input_area input::placeholder,
 .contact_form_input_area textarea::placeholder,
 .contact_form_input_area select::placeholder {
     color: rgba(255, 255, 255, 0.5);
 }

 .contact_form_input_area::placeholder {
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     color: rgba(255, 255, 255, 0.5);
     opacity: 1;
 }

 .contact_form_input_area::-ms-input-placeholder {
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     color: rgba(255, 255, 255, 0.5);
 }

 .atal_solar_contact {
     display: inline-flex;
     position: relative;
     border-radius: 8px;
     background: #70B63C;
     width: max-content;
     padding: 14px 24px;
     border: none;
     align-items: center;
     gap: 10px;
     color: white;
     cursor: pointer;
     transition: background 0.3s;
 }

 .atal_solar_contact:hover {
     background: #5a962e;
 }

 .atal_solar_contact span {
     color: white;
     font-weight: 600;
     font-size: 16px;
 }

 /*gap: 20px;
  color: #FFF;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     align-items: center;
 }  */

 .atal_solar_contact {
     position: relative;
     overflow: hidden;
     transition: background 0.3s ease;
 }

 .atal_solar_contact::before {
     content: "";
     position: absolute;
     top: 0;
     left: -120%;
     width: 100%;
     height: 100%;
     background: linear-gradient(120deg,
             rgba(255, 255, 255, 0) 0%,
             rgba(255, 255, 255, 0.25) 50%,
             rgba(255, 255, 255, 0) 100%);
     transition: all 0.5s ease;
 }

 .atal_solar_contact:hover::before {
     left: 120%;
 }

 .atal_solar_contact {
     transition: all 0.25s ease;
 }



 .atal_solar_contact:hover {
     transform: scale(0.97);
     background: #6AB036;
 }












 .product_warranty_header_area {
     display: block;
     position: relative;
 }

 .product_warranty_header_area h2 {
     color: #212121;
     font-style: normal;
     font-weight: 600;
     line-height: 100%;
     letter-spacing: -0.03em;
     text-align: center;
     margin-bottom: 30px;
 }

 .product_warranty_header_area h5 {
     color: #4D4D4D;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     letter-spacing: -0.03em;
     text-align: center;
 }

 .product_warranty_details_area {
     display: block;
     position: relative;
     padding: 40px;
 }

 .warranty_details_image_area {
     display: block;
     position: relative;
     text-align: center;
 }

 .warranty_details_image_area img {
     width: 110px;
 }

 .product_warranty_year_details {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .product_warranty_year_details h1 {
     color: #FFF;
     text-align: center;
     font-size: 54px;
     font-style: normal;
     font-weight: 700;
     line-height: 120%;
     letter-spacing: -0.03em;
     text-transform: uppercase;
 }

 .warranty_details_content_area {
     display: block;
     position: relative;
 }

 .warranty_details_content_area h5 {
     display: block;
     position: relative;
     color: #4D4D4D;
     text-align: center;
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
     margin-top: 30px;
 }

 .warranty_details_content_area h5 b {
     font-weight: 700;
 }

 .product_warranty_area.row>* {
     padding-left: 0;
     padding-right: 0;
 }

 .product_warranty_area {
     border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
 }

 .product_warranty_details_area {
     border-right: 1px solid #ddd;
 }

 .border-right-none {
     border-right: none;
 }

 /* Default Desktop Layout */
 .product_certification_area {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     padding: 40px 0;
     border-bottom: 1px solid #ddd;
     gap: 30px;
 }

 .product_single_certification_image_area img {
     width: 100px;
     height: auto;
     object-fit: contain;
 }

 .footer_product_padding {
     padding-top: 12vh;
     background-color: #011900;
 }









 /* Make videos block-level so there's no baseline gap */
 .product_animation_video video {
     display: block;
     width: 100%;
     height: auto;
     vertical-align: top;
     /* extra safety if display ever changes */
 }

 /* If you still see a line due to font metrics in the parent, zero it */

 .product_animation_video {
     line-height: 0;
     /* removes any inline box space */
 }

 /* If you want the video to fully fill a fixed-height container */
 .product_animation_video {
     position: relative;
     overflow: hidden;
     width: 100%;
 }

 .product_animation_video video {
     width: 100%;
     display: block;
 }

 .product_video_content {
     position: absolute;
     bottom: 50px;
     left: 50px;
     z-index: 5;
 }

 .product_video_content .text_box {
     display: flex;
     align-items: stretch;
     gap: 24px;
     background: rgba(0, 0, 0, 0.65);
     padding: 35px 40px;
     border-radius: 12px;
     max-width: 750px;
 }

 .product_video_content .green_line {
     width: 6px;
     background: linear-gradient(90deg, #00A89F 0%, #70B63C 100%);
     border-radius: 2px;
     min-height: 100%;
 }


 .video_content_box h4 {
     color: #FFF;
     font-size: 30px;
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }

 .video_content_box h6 {
     background: linear-gradient(90deg, #00A89F 0%, #70B63C 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-style: normal;
     font-weight: 500;
     line-height: 110%;
     letter-spacing: 0.20em;
     text-transform: uppercase;
     font-size: 14px;
 }

 .count-suffix {
     color: #FFF;
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
     line-height: 130%;
     letter-spacing: -0.04em;
 }



 .m10r_620_area .atal_product_specs_card:hover {
     outline-width: 2px;
     outline-color: #B38334;
     outline-style: solid;
     box-shadow: 0px 140px 200px -80px rgba(179, 131, 52, .3), 0px 40px 80px -50px rgba(179, 131, 52, .7);
 }

 .m10r_670_area .atal_product_specs_card:hover {
     outline-width: 2px;
     outline-color: #96EA63;
     outline-style: solid;
     box-shadow: 0px 140px 200px -80px rgba(150, 234, 99, .3), 0px 40px 80px -50px rgba(150, 234, 99, .7);
 }

 .g12r_630_area .atal_product_specs_card:hover {
     outline-width: 2px;
     outline-color: #B2A9EC;
     outline-style: solid;
     box-shadow: 0px 140px 200px -80px rgba(178, 169, 236, .3), 0px 40px 80px -50px rgba(178, 169, 236, .7);
 }

 /* Logo Text Area - Initially Hidden & Positioned */
 .logo_text_area {
     opacity: 0;
     visibility: hidden;
     display: block;
 }

 .logo_icon_and_text {
     display: flex;
     flex-flow: column;
     gap: 15px;
     align-items: center;
     /* Centers items horizontally */
 }

 .logo_text_area img {
     width: 170px;
 }








 .whatsapp-float {
     position: fixed;
     /* bottom: 80px; */
     bottom: 30px;
     right: 32px;
     width: 60px;
     height: 60px;
     background-color: #4ade80;
     color: #fff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
     box-shadow: 0 10px 25px rgba(37, 211, 102, 0.35);
     z-index: 9;
     transition: all 0.35s ease;
 }

 /* Icon */
 .whatsapp-icon {
     width: 24px;
     height: 24px;
 }

 /* Hover effect (desktop) */
 .whatsapp-float:hover {
     transform: translateY(-4px) scale(1.05);
     box-shadow: 0 18px 40px rgba(37, 211, 102, 0.5);
     color: #fff;
 }

 /* Soft ripple pulse */
 .whatsapp-float::after {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: 50%;
     background: rgba(37, 211, 102, 0.4);
     animation: whatsappPulse 2s infinite;
     z-index: -1;
 }

 @keyframes whatsappPulse {
     0% {
         transform: scale(1);
         opacity: 0.6;
     }

     100% {
         transform: scale(1.6);
         opacity: 0;
     }
 }

 /* Disable hover jump on touch devices */
 @media (hover: none) {
     .whatsapp-float:hover {
         transform: none;
         box-shadow: 0 10px 25px rgba(37, 211, 102, 0.35);
     }
 }


 .contact_form_input_area {
     background: linear-gradient(180deg, #010101 0%, #1D5836 100%);
     padding: 80px 80px 120px 80px;
     border-radius: 20px;
     display: block;
     position: relative;
 }

 .contact_form_corner_logo {
     position: absolute;
     bottom: 0;
     right: 0;
 }

 .blog_overlay {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
 }

 .blog_date_desc {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     width: 100%;
 }

 .blog_date_desc h5 {
     color: #FFF;
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
     margin-bottom: 10px;
 }

 .blog_date_desc h1 {
     color: #FFF;
     font-size: 54px;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }




















 .blog_leftside_info_panel {
     position: sticky;
     top: 50px;
     align-self: flex-start;
 }

 .table_of_content_area {
     display: block;
     padding: 30px;
     border: 1px solid #ddd;
     border-radius: 8px;
     background-color: #F5F5F5;

 }



 .table_of_content_header {
     display: block;
     position: relative;
 }

 .table_of_content_header h5 {
     color: #000;
     font-style: normal;
     font-weight: 600;
     line-height: 130%;
     letter-spacing: -0.03em;
     margin-bottom: 10px;


     padding-bottom: 15px;
     margin-top: 0;
     border-bottom: 1px solid #ddd;
     margin-bottom: 0;
 }

 .table_of_content_points_area {
     display: block;
     position: relative;
 }

 .table_of_content_points_area ul {
     padding-left: 0;
     margin-bottom: 0;
     margin-top: 15px;
 }

 .table_of_content_points_area ul li {
     margin-bottom: 10px;
     line-height: 130% !important;
 }

 .table_of_content_points_area ul li a {
     color: #161616;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: 130% !important;
     letter-spacing: -0.3px;
     transition: 0.1s ease;
 }

 .table_of_content_points_area ul li a:hover {
     color: rgb(0, 0, 0);
 }

 .table_of_content_points_area ul li:last-child {
     margin-bottom: 0;
 }

 .blog_pl_details {
     padding-left: 80px;
 }





 .share_link_social_area {
     display: block;
     position: relative;
     padding: 30px;
     border: 1px solid #ddd;
     margin-top: 20px;
     border-radius: 8px;
     background: #f5f5f5;
 }

 .share_link_social_header h4 {
     color: #000;
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -1px;
     padding-bottom: 15px;
     margin-top: 0;
     border-bottom: 1px solid #ddd;
     margin-bottom: 0;
 }















 .share-wrap {
     max-width: 100%;
     margin-top: 20px;
 }

 /* UL: flex row, no wrap */
 .share-list {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     flex-wrap: nowrap;
     /* always in one line */
     width: 100%;
     gap: 5px;
 }

 .share-item {
     flex: 1 1 0;
     /* each takes equal width */
     gap: 5px;
 }

 .share-btn {
     display: grid;
     place-items: center;
     width: 100%;
     /* stretch to fill */
     aspect-ratio: 1.4/1;
     /* keeps box shape */
     background: #fff;
     color: #000;
     border: 1px solid #ddd;
     border-radius: 8px;
     text-decoration: none;
     transition: background .25s ease, color .25s ease, border-color .25s ease, transform .15s ease;
 }

 .share-btn i {
     font-size: clamp(18px, 4vw, 20px);
     line-height: 1;
 }

 .share-btn:hover {
     transform: translateY(-2px);
 }

 /* Brand hover colors */
 .x:hover {
     background: #ffffff;
     color: #000000;
     border-color: #ffffff;
 }

 .facebook:hover {
     background: #1877F2;
     color: #ffffff;
     border-color: #1877F2;
 }

 .linkedin:hover {
     background: #0A66C2;
     color: #ffffff;
     border-color: #0A66C2;
 }

 .whatsapp:hover {
     background: #25D366;
     color: #0b1b0f;
     border-color: #25D366;
 }

 .link:hover {
     background: #6c757d;
     color: #ffffff;
     border-color: #6c757d;
 }

 .blog_insider_details_area {
     display: block;
     position: relative;
 }

 .blog_pl_details {
     padding-left: 80px;
 }










 .blog_insider_details_area h2 {
     color: #212121;
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     letter-spacing: -0.03em;
     margin-bottom: 60px;
     margin-bottom: 30px;
     margin-top: 50px;
 }

 .blog_insider_details_area h3 {
     color: #212121;
     font-style: normal;
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 20px;
     margin-top: 40px;
 }

 .blog_insider_details_area h4 {
     color: #212121;
     font-size: 28px;
     font-style: normal;
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 15px;
     margin-top: 30px;
 }

 .blog_insider_details_area h5 {
     color: #212121;
     font-style: normal;
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -0.03em;
 }

 .blog_insider_details_area h6 {
     color: #212121;
     font-style: normal;
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -0.03em;
 }

 .blog_insider_details_area p {
     color: #4D4D4D;
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.01em;
     margin-bottom: 0;
 }

 .blog_insider_details_area ul li {
     color: #4D4D4D;
     font-style: normal;
     font-weight: 400;
     line-height: 180%;
     letter-spacing: -0.01em;
     margin-bottom: 0;
     font-size: 17px;
     list-style-type: disc;
 }

















 .atal_download_center_area {
     display: block;
     position: relative;
     border-radius: 12px;
     background: linear-gradient(180deg, #00A89F 0%, #70B63C 100%);
 }

 .atal_download_center_image_area {
     display: block;
     position: relative;
     padding: 10px 10px 0 10px;
 }

 .atal_download_center_image_area img {
     width: 100%;
     border-radius: 8px;
 }

 .atal_download_name_link_area {
     display: block;
     position: relative;
 }

 .atal_download_name_link_area a {
     display: flex;
     justify-content: space-between;
     padding: 15px 20px;
 }

 .atal_download_name_link_area h5 {
     color: #fff;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }

 .product_specs_header_area h2 .line {
     padding-bottom: 4px;
 }

 .product_dark_bg {
     position: relative;
     background: #000;
     min-height: 100vh;
 }

 .atal_products_index_area h5 {
     color: #FFF;
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.84px;
     margin-bottom: 0;
     text-align: center;
 }

 .product_intro_index_title {
     color: #3BB06C !important;
     font-style: normal !important;
     font-weight: 600 !important;
     line-height: 120% !important;
     letter-spacing: -0.03em !important;
     margin-bottom: 30px !important;
     text-align: center !important;
 }

 .atal_products_index_area h2 {
     color: #FFF;
     text-align: center;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
     margin-bottom: 30px;
 }

















 .single_product_indexing_video_animate_area {
     position: relative;
     width: 100%;
     overflow: hidden;
     border-radius: 12px;
 }

 .bg-video {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .content_layer {
     position: relative;
     z-index: 2;
     width: 100%;
     height: 100%;
     display: flex;
     align-items: flex-end;
     justify-content: center;
     padding-top: 200px;
 }

 .content_layer img {
     width: 80%;
 }

 .single_product_index_content_area {
     position: absolute;
     display: block;
     top: 70px;
     left: 70px;
     z-index: 3;
 }

 .single_product_index_content_area h5 {
     font-style: normal;
     font-weight: 600;
     line-height: 130%;
     letter-spacing: -0.03em;
     background: linear-gradient(90deg, #00A89F 0%, #70B63C 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     display: inline-block;
     margin-bottom: 20px;
 }

 .single_product_index_content_area h2 {
     color: #FFF;
     font-style: normal;
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -0.03em;
 }

 .single_product_index_content_area p {
     color: #FFF;
     font-style: normal;
     font-weight: 500;
     line-height: 130%;
     letter-spacing: -0.03em;
 }

 .video-overlay {
     position: absolute;
     inset: 0;
     z-index: 1;

     /* Cinematic dark filter */
     background: #0000005f;

     pointer-events: none;
 }



 .starfield-canvas {
     position: absolute;
     inset: 0;
     z-index: 1;
     /* 👈 bump slightly */
 }

 .product_dark_bg>.container {
     position: relative;
     z-index: 5;
 }

 .product_index_features_area {
     display: block;
     position: relative;
     border-bottom: 1px solid #CCCCCC;
 }

 .product_index_features_header_area {
     display: block;
     position: relative;
 }

 .product_index_features_header_area h2 {
     color: #212121;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 80px;
 }

 .product_index_features_header_area h2::after {
     content: "";
     position: absolute;
     bottom: -81px;
     left: 0;
     width: 90px;
     height: 3px;
     background: #909090;
     pointer-events: none;
 }

 .product_index_single_features_area {
     display: block;
     position: relative;
     background-color: rgba(1, 25, 0, 0.05);
     padding: 40px;
     border-radius: 20px;
 }

 .product_index_single_features_area img {
     width: 50px;
     margin-bottom: 64px;
 }

 .product_index_single_features_area h4 {
     color: #000;
     font-size: 32px;
     font-style: normal;
     font-weight: 500;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 30px;
 }

 .product_index_single_features_area p {
     color: #4D4D4D;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 130%;
     letter-spacing: -0.03em;
 }

 .product_cta_darker_area {
     display: block;
     position: relative;
     background: linear-gradient(180deg, #010000 0%, #1D5836 100%);
     border-radius: 20px;
     overflow: hidden;
     padding: 150px 0 200px 200px;
 }

 .product_cta_content_area {
     display: block;
     position: relative;
 }

 .product_cta_content_area h1 {
     color: #FFF;
     font-size: 56px;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 60px;
     display: inline-block;
 }

 .product_cta_content_area p {
     color: #FFF;
     font-style: normal;
     font-weight: 500;
     line-height: 130%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }

 .tech_cta_content_area {
     display: block;
     position: relative;
 }

 .tech_cta_content_area h1 {
     color: #FFF;
     font-size: 56px;
     font-style: normal;
     font-weight: 600;
     line-height: 110%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
     display: inline-block;
 }

 .tech_cta_content_area h5 {
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     letter-spacing: -0.03em;
     background: linear-gradient(90deg, #00A89F 0%, #70B63C 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     display: inline-block;
     margin-bottom: 50px;
 }

 .tech_cta_content_area p {
     color: #FFF;
     font-style: normal;
     font-weight: 500;
     line-height: 130%;
     letter-spacing: -0.03em;
     margin-bottom: 0;
 }

 .product_cta_content_header_span {
     background: linear-gradient(90deg, #00A89F 0%, #70B63C 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .product_cta_logo_area {
     position: absolute;
     right: 0;
     bottom: 0;
 }

 .product_cta_logo_area img {
     max-width: 100%;
 }

 /* New Quality Section */
 .atal_quality_new_section {
     background-image: url('../upload/quality//hot.webp');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     padding-top: 80px;
     position: relative;
 }

 .atal_quality_new_content h1 {
     color: #FFF;
     font-weight: 600;
     line-height: 110%;
     margin-bottom: 0;
     letter-spacing: -0.03em;
     font-size: 50px;
     margin-bottom: 50px;
 }

 .atal_quality_new_content p {
     color: #FFF;
     line-height: 140%;
     letter-spacing: -0.03em;
     font-weight: 400;
     font-size: 20px;
 }

 .atal_quality_new_image {
     display: block;
     position: relative;
     text-align: center;
 }

 .atal_quality_new_image img {
     max-width: 100%;
 }

 @media (max-width: 991px) {
     .atal_quality_new_content {
         margin-top: 50px;
     }

     .atal_quality_new_section {
         padding: 80px 0;
     }
 }

 /* Quality Tabs Styles */
 .atal_quality_tabs_wrapper {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 15px;
     margin-bottom: 120px;
     position: relative;
     z-index: 0;
 }

 .atal_quality_tab {
     background: transparent;
     border: 1px solid rgba(255, 255, 255, 0.5);
     color: #FFF;
     padding: 10px 42px;
     border-radius: 50px;
     font-size: 17px;
     cursor: pointer;
     transition: all 0.3s ease;
     background: rgba(217, 217, 217, 0.19);
     backdrop-filter: blur(28px);
     font-weight: 500;
 }

 .atal_quality_tab:hover {
     background: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.5);
 }

 .atal_quality_tab.active {
     background: #212121;
     backdrop-filter: blur(28px);
     border: 1px solid rgba(255, 255, 255, 0.50);
     color: #FFF;
 }

 .atal_quality_new_section {
     transition: background-image 0.5s ease-in-out;
 }

 .atal_quality_new_content {
     transition: opacity 0.3s ease;
 }

 .atal_quality_new_content.fade-out {
     opacity: 0;
 }

 @media (max-width: 768px) {
     .atal_quality_tabs_wrapper {
         gap: 10px;
         margin-bottom: 60px;
         flex-wrap: nowrap;
         overflow-x: auto;
         justify-content: flex-start;
         padding-bottom: 10px;
         /* Space for scrollbar if visible/needed */
         -webkit-overflow-scrolling: touch;
         scrollbar-width: none;
         /* Firefox */
         padding: 0 15px;
     }

     .atal_quality_tabs_wrapper::-webkit-scrollbar {
         display: none;
         /* Chrome, Safari, Opera */
     }

     .atal_quality_tab {
         padding: 8px 20px;
         font-size: 14px;
         white-space: nowrap;
         flex-shrink: 0;
     }
 }

 .quality_bars_tab {
     padding: 0;
 }

 .quality_bars_tab .col-12 {
     padding: 0;
 }

 .atal_logo_at_center_pin_image {
     position: absolute;
     top: 45%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .atal_logo_at_center_pin_image img {
    max-width: 100%;
 }

 .blog_section {
     position: relative;
     z-index: 20;
     background-color: #fff;
 }

 .footer_quick_links_area ul li a span {
    padding-bottom: 4px;
 }

 /* Footer Subscription Message */
.footer_massage {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    min-height: 20px;
}

.footer_massage p {
    margin: 0;
    padding: 8px 12px;
    border-radius: 4px;
    display: inline-block;
}

.footer_massage.success p {
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
}

.footer_massage.error p {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
}

.blog_pl_details table {
    width: 100%; 
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
    border-collapse: collapse;
}

.blog_pl_details th,
.blog_pl_details tr,
.blog_pl_details td {
    padding: 12px 20px;
    white-space: nowrap;
}

.blog_insider_details_area p a {
color: #70B63C;
font-weight: 700;
}

.blog_insider_details_area p img {
    max-width: 100%;
    width: 100%;
    margin: 50px 0;
}