@font-face {
    font-family:Montserrat;
    src: url(../fonts/Montserrat-Regular.otf);
  }
body{
    font-family: 'Montserrat-regular';
}
.section1{
    margin-top: 130px;
}
.banner{
    background-image: url('../images/smiley-mother-child-using-laptop-together_23-2148816960.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
    width: 100%;
}
.section1heading1{
    color: #fff;
    padding-top: 65px;
    padding-left: 30px;
    font-weight: bold;
}
.section1heading2{
    color: #fff;
    padding-left: 30px;
    font-size: 45px;
    font-weight: bold;
    font-family: var(--fontfamily-heading);
}
.section1heading3{
    color: #fff;
    padding-left: 30px;
    font-size: 16px;
    padding-top: 10px;
    font-family: var(--fontfamily-heading);
}
.section1para{
    color: #fff;
    padding-left: 30px;
    font-size: 11px;
    padding-top: 10px;
    font-family: var(--fontfamily-para);
}
.addtocartbtn{
   background: #118df0;
    color: #fff;
    margin-left: 30px;
    width: 214px;
    height: 49px;
    font-family: var(--fontfamily-heading);
    transition: .3s ease-in-out;
    box-shadow: 0px 6px 16px rgb(0 0 0 / 50%);
}
.addtocartbtn:hover{
    background: #fff;
    color: #118df0;
    /* border: 1px solid #118df0; */
}
.section2{
    margin-top: 30px;
}
.section2div{
    background-image: url('../images/laptop-mockup-wooden-table_53876-98589.webp');
    background-size: cover;
    background-position: bottom;
    border-radius: 15px;
    height: 360px;
}

.section2-opacity-div{
    background-color: rgba(0, 0, 0, 0.7);
    height: 360px;
    border-radius: 15px;
}

.section2heading1{
    padding-top: 65px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 40px;
    font-family: var(--fontfamily-heading);
}
.section2heading2{
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    color: #fff;
    padding-top: 4px;
    text-transform: capitalize;
    font-family: var(--fontfamily-heading);
}
.section2heading3{
    line-height: 27px;
    font-size: 17px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-family: var(--fontfamily-heading);
}
.section2para{
    font-size: 10px;
    text-align: center;
    color: #fff;
}
.section2shopbtn{
    background: #118df0;
    color: #fff;
    position: absolute;
    left: 38%;
    width: 25%;
    transition: .3s ease-in-out;
    letter-spacing: 1px;
    font-family: var(--fontfamily-heading);
}
.section2shopbtn:hover{
    background: #fff;
    color: #118df0;
    /* border: 1px solid #118df0; */
}
.section2div2{
    background: url('../images/business-people-working-with-laptop_53876-12025.webp');
    background-size: cover;
    border-radius: 15px;
    height: 360px;
}

.section2-opacity-div2{
    background-color: rgba(0, 0, 0, 0.7);
    height: 360px;
    border-radius: 15px;
}

.section2div2heading1{
    padding-top: 65px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 45px;
    font-family: var(--fontfamily-heading);
}
.section2div2heading2{
    text-align: center;
    font-size: 25px;
    color: #fff;
    padding-top: 4px;
    font-weight: bold;
    font-family: var(--fontfamily-heading);
}
.section2div2heading3{
    text-align: center;
    line-height: 30px;
    font-size: 17px;
    padding-top: 3px;
    color: #fff;
    font-family: var(--fontfamily-heading);
}
.section2div2para{
    font-size: 10px;
    text-align: center;
    color: #fff;
}
.learnbtn{
    background: #118df0;
    color: #fff;
    position: absolute;
    left: 38%;
    width: 25%;
    transition: .3s ease-in-out;
    letter-spacing: 1px;
    font-family: var(--fontfamily-heading);
}

.owl-carousel .owl-stage-outer{
padding-bottom: 35px !important;
}

.learnbtn:hover{
    background-color: #fff;
    color: #118df0;
    /* border: 1px solid #118df0; */
}

.section4{
    margin-top: 50px;
    margin-bottom: 50px;
}
.section4banner{
    background: url('../images/woman-checking-time-from-her-phone_53876-129658.webp');
    background-size: cover;
    height: 510px;
    margin-right: 86px;
}
.section4heading1{
    padding-top: 80px;
    font-size: 17px;
    font-weight: bold;
    padding-left: 32px;
    color: #fff;
}
.section4heading2{
    padding-left: 26px;
    font-weight: bold;
    color: #fff;
    font-family: var(--fontfamily-heading);
}
.section4heading3{
    padding-left: 27px;
    font-weight: bold;
    color: #fff;
    font-family: var(--fontfamily-heading);
}
.section4heading4{
    padding-left: 25px;
    padding-top: 16px;
    font-size: 19px;
    color: #fff;
    font-family: var(--fontfamily-heading);
}
.section4heading5{
    font-size: 11px;
    padding-left: 23px;
    padding-top: 12px;
    height: 15px;
    color: #fff;
}
.section4heading6{
    padding-left: 22px;
    color: #fff;
}

.section4heading6-a{
    color: #118df0;
    transition: .3s ease-in-out;
}

.section4heading6-a:hover{
    color: white;
    text-decoration: none;
}

.addtocartbtn2{
    background: #118df0;
     color: #fff;
     margin-left: 20px;
     width: 214px;
     height: 49px;
     transition: .3s ease-in-out;
     box-shadow: 0px 6px 16px rgb(0 0 0 / 22%);
     font-family: var(--fontfamily-heading);
 }
 .addtocartbtn2:hover{
    color: #118df0;
    background-color: #fff;
    /* border: 1px solid #118df0; */
 }
 .section5{
    background-image: linear-gradient(135deg,#0057b8,#009fdb);
    height: 380px;
 }
 .section5heading1{
    color: #fff;
    padding-top: 50px;
    font-size: 55px;
    font-weight: bold;
    font-family: var(--fontfamily-heading);
 }
 .section5heading2{
    color: #fff;
    font-size: 18px;
    padding-top: 20px;
    font-family: var(--fontfamily-heading);
 }
 .section5heading3{
    color: #fff;
    font-size: 15px;
    font-weight: 100;
    padding-top: 14px;
 }
 .section5heading4{
    color: #fff;
    border: 1px solid;
    width: 207px;
    height: 49px;
    font-size: 15px;
    letter-spacing: 1px;
    font-family: var(--fontfamily-heading);
    transition: .3s ease-in-out;
 }
 .section5heading5{
    color: #fff;
    border: 1px solid;
    width: 207px;
    height: 49px;
    font-size: 15px;
    letter-spacing: 1px;
    font-family: var(--fontfamily-heading);
    transition: .3s ease-in-out;
 }
 .section5heading5:hover,.section5heading4:hover{
    background: #fff;
    color: #118df0;
    border: none;
 }
 .section5row{
    margin-top: 70px;
 }
 .beforeafter::after{
   border: 1px solid;
 }
 /* .section6{
    background-image: url(../images/contactusbg.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 960px;
    padding-top: 2px;
 } */
 .section6heading1{
    color: #000;
    font-weight: bold;
    font-size: 15px;
}

 .section6heading2{
    font-weight: bold;
    color: #000;
    font-size: 21px;
    font-family: var(--fontfamily-heading);
}
.section6heading3{
    padding-top: 12px;
}
.section6heading4{
    padding-top: 12px;
    text-decoration: line-through;
    font-weight: bold;
    color: #000;
    height: 1px;
    font-family: var(--fontfamily-heading);
}
.section6heading5{
    font-weight: bold;
    color: #000;
    font-size: 28px;
    font-family: var(--fontfamily-heading);
}
.section6heading6{
    font-size: 10px;
    color: #838282;
}
.section6heading11{
    padding-top: 58px;
    color: #000;
    font-weight: 600;
    font-family: var(--fontfamily-heading);
}
.section6heading12{
    font-weight: bold;
    color: #000;
    font-size: 60px;
    text-transform: capitalize;
    font-family: var(--fontfamily-heading);
}
 .shopnowbtn{
    width: 241px;
    height: 45px;
    padding-top: 10px;
    transition: .3s ease-in-out;
 }
 .shopnowbtn:hover,.shopnowbtn23:hover{
    color: #118DF0;
    background: #fff;
    color: 1px solid #118DF0;
 }
 .shopnowbtn23{
    width: 241px;
    height: 45px;
    padding-top: 10px;
    margin-top: 86px;
 }
 .section8{
    background-color: #f2f2f2;
 }

 .section8div1{
    position: relative;
    background: #118DF0;
    border-radius: 5px;
    box-shadow: 0px 6px 16px rgb(0 0 0 / 12%);

 }

 .section8div2{
    position: relative;
    background: #118DF0;
    border-radius: 5px;
    box-shadow: 0px 6px 16px rgb(0 0 0 / 12%);

 }

 .section8div3{
    position: relative;
    background: #118DF0;
    border-radius: 5px;
    box-shadow: 0px 6px 16px rgb(0 0 0 / 12%);

 }

 .section8dinnerdiv1{
    position: absolute;
    font-weight: bold;
    right: 0;
    background-color: #fff;
    color: #000;
    top: 2.5%;
    width: 70%;
    font-size: 16px;
    padding-left: 25px;
    font-family: var(--fontfamily-heading);
 }
 .section8heading1{
    margin-top: 51px;
    padding-top: 55px;
    padding-left: 20px;
    color: #fff;
    font-weight: bold;
 }
 .section8heading2{
    padding-left: 18px;
    padding-top: 7px;
    font-size: 39px;
    font-weight: bold;
    color: #fff;
    font-family: var(--fontfamily-heading);
 }
 .section8heading2span{
    font-size: 20px;
 }
 .section8para3{
    padding-left: 19px;
    color: #fff;
    font-weight: 600;
    height: 35px;
 }
 .section8para4{
    padding-left: 18px;
    font-size: 10px;
    width: 98%;
    color: #fff;
    text-align: justify;
 }

 .section8para45{
    padding-left: 18px;
    font-size: 10px;
    width: 98%;
    color: #fff;
    height: 45px;
    text-align: justify;
 }

 .shopnowbtns{
    color: #118DF0;
    margin-left: 14px;
    background: #fff;
    width: 70%;
    height: 55px;
    margin-top: 6px;
    transition: 0.3s ease-in;
    font-family: var(--fontfamily-heading);
    font-weight: bold;
    letter-spacing: 1px;
 }
 .shopnowbtns:hover{
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
 }
 .section8para5{
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 15px;
    color: #fff;
    font-weight: bold;
 }
 .section8ul1{
    padding-inline-start: 13px !important;
 }

 .section8ul2{
    padding-inline-start: 13px !important;
    padding-bottom: 116px;
 }

 .section8ul3{
    padding-inline-start: 13px !important;
    padding-bottom: 111px;
 }

 .section8li{
margin-top: 20px;
 }
 .section8li:last-child{
    padding-bottom: 30px;
 }
 .section8li:nth-child(4) > img{
 width: 14%;
 }

 .section8liimg{
    height: 25px;
 }
 .section8lipara{
    padding-left: 10px;
    font-size: 12px;
    padding-top: 4px;
    color: #fff;
    margin-bottom: 0;

 }
 .section8dinnerdiv2{
    position: absolute;
    right: 0;
    background-color: #fff;
    color: #000;
    top: 2.5%;
    width: 75%;
    font-size: 16px;
    padding-left: 13px;
    font-family: var(--fontfamily-heading);
    font-weight: bold;
 }
 .section8para42{
    padding-top: 51px;
    font-size: 10px;
    padding-left: 18px;
    color: #fff;
    height: 93px;
 }
 .shopnowbtns2{
    color: #118DF0;
    margin-left: 14px;
    background: #fff;
    width: 460px;
    height: 55px;
    width: 70%;
    transition: 0.3s ease-in;
    margin-top: 24px;
    font-family: var(--fontfamily-heading);
    font-weight: bold;
    letter-spacing: 1px;
 }
 .section8dinnerdiv3{
    position: absolute;
    right: 0;
    background-color: #fff;
    color: #000;
    top: 2.5%;
    width: 55%;
    font-size: 16px;
    padding-left: 50px;
    font-family: var(--fontfamily-heading);
    font-weight: bold;
 }
 .shopnowbtns3{
    color: #118DF0;
    margin-left: 14px;
    background: #fff;
    width: 70%;
    height: 55px;
    transition: 0.3s ease-in;
    margin-top: 21px;
    font-family: var(--fontfamily-heading);
    font-weight: bold;
    letter-spacing: 1px;
 }
 .shopnowbtns2:hover,.shopnowbtns3:hover{
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
 }
 .section7{
    background-color: #f2f2f2;
 }
 .section7heading1{
    font-weight: bold;
    color: #000;
    padding-top: 40px;
    font-size: 60px;
    font-family: var(--fontfamily-heading);
 }
 .section7heading2{
    padding-top: 22px;
    font-family: var(--fontfamily-heading);
 }
.section7para1{
    font-size: 10px;
    height: 10px;
    padding-top: 30px;
}
.section7para2{
    font-size: 10px;
}

.pratt-span{
    color: #118DF0;
    letter-spacing: 3px;
}

.owl-theme .owl-dots .owl-dot span{
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #118DF0;
}