*{
    font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 0 ;
}
.container{
    max-width: 1230px;
}
.fl-page{
    overflow: hidden;
}
::selection{
    background: #638DF6;
    color: #fff;
}
html {
    scroll-behavior:smooth !important;
}
body.active{
    max-height: 100vh;
    overflow: hidden;
}
img{
    max-width: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
button{
    transition: all .2s ease;
}
textarea:focus,
input:focus{
    box-shadow: none !important;
    border: 1px solid #CEDCFF !important;
}
h1{
    font-size: 48px;
    line-height: 1.2;
    color: #30266E;
    font-weight: 500;
}
h2{
    font-size: 46px;
    line-height: 1.19;
    color: #30266E;
    font-weight: 500;
}
h3{
    font-size: 24px;
    line-height: 1.3;
    color: #30266E;
    font-weight: 500;
}
h4{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    color: #30266E;
}
h5{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.56;
    color: #30266E;
}

p{
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
}
p.p-purple{
    color: #292062;
}
p.p-18{
    font-size: 18px;
    line-height: 1.77;
    color: #908BAF;
    font-weight: 400;
}
p.p-20{
    font-size: 20px;
    color: #30266E;
    line-height: 1.6;
    font-weight: 400;
}
a{
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #908BAF;
    transition: all .2s ease;
}
a:hover{
    color: #30266E;
}
button.btn-all,
a.btn-all{
    width: 180px;
    height: 54px;
    border-radius: 5px;
    background: #638DF6;
    border: 1px solid #638DF6;
    color: #fff;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
button.btn-all:hover,
a.btn-all:hover{
    background: transparent;
    color: #638DF6;
}
.section-margin{
    margin-top: 75px;
}
/* post all */
.post-section-all .row{
    margin-left: -15px;
    margin-left: -15px;
}
.post-section-all .col-12{
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
.post-single-image img{
    height: 280px !important;
    object-fit: cover;
    border-radius: 20px;
}
.post-category{
    border-radius: 5px;
    background: rgba(99, 141, 246, 0.10);
    margin: 20px 0;
    display: inline-flex;
    padding: 0px 18px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #638DF6;
    font-size: 14px;
    letter-spacing: 2.8px;
}
.post-read-more a{
    color: #638DF6;
    font-weight: 600;
}
.post-title h4{
    margin-bottom: 15px;
}
.post-read-more a:hover {
    color: #30266E;
}
.load-more-btn{
    margin-top: 40px;
}
.search-module-all{
    display: flex;
    align-items: center;
    background: #fff;
    height: 60px;
    padding-left: 32px;
    border-radius: 10px;
}
.search-module-all input{
    flex: 1;
    background: transparent;
    border: none;
    padding: 0;
    height: 100%;
}
.search-module-all input:focus{
    border: none !important;
}
.search-module-all input::placeholder{
    color: rgba(144, 139, 175, 0.50);
}
.search-module-all button{
    flex-basis: 60px;
    background: #638DF6;
    border: 1px solid #638DF6;
    border-radius: 10px;
    height: 100%;
}
.search-module-all button:hover{
    background: transparent;
}
.search-module-all button svg path{
    transition: all .2 ease;
}
.search-module-all button:hover svg path{
    fill: #638DF6;
}
@media(max-width: 1300px){
    section,
    footer{
        padding-left: 38px !important;
        padding-right: 38px !important;
    }
}

@media(max-width: 1024px){
    h1{
        font-size: 36px;
        line-height: 1.2;
    }
    h2{
        font-size: 32px;
    }
    p{
        font-size: 14px;
    }
    p.p-18{
        font-size: 16px;
    }
    p.p-20{
        font-size: 18px;
    }
    section,
    footer{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .section-margin{
        margin-top: 60px;
    }
}
@media(max-width: 767px){
    h3{
        font-size: 22px;
    }
    section,
    header,
    footer{
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .load-more-btn {
        margin-top: 20px;
    }
}