@font-face {
    font-family: 'Gilroy-Bold';
    src: url('../fonts/Gilroy_Font/Gilroy-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: url('../fonts/Gilroy_Font/Gilroy-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Gilroy-Semibold';
    src: url('../fonts/Gilroy_Font/Gilroy-Semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'TTInterfaces-DemiBold';
    src: url('https://portalvhdslvb28rs1c3tmc.blob.core.windows.net/yammo/careme/Font/TTInterfaces-DemiBold.otf');
}

@font-face {
    font-family: 'TTInterfaces-Medium';
    src: url('https://portalvhdslvb28rs1c3tmc.blob.core.windows.net/yammo/careme/Font/TTInterfaces-Medium.otf');
}

@font-face {
    font-family: 'TTInterfaces-Bold';
    src: url('https://portalvhdslvb28rs1c3tmc.blob.core.windows.net/yammo/careme/Font/TTInterfaces-Bold.otf');
}

* {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}

.padding-x-5-7 {
    padding-left: 5.7rem !important;
    padding-right: 5.7rem !important;
}

.padding-x-5-5 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
}

.px-4 {
    padding-left: 4rem;
    padding-bottom: 4rem;
}

.py-7 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.pb-7 {
    padding-bottom: 4rem;
}
.pt-7 {
    padding-top: 4rem;
}
.pt-lg-7 {
    padding-top: 4rem;
}
.pb-8{
    padding-bottom:5.5rem;
}
.width-fix {
    width: 50% !important;
}
/*start navbar*/
.book-store-logo {
    width: 10%;
}
.index_banner .navbar-toggler {
    background-color: #57509D;
    border: none;
    text-decoration: none;
    font-size: 15px;
    color: white;
    outline: none !important;
}
.nav-link {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    color: #3C4758 !important;
    font-family: "Gilroy-Bold" !important;
    font-size: 20px !important;
    font-weight: bold !important;
}
    .nav-link:hover {
        border-radius: 18px !important;
        color: #fff !important;
        font-family: "Gilroy-Medium";
        font-size: 20px !important;
        border: none !important;
        background-color: #57509D !important;
    }
.m-right2 {
    margin-right: 0.5rem;
}
.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
    border-radius: 18px !important;
    color: #fff !important;
    font-family: "Gilroy-Medium";
    font-size: 20px !important;
    border: none !important;
    background-color: #57509D !important;
}
/*end navbar*/
body {
    /*overflow-x: hidden;*/ 
    font-family: Gilroy-Medium;
    position: relative;
}
/*.scrollspy-example {
    position: relative;
    margin-top: 10px;
    overflow: auto;
}*/
/*start Home*/
.custom-container {
    margin: 0px !important;
    padding: 0px !important;
    margin-top: 0px !important;
    width: 100% !important;
    border: 0px !important;
}
.block-show {
    display: block !important;
}
.home-img {
    max-width: 100%;
    height: auto;
    margin-left:-15px;
}
.home-logo {
    max-width: 40%;
    height: auto;
}
.title {
    font-family: Gilroy-Bold;
    font-size: 40px;
    color: #3C4758;
    font-weight: bold !important;
    line-height:1.2;
}

.sub-title {
    font-family: "Gilroy-Bold" !important;
    font-size: 30px;
    color: #3C4758;
    font-weight: bold !important;
    line-height:1.2;
}

.desc {
    font-family: "Gilroy-Medium" !important;
    font-size: 20px;
    color: #6B727C !important;
}
.first-grid-img {
    max-width: 100%;
    height: auto;
    border-radius:15px;
}
.image-container {
    height: 400px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/Content/Images/books2.png);
    margin:auto;
}

.image-container-title {
    color: #fff !important;
    font-weight: bold !important;
    font-size: 45px !important;
    font-family: "Gilroy-Bold" !important;
}
.bg-black {
    background-color: #000000 !important;
}
/*Carousel*/
.mt-14 {
    margin-top: 13rem;
}
.product-walkthrough-img {
    width: 28%;
    margin: 0px !important;
    height:auto !important;
    /*max-height: 455px !important;*/
}

.arrow-btn {
    width: 18%;
}

.second-title {
    color: #3C4758 !important;
    font-family: "TTInterfaces-Bold" !important;
    font-size: 22px;
    font-weight: bold;
}

.second-desc {
    color: #3C4758 !important;
    font-family: "TTInterfaces-Medium" !important;
    font-size: 18px;
    width: 37%;
}

.second-btn {
    font-family: "TTInterfaces-Medium" !important;
    background-color: #0FA3FD !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 15px !important;
    width: auto !important;
    color: #fff !important;
    border-radius: 15px !important;
    padding:0.5rem 1rem !important;
}
    .second-btn:focus {
        border: none !important;
        box-shadow: none !important;
    }
/*End Carousel*/
.weekly-book {
    width: 100%;
    max-height: 180px !important;
    object-fit: cover;
    /*height: auto !important;*/
    border-radius: 15px;
    z-index: 1 !important;
}
.book-title {
    font-family: TTInterfaces-Bold !important;
    font-size: 15px !important;
    color: #3C4758 !important;
    font-weight: bold;
}

.book-desc {
    font-family: TTInterfaces-Medium !important;
    font-size: 12px !important;
    color: #3C4758 !important;
}

.book-preorder {
    font-family: TTInterfaces-Bold !important;
    font-size: 12px !important;
    color: #6855AE !important;
    cursor:pointer;
    text-decoration:none !important;
    /*font-weight: bold;*/
}
.mt-8 {
    margin-top: 6rem !important;
}
.feaured-carousel-container {
    width: 100%;
    height: auto;
}

.carousel-publisher-img{
    /*width:20%;*/
    width:35%;
    height:auto;
}
.carousel-dropleft-arrow-btn {
    left: 152px !important;
}

.carousel-dropright-arrow-btn {
    right: 152px !important;
}
.second-grid-img {
    width: 100%;
    border-radius: 20px;
    /*height:auto !important;*/
    max-height:180px !important;
    object-fit:cover;
}
.carousel-arrow-icon {
    width: 22px !important;
    height: 22px !important;
}
.publisher-title {
    font-family: "Gilroy-Bold" !important;
    font-size: 17px !important;
    color: #3C4758 !important;
    font-weight: bold !important;
}

.join-us-container{
    margin-top:-230px;
}
.platform-book {
    width: 263px;
    height: 227px;
    z-index:1 !important;
}
.left-part {
    margin-right: -57px;
}

.middle-part {
    margin-top: -250px;
    margin-left:-25px;
}

.right-part {
    margin-left: -142px;
    margin-top: 455px;
}

.bottom-part {
    /*margin-right: -147px;*/
    margin-top: -296px;
}
.Curve-One {
    width: 540.8px;
    height: 189.8px;
}

.Curve-Two {
    height: 335px;
    margin-top:-37px;
    margin-left:-172px;
    z-index:0;
}


.form-container {
    background-color: #fff !important;
    width: 70%;
    border-radius: 15px;
    z-index: 200 !important;
    padding: 20px;
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
}

.form-title {
    color: #3C4758 !important;
    font-family: "TTInterfaces-Bold" !important;
    font-size: 18px;
    font-weight: bold;
}

.form-input {
    background-color: #EBF3FA !important;
    border-color: #EBF3FA !important;
    border-radius: 15px !important;
    font-family: "TTInterfaces-DemiBold" !important;
    font-size: 13px !important;
    padding: 0.5rem 1rem !important;
}

    .form-input:focus {
        box-shadow: none !important;
    }

.form-textarea-input {
    background-color: #EBF3FA !important;
    border-color: #EBF3FA !important;
    border-radius: 15px !important;
    font-family: "TTInterfaces-DemiBold" !important;
    font-size: 13px !important;
    height: 130px;
    padding: 0.5rem 1rem !important;
}

    .form-textarea-input:focus {
        box-shadow: none !important;
    }

.left-arrow-img {
    width: 20px;
    height: 20px;
}
/*Custom List Group*/
/*Button Group*/
.btn-group {
    background-color: #EBF3FA !important;
    border-color: #EBF3FA !important;
    border-radius: 15px !important;
}
    .btn-group > .btn-group:first-child > .btn, .btn-group > .btn:first-child:not(.dropdown-toggle) {
        border-top-left-radius: 15px !important;
        border-bottom-left-radius: 15px !important;
    } 
    .btn-group > .btn-group:last-child > .btn, .btn-group > .btn:last-child {
        border-top-right-radius: 15px !important;
        border-bottom-right-radius: 15px !important;
    }

.btn-group-btn {
    background-color: #EBF3FA !important;
    border-color: #EBF3FA !important;
    font-family: 'TTInterfaces-Medium';
    color: #3C4758 !important;
    font-size: 13px !important;
    padding: 0.5rem 1rem !important;
}

    .btn-group-btn:focus {
        background-color: #0FA3FD !important;
        box-shadow: none !important;
        border-color: #0FA3FD !important;
        border-radius: 15px !important;
        font-family: 'TTInterfaces-Medium';
        font-size: 13px !important;
        color: #fff !important;
    }
    .btn-group-btn:hover {
        background-color: #EBF3FA;
        box-shadow: none !important;
        border-color: #EBF3FA;
        border-radius: 15px !important;
        font-family: 'TTInterfaces-Medium';
        font-size: 13px !important;
        color: #3C4758;
    }

.visitor-type-active {
    background-color: #0FA3FD !important;
    box-shadow: none !important;
    color: #fff !important;
    border-color: #0FA3FD !important;
    border-radius: 15px !important;
    font-family: 'TTInterfaces-Medium';
    font-size: 13px !important;
    padding: 0.5rem 1rem !important;
}
/*End home*/
/*Footer*/

.footer-block {
    margin-top: -280px !important;
}

.left-path {
    background-image: url('Images/Path2.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1580.21px;
    height: 380.71px;
    z-index: 150 !important;
    /*margin-right: -160px;*/
    margin-right: -250px;
}

.right-path {
    background-image: url('Images/Path1.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1580.21px;
    height: 380.71px;
    /*margin-left: -160px;*/
    margin-left: -250px;
    position: relative !important;
}

.right-inner-path {
    position: absolute !important;
    background-image: url('Images/Path3.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 890.21px;
    height: 358.71px;
    right: 0px !important;
    bottom: 0px !important;
}

.right-inner-path-text {
    margin-top: 17.5rem;
    margin-left: 18rem;
    font-family: "Gilroy-Bold" !important;
    font-size: 18px;
    color: #3C4758;
    z-index:1002 !important;
}
.footer-lg-block{
    margin-top:-65px !important;
}
.footer-lg-text {
    font-family: "Gilroy-Bold" !important;
    font-size: 18px;
    color: #3C4758;
    z-index:2000 !important;
}
.footer-lg-link {
    font-family: "Gilroy-Bold" !important;
    font-size: 18px;
    color: #3C4758 !important;
    z-index: 2000 !important;
    text-decoration:none !important;    
}
    .footer-lg-link:hover {
        color: #0FA3FD !important;
    }
.left-path-inner-image {
    margin-top: 15rem;
    margin-left: 6rem;
    width: 150px;
    height: 40px;
}
.mt-7 {
    margin-top: 7rem !important;
}
.footer-text {
    font-size: 20px;
    font-family: 'Gilroy-Semibold' !important;
    color: #3C4758 !important;
    display: none;    
}
.footer-text-link {
    font-size: 20px;
    font-family: 'Gilroy-Semibold' !important;
    color: #3C4758 !important;
    text-decoration: none !important;
}
    .footer-text-link:hover {
        color: #0FA3FD !important;
    }
/*End Footer*/

/*scroll*/
html {
    scroll-behavior: smooth !important;
}

*::-webkit-scrollbar {
    width: 7px;
    height: 3px;
}

*::-webkit-scrollbar-track {
    margin: 7px 0 7px 0px;
    border-radius: 20px;
}

*::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 20px;
}
/*end scroll*/
@media (min-width: 300px) and (max-width: 700px) {
    .padding-x-5-7 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .padding-x-5-5 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .m-right2 {
        margin-right: 0rem !important;
    }

    .border-75 {
        border-radius: 30px !important;
    }

    .py-7 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
    .pb-7 {
        padding-bottom: 3.5rem;
    }

    .pt-7 {
        padding-top: 3.5rem;
    }

    .pt-lg-7 {
        padding-top: 1.5rem;
    }
    .pb-8 {
        padding-bottom: 3rem;
    }

    .book-store-logo {
        width: 35%;
        margin-bottom: 8px;
    }

    .navbar-toggler {
        margin-bottom: 5px;
    }

    .home-img {
        border-radius: 30px;
        margin:0 !important;
    }

    .home-logo {
        display: none;
    }

    .title {
        line-height: 1.5;
    }

    .sub-title {
        line-height: 1.5;
    }

    .mt-14 {
        margin-top: 10.5rem;
    }

    .arrow-btn {
        width: 43%;
    }

    .product-walkthrough-img {
        width: 72%;        
        margin: 0px !important;
        height:auto !important;
        /*max-height:381px !important;*/
    }

    .second-desc {
        width: 100%;
    }

    .carousel-publisher-img {
        width: 80%;
        height: auto;
    }

    .carousel-dropleft-arrow-btn {
        /*left: 40px !important;*/
        left:20px !important;
    }

    .carousel-dropright-arrow-btn {
        /*right: 40px !important;*/
        right:20px !important;
    }

    .mt-8 {
        margin-top: 3.5rem !important;
    }

    .join-us-container {
        display: none !important;
    }

    .bottom-part {
        margin-top: 0px !important;
    }

    .bottom-part-title {
        display: none !important;
    }

    .form-container {
        width: 100% !important;
        background-color: #f2f2f2 !important;
    }

    .form-input {
        background-color: #fff !important;
    }

    .form-textarea-input {
        background-color: #fff !important;
    }

    .btn-group {
        background-color: #fff !important;
    }

    .btn-group-btn {
        background-color: #fff !important;
    }

        .btn-group-btn:focus {
            background-color: #0FA3FD !important;
        }

    .visitor-type-active {
        background-color: #0FA3FD !important;
    }
    .footer-text{
        display:block;
    }
    .footer-block{
        display:none !important;
    }
    .block-show{
        display:none !important;
    }
    .width-fix{
        width:100% !important;
    }
}