/**

Theme Name: rain-irrigation

Author: Brainstorm Force

Author URI: http://wpastra.com/about/

Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rain-irrigation
Template: astra

*/



html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Raleway' !important;
}

a:focus {
    outline: none;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-Regular.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway-Bold';
    src: url('/fonts/Raleway-Bold.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway-Italic';
    src: url('/fonts/Raleway-Italic.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

::selection {
    color: #fff;
    background: #24A9E0;
}

@media (min-width:1920px) {
    .banner-top .bdt-slide-text {
        width: 1300px;
        margin: 0 25% !important;
    }

    .banner-top .bdt-navigation-prev {
        left: 295px !important;
    }

    .banner-top .bdt-navigation-next {
        right: 300px !important;
    }
}

/*----------header-------------*/

.header-bg {background: #F7F5F2;}
.sticky {display: block;}
.sticky.fixed {
    position: fixed !important;
    top: -1px;
    left: 0;
    width: 100% !important;
    z-index: 999;
    transition: all 0.4s ease;
    background-color: #fff !important;
    padding: 0px 0px !important;
    animation-duration: 500ms;
    animation-iteration-count: 1;
    animation-name: fadeInDown;
    animation-timing-function: linear;
    box-shadow: 0 10px 5px rgb(0 0 0 / 2%), 0 6px 6px rgb(0 0 0 / 8%);
}
.sticky.fixed .header-logo .elementor-widget-container img {width: 18%;}
.sticky.fixed {background: #fff !important;}
.sticky.fixed .header-bg {background: red !important;}
.sub-menu li a {padding-left: 10px !important;}
.sub-menu {left: 26px !important;}

/*---------------banner----------------*/

.banner-top .bdt-slider .bdt-slide-item .bdt-slide-title {
    margin: 0 90px 10px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    padding: 20px !important;
}

.banner-top .bdt-slide-text h2 {
    background: rgba(0, 0, 0, 0.7) !important;
    padding: 5px 20px;
    margin-bottom: 8px;
    margin-left: 60px;
    text-transform: uppercase;
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    font-family: 'Raleway';
}

.banner-top .bdt-slide-text {
    margin-left: 60px;
    padding-top: 30px;
}
.banner-top .bdt-slide-text h1 {
    font-size: 50px;
    color: #fff;
    font-family: 'Raleway';
    width: fit-content;
    margin-bottom: 10px;
    background: rgba(0, 0, 0, 0.7) !important;
    padding: 5px 20px;
    margin-bottom: 8px;
}

.banner-top .bdt-slide-text .banner-top-heading {
    font-size: 50px;
    color: #fff;
    font-family: 'Raleway';
    width: fit-content;
    margin-bottom: 30px;
    background: rgba(0, 0, 0, 0.7) !important;
    padding: 22px 20px;
    margin-bottom: 8px;
}
.banner-top .bdt-slide-text .banner-second-heading {
    font-size: 50px;
    color: #24A9E0;
    width: fit-content;
    font-family: 'Raleway';
    font-weight: 700;
    background: rgba(0, 0, 0, 0.7) !important;
    padding: 22px 20px;
    margin-bottom: 8px;
}

/*.banner-top .bdt-slider-image-wrapper {
    position: relative;
}

.banner-top .bdt-slider-image-wrapper:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 700px;
    background-size: 100% 100%;
    z-index: 9999;
}*/

.swiper-pagination-bullet {
    background: #fff !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    background: #24A9E0 !important;
    opacity: 1;
}
.bdt-navigation-prev i,
.bdt-navigation-next i {font-size: 25px !important;}
.bdt-navigation-prev,
.bdt-navigation-next {
    border: 1px solid #f5f5f5;
    border-radius: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: 40px;
    padding: 4px 7px;
}

.white-box {
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #CCCCCC;
    border-radius: 40px;
    background: #fff;
    padding: 40px;
}

.gray-box {
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #CCCCCC;
    border-radius: 40px;
    background: #F7F5F2;
    padding: 40px;
}
.circle-section {position: relative;}
.campare-bgcolor {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 667%);
    background: #3A3A3A;
    border-radius: 100px;
    padding: 10px;
    z-index: 9;
    width: 50px;
    height: 50px;
    color: #fff !important;
}
.campare-bgcolor .elementor-widget-container { font-size: 15px;}
.wheel-heading-border>.elementor-widget-container>h2 {
    position: relative;
    width: fit-content;
    left: 25px;
}
.wheel-heading-border>.elementor-widget-container h2:after {
    content: '';
    position: absolute;
    left: -24px;
    height: 42px;
    top: 11px;
    border-left: 10px solid #24A9E0;
}

.heading-border>.elementor-widget-container>h2 {
    position: relative;
    width: fit-content;
    left: 25px;
}
.heading-border>.elementor-widget-container h2:after {
    content: '';
    position: absolute;
    left: -24px;
    height: 42px;
    top: 11px;
    border-left: 10px solid #24A9E0;
}
.center-heading-border>.elementor-widget-container>h2 {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
.center-heading-border>.elementor-widget-container>h2:after {
    content: '';
    position: absolute;
    left: -20px;
    height: 42px;
    top: 9px;
    border-left: 10px solid #24A9E0;
}
.product-heading-border>.elementor-widget-container>h2 {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
.product-heading-border>.elementor-widget-container>h2:after {
    content: '';
    position: absolute;
    left: 30px;
    height: 42px;
    top: 9px;
    border-left: 10px solid #24A9E0;
}
.heading-talk {
    border-left: 10px solid #24A9E0;
    padding-left: 19px;
}
.uael-nav-menu #menu-item-1674 a {
    color: #fff !important;
    background: #283A96 !important;
    border-radius: 12px;
    font-weight: 600;
    font-size: 15px;
    box-shadow: 0 10px 5px rgb(0 0 0 / 6%), 0 6px 6px rgb(0 0 0 / 15%);
}
.uael-nav-menu #menu-item-1674 a:hover {background: #24A9E0 !important;}




.product-slider > .bdt-position-large{margin: 0!important;}
.product-slider .bdt-slide-desc {margin: 0!important; background: rgba(0,0,0,0.6);  width: 100% !important; padding: 20px 30px; max-width:100%;} 

.product-slider .bdt-slide-desc .bdt-slide-text {margin-bottom: 0!important;}





/*-------------------circle counter--------------*/

.graph-image {position: relative;}
.chart-circle {
    position: absolute;
    z-index: 2;
}

.graph_circle ul li {
    list-style: none;
    display: list-item;
}

.graph_circle ul li a .circle_one {
    position: absolute;
    top: -2%;
    left: 0%;
    transform: translate(0px, 0pc);
}

.graph_circle ul li a .circle_two {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(128px, 11pc);
}
.graph_circle ul li a .circle_three {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(266px, 26pc);
}
.box1,
.box2,
.box3 {
    padding: 20px 34px 20px !important;
}
.ul-link li a.active .circle {
    background: #283a96 !important;
    border: 2px solid #55AADD;
    color: #fff;
}
.box1 .chart-left-heading .elementor-widget-container h3 {position: relative;}
.blocknumclass {
    position: absolute;
    left: -25px !important;
}
.custom-circle-box {
    position: absolute;
    border: thin solid #000;
}
.graph_circle ul li a {cursor: pointer;}
.graph_circle ul li a .circle {
    border: 3px solid #283a96;
    width: 33px;
    height: 33px;
    border-radius: 100px;
    background: #fff !important;
    margin: 20px 0px 0 100px;
    transition: ease-in-out, 0.5s;
    z-index: 9;
    font-size: 16px;
    color: #5AD;
    font-weight: 600;
    text-align: center;
    line-height: 26px;
}
.graph_circle ul li a:hover .circle {
    border: 4px solid #55AADD;
    width: 38px;
    height: 38px;
    border-radius: 100px;
    margin: 20px 0px 0 100px;
    background: #283a96 !important;
    color: #fff;
    line-height: 30px;
}
.circle_percent {
    font-size: 240px;
    width: 1em;
    height: 1em;
    position: relative;
    background: #55aadd;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin: 0px;
}
.circle_inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 1em;
    height: 1em;
    clip: rect(0 1em 1em .5em);
}
.round_per {
    position: absolute;
    left: 0;
    top: 0;
    width: 1em;
    height: 1em;
    background: #2c3e90;
    clip: rect(0 1em 1em .5em);
    transform: rotate(180deg);
    transition: 2.5s;
}
.percent_more .circle_inner {clip: rect(0 .5em 1em 0em);}
.percent_more:after {
    position: absolute;
    left: .5em;
    top: 0em;
    right: 0;
    bottom: 0;
    background: #e4a6d2;
    content: '';
}
.circle_inbox {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: #fff;
    z-index: 3;
    border-radius: 50%;
    margin: 10px;
}
.percent_text {
    position: absolute;
    font-size: 36px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #55aadd;
    font-weight: 700;
    font-size: 70px;
}

/*-----------------bar-------------*/

.map iframe {border-radius: 10px;}
.footer-address,
.footer-address a {
    color: #fff;
    font-size: 16px;
    font-family: 'Raleway';
}
.footer-map>.elementor-widget-container iframe {border-radius: 10px !important;}
.contact-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    display: grid;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
}
.ceo-info .elementor-widget-container {font-family: 'Roboto';}
.ceo-info .elementor-widget-container b {color: #000;font-size: 30px;}
.ceo-info .elementor-widget-container span {
    font-size: 25px;
    color: #585858;
    font-family: 'Raleway';
    margin-top: 11px;
    display: block;
    display: block;
    line-height: 35px;
}
.ceo-info .elementor-widget-container span a {color: #585858;}
.ceo-info .elementor-widget-container span a:hover {color: #24A9E0;}

/*-----contact form section-----------*/

.form-main-div label {
    font-weight: 600;
    color: #000;
}
.form-main-div textarea {height: 150px;}
.form-main-div input,
textarea {
    background: none;
    border: 2px solid #c6c6c6;
    border-radius: 18px;
    padding: 9px !important;
}

.form-main-div .wpcf7-submit {
    background: #283A96;
    color: #fff !important;
    padding: 12px 40px !important;
    border-radius: 12px;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    margin-top: 12px;
    line-height: 20px;
    transition: ease-in-out, 0.5s;
    position: relative;
    box-shadow: 0 10px 5px rgb(0 0 0 / 5%), 0 6px 6px rgb(0 0 0 / 15%);
}
.wpcf7-spinner {position: absolute;}
.form-main-div .wpcf7-submit:focus {
    background: #283A96 !important;
    border: none !important;
}
.form-main-div .wpcf7-submit:hover {background: #24A9E0 !important;}
.form-main-div .textarea {
    margin-top: 12px;
    display: block;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0 !important;
    color: #000;
    text-align: center;
}
.gm-style .place-card-large {display: none !important;}
.gm-style .place-card {display: none !important;}
.footer-logo img {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}
.box1:hover,
.box2:hover,
.box3:hover {
    background-color: #f1f1f1 !important;
}





@media (max-width:1024px) {


    .center-heading-border .elementor-widget-container h2:after {
        left: -20px !important;
        top: 0px;
    }

    .graph_circle ul li a .circle_one {
        position: absolute;
                top: 0%;
        left: -36%;
        transform: translate(80px, 1pc);
    }

    .graph_circle ul li a .circle_two {
        position: absolute;
                top: 0;
        left: 0%;
        transform: translate(255px, 19pc);
    }

    .graph_circle ul li a .circle_three {
        position: absolute;
       top: 10px;
        left: 1px;
        transform: translate(485px, 41pc);
    }
}


@media (max-width:768px)
{

    .graph_circle ul li a .circle_one {
        position: absolute;
        top: 0%;
        left: 0%;
        transform: translate(20px, 0pc);
    }

    .graph_circle ul li a .circle_two {
        position: absolute;
        top: 0;
        left: 0%;
        transform: translate(165px, 13pc);
    }

    .graph_circle ul li a .circle_three {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(325px, 30pc);
    }
}


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

    .center-heading-border .elementor-widget-container h2:after {
        left: -20px !important;
        top: 0px;
    }
    .banner-top .bdt-slide-text h1,
    .banner-top .bdt-slide-text .banner-top-heading {font-size: 36px;}
    .banner-top .bdt-slide-text .banner-second-heading {font-size: 32px;}
    .banner-top .bdt-slide-text {margin-left: 20px;}
    .sticky.fixed .header-logo .elementor-widget-container img {width: 32%;}
    .phone-number {
        padding: 20px;
        color: #fff;
        padding-left: 0px;
        text-align: left;
        font-size: 16px;
    }
    .phone-number a { color: #fff;}
    .map iframe { height: 250px;}
    #rmp_menu_trigger-3331 {top: 25px;}
    .gray-box,.white-box {padding: 30px;}
    .wheel-heading-border > .elementor-widget-container h2::after {top: 0px;}
    .product-slider .bdt-slide-desc {padding: 15px;}  
}


@media (max-width:767px) {

    html {overflow-x: hidden;}
    .rmp-submenu {background: #5161aa !important;}
    #rmp-menu-wrap-3331 .rmp-menu-item-link:hover,
    #rmp-menu-wrap-3331 .rmp-menu-item-link:focus {border-color: #5fb1e3;}
    #rmp_menu_trigger-3331 {margin-top: 13px;}
    #rmp-container-3331 {left: -1px;}
    .rmp-menu-title-image {margin-bottom: 0 !important;}
    .uael-nav-menu__toggle {text-align: right !important;}
    .logo-box {width: 74% !important;}
    .sticky.fixed #rmp_menu_trigger-3331 {margin-top: -10px !important;}
    .phone-number {
        padding: 20px;
        color: #fff;
        padding-left: 0px;
        text-align: left;
        font-size: 16px;
    }
    .phone-number a {color: #fff;}
    .sticky.fixed .header-logo .elementor-widget-container img {width: 24%;}
    .footer-logo img {width: 30% !important;}
    .banner-top .bdt-slide-text .banner-top-heading {margin-bottom: 10px;}
    .banner-top .bdt-navigation-prev {left: 295px !important;}
    .banner-top .bdt-navigation-next { right: 300px !important;}
    .menu-box {
        width: 20% !important;
        float: right;
    }
    .center-heading-border .elementor-widget-container h2:after {
        left: -20px;
        height: 32px;
        top: 3px !important;
        border-left: 7px solid #24A9E0;
    }
    .graph-image {position: relative;}
    .banner-top .bdt-slide-text .banner-top-heading {font-size: 28px;padding: 10px 15px;}
    .banner-top .bdt-slide-text h1 { font-size: 28px;padding: 3px 15px;}
    .banner-top .bdt-slide-text .banner-second-heading {
        font-size: 28px;
        line-height: 32px;
        padding: 6px 15px;
    }
    .banner-top .bdt-slide-text {margin-left: 0px;}
    .heading-border .elementor-widget-container h2:after,
    .center-heading-border .elementor-widget-container h2:after {top: 0px;}
    .ceo-info .elementor-widget-container span {font-size: 22px;}
    .contact-form {display: block;}
    .form-field { padding-bottom: 15px;}
    .form-main-div .textarea {margin-top: 0px;}
    .wheel-heading-border>.elementor-widget-container h2:after {
        top: 0 !important;
        border-left: 7px solid #24A9E0;
        height: 34px;
    }
    .graph-image> img{width:100%!important;}

    .graph_circle ul li a .circle_one {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(-37px, -1pc);
    }
    .graph_circle ul li a .circle_two {
        position: absolute;
        top: 1%;
        left: 0;
        transform: translate(32px, 5pc);
    }
    .graph_circle ul li a .circle_three {
        position: absolute;
        top: 0%;
        left: 0;
        transform: translate(114px, 15pc);
    }
    .ceo-info .elementor-widget-container b {font-size: 25px;}
    .banner-top .bdt-navigation-prev {left: 95px !important;}
    .banner-top .bdt-navigation-next {right: 100px !important;}
    .gray-box,.white-box {padding: 30px;}
    .gray-box {margin-bottom: 10px;}
    .campare-bgcolor {transform: translate(-50%, 974%); }
    .form-main-div textarea {height: 100px;}
    .heading-talk {border-left: 7px solid #24A9E0;}
}




@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
{

.gray-box {margin-bottom: 10px;}
.campare-bgcolor {transform: translate(-50%, 952%); margin-top: -1px;}
 .graph_circle ul li a .circle_one {
       position: absolute;
        top: 5%;
        left: 0;
                transform: translate(-42px, -1pc);
    }
    .graph_circle ul li a .circle_two {
        position: absolute;
                top: 46%;
        left: 0;
        transform: translate(17px, 4pc);
    }
    .graph_circle ul li a .circle_three {
        position: absolute;
                top: 0%;
        left: 0;
        transform: translate(90px, 13pc);
    }

.graph-image .elementor-widget-container{width: 100%!important; height: 320px!important;}
.product-slider .bdt-slide-desc {padding: 12px;} 
.product-slider .bdt-slide-desc .bdt-slide-text {font-size: 16px!important;} 


}