@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;300;500;700;900&display=swap');
*{
    /* font-family: 'Outfit', sans-serif; */
    font-family: 'Arimo', sans-serif;
}
.whatsapp-wrapper {
    position: fixed;
    right: -1px;
    bottom: 11px;
    z-index: 999;
    background: #a50303;
    padding: 6px 28px 6px 18px;
}
.whatsapp-wrapper a {
    color: #fff;
    font-weight:bold;
}
body{
    background:url(../images/free-img.png);
    background-repeat:no-repeat;background-size:cover;background-position:100%;background-attachment:fixed;
}
body.body_blue{
    background:url(../images/usafree-img.jpg);
    background-repeat:no-repeat;background-size:cover;background-position:100%;background-attachment:fixed;
}
html {
    scroll-behavior: smooth;
  }
p{font-size:16px;font-weight:500;line-height:28px;}
.resgister_btn{border:1px solid #a50303;border-radius:27px;color:#a50303;padding:1px 20px;}
.resgister_btn:hover{background:#a50303;}
.resgister_btn:hover a{color:#fff !important;}
.resgister_btn a{color:#a50303 !important;}

.resgister_btn_blue{border:1px solid #002a67;border-radius:27px;color:#002a67;padding:1px 20px;font-weight:600;}
.resgister_btn_blue:hover{background:#002a67;}
.resgister_btn_blue:hover a{color:#fff !important;}
.resgister_btn_blue a{color:#002a67 !important;}

.h-cnt h2{margin-bottom:0px;}
.h-cnt h5{font-size:17px;}
.nav-item a{color:#000;}
.nav-item.active a{color:#a50303;border-bottom:2px solid #a50303;}
.nav-item.nav-item-blue.active a{color:#002a67;border-bottom:2px solid #002a67;}
.top-header{background-color:#fff;}
.banner-part{padding:100px 0px;}
.banner_text{padding:30px;}
.text-red{color:#a50303;font-weight:600;}
.text-blue{color:#002a67;font-weight:600;}
.text-red1{color:#a50303;}
.banner_text h1{font-size:4rem;color:#fff;font-weight:500;}
.banner_text h2{font-size:2rem;color:#fff;font-weight:500;line-height:42px;}
.banner_text h3{font-size:1.4rem;color:#fff;font-weight:400;line-height:35px;}
.form-control{font-size:15px;border-radius:10px;}
.register_form{
    background-color:#fff;padding:30px;border-radius:27px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
label.error {
    color: rgb(184, 3, 3);
    font-size: 13px;
    font-weight: 500;margin-bottom:0px;
}
.border-rad{
    border-radius:5%;
}
.h3_title{font-size:2.2rem;}
.btn-red{
    font-size:16px;
    color: #fff;
    cursor: pointer;
    text-align:center;
    border-radius: 50px;
    background-image: linear-gradient(to right, #ec3c44,#ec3c44,#ec3c44, #f15e64);  box-shadow: 0 5px 15px rgba(242, 97, 103, .4);color:#fff;
}
.btn-blue{
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    border-radius: 50px;
    background-image: linear-gradient(to right, #002a67,#002a67,rgb(0 42 103 / 78%), rgb(0 42 103 / 59%));
    box-shadow: 0 5px 15px rgb(0 42 103 / 15%);
    color: #fff;
}
.btn-blue:hover,.btn-blue:active,.btn-blue:focus{
    background-image:linear-gradient(to right, #002a67,#002a67,rgb(0 42 103 / 78%), rgb(0 42 103 / 59%));
    color:#fff !important; 
}
.btn-red:hover,.btn-red:active,.btn-red:focus{
    background-image: linear-gradient(to left, #ec3c44, #f15e64);;color:#fff;border:1px solid #a50303;
    color:#fff;
}
section{
    padding:60px 0px;
}
.sec{
    padding:40px 0px;
}
.highlight-sec .box {
    background-color: #fff;
    /* box-shadow:5px 5px 25px #efefef; */
    font-size:14px;
    border:1px solid #ccc;
    padding:20px;
    border-radius:15px;
}

.banner_text h1, .banner_text h2 {width:85% !important;}


@media(min-width:1200px){
.container{
    max-width:1350px;
}
}

@media(max-width:768px){

.banner-part {
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
span.h1{font-size:20px;}

.banner_text h4 {font-size: 18px !important;}
.banner_text h1 {
    font-size: 34px !important;
    font-weight: bold !important;
}

.banner_text h1, .banner_text h2 {width:100% !important;}
    .navbar-brand{
        width:100%;text-align:center;
    }
  
    .banner_text h2 {line-height:31px;font-size:1.2rem;line-height:auto;}.sec{
        padding:20px 0px;
    }
    .banner-part {
        padding: 20px 0px;
    }
    .banner_text h3 {
        font-size: 15px;
        color: #fff;
        font-weight: 400;
        line-height: 25px;
    }
}

@media(min-width:1020px) and (max-width:1150px){
    .banner_text h1 {font-size:2.5rem;}
}