*{

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}

body{

    font-family: 'Rubik', sans-serif;

    font-size: 16px;

    line-height: 24px;

    color: #212121;

    line-height: 1.5em;

    font-weight: 400;

}

.container{

    max-width: 1160px;

    margin: 0 auto;

}



a{

    text-decoration: none;

    transition: all 0.5s;

}

a:hover{

    color: #20b4e6;

}

li{

    list-style: none;

}

figure, figure img{

    width: 100%;

}

p{

    margin-bottom: 1rem;

}

p strong{

    font-weight: 700;

}



h1, h2, h3, h4, h5, h6{

    font-weight: 400;

    line-height: 1.2;

    font-family: 'Roboto Slab', serif;

}

h1{

    font-size: 60px;

    color: #20b4e6;

}

h2{

    font-size: 44px;

}

h3{

    font-size: 34px;

}

h4{

    font-size: 26px;

}

h5{

    font-size: 20px;

}

h6{

    font-size: 18px;

}



.heading-title{

    position: relative;

    margin-top: 15px;

    padding-top: 10px;

}

.heading-title::after{

    content: "";

    top: 0;

    left: 0;

    position: absolute;

    width: 70px;

    height: 2px;

    background-color: #a64e81;

}



.flex{

    display: flex;

    flex-wrap: wrap;

}

.form-group{

    width: 100%;

    margin-bottom: 15px;

}

.form-group.half{

    width: calc(50% - 15px);

    margin-right: 30px

}

.form-group.half:nth-child(2n){

    margin-right: 0;

}

.form-control{

    width: 100%;

    outline: none;

    border: 1px solid #ccc;

    background-color: #fff;

    padding: 12px 10px;

    line-height: 1.5;

    font-size: 16px;

    font-family: 'Rubik', sans-serif;

    color: #000;

}



textarea{

    font-family: 'Rubik', sans-serif;

    height: 100px;

}



.mt-50{

    margin-top: 50px;

}

.slick-slide{

    outline: none;

}

.slick-dots{

    display: flex;

}

.slick-dots li{

    padding: 0 5px;

}

.slick-dots li button{

    border: none;

    background-color: transparent;

    font-size: 0;

    outline: none;

    border: 1px solid #000;

    width: 15px;

    height: 15px;

    border-radius: 50%;

    cursor: pointer;

    transition: all 0.5s;

}

.slick-dots li.slick-active button{

    background-color: #20b4e6;

    border-color: #20b4e6;

    width: 25px;

    border-radius: 20px;

}

.btn, .submit-btn input{

    display: inline-block;

    text-align: center;

    padding: 10px 12px;

    color: #fff;

    background-color: #20b4e6;

    border: 1px solid transparent;

    outline: none;

    appearance: none;

    width: 187px;

    border-radius: 25px;

    cursor: pointer;

    text-transform: uppercase;

    font-size: 16px;

    line-height: 1.2;

}

.submit-btn input:hover, .btn:hover{

    background-color: #a64e81;

    color: #fff;

}

.pt-100{

    padding-top: 100px;

}

.pb-100{

    padding-bottom: 100px;

}



@media(max-width: 767px){

    h2{

        font-size: 32px;

    }

    h3{

        font-size: 26px;

    }

    .container{

        width: 100%;

        padding: 0px 15px;

    }

    .pt-100{

        padding-top: 40px;

    }

    .pb-100{

        padding-bottom: 40px;

    }

    .form-group.half{

        width: 100%;

        margin: 0px 0px 15px;

    }

}