@font-face {
    font-family: RuckSack;
    src: url('../fonts/RuckSack-Black.otf');
    font-weight: 800;
}

@font-face {
    font-family: RuckSack;
    src: url('../fonts/RuskSack-Bold.otf');
    font-weight: 700;
}

@font-face {
    font-family:RuckSack;
    src: url('../fonts/RuskSack-DemiBold.otf');
    font-weight: 600;
}

@font-face {
    font-family: RuckSack;
    src: url('../fonts/RuckSack-Medium.otf');
    font-weight: 500;
}


@font-face {
    font-family: RuckSackbook;
    src: url('../fonts/RuckSack-Book.otf');
    /* font-weight: 350; */
}

@font-face {
    font-family: RuckSack;
    src: url('../fonts/RuskSack-Light.otf');
    font-weight: 300;
}

@font-face {
    font-family: ShadowsIntoLight;
    src: url('../fonts/ShadowsIntoLight-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: segoe;
    src: url('../fonts/segoe-ui.ttf');
    font-weight: 400;
}

html {
    scroll-behavior: smooth;
}
p , ul li{
    font-family: RuckSackbook;
}
h1 , h2 ,h3 , h4 {
    font-family: RuckSack;
}
h5 , h6{
    font-family: ShadowsIntoLight;
    font-weight: 400;
}
.profile-wraper {
    display: flex;
    align-items: center;
}
.profile-content h4 {
    color: white;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}
.profile-content {
    margin: 0 0 0 16px;
}
.profile-wraper img {
    max-width: 74%;
    object-fit: contain;
}

.profile-content h3 {
    color: white;
    font-size: 15px;
    padding: 1px 0 0 0;
    font-weight: 300;
    margin: 0;
}
.top-sub-heading h5 {
    font-size: 29px;
    font-weight: 400;
    color: #090909;
    line-height: 32px;

}
.section-heading h2 {
    color: #090909;
    margin: 0;
    font-size: 51px;
    font-weight: 800;
    line-height: 49px;
}
.section-heading h2 span{
    color: #FF2A00;
}
.section-desc p {
    font-size: 18px;
    line-height: 33px;
    margin: 0;
}
.sub-heading-l{
    display: flex;
    align-items: center;
}
.sub-heading-l hr {
    background: #FFFFFF;
    height: 0px;
    width: 100%;
    margin: 0 0 0 20px;
    max-width: 107px;
}
.sub-heading-l h5 {
    color: white;
    font-size: 28px;
}
.section-heading h3 {
    color: #FFFFFF;
    font-weight: 800;
    font-size: 40px;
}
.sub-heading-bottom h5 {
    font-size: 29px;
    font-weight: 400;
    color: #ffffff;
    line-height: 36px;
}






body {
    background: #fff !important;
}

.jstfy-center {
    align-items: center;
    justify-content: center;
    display: flex;
}

.v-center {
    align-items: center;
    display: flex;
}






.mx-1250.container {
    max-width: 1250px;
}


/* img {width:100%;} */




.pdy-10 {
    padding: 0 10px;
}

.cont-1000.container {
    max-width: 1000px !important;
}

.mx-1500.container {
    max-width: 1100px;
}

.mx-1650.container {
    max-width: 1250px;
}



@media only screen and (min-width:1700px) {
    section#single-post-sec .container {
        max-width: 852px;
    }
    .profile-content h4 {
        font-size: 22px;
    }
    .profile-content h3 {
        font-size: 23px;
        padding: 2px 0 0 0;
    }
    .profile-wraper img {
        max-width: 100%;
        object-fit: contain;
    }
    .profile-content {
        margin: 0 0 0 16px;
    }
    .top-sub-heading h5 {
        font-size: 39px;
        line-height: 46px;
    }
    .section-heading h2 {
        font-size: 76px;
        line-height: 72px;
    }
    .section-desc p {
        font-size: 24px;
        line-height: 42px;
        margin: 0;
    }
    .section-heading h3 {
        color: #FFFFFF;
        font-weight: 800;
        font-size: 54px;
        line-height: 64px;
    }
    .sub-heading-bottom h5 {
        font-size: 39px;
        line-height: 46px;
    }
    .sub-heading-l h5 {
        font-size: 39px;
    }
    .sub-heading-l hr {
        height: 1px;
        margin: 0 0 0 28px;
        max-width: 156px;
    }
}

@media only screen and (min-width:1700px) {
 
}

@media only screen and (max-width:1200px) {

}

@media only screen and (max-width:800px) {
   
}

@media only screen and (max-width:430px) {
    .section-heading h2 {
        font-size: 30px;
        line-height: 38px;
    }
    .profile-content h4 {
        font-size: 18px;
    }
    .profile-content h3 {
        font-size: 17px;
        padding: 5px 0 0 0;
    }
    .profile-wraper img {
        max-width: 100%;
        object-fit: contain;
    }
    .profile-content {
        margin: 0 0 0 16px;
    }
    .section-heading h3 {
        font-size: 30px;
        line-height: 38px;
    }
    .section-desc p {
        line-height: 25px;
    }
    .sub-heading-bottom h5 {
        font-size: 24px;
        line-height: 34px;
    }
    .sub-heading-l hr {
        max-width: 152px;
    }
    .problem-right-wraper hr {
        /* color: white; */
        height: 0px;
        background: #404040;
        max-width: 161px;
        margin: 20px 0 20px 0;
    }
   .top-sub-heading h5 {
        font-size: 24px;
    }
}
@media only screen and (max-width:375px) {
    .sub-heading-l hr {
        max-width: 152px;
    }
   
}
@media only screen and (max-width:320px) {
   
}