/***** Genral CSS Start *****/
html { scroll-behavior: smooth; }
body { padding: 0px; margin: 0px; font-family: 'Rubik', sans-serif; overflow-x: hidden; color: #344f6b; font-weight: 400; line-height: 1.5;}
img {max-width: 100%; width: auto; height: auto;}
a { display: inline-block; text-decoration: none; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
a:hover, a:focus, button:hover, button:focus { outline: none !important; box-shadow: none !important; text-decoration: none !important; }
p {font-size: 20px; font-weight: 500; line-height: 1.5; margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6, figure, ul { margin: 0; padding: 0px; }
ul {list-style: none; }

.text-blue {color: #344f6b;}
.text-yellow {color: #fcb948;}

h1, .h1 {font-size: 60px; font-weight: 700; line-height: 1.1; color: #344f6b; margin-bottom: 7px;}
h2, .h2 {font-size: 40px; font-weight: 700; line-height: 1.2; color: #344f6b; margin-bottom: 7px;}
h3, .h3 {font-size: 20px; font-weight: 700; line-height: 1.2; color: #344f6b; margin-bottom: 7px;}
/***** Genral CSS End *****/

/***** Banner Section Start *****/
.affiliate-banner-sec {padding: 45px 0 30px; overflow: hidden;}
.affiliate-banner-sec .affiliate-banner-detail {margin-bottom: 32px; max-width: 600px;}
.affiliate-banner-sec .btn-primary {min-width: 290px;}
.affiliate-banner-sec .affiliate-banner-img {min-width: 500px; margin-top: -90px; margin-bottom: -135px;}
.affiliate-banner-sec.institute-banner .affiliate-banner-img {min-width: 540px; margin-top: -80px; margin-bottom: -85px; margin-right: -60px;}
/***** Banner Section End *****/

/***** Recommendations Section Start *****/
.recommendations-sec {padding: 45px 0 80px; background-color: #F9F9F9;}
.recommendations-sec h2 {margin-bottom: 10px;}
.recommendations-sec p {font-weight: 400;}
.recommendations-sec .recommendations-box {padding: 30px 40px;}
.recommendations-row .border-gradient:after {content: ""; position: absolute; top: 0; right: 0; background: url(../images/affiliate/side-border.png) no-repeat; background-position: center; width: 1px; height: 100%; }
.recommendations-box .image {display: inline-block; border: 3px solid #FCAF2D; border-radius: 50%; padding: 0; margin-bottom: 25px; height: 144px; width: 144px; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); text-align: center;}
.recommendations-box .image img {border-radius: 50%; position: relative; top: 50%; transform: translateY(-50%);}
.recommendations-sec .recommendations-box p {font-size: 20px;}
/***** Recommendations Section End *****/

/***** Recommend Section Start *****/
.recommend-sec {padding: 55px 0 30px; background: #fff; }
.recommend-sec .container {max-width: 1450px;}
.recommend-sec h2 {margin-bottom: 35px;}
.recommend-sec .owl-carousel .owl-item img {width: auto;}
.recommend-sec p {font-weight: 400;}
.recommend-sec .recommend-slider-item {padding-right: 6px;}
.recommend-sec .recommend-slider-item .recommend-slider-icon {min-width: 160px; margin-left: 10px; width: 160px; height: 160px; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 50%; padding: 5px;}
.recommend-sec .recommend-slider-item .recommend-slider-icon img {border-radius: 50%; position: relative; top: 50%; transform: translateY(-50%);}
.recommend-sec .owl-carousel .owl-nav {margin-top: 0;}
.recommend-sec .owl-carousel .owl-nav button {position: absolute; top: 50%; left: -50px; transform: translateY(-50%); margin: 0; outline: none; border: none; background-color: unset; width: 22px; height: 37px; box-shadow: none; border-radius: 0;}
.recommend-sec .owl-carousel .owl-nav button:hover {background-color: transparent;}
.recommend-sec .owl-carousel .owl-nav button span {display: none;}
.recommend-sec .owl-carousel .owl-nav .owl-prev {background-image: url(../images/recommend-arrow-right.png); left: auto; right: -50px;}
.recommend-sec .owl-carousel .owl-nav .owl-next {background-image: url(../images/recommend-arrow-left.png);}
.recommend-sec .owl-theme .owl-dots {margin-top: 30px;}
.recommend-sec .owl-theme .owl-dots .owl-dot span {width: 20px; height: 20px; margin: 5px; background: #DBDBDB;}
.recommend-sec .owl-theme .owl-dots .owl-dot.active span, 
.recommend-sec .owl-theme .owl-dots .owl-dot:hover span {background: #fcb948;}
/***** Recommend Section End *****/

/*Contact*/
.contact-sec {padding: 55px 0 90px; position: relative; background-color: #F9F9F9;}
.contact-sec.business-contact-form {background-color: #fff;}
.contact-sec h2 {margin-bottom: 13px;}
.contact-sec p.sec-subtitle {margin-bottom: 25px;}
.ourservice-form-wrp {max-width: 895px; margin: 25px auto 0; }
.ourservice-form-wrp .form-group {margin-bottom: 27px; }
.ourservice-form-wrp label {font-size: 20px; font-weight: 400; line-height: 1.2; color: #163556; min-width: 105px;}
.ourservice-form-wrp .form-control {height: 50px; font-size: 20px; font-weight: 400; line-height: 1; color: #163556; background-color: #fff; border: 1px solid #e4e4e4; border-radius: 50px;  box-shadow: none;}
.ourservice-form-wrp .form-control:focus {border-color: #FCAF2D;}
.ourservice-form-wrp textarea.form-control {border-radius: 22px;}
.ourservice-form-wrp .form-control.help-block { border-color: red; }
.ourservice-form-wrp .form-control.half-col {max-width: 290px; }
.ourservice-form-wrp textarea.form-control {height: 110px; resize: unset; padding: 10px;}
.ourservice-form-wrp .action-button-wrp {margin-top: 50px; }
.ourservice-form-wrp button.btn-primary {min-width: 290px;}

@media (min-width: 1366px) {
    .affiliate-banner-sec .container {max-width: 1300px;}
    .affiliate-banner-sec .affiliate-banner-img {min-width: 620px; margin-right: -80px;}
    .affiliate-banner-sec.institute-banner .affiliate-banner-img {min-width: 746px; margin-right: -230px;}
    .recommendations-sec .container {max-width: 1300px;}
}
@media (max-width: 1365px) {
    h1, .h1 {font-size: 50px; margin-bottom: 5px;}
}
@media (max-width: 991px) {
    h1, .h1 {font-size: 40px;}
    h2, .h2 {font-size: 32px;}
    h3, .h3 {font-size: 18px;}
    p {font-size: 18px;}

    .affiliate-banner-sec {text-align: center;}
    .affiliate-banner-sec .affiliate-banner-img {min-width: unset; margin-top: -45px; margin-bottom: -90px; max-width: 500px;}
    .affiliate-banner-sec.institute-banner .affiliate-banner-img {min-width: unset; margin-top: -35px; margin-bottom: -20px; margin-right: 0px;}
    .affiliate-banner-sec .affiliate-banner-detail {margin: 0 auto 32px;}

    .recommendations-sec {padding: 45px 0 50px;}
    .recommendations-sec .recommendations-box {padding: 30px 15px;}
    .recommendations-sec .recommendations-box p {font-size: 18px;}

    .recommend-sec {padding: 45px 0 30px;}
    .recommend-sec .recommend-slider-item {padding-right: 0;}
    .recommend-sec .owl-carousel .owl-item img {display: inline-block;}
    .recommend-sec .recommend-slider-item .recommend-slider-icon {min-width: 90px;width: 90px;height: 90px;}
}
@media (max-width: 767px) {
    .recommendations-row .border-gradient::after {content: none;}

    /*Contact*/
    .contact-sec { padding: 45px 0 80px; }
    .ourservice-form-wrp .form-group {margin-bottom: 18px; }
    .ourservice-form-wrp label {font-size: 18px; max-width: 90px; }
    .ourservice-form-wrp .action-button-wrp label { display: none !important; }
    .ourservice-form-wrp .form-control.half-col {max-width: unset;}
    .ourservice-form-wrp button.btn-primary {min-width: 240px !important;}
}
@media (max-width: 575px) {
    h1, .h1 {font-size: 30px;}
    h2, .h2 {font-size: 25px;}
    h3, .h3 {font-size: 18px;}
    p {font-size: 15px;}

    .affiliate-banner-sec {padding: 30px 0 30px;}
    .affiliate-banner-sec .affiliate-banner-img {max-width: 100%; margin-top: -25px; margin-bottom: -60px; margin-left: -40px;}
    .affiliate-banner-sec.institute-banner .affiliate-banner-img {margin-top: -25px; margin-bottom: -15px;}

    .recommendations-sec {padding: 35px 0 15px;}
    .recommendations-sec .recommendations-box {padding: 15px 0px;}
    .recommendations-sec .recommendations-box p {font-size: 15px;}

    .recommend-sec {padding: 50px 0 30px;}
    .recommend-sec h2 {margin-bottom: 20px;}
    .recommend-sec .recommend-slider-item .recommend-slider-icon {margin-bottom: 17px;}
    .recommend-sec p {font-size: 16px; font-weight: 400;}
    .recommend-sec .owl-theme .owl-nav.disabled + .owl-dots {margin-top: 25px;}
    .recommend-sec .owl-theme .owl-dots .owl-dot span {width: 12px; height: 12px;}
    .recommend-sec .recommend-item-detail p, .recommend-sec p {font-size: 16px;font-weight: 400;}

    .contact-sec {padding: 35px 0 50px;}
    .ourservice-form-wrp .form-control {height: 40px;}
}