@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    background: #fff;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    color: #1B2C47;
    font-weight: 600;
}
h1,h1{
    font-size: 60px;
}
h2,.h2{
    font-size: 50px;
}
h3,.h3{
    font-size: 30px;
}
h4,.h4{
    font-size: 24px;
}
h5,.h5{
    font-size: 22px;
}
h6,.h6{
    font-size: 16px;
}
a{
    text-decoration: none;
}
a,a:hover{
    color: #1B2C47;
}
a:hover{
    text-decoration: underline;
}
p,li{
    font-size: 16px;
    color: #a3a3a3;
    line-height: 193.75%;
}
li:not(:last-child){
    margin-bottom: 10px;
}
p,ol,ul{
    margin-bottom: 30px;
}
p:last-child{margin-bottom: 0;}
img{max-width: 100%;width: auto;}

.btn, .button{
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
}
.btn-secondary,.btn-primary:hover{
    border: 1px solid var(--Blue, #324D7B);
    background: rgba(255, 255, 255, 0.20);
    background: var(--Blue, linear-gradient(180deg, #324D7B -14.9%, #1B2C47 63.06%, #1B2C47 76.99%, #1B2C47 95.44%, #1B2C47 107.68%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-secondary:hover,
.btn-primary{
    border: 1px solid #617383;
    background: var(--Blue, linear-gradient(180deg, #324D7B -14.9%, #1B2C47 63.06%, #1B2C47 76.99%, #1B2C47 95.44%, #1B2C47 107.68%));
    color: #fff;
    -webkit-text-fill-color: #fff;
}
.fw-semibold{font-weight: 600 !important;}
.h6,h6,.dataTables_length label,label{
    background: var(--Blue, linear-gradient(180deg, #324D7B -14.9%, #1B2C47 63.06%, #1B2C47 76.99%, #1B2C47 95.44%, #1B2C47 107.68%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}
body .select2-container--default .select2-selection--single{
    border-color: rgba(50, 77, 123, 0.2);
    border-radius: 5px;
}
body .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: rgb(0 0 0 / 40%);
}
.container {
    max-width: 1430px;
}
.section-padding {
    padding: 90px 0;
}
ul ul {
    padding-left: 18px;
}
/* common css end  */

/* header css start  */
header{
    background: #FFF;
    box-shadow: 19px 3px 43px 0px rgba(0, 0, 0, 0.02), 77px 11px 78px 0px rgba(0, 0, 0, 0.02), 173px 25px 105px 0px rgba(0, 0, 0, 0.01), 308px 44px 125px 0px rgba(0, 0, 0, 0.00), 482px 69px 136px 0px rgba(0, 0, 0, 0.00);
}
header .header-logo img{
    max-width: 140px;
}
header a.btn.btn-primary {
    border-radius: 30px;
    padding: 10px 20px;
    min-width: 178px;
    font-weight: 500;
}
header .link{
    font-size: 16px;
    font-weight: 600;
    color: #1F304E;
    margin-right: 50px;
}
/* header css end  */

.inner-banner {
    background: var(--Blue, linear-gradient(180deg, #324D7B -14.9%, #1B2C47 63.06%, #1B2C47 76.99%, #1B2C47 95.44%, #1B2C47 107.68%));
    padding: 70px 0;
}
.common-sec h5{
    margin-top: 30px;
    margin-bottom: 15px;
}
.common-sec .container > :first-child {
    margin-top: 0;
}
.home-hero p{
    color: #1F304E;
    max-width: 667px;
}
.home-hero .btn {
    border-radius: 30px;
    padding: 10px 20px;
}
.home-hero .btn:hover svg path{
    fill: #fff;
}
.home-hero .btn:hover svg path.line{
    fill: #000;
}

/* footer css start  */
footer {
    border-top: 1px solid #eee;
}
.footer-menu li a {
    font-weight: 500;
    font-size: 20px;
    color: #1F304E;
    margin-left: 50px;
}
.footer-top {
    padding: 70px 0 50px;
}
footer .copyright{
    padding: 34px 0;
    border-top: 1px solid #eee;
}
footer .copyright p{
    font-size: 14px;
    font-weight: 500;
    color: #AAA;
}
/* footer css end  */

.faq{
    background-color: rgba(50, 77, 123, 0.05);
}
.accordion-box {
    border-bottom: 1px solid rgb(50 77 123 / 20%);
    padding: 20px 0;
}
.accordion-box > a {
    text-decoration: none;
    padding-right: 35px;
}
.accordion-sign {
    position: absolute;
    right: 0;
    height: 20px;
    width: 20px;
    top: 1px;
}
.accordion-sign::before{
    content: "";
    position: absolute;
    right: 0;
    top: 9px;
    height: 2px;
    width: 20px;
    background-color: #1B2C47;
}
.accordion-sign::after{
    content: "";
    position: absolute;
    right: 9px;
    width: 2px;
    height: 20px;
    background-color: #1B2C47;
    transition: all 0.5s;
    transform: translateY(-50%);
    top: 50%;
}
.accordion-sign.opened::after{
    height: 0;
}
.accordion-box .content {
    padding-top: 20px;
}

.img-txt{overflow: hidden;}
.img-txt-wrp {
    border-radius: 20px;
    background: var(--Blue, linear-gradient(180deg, #324D7B -14.9%, #1B2C47 63.06%, #1B2C47 76.99%, #1B2C47 95.44%, #1B2C47 107.68%));
}
.img-txt-wrp .img-right {
    position: absolute;
    right: -20px;
    bottom: 0;
    height: calc(100% + 20px);
}
.img-txt-wrp  .col-txt{
    padding: 100px 0px 100px 100px;
}
.img-txt-wrp .col-txt p {
    color: #ccc;
}
.img-txt-wrp .col-txt .btn {
    -webkit-text-fill-color: #fff;
    border-color: #fff;
    border-radius: 30px;
    padding: 10px 20px;
}
.img-txt-wrp .col-txt .btn:hover{
    background: #fff;
    -webkit-text-fill-color: #1B2C47;
}
.img-txt-wrp .col-txt .btn:hover svg path{
    fill: #1B2C47;
}

/* reponsive css  */
@media only screen and (max-width: 1366px){
    .img-txt-wrp .img-right{
        right: -90px;
    }
}
@media only screen and (max-width: 1199px){
    h1,h1{
        font-size: 42px;
    }
    h2,.h2{
        font-size: 38px;
    }
    h3,.h3{
        font-size: 28px;
    }
    h4,.h4{
        font-size: 22px;
    }
    h5,.h5{
        font-size: 20px;
    }
    .inner-banner{
        padding: 50px 0;
    }
    .section-padding {
        padding: 60px 0;
    }
    .img-txt-wrp .col-txt {
        padding: 70px 0px 70px 70px;
    }
}
@media only screen and (max-width: 991px){
    h1,h1{
        font-size: 36px;
    }
    h2,.h2{
        font-size: 30px;
    }
    h3,.h3{
        font-size: 24px;
    }
    h4,.h4{
        font-size: 20px;
    }
    h5,.h5{
        font-size: 18px;
    }
    .section-padding {
        padding: 50px 0;
    }
    .inner-banner{
        padding: 40px 0;
    }
    header .header-logo img {
        max-width: 120px;
    }
    .accordion-sign{
        transform: scale(0.85);
    }
    header .link{
        margin-right: 30px;
    }
    .header-logo svg {
        height: 50px;
        width: 130px;
    }
    header a.btn.btn-primary{
        min-width: 170px;
    }
    .img-txt-wrp .col-txt {
        padding: 40px 0px 40px 50px;
    }
    .img-txt-wrp .img-right {
        right: -140px;
    }
    footer .copyright{
        padding: 25px 0;
    }
    .footer-top {
        padding: 50px 0;
    }
    .footer-menu li a{
        font-size: 18px;
        margin-left: 30px;
    }
}
@media only screen and (max-width: 767px){
    h1,h1{
        font-size: 32px;
    }
    h2,.h2{
        font-size: 28px;
    }
    h3,.h3{
        font-size: 22px;
    }
    h4,.h4{
        font-size: 18px;
    }
    h5,.h5{
        font-size: 16px;
    }
    h6,.h6{
        font-size: 14px;
    }
    .section-padding {
        padding: 40px 0;
    }
    .inner-banner{
        padding: 30px 0;
    }
    header .header-logo img {
        max-width: 110px;
    }
    .footer-top {
        padding: 30px 0;
    }
    .footer-logo{
        margin-bottom: 20px;
    }
    .footer-menu li a {
        font-size: 14px;
        margin: 0;
        padding: 0 10px;
    }
    .footer-menu li:not(:last-child) a{
        border-right: 1px solid #1F304E;
    }
    footer .copyright {
        padding: 15px 0;
    }
    .footer-logo img{
        max-width: 130px;
    }
    .accordion-sign{
        transform: scale(0.7);
    }
    .accordion-box{
        padding: 15px 0;
    }
    header a.btn.btn-primary {
        min-width: 140px;
        font-size: 14px;
        padding: 8px 10px;
        margin-left: auto;
    }
    p, li,.btn, .button{font-size: 14px;}
    p, ol, ul {
        margin-bottom: 20px;
    }
    .img-txt-wrp .img-right {
        position: static;
        margin: 0 auto;
        padding: 0 30px;
    }
    .img-txt-wrp .col-txt {
        padding: 30px;
        text-align: center;
    }
    .img-txt-wrp .col-txt .btn{
        padding: 8px 15px;
    }
}