@font-face {font-family: "Circular Std Bold";
    src: url("http://db.onlinewebfonts.com/t/06d1b1518a180e5a9cca2c23401ec40a.eot"); /* IE9*/
    src: url("http://db.onlinewebfonts.com/t/06d1b1518a180e5a9cca2c23401ec40a.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://db.onlinewebfonts.com/t/06d1b1518a180e5a9cca2c23401ec40a.woff2") format("woff2"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/06d1b1518a180e5a9cca2c23401ec40a.woff") format("woff"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/06d1b1518a180e5a9cca2c23401ec40a.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("http://db.onlinewebfonts.com/t/06d1b1518a180e5a9cca2c23401ec40a.svg#Circular Std Bold") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Circular Std Book";
    src: url("http://db.onlinewebfonts.com/t/860c3ec7bbc5da3e97233ccecafe512e.eot"); /* IE9*/
    src: url("http://db.onlinewebfonts.com/t/860c3ec7bbc5da3e97233ccecafe512e.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://db.onlinewebfonts.com/t/860c3ec7bbc5da3e97233ccecafe512e.woff2") format("woff2"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/860c3ec7bbc5da3e97233ccecafe512e.woff") format("woff"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/860c3ec7bbc5da3e97233ccecafe512e.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("http://db.onlinewebfonts.com/t/860c3ec7bbc5da3e97233ccecafe512e.svg#Circular Std Book") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Circular Std Medium";
    src: url("http://db.onlinewebfonts.com/t/9475d6a0b79c164f9f605673714e75d9.eot"); /* IE9*/
    src: url("http://db.onlinewebfonts.com/t/9475d6a0b79c164f9f605673714e75d9.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://db.onlinewebfonts.com/t/9475d6a0b79c164f9f605673714e75d9.woff2") format("woff2"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/9475d6a0b79c164f9f605673714e75d9.woff") format("woff"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/9475d6a0b79c164f9f605673714e75d9.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("http://db.onlinewebfonts.com/t/9475d6a0b79c164f9f605673714e75d9.svg#Circular Std Medium") format("svg"); /* iOS 4.1- */
}
.mobo{
    display: none;
}

main{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    background-color: white;
}
.hide{
    display: none;
}
.first-section{
    width: 100%;
    background-image:linear-gradient(to top, rgba(246, 252, 255, 0), #f7f7f7) !important;
    /*padding:10vh 6.9% 2.2% 12.6%;*/
    padding: 12vh 8.9% 3% 8.9%;
    position: relative;
    display: flex;
    flex-direction: row;
}
.first-section .section-container{
    display: flex;
    flex-direction: row;
    padding: 7% 0%;
    flex: 1;
}
.first-section .section-container .left-div{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 10%;
}
.first-section .section-container .left-div .section-title{
    font-family: "Circular Std Bold" !important;
    font-weight: 700;
    font-size: 4.2em;
    line-height: 130%;
    letter-spacing: 0%;
    color: #FCB600;
}
.first-section .section-container .left-div .section-description{
    font-family: "Circular Std Book" !important;
    font-weight: 500;
    font-size: 1em;
    line-height: 140%;
    letter-spacing: 0%;
    padding: 2% 0%;
    color: #353448;
}
.first-section .section-container .left-div .passage{
    display: flex;
    flex-direction: column;
    background:  #F7F8FA;
    padding: 2.5% 5%;
    border-radius: 12px;
    margin: 1.5% 0%;
}
.first-section .section-container .left-div .passage .passage-title{
    flex:1;
    color: #FCB600;
    font-family: "Circular Std Bold" !important;
    font-size: 2em;
}
.first-section .section-container .left-div .passage .passage-description{
    flex: 1.3;
    font-family: Inter;
    font-weight: 200;
    font-size: .9em;
    line-height: 140%;
    letter-spacing: 0%;
    color: #353448;
}
.first-section .section-container .right-div{
    flex: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.first-section .section-container .right-div img{
    width: 100%;
    height: auto;
    border-radius: 12px;
}


.second-section{
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 5% 8.9% 3% 8.9%;
}
.second-section .left-div{
    flex: 1
}
.second-section .left-div img{
    width: 100%;
}
.second-section .right-div{
    flex: 1;
    padding-left: 8%;
}
.second-section .right-div .div-title{
    flex:1;
    font-family: "Circular Std Bold" !important;
    font-weight: 700;
    font-size: 2em;
    line-height: 140%;
    letter-spacing: 0%;
    color:  #202020;
}
.second-section .right-div .div-description{
    flex: 1.5;
    font-family: Inter;
    font-weight: 300;
    font-size: 1em;
    line-height: 160%;
    letter-spacing: 0%;
    color: #202020;
    padding: 4% 0%;
}

.third-section{
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 5% 8.9% 5% 8.9%;
}
.third-section .div-container{
    flex:1;
    display: flex;
}
.third-section .div-container .div{
    flex:1;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    padding: 1.5%;
    background-color: #F7F8FA;
    margin: 1%;
}
.third-section .div-container .div .top-ele{
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.third-section .div-container .div .top-ele div{
    flex: 1;
}
.third-section .div-container .div .top-ele h4{
    color:  #202020;
    flex:7;
    font-family: "Circular Std Medium" !important;
    font-weight: 400;
    font-size: 1.3em;
    line-height: 160%;
    letter-spacing: 0%;

}
.third-section .div-container .div .passage-ele{
    color: #353448;
    font-family: Inter;
    font-weight: 200;
    font-size: 1em;
    line-height: 130%;
    letter-spacing: 0%;
    margin: 0;
    padding-top: 3.5%;
}

.fourth-section{
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 0% 8.9% 3% 8.9%;
}
.fourth-section .left-div{
    flex: 1.3
}
.fourth-section .left-div img{
    width: 100%;
}
.fourth-section .right-div{
    flex: 1;
    padding-right: 8%;
    padding-top: 5%;
    padding-bottom: 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2%;
}
.fourth-section .right-div .div-title{
 
    font-family: "Circular Std Bold" !important;
    font-weight: 500;
    font-size: 2em;
    line-height: 140%;
    letter-spacing: 0%;
    color:  #202020;
}
.fourth-section .right-div .div-description{
   
    font-family: Inter;
    font-weight: 300;
    font-size: .9em;
    line-height: 160%;
    letter-spacing: 0%;
    color: #202020;
    padding: 4% 0%;
}


.fifth-section{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fifth-section .title{
    font-family: "Circular Std Bold" !important;
    font-weight: 600;
    font-size: 1.5em;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
}
.fifth-section .subtitle{
    font-family: "Circular Std Medium" !important;
    font-weight: 200;
    font-size: 1.1em;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    color: #353448;
}
.fifth-section .rating{
    display: flex;
    flex-direction: row;
}
.fifth-section .rating .rating-text{
    font-family: "Circular Std Medium" !important;
    font-weight: 200;
    font-size: 1.1em;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    color: #353448;

}
.fifth-section .rating .rating-start{
    display: flex; 
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    padding: 3% 5%;
}
.fifth-section .rating .rating-start img{
    margin: 0 4%;
}
.fifth-section .rating-description{
    font-family: "Circular Std Book" !important;
    font-weight: 200;
    font-size: 1em;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    color: #353448;
    margin: 0;
}
.fifth-section .rating-description b{
    color :black;
    font-weight: 700;
}
.fifth-section .rating-slider{
    flex: 1;
    display: flex;
    position: relative;
    width: 100%;
    overflow:auto;
    justify-content: center;
}
.fifth-section .rating-slider .item{
    background: #F7F8FA;
    width: 260px;
    min-width: 260px;
    border-radius: 12px;
    padding: .9em;
    margin: 2% .5%;
}
.fifth-section .rating-slider .item .profile-div{
    display: flex;
    flex-direction: row;
    padding: 0 2.3%;
}
.fifth-section .rating-slider .item .profile-div .profile-detail{
    padding: 0 6%;
}
.fifth-section .rating-slider .item .profile-div .profile-detail .title{
    font-family: "Circular Std Medium" !important;
    font-weight: 200;
    font-size: 1.1em;
    line-height: 150%;
    letter-spacing: 0%;
    margin: 0;
}
.fifth-section .rating-slider .item .profile-div .profile-detail .rating-pic{
    display: flex;
}
.fifth-section .rating-slider .item .profile-div .profile-detail .rating-pic img{
    padding-right: 5%;
}
.fifth-section .rating-slider .item .review-div{
    font-family: Inter;
    font-weight: 200;
    font-size: .9em;
    line-height: 130%;
    letter-spacing: 0%;
    color: #353448;
    padding: 5% 2%;
}
.slick-dots li {
    margin: 0 13px !important;
}
.slick-active .indicators{
    content:url("../img/helper/line-4.png");
}
.slick-dots{
    text-align: left !important;
    bottom: -5% !important;
}


.sixth-section{
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 5% 8.9% 5% 8.9%;
}
.sixth-section .heading{
    color:  #202020;
    font-family: "Circular Std Medium" !important;
    font-weight: 500;
    font-size: 1.5em;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
}
.sixth-section .team-container{
    display: grid;
    grid-template-columns: auto auto auto auto;
}
.sixth-section .team-container .team-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F7F8FA;
    border-radius: 12px;
    margin: 2.5%;
    padding: 4% 2% 2% 2%;
}
.sixth-section .team-container .team-card div{
    flex:1;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1% 12%;
}
.sixth-section .team-container .team-card .profile {
    flex:1;
    display:flex;
    align-items: center;
    justify-content: center;
}
.sixth-section .team-container .team-card .profile img{
    width: 65%;
    border-radius: 50%;
}
.sixth-section .team-container .team-card .name {
    flex:1;
    font-family: "Circular Std Medium" !important;
    font-weight: 700;
    font-size: 1em;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    color: #202020;
    padding: 6% 1.5% 1.5%;
    margin: 0;
}
.sixth-section .team-container .team-card .title {
    flex:1;
    color: #353448;
    font-family: Inter;
    font-weight: 200;
    font-size: .8em;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    margin: 0;
    padding-bottom: 2%;
}
.sixth-section .team-container .team-card .email {
    flex:1;
    color: white;
    font-family: Inter;
    font-weight: 400;
    font-size: .7em;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    background: #FCB600;
    padding: 2% 5%;
    border-radius: 12px;
}

@media screen and (max-width: 991px) {

    .first-section .section-container .left-div .section-title{
        font-size: 3.5em;;
    }

    .sixth-section .team-container .team-card div{
        padding: 1% 5%;
    }

}


@media (max-width: 767px) {
    .mobo{
        display: block;
    }
    .first-section .section-container .right-div{
        display: none
    }
    .first-section .section-container .left-div{
        flex-direction: column;
        padding: 1% 3%;
    }
    .first-section .section-container .left-div .mobo {
        padding: 5% 0;
    }
    .first-section .section-container .left-div .mobo img{
        width: 100%;
        height: 100%;
        border-radius: 12px;
    }
    .first-section{
        padding-left: 3%;
        padding-right: 3%;
        padding-top: 18vh;
    }
    .first-section .section-container .left-div .section-title{
        font-size: 2.8em;
    }



    .second-section{
        flex-direction: column;
        padding: 8% 3% 5% 3%;
    }
    .second-section .right-div{
        padding: 3%;
    }
    .second-section .left-div img{
        display: none;
    }
    .second-section .right-div .div-title{
        text-align: center;
    }
    .second-section .right-div .div-description{
        margin: 0;
        padding-bottom: 0;
    }


    .third-section{
        padding: 5% 3% ;
    }
    .third-section .div-container{
        flex-direction: column;
    }
    .third-section .div-container .div{
        padding: 5% 4%;
        margin-bottom: 3%;
    }
    .third-section .div-container .div .top-ele h4{
        padding-left: 5%;
    }



    .mobo.img-section{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobo.img-section img{
        width: 100%;
    }


    .fourth-section{
        padding: 15% 3%;
        flex-direction: column;
    }
    .fourth-section .right-div .div-title{
        text-align: center;
    }
    .fourth-section .right-div{
        padding: 5% 2%;
    }


    .fifth-section .rating-description{
        padding-bottom: 5%;
    }



    .sixth-section{
        padding: 10% 3%;
        margin-top: 5%;
    }
    .sixth-section .heading{
        padding: 5% 1%;
    }
    .sixth-section .team-container{
        grid-template-columns: auto;
    }
    .sixth-section .team-container .team-card{
        flex-direction: row;
    }
    .sixth-section .team-container .team-card div{
        flex: 1.3;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}