@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,600;1,100;1,200;1,300;1,400;1,800;1,900&display=swap');


                           /*----------------------------------------------------------top-sec-------------------------------------------------- */
.top-sec {
    background-color: #c6c6c6;
    text-align: center;
}
.top-sec-left {
    text-align: center;
    margin: 80px 0px 50px 0px;
}

.top-sec-txt {
    
    color: #465761;
    font-weight: 600;
    font-size: 50px;
    font-family: 'Raleway', sans-serif;
}

button.top-sec-btn.btn {
    background-color: #465761;
    color: white;
    padding: 8px 20px 8px 20px;
}

.top-sec-txt-clr-blk {
    color: black;
}

.top-sec-right-pic img {
    width: 100%;
}

                           /*----------------------------------------------------------second-sec-------------------------------------------------- */
.second-sec-txt .aa {
    font-size: 23px;
}

.second-sec-heading {
    margin: 28px 0px;
    font-weight: 500;
    font-size: 27px;
}
p.dn_txt {
    font-weight: 500;
    font-size: 19px;
}
.thurd-sec {
    background-color: #bfb28f;
}


                           /*----------------------------------------------------------thurd-sec-------------------------------------------------- */

                           .thurd-sec-left-img img {
                            width: 690px;
                        }
.thurd-sec-right-txt {
    font-weight: 700;
    font-size: 20px;
}

.thurd-sec-right {
    margin: 75px 0px 0px 0px;
}


                           /*----------------------------------------------------------fourth-sec-------------------------------------------------- */




.fourth-sec {
background-color: #bfb28f;
padding: 0px 0px 50px 0px;
 }

 .fourth-sec-heading {
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    padding: 30px 0px 30px 0px;
}

/* .fourth-sec-row {
    background-color: #465761;
    font-weight: 400;
    font-size: 20px;
    padding: 40px 30px 20px 30px;
    color: white;
} */
.fourth-sec-row {
   
    background-color: #465761;
    padding: 30px;
    font-size: 25px;
    color: white;
}

/* .fourth-sec-txt{
    background-color: #465761;

} */


.fourth-sec-txt {
    background-color: #465761;
    font-size: 18px;
}
                           /*----------------------------------------------------------fifth-sec-------------------------------------------------- */


 .fifth-sec {
  padding: 101px 0px 100px 0px;
  }

.fifth-sec-heading {
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    padding: 0px 0px 50px 0px;
}

.fifth-sec-first-txt {
    font-size: 21px;
}
.fifth-sec-second-txt {
    background-color: #465761;
    padding: 30px;
    font-size: 20px;
    color: white;
    margin: 63px 0px 0px 0px;
}

.fifth-sec-img img {
    width: 100%;
}

                           /*----------------------------------------------------------sixth-sec-------------------------------------------------- */

.sixth-sec{
    background-color: #bfb28f;;
 
}

.sixth-sec-heading {
    font-size: 50px;
    font-weight: 700;
    margin-top: 50px;
    text-align: center;
}
.sixth-sec-txt {
    margin: 70px;
    font-weight: 500;
    font-size: 20px;
}

.sixth-sec-btn.btn {
    background-color: #465761;
    color: white;
    padding: 15px 50px 15px 50px;
  
}

.sixth-sec-button {
    text-align: center;
}

                           /*----------------------------------------------------------seventh-sec-------------------------------------------------- */
button.sixth-sec-btn.btn.btn-primary {
    border: solid 1px #797977;
}
button.sixth-sec-btn.btn.btn-primary:hover {
    background-color: #797977;
}

.seventh-left-img img {
    width: 78%;
    margin-top: 31px;
}
.up_icon i {
    width: 16%;
    float: right;
    font-size: 52px;
    margin: 10px;
    color: #797977;

}
.price_area {
    text-align: center;
}
.price_area i {
    width: 25px;
    color: #797977;

}
.dn_icon i {
    width: 33px;
    color: #797977;

}
.price_bx {
    border: solid 1px #c3b18f;
    background-color: #c3b18f;
    border-radius: 10px;
    margin: 20px;
}
.price_bx:hover {
    margin: 0px;
    background-color: #718c96;
    color: white;
}
.price_bx:hover .dn_icon i{
    color: #405861;
    
}
.price_bx:hover .up_icon i{
    color: #405861;
    
}
.price_bx:hover button i{
    color: #405861;
    
}
.btn_area {
    text-align: center;
    margin-top: 15px;
}
.dn_icon i {
    font-size: 55px;
    margin: 15px 21px;
    color: #797977;
}
button.btn.btn-primary.get_btn {
    background-color: #465761;
    border: solid 1px #465761;
    border-radius: 32px;
    margin-top: 13px;
}
section.price_sec {
    text-align: center;
    background-color: #405861;
}
section.price_sec h2 {
    color: white;
    font-weight: 900;
}
section.price_sec {
    padding: 32px 0px;
}
.dn_icon i {
    float: left;
}
p.top_p {
    color: white;
    margin: 32px 0px;
}
.flx {
    display: flex;
    justify-content: center;
}
.logo_icn img {
    width: 200px;
}
.img_cont {
    position: relative;
    text-align: center;
    color: white;
  }
  .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  h1.m-head {
    font-size: 60px;
}
h5.t-head {
    font-size: 30px;
}
.logo_icn_dn_ex img {
    width: 91px;
    margin-top: 15px;
}
.logo_icn_dn img {
    width: 137px;
    margin: 23px 20px;
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .top-sec-txt {
        /* font-weight: 100; */
    }
    .top-sec-left {
        margin: 34px 0px 42px 0px;
    }


    .second-sec-start {
        margin: 70px;
        font-weight: 500;
        font-size: 12px;
    }

    .fifth-sec-second-txt {
   
        text-align: center;
      
    }
    .seventh-left-img img {
        width: 100%;
    }
    .sixth-sec-txt {
        text-align: center;
     
    }
    .thurd-sec-left-img img {
        width: 100%;
    }
    .logo_icn img {
        width: 100px;
    }
    .logo_icn_dn_ex img {
        width: 33px;
        margin-top: 15px;
    }
    .logo_icn_dn img {
        width: 33px;
        margin: 23px 20px;
    }
    h1.m-head {
        font-size: 18px;
    }
    h5.t-head {
        font-size: 9px;
    }
    button.btn.btn-primary.reg_btn {
        font-size: 10px;
    }
    

}








/* Raleway', sans-serif */
/* Montserrat SemiBold */





.colors-iboto{
   color:#bfb28f;
   color: #465761;
   color: #778b96;
   color: #fabb30;
   color:#e78035;
}