@import 'partials';

body{

    font-family: $primaryfont;
 
    font-size: 18px;
}
img{
    max-width:100%;
}
a{
    text-decoration: none;
}
.custom-container{
    max-width: 1400px;
    margin: 0 auto;
    @media (min-width: 1600px){
        max-width: 1400px;
    }
    @media ($sm-1441){
        max-width: 1300px;
    }
    @media ($sm-767){
        max-width: 100%;
        padding: 0px 20px;
    }
}


.inner-banner{ background-color: #32327A; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 595px; display: flex; align-items: center; padding: 50px 0;
    @media($sm-1679){ min-height: 500px; }
    @media($sm-1481){ min-height: 450px;}
    @media($sm-991){min-height: 400px; padding-top: 100px; background-size: right center;}
    .contents{ max-width: 1050px;
        @media($sm-1679){ max-width: 960px;}
        @media($sm-1481){max-width: 860px;}
        @media($sm-991){max-width: 680px;}
        @media($sm-767){max-width: 100%;}
    }
    .subtitle{ font-weight: 600; font-size: 23px; line-height: 1.2; color: #fff; padding-bottom: 40px;
        @media($sm-1679){ font-size: 20px;}
        @media($sm-1481){font-size: 18px;}
        @media($sm-991){font-size: 16px; padding-bottom: 20px;}
        @media($sm-767){font-size: 14px;}
        @media($sm-579){ font-size: 12px;}
        @media($sm-479){ font-size: 10px;}
    }
    .main-title{ color: #fff; font-weight: 700; font-size: 46px; line-height: 1.2; padding-bottom: 20px; word-wrap: break-word;
        @media($sm-1679){ font-size: 43px;}
        @media($sm-1481){font-size: 40px;}
        @media($sm-991){font-size: 36px; padding-bottom: 15px;}
        @media($sm-767){font-size: 32px;}
        @media($sm-579){font-size: 28px;}
        @media($sm-479){ font-size: 24px;}
    }
    .content{font-weight: 400; font-size: 18px; line-height: 1.6;  color: #fff; max-width: 1000px;
        @media($sm-1679){ font-size: 16px;}
        @media($sm-991){font-size: 14px;}
        @media($sm-479){ font-size: 10px;}
    }
    .btn{ padding: 35px 0 0 0;
        .btn-white{border-radius: 30px; background: #fff; min-width: 160px; height: 41px; font-size: 12px; color: #2E2E78; font-weight: 600; border: 0; outline: 0; box-shadow: none; text-decoration: none; display: block; padding: 12px 20px; margin: 0;}
    }
}