@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Exo:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* ---------top_nav---------- */
header{
    width: 100%;
    float: left;
}
.top-nav{
    background-color: #1e90ff;
    padding: 15px 0;
  width: 100%;
  float: left;
}
.top-nav .socialmedia a{
    padding: 5px 6px;

}
.top-left-ele{
    gap: 15px;
}
.top-call-item a{
    color: #dbdcf0;
    font-size: 16px;
    text-decoration: none;
    border-right: 1px solid #dbdcf0;
    display: inline-block;
    padding-right: 15px;
font-family: 'Poppins';
transition: 0.5s;
    i{
        padding-right: 10px;
    }
}
.top-call-item a:hover{
    color: #fd7e14;
}
.top-mail-item a{
    color: #dbdcf0;
    font-size: 16px;
    text-decoration: none;
    font-family: 'Poppins';
    transition: 0.5s;
    display: inline-block;
    i{
        padding-right: 10px;
    }
}
.top-mail-item a:hover{
    color: #fd7e14;
}
.top-right-ele i{
    font-size: 16px;
    color: #dbdcf0;
    margin-right: 15px;
    transition: 0.5s;
}
.top-right-ele i:hover{
    color: #fd7e14;
}
.top-right-ele i:last-child{
    margin-right: 0px;
}
.sticky {
    background:#fff;
    position: fixed;
    top: 0;
    padding-bottom: 5px;
    width: 100%;
    box-shadow: 2px 5px 10px #ccc;
    z-index: 123;
}
/* --------------main_nav--------------- */

.header_button{
    width: 100%;
    float: left;
    background-color: #fff;

}
.logo a img {
    width: 80px;
    height: auto;
    margin: 8px 0;
}
.menu_w {
    display: block;
    float: right;
    padding:0px;
}
.menu_w ul ul {
    display: none;
}
.menu_w ul li:hover > ul {
    display: block;
}
.menu_w ul {
    float: left;
    list-style: outside none none;
    margin:0;
    padding: 0;
}
.menu_w ul li {
    display: inline-block;
    float: left;
        padding-top: 10px;
}
.menu_w ul li:first-child {
    float: left;
    border-left: none;
    padding-left:0px;
}
.menu_w ul li a {
    display: block;
    text-align: left;
    text-decoration: none;
    color: #333;
        padding-left: 18px ;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
    padding-right: 18px;
    border-bottom: 2px solid #fff;
}
.menu_w ul li a:hover {
     border-bottom: 2px solid #1e90ff;
     color: #1e90ff;
}
.menu_w ul li.current-menu-item a{
     border-bottom: 2px solid #1e90ff;
     color: #1e90ff;
}

.menu_w ul li.act {
    color: #ffffff;
    background:#dd374d;
}
.retailer_box p label.error {
    color:#F00;
}
.menu_w ul li:first-child a {
/*     background: none repeat scroll 0 0 #000;*/



}
.menu_w ul ul {
    padding: 0;
    position: absolute;
    top: 40px;
    width: 250px;
    z-index: 9999;
    margin:0px;
    background: #55ab00;
}
.menu_w ul ul li {
        border-right: medium none;
    float: left;
    position: relative;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px dotted #fff;
    border-left: none!important;
}

.menu_w ul ul li a {
    color: #fff !important;
    float: left;
    font-size: 14px;
    padding: 10px 5px;
    text-align: left;
    width:100%;
    border: none;
}
.menu_w ul ul li:last-child {
    border-bottom: medium none;
}
.menu_w ul ul li a:hover {
    color: #fff !important;
}
.menu_w ul ul ul {
    left: 100%;
    position: absolute;
    top: 0;
}
/* -------------banner-part--------------- */
.banner-sec{
      width: 100%;
    float: left;

}
.carousel-item{
    position: relative;
}
.banner-title{
    position: absolute;
    width: 80%;
    top: 200px;
    left:10%;
    text-align: center;
}
.banner-title h1{
    font-size: 58px;
    color: #ffffff;
    font-family: "Exo 2", sans-serif;
}
.banner-btn{
    background-color: #1e90ff;
    font-size: 25px;
    margin-top: 30px;
    width: 316px;
    margin: 40px auto 0;
    transition: 0.5s;
    a{
        text-decoration: none;
        color: #ffffff;
        font-family: "Exo", sans-serif;
        font-weight: bold;
        padding: 28px 35px;
        display: inline-block;
        transition: 0.5s;
    }
}
.banner-btn:hover {
    background-color: #000;
    box-shadow: 2px 2px 15px 5px #fff;
    border-radius: 10px;
}
.home-contact-sec{
    float: left;
    width: 100%;
    position: absolute;
    top: 0px;
}
.home-contact{
   width: 100%;
    float: left;
    background: #fff;
    padding: 15px;
    margin-top: 50px;
    
    }
.home-contact h2 {
    color: #000;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    padding: 20px 0;
}
.home-contact form label {
    display: inline-block;
    width: 100%;
}
.home-contact form input {
    border: 1px solid #333;
    padding: 8px;
    width: 100%;
    float: left;
}
.home-contact form textarea {
    border: 1px solid #333;
    padding: 8px;
    width: 100%;
    height: 80px;
    float: left;
}
.home-contact form input[type=submit] {
    background-color: #1e90ff;
    padding: 12px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}
/* -----------services-sec------------ */
main{
    width: 100%;
    float: left;
}
.service-sec{
    padding: 80px 0;
     width: 100%;
    float: left;
        background: #fff;
}
.service-lower-sec{
    padding-top: 65px;
}
.left-title h2{
    font-size: 40px;
    font-family: "Exo 2", sans-serif;
    font-weight: bold;
    color: #000;
}
.right-btn{
    background-color: #1e90ff;
    transition: 0.5s;
    a{
        text-decoration: none;
        color: #ffffff;
        font-family: "Exo 2", sans-serif;
        font-weight: bold;
        padding: 15px 20px 15px 20px;
        display: inline-block; 
        font-size: 16px;  
        transition: 0.5s;
}
}
.right-btn:hover{
    background-color: #5b5a5b;
    a:hover{
        color: #ffffff;
}
}
.ser-top-item{
    text-align: left !important;
    display: flex;
    align-items: center;
    gap: 20px;
}
.service-card p{
    text-align: left !important; 
}
.ser-border{
border: 1px solid #3c3c3c;
padding: 15px 25px 35px;
}
.service-card{
    position: relative;
 padding-bottom: 140px;
}
.service-img{
    position: absolute;
left: 0px;
right: 0px;
bottom: 35px;
}
.service-img img{
max-width: 310px;
display: inline-block;
min-height: 154px;
}
.ser-title a{
    text-decoration: none;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
.ser-border p{
    padding: 20px 0;
    font-size: 12px;
    font-weight: 600;
    text-align: justify;
}
.side-img img{
    max-width: 340px;
    min-height: 500px;
    display: inline-block;
        position: relative;
}

.serv_icon {
    width: 43px;
    height: 43px;
}
.ser-logo img{
    transition: 0.5s;
    overflow: hidden;
}
.ser-logo img:hover{
    transform: scale(1.2);
}
/* --------------------contact-sec-------------------- */
.contact-sec{
    margin-top: -13%;
    background-image: url('../images/contact-img.jpg');
 background-size: 100% 100%;
    background-repeat: no-repeat;
     width: 100%;
    float: left;
}
.contact-left-item{
    width: 100%;
padding-top: 55px;
h3{
    font-size: 35px;
    color: #ffffff;
    font-family: "Exo 2", sans-serif;
    font-weight: bold;
}
p{
    color: #ffffff;
    font-size: 16px;
    padding: 8px 0;
}
}
.contact-left-item .contact-btn{
    background-color: transparent;
    border: 1px solid #ff641c;
    display: inline-block;
    transition: 0.5s;
}
.contact-left-item .contact-btn:hover{
    background-color: #ff641c;
    border: 1px solid #fff;
    display: inline-block;
}
.contact-btn
{
    text-align: center;
}
.contact-left-item a {
text-decoration: none;
display: inline-block;
padding: 16px 20px;
font-size: 24px;
color: #ffffff;
font-family: "Exo 2", sans-serif;
}


.contact-right-item{
max-width: 450px;
margin: 0 auto;
    padding-top: 140px;
    padding-left: 90px;
    h3{
        font-size: 35px;
color: #ffffff;
font-family: "Exo 2", sans-serif;
    }
}
.contact-right-item a{
font-size: 33px;
color: #ffffff;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 12px;
i{border-right: 1px solid #ffffff;
   padding-right: 15px;
}
}
.form-btn{
background-color: #030003;
margin: 20px 0 40px;
position: relative;
}
.form-btn input{
background-color: transparent;
border: none !important;
padding-top: 15px;
padding-bottom: 15px;
}
.form-btn input::placeholder{
    color: #383b40;
    font-size: 15px;
    border: 0px !important;
}
.form-btn input:focus-visible{
outline: none !important;
border: none !important;
}

.form-btn img{
    position: absolute;
    bottom: 12px;
    right: 15px;
}
.contact-btn{
    transition: 0.5s;
}
.contact-btn:hover{
    background-color: #5b5a5b;
}

.form-btn .form-control:focus
{
    background-color: transparent;
    border: 2px solid #000!important;
    box-shadow: none;
    color: #fff;
}
/* ----------about-sec----------- */
.about-sec{
    padding: 35px 0 40px;
    width: 100%;
    float: left;
    background: #fff;
}
.about-img{
    display: flex;
    align-items: center;
    gap: 10px;
}
.about-img img{
 width: 100%;
 display: inline-block;
 height: auto;
}
.about-pra p{
    font-size: 17px;
    /*font-family: 'Poppins';*/
    padding-bottom: 5px;
}
.about-contact-item .contact-btn{
    background-color: #1e90ff;
    display: inline-block;
    transition: 0.5s;
}
.about-contact-item .contact-btn:hover{
    background-color: #5b5a5b;
}
.about-contact-item .contact-btn a {
    text-decoration: none;
display: inline-block;
padding: 16px 20px;
font-size: 24px;
color: #ffffff;
font-family: "Exo 2", sans-serif;
}
.contact-no-ele {
    text-align: center;
}
.contact-no-ele a{
    font-size: 24px;
    color: #1e90ff;
    text-decoration: none;
}
.vr{
    border: 4px solid #fd7e14 !important;
    opacity: 1 !important;
}
/* ------------our-work-sec-------------- */
.our-work-sec{
    background-image: url("../images/work-background.png");
 margin-top: 20px;
}
.work-details{
    padding: 70px 0 0;
}
.work-top h3{
    display: inline-block;
font-size: 26px;
color: #dbdcf0;
font-family:"Exo 2", sans-serif ;
position: relative;
}
.work-top h3::after{
position: absolute;
content: "";
width: 110px;
border: 2px solid #ff641c;
bottom: 0;
right: -130px;
}
.work-top h2{
    font-size: 36px;
    color: #dbdcf0;
    font-family:"Exo 2", sans-serif ;   
}
.work-top h2{
    padding: 25px 0;
    font-size: 36px;
    font-family:"Exo 2", sans-serif ; 
    font-weight: bold;
}
.work-img{
    position: relative;
    margin-top: -10%;
}
.work-img img{
    position: relative;
    bottom: 0;
    top: 0;
  width: 100%;
}
.work-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
}
.work-title p{
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 0 !important;
}
/* ------------testimonials-sec----------------- */
.testimonials-sec{
    background-color: #ffffff;
    padding: 100px 0 0;
    float: left;
    width: 100%;
}
.top-heading h3{
    font-size: 28px;
    font-family:"Exo 2", sans-serif ; 
    position: relative;
    display: inline-block;
}
.testimonials-sec .top-heading h3::after{
    position: absolute;
    content: "";
    width: 110px;
    border: 2px solid #fc782d;
    bottom: 0;
  right: -120px;
    }
.top-heading h2{
    font-size: 36px;
    font-family:"Exo 2", sans-serif ; 
    font-weight: bold;
    padding: 20px 0;
}
.testimonials-card{
    padding: 55px 60px;
}
.card-item{
    background-color: #1e90ff;
    border-radius: 10px;
   min-height: 260px;
   max-width: 456px;
   padding: 90px 40px 0;
   position: relative;
   margin: 50px 0;
}
.card-icon{
    position: absolute;
    top: -75px;
    left: 60px;
}
.card-title h3{
    font-size: 24px;
    font-family:"Exo 2", sans-serif ; 
font-weight: bold;
padding-bottom: 4px;
}
.card-title p{
    font-size: 15px;
    font-family:"Exo 2", sans-serif ; 
}
/* ----------gallery-sec--------- */
.gallery-sec{
    padding: 125px 0;
    width: 100%;
    float: left;
    background-image: url("../images/gallery_back.png");
}
.gallery-photos-sec{
    padding-top: 70px;
    width: 100%;
    float: left;
}
.gallery-sec h3:active{
    border: 2px solid #ffffff;
}
.gallery-sec .top-heading h3::after{
    position: absolute;
    content: "";
    width: 110px;
    border: 2px solid #ffffff;
    bottom: 0;
  right: -120px;
    }
.gallery-img{
    transition: 0.5s;
    overflow: hidden;
    margin-bottom: 25px;
} 
.gallery-img img{
   
        width: 100%;
    min-height: 275px;
    display: inline-block;
    transition: 0.5s;
}
.gallery-img img:hover{
    transform: scale(1.2);
}
.pagination {
    display: inline-block !important;
    padding-bottom: 50px;
    margin:0;
        text-align: center;
    width: 100%;
    float: left;
    background: #000;
}
.pagination .current {
    padding: 10px 15px;
    color: #fff;
    background: #fc782d;
    border: 1px solid #fc782d;
}
.pagination span, .pagination a {
    display: inline-block;
    margin: 2px 2px 2px 0;
    padding: 10px 15px;
    text-decoration: none;
    width: auto;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}
/* ---------footer-part------------- */
.footer-sec{
    background-color: #5b5a5b;
    padding:70px 0 ;
        float: left;
    width: 100%;
}
.footer-logo h1{
    font-size: 28px;
    font-family: 'Poppins';
}
.footer-link-item h3{
    font-size: 24px;
    font-family: 'Poppins';
}
.link-item a{
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    padding-bottom: 6px;
}
.contact-link-item a{
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
margin-bottom: 20px;
}
.contact-link-item i{
    font-size: 27px;
    color: #ff641c;
    transition: 0.5s;
}
.contact-link-item i:hover{
    color: #dbdcf0;
}
/* ---------sub-footer--------- */
.sub-footer{
    border-top: 1px solid #ffffff;
        float: left;
    width: 100%;
    background-color: #1e90ff;
    padding: 25px 0;
    p{
        font-family: 'Poppins';
        font-size: 18px;
    }
}
    .container{
        max-width: 1140px;
        margin: 0 auto;
        padding: 0 8px;
    }
/* -----------------1250px------------------ */
@media screen and (max-width:1250px){

    .banner-title{
        padding-top: 15px;
        width: 100%;
        margin: 0 auto;
        left: 0px;
        top: 74px;
    }
    .banner-title h1 
    {
        font-size: 45px;
    }
    .service-sec{
        padding: 20px 0;
    }
    .service-lower-sec{
        padding-top: 30px;
    } 
    .left-title h2{
        font-size: 25px;
    }
    .right-btn{
        background-color: #1e90ff;
        font-size: 14px;
        a{
            padding: 12px 18px;
    }
    }
    .service-img img{
        width: 90%;
        max-width: 100%;
    }
        .side-img img{
           width: 90%;
           min-height: 15px;


        }
        .service-card{
         padding-bottom: 170px;
        }
        .ser-border{
            padding: 15px 25px 30px;
            }
/* ---------gallery----------- */
.gallery-sec{
    padding: 30px 0;
  
}
.gallery-photos-sec{
    padding-top: 20px;
    text-align: center;
}
/* ------------testimonials-sec----------------- */
.testimonials-sec{
    padding: 30px 0!important ;
}
.testimonials-card{
    padding: 40px 0px 0px!important;
}
/* --------about-sec----------- */
.text-title{
    width: 95px;
}
.about-sec{
    padding: 20px 0 0px;
}
.vr{
    display: none;
}
.footer-sec{
        padding:30px 0 ;
    }
.sub-footer p{
    font-size: 12px;
}

.work-img {
    margin-top: -5%;
}

.contact-sec {
    margin-top: -39px!important;
}
.text-title{
    width: 95%;
    }
.testimonials-sec{
    background-color: #ffffff;
    padding: 100px 0 0;
}
.top-heading h3{
    font-size: 28px;
    font-family:"Exo 2", sans-serif ; 
    position: relative;
    display: inline-block;
}
.top-heading h3::after{
    position: absolute;
    content: "";
    width: 110px;
    border: 2px solid #ffffff;
    bottom: 0;
  right: -120px;
    }
.top-heading h2{
    font-size: 36px;
    font-family:"Exo 2", sans-serif ; 
    font-weight: bold;
    padding: 20px 0;
}
.testimonials-card{
    padding: 110px 60px;
}
.card-item{
    background-color: #1e90ff;
    border-radius: 10px;
   min-height: 260px;
   max-width: 456px;
   padding: 90px 40px 0;
   position: relative;
}
.card-icon{
    position: absolute;
    top: -75px;
    left: 60px;
}
.card-title h3{
    font-size: 24px;
    font-family:"Exo 2", sans-serif ; 
font-weight: bold;
padding-bottom: 4px;
}
.card-title p{
    font-size: 15px;
    font-family:"Exo 2", sans-serif ; 
}
.about-section{
    padding: 20px 0!important;
}
.text-title{
    width: 90% !important;
    }
    .banner-heading h1{
        font-size: 58px !important;  
}
.banner-background
{
    height:auto;
}
.banner-heading
{
    padding: 20px!important;
}
.service-section {
    padding: 30px 0 20px!important;
}

.service-img
{
    bottom: 15px;
}

.contact-us {
    padding: 30px 0px 10px!important;
}
}

/* ----------------------992px-------------------- */
@media screen and (max-width: 992px){
    .navbar-nav{
        position: absolute;
        background-color: #ffffff;
        left: -10px;
    right: -10px !important;
    top: 85px;
        z-index: 1;
    }
    .nav-link{
padding: 4px;
border-bottom: 1px solid #000;
    }
    .banner-title{
        padding-top: 30px;
    }
    .card-item{
      max-width: 700px;
     margin-bottom: 15px;
      
    }
    .top-nav .socialmedia a {
    padding: 4px 1px;
}

/* ------------contact--------------- */
.contact-sec{
    margin-top: 20px;
    padding-bottom: 10px;
}
.contact-left-item{
padding-top: 30px; 
padding-bottom: 20px;
text-align: center;
h3{
    font-size: 25px;
}
p{
    font-size: 14px;
    padding: 6px 0;
}
}
.contact-right-item{
 text-align: center;
        padding-top: 30px;
        padding-left: 0px;
    }
.contact-left-item a {
padding: 12px 18px;
font-size: 20px;
}
.contact-right-item h3{
    font-size: 25px;
}
.contact-right-item a{
    font-size: 25px;
}
.form-btn{
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 16px;
    }
    /* ---------work---------- */
    .work-top h2{
        font-size: 25px;
    }
    .banner-title
{
    top: 40px;
    text-align: center;
    left: 0;
    width: fit-content;
}
}

.contact-btn:hover{
    background-color: #ff7600;
}
/* --------------------768px--------------------- */
@media screen and (max-width: 768px){
    .banner-heading h1{
        font-size: 45px !important;
    }
    .banner-heading p{
        font-size: 15px !important;
    }
    .banner-title
    {
        h1{
            font-size: 30px;
            padding: 40px 0px 0px ;
        }
    }
    .service-img img{
        min-height: 195px;
    }
.banner-title{
    padding: 0px;
    width: 100%;
    top: 0px!important;
}
    .about-right-item{
        padding-top: 20px;
    }
    .service-heading{
        flex-direction: column;
        text-align: center;
    }
    .right-btn{
        margin-top: 10px;
    }
    /* --------work-------- */
    .our-work-sec{
        margin-top: 60px;
    }
    .work-details{
        padding: 30px 0 0;
    }
    .work-img{
        margin-top: 10%;
    } 
     .work-wrap{
        padding: 10px;
     }
.footer1{
    text-align: center;
}
.footer2{
    text-align: left;

}
.ser-border p{
padding: 20px 0 0;
}

.submit-btn{
    margin-bottom: 20px;
}
.footer-link-item{
    padding: 0px !important;
}
.footer2 .link-item{
    text-align: start;
}
 .aboutus-img{
    margin-bottom: 20px;
 }
 .about-part2 {
    padding-top: 20px;
}
.row-2{
    margin-top: 0px !important;
}
}
/* ----------------568px---------------- */
@media screen and (max-width: 568px){
.top-nav{
padding: 4px 0;
}
.top-left-ele{
gap: 5px;
}
.top-call-item a{
    font-size: 12px;
    padding-right: 5px;
    i{
        padding-right: 5px;
    }
}
.top-mail-item a{
    font-size: 12px;
    padding-right: 10px;
    i{
        padding-right: 5px;
    }
}
.top-right-ele i{
    font-size: 12px;
}
.left-title h2{
    font-size: 18px;
}
    .right-btn{
        background-color: #1e90ff;
        a{
            padding: 12px 20px;
            display: inline-block;   
            font-size: 12px;
    }
    }
    .card-item{
        margin-top: 20px;
    }
    .banner-title
    {
        top: 20px;
        width: 100%;
    }
    .banner-title h1
    {
        font-size: 20px;
        
    }
    .banner-btn
    {
        padding: 5px;
            display: inline-block;
            font-size: 12px;
            margin: 0px;
            width: 150px;
    }
    .banner-btn a
{
    padding: 5px;
    font-size: 12px;
}
}

.gallery_row {
    margin-bottom: 25px;
}


#myBtn {
    
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 24px;
    border: none;
    outline: none;
    background-color: #fc782d;
    color: white;
    cursor: pointer;
    padding: 9px;
    border-radius: 40px;
    width: 55px;
    height: 55px;
    text-align: center;
}
.about-contact-item .contact-btn a {
    font-size: 16px;
}
.fixed-top
{
    box-shadow: 2px 2px 10px grey;
}
/* ======================================================================================
                                     aboutpage-start
 =======================================================================================================    */
 .banner-background{
    background-image: url('../images/banner-img2.png');
height:auto;
background-size:cover;
background-position: center;
background-repeat: no-repeat;
float: left;
width: 100%;
 }
.text-title{
width: 100%;
text-align: center;
margin: 0 auto;
}
.banner-heading{
    padding: 110px;
}
.banner-heading h1{
      font-size: 60px;
      font-family:"Exo 2", sans-serif ; 
      font-weight: bold; 
      color: #ffffff;  
      text-shadow: 2px 8px 5px rgb(46, 45, 45);
 }
 .banner-heading p{
    font-size: 22px;
    font-family:"Exo 2", sans-serif ; 
    font-weight: 500; 
    color: #ffffff;  
}
.about-section{
    padding: 80px 0;
    float: left;
width: 100%;
}
.aboutus-title h6{
    font-size: 25px;
    font-family:"Exo 2", sans-serif ;
    font-weight: bold;
    border: 1px solid #ff641c;
    display: inline-block;
    padding: 8px 15px;
    margin-bottom: 20px;
}
.aboutus-img img{
width: 100%;
    height: 380px;
    display: inline-block;
}

.aboutus-lower-heading h3{
    font-size: 28px;
    font-family:"Exo 2", sans-serif ;
    font-weight: bold;  
    color: #1e90ff; 
    padding-bottom: 10px;
}
.aboutus-lower-heading p{
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: normal;  
}
.aboutus-lower-title h1{
    font-size: 28px;
    font-family:"Exo 2", sans-serif ;
    font-weight: bold;  
    color: #000; 
}
.about-point{
    padding-top: 20px;
}
.about-point ul li p{
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: normal;  
}
/* .aboutus-lower-title{ */
  /* box-shadow: -18px -11px 28px -23px  #ff641c; */
  /* padding: 20px 0 0 20px; */
/* } */
.map-sec{
        margin-top: 40px;
    float: left;
    width: 100%;
}
.map-sec iframe{
    width: 100%;
    height: 50vh;
}
.about-part2{
    padding-top: 20px;
}
/* for service page */
.service-section .service-lower-sec .service-card{
    padding-bottom: 20px;
}

.service-section{
    padding: 60px 0;
        float: left;
    width: 100%;
}
.servicepage img{
    width: 100%;
}
.service-card p
{
    font-size: 15px;
}

.ser-btn{
    background-color: #1e90ff;
    display: inline-block;
    float: left;
    width: 100%;
}
.blog_w{
        margin-bottom: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 20px;
    border-radius: 6px;
        float: left;
    width: 100%;

}
.blog_w img{
    width: 100%;
     float: left;
         height: auto;
}
.blog_w .more-btn a{
    float: left;
    background-color: #1e90ff!important;
    color: #fff;
    border: 1px solid #1e90ff !important;
    border-radius: 0px;
    padding: 6px 10px;
    text-decoration: none;
}
.ser-btn a{
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    padding: 8px 12px;
    display: flex;
    align-items: center;
}
.ser-btn i{
    width: 30px;
    height: 35px;
    border-radius: 50%;
    font-weight: bolder;
    font-size: 20px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1e90ff;
}

#sidebar {
    float: left;
    background:#1e90ff;
}
#sidebar  #block-2{
    display: none;
}

#sidebar .wp-block-search__inside-wrapper{
    display: none;  
}
#sidebar #block-3{
    padding: 0px;
}
#sidebar #block-3 h2{
   float: left;
    width: 100%;
    background: #fff;
    padding: 5px;
    font-size: 22px;
    font-weight: bold;
}
#sidebar #block-4 h2{
   float: left;
    width: 100%;
    background: #fff;
    padding: 5px;
    font-size: 22px;
    font-weight: bold;
}
#sidebar ul {
    list-style-type: none
}

#sidebar ul li {
    float: left;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ccc
}

#sidebar ul li a {
    color: #fff;
    font-size: 15px
}

#sidebar form .search-field {
    padding: 9.5px;
    font-size: 16px;
    font-weight: 400;
    float: left;
    width: 100%
}
#comments{
    display: none;
}
.post-info .fa-comments{
    display: none;
}
.entry-comments{
    display: none; 
}
#comments textarea {
    padding: 5px;
    width: 300px;
    height: 80px;
}
#comments label {
    width: 90%;
    float: left;
    font-weight: 400
}

#comments input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 5px
}

#comments textarea {
    padding: 5px;
    width: 300px;
    height: 80px
}
#comments form input[type=checkbox] {
    float: left;
    width: 30px;
    padding: 0;
    margin: 7px 0
}
#comments label {
    width: 90%;
    float: left;
    font-weight: 400
}
#comments form input[type=submit] {
    background:linear-gradient(to right, #5192e1 0%, #23ced5 51%, #5192e1 100%);
    color: #fff;
    padding: 10px
}

#comments img {
    width: auto
}

.blog-sec .pagination span, .blog-sec .pagination a {
    display: inline-block;
    margin: 2px 2px 2px 0;
    padding: 10px 15px;
    text-decoration: none;
    width: auto;
    color: #333;
    border: 1px solid #333;
}
.blog-sec .pagination{
    background:none;

}
#sidebar form input[type=submit] {
    float: right;
    width: 90px;
    padding: 10px;
    background:linear-gradient(to right, #5192e1 0%, #23ced5 51%, #5192e1 100%);
    color: #fff;
    border: 1px solid #55ab00
}
.mainimage img{
    width:100%;
    height:auto;
}
.feature-box img {
    border-radius: 0px;
    width: 100%;
    height: auto;
}
.row-2 {
    margin-top: 100px;
}

/* ======================================================================================
                                  Cntactpage-start
=======================================================================================================    */

.contact-us{
    padding: 70px 0px;
     float: left;
    width: 100%;
}

.contact_right-item{
    padding: 0px 30px;
}

.con-details{
 background-color:rgb(163, 161, 161);
   padding: 15px ;
   margin: 5px 0px;
}
.con-details a{
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    color: #080808;
    display: flex;
    flex-direction: column;
}
.con-details i{
    text-decoration: none;
    font-size: 30px;
    text-shadow: 1px 2px 1px #c9c6c6;
    color: #ff641c;
margin-bottom: 15px;
}
.contact-form p{
    margin-bottom: 0px;
}
.contact-form input{
    border-bottom: 1px solid rgb(124, 120, 120) !important;
    margin-bottom: 30px;
    border: none;
    width: 350px;
    padding: 5px;
}

.contact-form textarea{
     border-bottom: 1px solid rgb(124, 120, 120) !important;
    margin-bottom: 30px;
    border: none;
    width: 350px;
    height: 80px;
}
.contact-form input[type=submit] {
        background-color: #fd7e14;
    display: inline-block;
    transition: 0.5s;
    width: 110px;
    font-weight: 600;
    padding: 8px;
}
.contact-form input:focus-visible{
border-bottom: 1px solid rgb(124, 120, 120) !important;
margin-bottom: 30px;
}

.contact_frm:focus{
border-bottom: 1px solid rgb(124, 120, 120) !important;
margin-bottom: 30px;
border: none;
box-shadow: none!important;
}

.contact_frm {
    border: none;
}

.contact-form input::placeholder{
color: #595c5f;
font-size: 18px;
}

textarea{
    padding-bottom: 50px;
margin-bottom: 30px;
}
textarea::placeholder{
    color: #000;
    font-size: 18px;
}
.submit-btn{
    background-color: #fd7e14;
    display: inline-block;
    transition: 0.5s;
}
.submit-btn:hover{
    background-color: #ff641c;
}
.submit-btn a{
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 18px;
    font-weight: 700;
    transition: 0.5s;
}
.submit-btn a:hover{
    color: #1e90ff;
}

.contact_left-item{
    box-shadow: 0 4px 8px 0 black;
    padding: 20px;
}

.contact_frm {
    border-bottom: 1px solid #000;
}

.contact_details{
    display: inline-flex;
}

.contact_details p{
    align-content: center;
    margin-bottom: 0px;
    font-size: 18px;
}

.contact_details h3{
    margin-bottom: 0px;
}

.contact_icon {
    font-size: 30px;
    color: #1e90ff;
}
.contact_heading
{
    color: #1e90ff;
}

.blog-sec{
    padding: 100px 0 50px;
        float: left;
    width: 100%;
}
.blog_btn{
    background-color: #1e90ff;
    color: #fff;
    border: 1px solid #1e90ff!important;
    border-radius: 0px;
}

/* for service list */
.nav_service_list a{
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    font-family: "Exo 2", sans-serif;
    text-transform:capitalize;
}
.service_nav_box{
    background-color: #1e90ff;
    padding: 20px;
    border: 1px solid #1e90ff;
        float: left;
    width: 100%;
        margin-bottom: 25px;

    h3{
        color: #fff;
        font-family: "Exo 2", sans-serif;
        text-transform: capitalize;
        
    }

    p{
        font-family: "Exo 2", sans-serif;
        color: #fff;
    }
}
.serv_content{
    font-family: "Exo 2", sans-serif;
}
.serv_btn{
  
    border-radius: 0px;
    padding: 20px;
    background-color: #1e90ff;
    color: #fff;
    font-weight: 800;
    border: 1px solid #1e90ff;
    font-family: "Exo 2", sans-serif;
    width: 100%;
    float: left;
}
.servicepage form p {
      width: 100%;
    float: left;
}
.servicepage form p label{
      width: 100%;
    float: left;
}
.servicepage form input{
       border: 1px solid #333;
    padding: 8px;
      width: 100%;
    float: left;
}
.servicepage form textarea{
     border: 1px solid #333;
    padding: 8px;
      width: 100%;
      height: 80px;
    float: left;
}
.servicepage form input[type=submit]{
    background-color: #1e90ff;
    padding: 12px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}
/* ======================================================================================
                                  FAQ
=======================================================================================================    */

.faq-section {
    width: 100%;
    float: left;
        background-color: #f5f5f5;
    padding: 100px 0 80px;
}

.faq-item {
      width: 100%;
    float: left;
}

.faq-question {
    padding: 18px;
    border: 0;
    background: #ccc;
    text-align: left;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    border-radius: 25px;
    margin-bottom:10px;
    float: left;
    width: 100%;
}

.faq-answer {
  display: none;
     padding: 15px 18px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 23px;
    margin-bottom: 5px;
}

.faq-item.active .faq-answer {
  display: block;
}

.faq-item.active .faq-question span {
  transform: rotate(45deg);
}