body {
    overflow-x: hidden;
}
.for-mobile {
    display: none !important;
}
.sub-mobile {
    display: none;
}
.custom-shadow {
    text-shadow: 2px 2px 8px #000000;
}
#header {
    background: url(../img/header-backgroun.png);
    background-color:#242424;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center top;
}
.head {
    font-size: 62px;
}
section #header {
    padding-top: 0px !important;
}
.bg-dark {
    background-color: #21252900!important;
}
#header .container {
    max-width: 1445px;
}
.navbar {
    margin-top: 10px;
    margin-bottom: 10px;
}
.nav-item a.nav-link {
    font-size: 13px !important;
}
.nav-item.item1 {
    padding-right: 45px !important;
}
.pb-button {
    background-color: #fff700;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    padding: 15px 25px 15px 25px;
    display: block;
    margin: auto;
    text-align: center;
    max-width: 27rem;
    font-size: 20px;
}
.pb-button:hover {
    color: #000;
}
#section1 {
    background-color: #ff0060;
}
#section1 hr {
    max-width: 120px;
    display: block;
    margin: auto;
    margin-top: 50px;
    border: 1px solid #ffffff;
}
#section2 hr {
    max-width: 120px;
    margin-top: 45px;
    border: 1px solid #5a5a5a;
}
#section2 {
    background: url(../img/section2-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center top;
    background-color: #ffffff;
}
#section2 .container {
    max-width: 1427px;
}
#section2 .head {
    font-size: 56px;
}
#section3 {
    background: url(../img/section3-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center top;
    background-color: #F7F7F7;
}
#section3 hr {
    max-width: 120px;
    margin-top: 45px;
    display: block;
    margin: auto;
    border: 1px solid #5a5a5a;
    margin-top: 50px;
}
.dot-bg {
    background: url(../img/dot-bg.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center center;
}
.dot-bg2 {
    background: url(../img/dot-bg2.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center center;
}
#section3 .box {
    padding: 45px 45px;
    background-color: rgb(255, 255, 255);
    border-color: rgb(221 221 221);
    border-radius: 10px;
    border: 2px solid #efefef;
}
#section4 {
    background-color: #ffffff;
}
#section4 .dot-bg {
    background: url(../img/dot-bg.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center center;
    margin-top: 70px;
}
#section4 hr {
    max-width: 120px;
    margin-top: 45px;
    display: block;
    margin: auto;
    border: 1px solid #5a5a5a;
    margin-top: 50px;
}
ul {
    padding-left: unset;
}
#section4 .list {
    background-image: url(../img/wrong.png);
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 45px;
    font-size: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 15px;
    background-size: 28px;
}
.small-text {
    font-size: 14px;
}
.small-text2 {
    font-size: 16px;
}
#section5 {
    background-color: #F7F7F7;
}
#section5 .dot-bg {
    background: url(../img/dot-bg.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center center;
    margin-top: 70px;
}
#section5 hr {
    max-width: 120px;
    margin-top: 45px;
    border: 1px solid #5a5a5a;
    margin-top: 50px;
}
#section5 .box {
    padding:10px 60px 10px 60px;
    background-color: rgb(255, 255, 255);
    width: auto;
    box-shadow: 2px 3px 18px #e0e0e0;
    border-radius: 3px;
}
#section6 hr {
    max-width: 120px;
    margin-top: 45px;
    display: block;
    margin: auto;
    border: 1px solid #5a5a5a;
    margin-top: 50px;
}
#section6 {
    background-color: #ffffff;
}
#section7 {
    background: url(../img/section7-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-color: #ffffff;
}
#section7 hr {
    max-width: 120px;
    margin-top: 45px;
    display: block;
    margin: auto;
    border: 1px solid #5a5a5a;
    margin-top: 50px;
}
#section7 .pb-button-dark {
    background-color: #262431;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding: 15px 25px 15px 25px;
    display: block;
    margin: auto;
    text-align: center;
    max-width: 27rem;
    font-size: 20px;
}
#section7 .pb-button-light {
    background-color: #ff086300;
    border: 3px solid #FF0864;
    font-weight: 700;
    color: #FF0864;
    text-decoration: none;
    padding: 15px 25px 15px 25px;
    display: block;
    margin: auto;
    text-align: center;
    max-width: 27rem;
    font-size: 20px;
}
#section7 .pb-button-light:hover {
    background-color: #FF0864;
    color: #ffffff;
}
#section8 {
    background: url(../img/section8-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center top;
    padding-top: 16rem;
    padding-bottom: 26rem;
    padding-left: 50px;
}
#section8 .head1 {
    font-size: 62px;
}
#section8 .head2 {
    font-size: 80px;
}
#section9 {
    background: url(../img/section9-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center top;
    background-attachment: fixed;
}
#section10 {
    background-color: #262431;
}
#section11 {
    background-color: #ffffff;
}
#section12 {
    background: url(../img/section12-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center center;
}
#section12 hr {
    max-width: 120px;
    margin-top: 45px;
    border: 1px solid #5a5a5a;
    margin-top: 50px;
}
#section13 {
    background: url(../img/section13-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center center;
}
#section13 hr {
    max-width: 120px;
    margin-top: 45px;
    display: block;
    margin: auto;
    border: 1px solid #5a5a5a;
    margin-top: 50px;
}
ul {
    padding-left: unset;
}
#section13 .list {
    background-image: url(../img/wrong.png);
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 45px;
    font-size: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 15px;
    background-size: 28px;
}
#section14 {
    background: url(../img/section14-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center center;
}
#section14 hr {
    max-width: 120px;
    margin-top: 45px;
    display: block;
    margin: auto;
    border: 1px solid #ffffff;
    margin-top: 50px;
}
#section14 .pb-button4 {
    background-color: #3DCB7E;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding: 15px 20px 15px 20px;
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 20px;
}
#section15 {
    background-color: #ffffff;
}
#section15 hr {
    max-width: 120px;
    margin-top: 45px;
    border: 1px solid #5a5a5a;
    margin-top: 50px;
}
#footer {
    background-color: #030303;
}
#footer a {
    color: #ffffff;
    text-decoration: none;
}
#footer hr {
    border: 0.5px solid #272727;
}

@media (max-width: 1300px) {
    .head {
        font-size: 40px;
    }
    .custom-head {
        font-size: 40px;
    }
    .sub-head {
        font-size: 25px;
    }
    .pb-button-dark {
        font-size: 15px !important;
    }
    .pb-button-light {
        font-size: 15px !important;;
    }
    #section8 {
        padding-top: 1rem;
        padding-bottom: 12rem;
    }
}
@media (max-width: 1199px) {
    .custom-video {
        width: 215px;
    }
}
@media (max-width: 992px) {
    .custom-head {
        font-size: 30px;
    }
    h2 {
        font-size: 30px !important;
    }
    .custom-video {
        width: 154px;
    }
    .sub-head {
        font-size: 20px;
    }
    p {
        font-size: 18px !important;
    }
    h5 {
        font-size: 18px !important;
    }
    #section4 .list {
        font-size: 18px !important;
    }
    .small-text {
        font-size: 16px !important;
    }
    h3 {
        font-size: 25px !important;
    }
    #section14 .pb-button4 {
        font-size: 17px !important;
    }
    .small-text2 {
        font-size: 16px !important;
    }
}
@media (max-width: 767px) {
    .small-text {
        font-size: 12px !important;
    }
    #section13 .list {
        font-size: 15px !important;
    }
    #section8 {
        padding-bottom: 5rem;
    }
    h5 {
        font-size: 15px !important;
    }
    .img-left {
        display: block;
        margin: auto;
    }
    .mobile-text-center {
        text-align: center !important;
    }
    .custom-video {
        display: block;
        margin: auto;
    }
    .img-mobile2 {
        width: 200px !important;
    }
    .img-mobile {
        width: 350px !important;
    }
    .img-mobile2 {
        width: 250px !important;
    }
    #section4 .list {
        font-size: 15px !important;
    }
    .pt-90 {
        padding-top: 1px !important;
    }
    .m-margin-top {
        margin-top: 50px !important;
    }
    .mt-30 {
        margin-top: 18px !important;
    }
    .custom-head {
        font-size: 22px;
    }
    h3 {
        font-size: 18px !important;
    }
    .pb-button {
        font-size: 16px;
    }
    .pb-70 {
        padding-bottom: 1px !important;
    }
    .mt-90 {
        margin-top: 40px !important;
    }
    .mt-80 {
        margin-top: 30px !important;
    }
    .mt-70 {
        margin-top: 35px !important;
    }
    p {
        font-size: 15px !important;
    }
    .head {
        font-size: 22px;
    }
    .for-desktop {
        display: none !important;
    }
    .for-mobile {
        display: block !important;
    }
    h6 {
        font-size: 14px !important;
    }
    h2 {
        font-size: 20px !important;
    }
}
@media (max-width: 650px) {
   
}
@media (max-width: 567px) {
   
}