/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body p{font-size:15px !important;}

.primary-bg{background: var( --e-global-color-primary );}
.overflow-hidden{overflow: hidden;}
.hightLight {padding: 4px 10px;height: 42px !important;display: inline-block;}
.position-relative{position:relative;}

.h-full{height:100%;}
.mt-20{margin-top: 20px !important;}
.mb-0{margin-bottom: 0px !important;}
.mx-auto{margin-left:auto;margin-right:auto;}
.pl-0{ padding-left:0px !important ; }
.pr-0{ padding-right:0px !important ; }
.px-0{ padding-right:0px !important ;padding-left:0px !important ; }
.font-lg{font-size: 18px; font-weight: 600;}
.font-light{font-weight: 200 !important;}
.font-bold{font-weight: 600 !important;} 

.d-none, .count .elementor-counter-number-prefix{display:none !important;} 
.text-yellow{color:#fcc23b;}


/*.container{*/
/*    max-width: 1220px;*/
/*    margin-right: auto !important;*/
/*    margin-left: auto !important;*/
/*    padding: 0px 15px;*/
/*    }*/

.row, .d-flex{display: flex;flex-wrap: wrap;}
.col-lg-3 {flex: 0 0 auto;width: 25%;}
.col-lg-4 {flex: 0 0 auto;width: 33.33333333%;}
.col-lg-5 {flex: 0 0 auto;width: 41.66666667%;}
.col-lg-6 {flex: 0 0 auto;width: 50%;}
.col-lg-7 {flex: 0 0 auto;width: 58.33333333%;}
.col-lg-8 {flex: 0 0 auto;width: 66.66666667%;}
.col-lg-9 {flex: 0 0 auto;width: 75%;}
.col-lg-12 {flex: 0 0 auto;width: 100%;}

.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-12 {padding-right: 10px;padding-left: 10px;}


.flash {-webkit-animation: flash linear 1s infinite;animation: flash linear 1s infinite;     color: var(--e-global-color-accent);
    font-weight: 700;} 

@keyframes flash {
    0% { opacity: 1; } 
    50% { opacity: .1; } 
    100% { opacity: 1; }
}

.text-gradient {
  background: linear-gradient(to right, var( --e-global-color-primary ), var( --e-global-color-secondary ));
  -webkit-background-clip: text; /* Clip the background to the text */
  color: transparent; /* Make text color transparent so gradient shows */
}




.mt-10{margin-top: 10px;}
.mt-15{margin-top: 25px;}


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



#masthead {
    transition: all 0.3s ease;   /* Smooth animation */
}

#masthead img {
    transition: all 0.3s ease;   /* Smooth image animation */
}

#masthead.is-sticky {
    position: sticky;
    top: 0;
    box-shadow: 0px 0px 10px #0000005c;
    z-index: 9999;
}

#masthead.is-sticky img {
    width: 100px;
}
   

.Mainhead h1, .Mainhead .h1{font-family: "Inter", Sans-serif;font-size: 58px;font-weight: 700;text-transform: capitalize;line-height: 68px;color: var(--e-global-color-37862c8);text-align: center;margin-bottom: 0px;}
.Mainhead svg{top: 0px;position: absolute;right: -33px;}
.teamBox{box-shadow: 0px 5px 6px #0000002b;border-radius:13px;}
.teamBox .infobox-icon-wrap{border-radius:5px;}
.teamBox .eael-infobox:hover{background:var( --e-global-color-accent )!important;}
.teamBox .eael-infobox:hover .infobox-content h3, .teamBox .eael-infobox:hover .infobox-content p{color:#fff !important;}

.sticky{position: sticky; top: 0;  z-index: 999; /* Sticky element ko upar rakhne ke liye z-index */}
 
 .subjectList .elementor-icon-list-text{background: #ffffff30;padding: 8px 12px;border-radius: 20px;}
 .subjectList li:last-child  .elementor-icon-list-text{
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
    color: var(--e-global-color-accent);
    font-weight: 700;
    background: #0e1b2e !important;
    }  
    
.form input, .form .iti{margin-bottom: 10px !important;}    

.longSec{}

.LongContent ul{margin:20px 0px;}

.LongContent h2, .LongContent h3{color:#000; font-weight:600;}
.LongContent h2{font-size:30px;line-height: 35px;}
.LongContent h3{font-size:24px;}
.LongContent ul, .LongContent ol{margin: 20px 0px;}

.LongContent ul li, .LongContent ol li{margin-bottom:10px;}

.teamBox:hover{color:#fff;}


.steps .elementor-image-box-img{margin: 0px auto 30px auto !important;width: 80px !important;background: var( --e-global-color-accent )!important;height: 80px;display: flex;align-items: center;justify-content: center;border-radius: 10px;}

.faqs .e-n-accordion-item-title{box-shadow: 0px 5px 15px #0000001a;}

.faqs p{margin-bottom:0px;}



.BlogList .post{padding: 10px 0px;}
.BlogList .elementor-post__card:hover {box-shadow:none !important;}
.BlogList .elementor-post__thumbnail__link{width: 35% !important;display:flex;margin-bottom: 0px;}
.BlogList .elementor-post__text{width: 65% !important;}
.BlogList .elementor-post__card{display:flex;flex-direction: initial!important;box-shadow: none;}
.BlogList .elementor-post__thumbnail__link img{object-fit: fill;border-radius:20px;}
.BlogList .elementor-post__excerpt{margin-bottom:10px !important;}
.BlogList .elementor-post__read-more{margin-bottom:0px !important;}


.blogposts h2{margin-top:0px !important;margin-bottom: 10px;}
.singleBlog h2{margin-top:20px !important; margin-bottom:0px;}

.blogposts{margin-bottom:30px;}

.blogposts h2, .singleBlog h2{font-size: 28px;line-height:30px; font-weight: 600; color:#000;}
.blogposts h3, .singleBlog h3{font-size:21px;font-weight: 600; color:#000; margin-top:10px !important; margin-bottom:0px;}
.blogposts h4, .singleBlog h4{font-size:18px;font-weight: 600; margin-top:10px !important;}
.singleBlog ul, .singleBlog ol{margin:20px 10px;}
.singleBlog ul li, .singleBlog ol li{padding:5px 0px;}

.blogposts h2 a{color:#000;}

.blogposts .btn-primary{color:#fff; background :var( --e-global-color-primary); font-weight: 600; padding:7px 20px; border-radius:30px;}
.blogposts .btn-primary:hover{color:#fff;box-shadow:0px 5px 10px #00000069;}

.eael-testimonial-text {
    max-height: 150px;
    overflow-y: auto;

    /* Firefox scrollbar */
    scrollbar-width: thin;
    scrollbar-color: #888 transparent;
}

/* Chrome, Edge, Safari ke liye */
.eael-testimonial-text::-webkit-scrollbar {
    width: 6px;
}

.eael-testimonial-text::-webkit-scrollbar-track {
    background: transparent;
}

.eael-testimonial-text::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.eael-testimonial-text::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}
.hireNow form label{margin-bottom:8px}
.hireNow form input, .hireNow form select, .hireNow form textarea {margin-bottom:10px !important; border-color: #9e9e9e !important; }
.hireNow form textarea{height:150px;}

.hireNow form fieldset{padding:10px 20px !important;}

.hireNow form legend{padding:5px 10px;}

.hireNow form .wpcf7-submit{margin-top:30px; margin-bottom:0px;}

.hireNow form .order-now{position:relative;}
.hireNow form .order-now .wpcf7-spinner{top:40px; right:80%}
.chat-toggle:hover, .chat-toggle a:hover{cursor:pointer;}




.single {font-family: "Roboto", Sans-serif;
    font-size: 38px;
    font-weight: 600;
    line-height: 48px;
    color: var(--e-global-color-37862c8);}
    
    
.entry-meta .posted-on,
.post-meta .posted-on,
time.entry-date {
    display: none !important;
}
    

.footer-leadform .wpcf7-form-control{border: 1px solid #000 !important;}
.footer-leadform .wpcf7-form-control.wpcf7-submit{border:none !important; width:60% !important; margin:20px auto 0px auto !important; display:block;}
.footer-leadform .iti, .footer-leadform select, .Blogform input, .Blogform .iti, .contactform input, .contactform  .iti{ margin-bottom: 10px !important;}
.wpcf7-spinner {position: absolute;top: 8px;right: 0;}

.wpcf7 form.sent .wpcf7-response-output {background: #fff;}
.footerForm input{margin-bottom: 10px !important;}

.footerForm .primary-btns{width: 100% !important;}

footer .list svg{width:10px;}

footer .contact  svg{width:15px;}




@media (max-width: 575.98px) { body{overflow-x:hidden;}

    br{display: none;}
   .Mainhead h1, .Mainhead .h1 { font-size: 35px; line-height: 45px;}
    .Mainhead svg {display:none;}
    
    .subjectList ul li a{width:49%; margin-bottom:10px;}
    .teamBox .eael-infobox{display: flex;flex-direction: row;}
    .teamBox .infobox-content{margin-left:10px;}
    
    .subjectList li{width: 48%;}
    .subjectList li a{text-align:center;}
     .subjectList .elementor-icon-list-text{display: block;width: 100%;}
    
    
}

@media (max-width: 992px) {

      br{display: none;}


}
@media (min-width: 1920px) {  

}


.whatsapp-input{display: ruby-text;}
.whatsapp-input input{padding-left:60px}
.whatsapp-input img{position:absolute;z-index:9;top:4px;left:10px;width:35px}

.whatsapp-input .wpcf7-not-valid-tip{position: absolute;
    left: 12px;
    top: 35px;
}