@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

h1, h2, h3, h4, h5, h6 { font-family: "Red Hat Display", sans-serif; }

h2 { font-size:32px!important; font-weight:800; }
h3 { font-size:25px!important; font-weight:700; }
h4 { font-size:18px!important; font-weight:700; }
h5 { font-size:16px!important; font-weight:700; }

body { font-family: "Poppins", sans-serif; font-size:14px!important; color:#656565!important; }

.navbar .navbar-nav .nav-item { color:#000!important; }

.nav-bar .navbar-light .navbar-brand img { max-height:50px!important; }

.navbar-light .navbar-nav .nav-link { color:#000!important; font-weight:500; }

.display-1 { font-size: 3rem!important; }

.page-title { padding:0!important; }

.sl-btn-main { background: #d7840d; padding: 10px 30px; border-radius: 20px; color:#fff; }

.sl-btn-child { background: linear-gradient(45deg, #3d31b1, #bf5f39); padding: 10px 30px; border-radius: 20px; color:#fff; }

.dropdown-item { color:#fff; padding:.4rem 1rem; }

.sl-call-btn { background:#d6830d !important; }

.sl-call-btn i { color:#fff!important; font-size:24px!important; }

/*------ sl-ft-two -----------*/

.sl-ft-two .sl-service-card-one {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; background:linear-gradient(#ba4747,#fc5353); border-radius:10px;}
.sl-ft-two .sl-service-card-two { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; background:linear-gradient(#c98e31,#ffba4d); border-radius:10px; }
.sl-ft-two .sl-service-card-three {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; background:linear-gradient(#4ab085,#4dda9f); border-radius:10px;}
.sl-ft-two .sl-service-card-four { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; background:linear-gradient(#4b66b6,#4f78f2); border-radius:10px;}

.sl-service-card-icon-holder {background:#fff; border:1px solid #eee; border-radius:100%; margin:0 auto 15px; display:grid; align-items:center; justify-content:center; width:80px; height:80px; }
.sl-service-card-icon-holder img {width:60px;}


/*----- sl-ft-four -------*/

.sl-ft-four .sl-box {color:#e9a33f;}


/*----- sl-ft-four end -------*/


.sl-page-breadcumbs {background:url(https://sleepstudyathome.in/img/page-breadcumbs.jpg); background-size:cover; padding:100px 20px;}


/*--======= Footer START ========-- */

footer { background: linear-gradient(to right, #3c4a7b,#5c6fb6); padding:50px 0 30px;}

footer .st-ft-widget .sl-ft-logo img { width:200px; filter: brightness(100); }

.st-ft-widget .sl-ft-social ul li { list-style-type: none; }

footer .sl-widget-heading { border-bottom:1px solid #49588e; }

footer .sl-widget-content { margin-top:10px; }

footer .sl-widget-heading h3 { color:#fff; font-weight: 600; margin-bottom: 20px; font-size: 20px; }

footer .sl-widget-content ul li { list-style-type: none; background: none; border-bottom: none; }

footer .sl-widget-content ul li a { color:#eee; }

footer .sl-widget-content .ft-icon-holder { width: 35px; height:35px; border: 1px solid #fff; padding: 2px; border-radius: 5px; margin-right:10px; }

.sl-ft-social img { width:40px; }

footer .sl-cnt-info ul li { display: flex; }

/*--======= Footer END ========-- */

.section-ft-bg { background: linear-gradient(to right, #3c4a7b,#5c6fb6); }

.section-content { margin-top:-100px; }

.section-content .sl-ft-card { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; padding:20px; margin-bottom:25px; background:linear-gradient(#fcfff9,#fff); border-radius: 10px; }

.section-content .sl-ft-card h5 { font-weight: 700; }

.sl-box { padding: 40px; background: url(../img/bg/counter-bg.jpg); background-size: cover; border-radius: 20px; }

.sl-box ul li { list-style-type: none; color:#eee; margin-bottom:14px; }

.sl-box ul li i { color:#e9901e; }

.counter-box .counter-head { text-align: center; font-size:40px; color:#fff; font-weight: 700; }

.counter-box .counter-title { text-align: center; color:#ffc334; }

.sl-menu-widget ul li { padding:5px 11px; font-size:14px; }

.sl-footer-bottom { position: fixed; bottom: 0; width: 100%; background: #fff; z-index:1; }

.sl-ser-section { background: url(../img/bg/counter-bg.jpg); }

/*--- Package Design ------- */

.pricing-card { transition: all 0.3s ease; border: none; background: linear-gradient(145deg, #ffffff, #f5f5f5); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06); }

.pricing-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }

.feature-list li { padding: 8px 0; position: relative; font-size:14px; }

.popular-badge { position: absolute; top: 10px; right: 10px; transform: rotate(15deg); }

.btn-custom { background: linear-gradient(45deg, #3d31b1, #bf5f39); border: none; padding: 12px 30px; transition: all 0.3s ease; }

.btn-custom:hover { transform: scale(1.05); box-shadow: 0 5px 15px rgba(108, 92, 231, 0.4); }

.sl-product .card i { color:#fdb836; }

.textimonial-carousel .test-content { font-size: 15px; text-align: left; line-height: 1.8em; color: #000; }

.textimonial-carousel .owl-stage-outer { padding:20px 0 20px; }

.textimonial-carousel .test-item { border: 1px solid #eee; padding: 30px; background: #fff; box-shadow: 1px 0.75em 1.5em -0.25em #919eab1f, 0 0 0.125em 0 #919eab33; border-radius:5px;
}

.textimonial-carousel .test-item i { color:#ffba36; font-size:14px; }

.sl-product .card h5 { font-size: 18px; line-height: 1.5em; }

/*---- Flip Animation ----- */

.sl-ft-two .card { position: relative; top: 50%; left: 50%; width: 250px; height: 100%; margin: -150px; float: left; perspective: 500px; }

.sl-ft-two .content { position: absolute; width: 100%; height: 100%; box-shadow: 0 0 15px rgba(0,0,0,0.1); transition: transform 1s; transform-style: preserve-3d; }

.sl-ft-two .card:hover .content { transform: rotateY( 180deg ); transition: transform 0.5s; }

.sl-ft-two .front, .sl-ft-two .back { position: absolute; height: 100%; width: 100%; background: white; line-height: 300px; color: #000; text-align: center; font-size: 60px; border-radius: 5px; backface-visibility: hidden; }

.sl-ft-two .back { background: #03446A; color: white; transform: rotateY( 180deg ); } 

.section-content .sl-ft-card:hover { background: #3e4d7f; }
.section-content .sl-ft-card:hover h5 { color:#fff; border:0; }
.section-content .sl-ft-card:hover p { color:#eee; }
.breadcrumb-item + .breadcrumb-item::before  { color:#fff!important; }
.page-track ul li img { width:16px; }


/************ Services ***************/

.sl-service-page-widget { background:#39446a; padding:20px; border-radius:10px; margin-bottom:20px; }

.sl-service-page-widget-bottom {border:1px solid #ccc; border-radius:10px;}
.sl-service-page-widget-bottom .input-group input {height:40px; border-radius: 5px; font-size:1rem;}
.sl-service-frm-btn {width:100%; background: #d6830d; color: #fff; padding: 5px 0; border-radius: 5px;}


.sl-btn-theme {background: #d6830d !important; border-radius: 5px; padding: 10px 20px; border: 0; color: #fff; font-weight: 600;}
.sl-page-wraper ul li img {width:15px; height:15px;}

/*************** Products CSS ********************/

.product-item { background: linear-gradient(45deg, #3d31b1, #bf5f39); border-radius: 10px; padding-bottom:20px; }
.product-item:hover {background:#3d31b1;}
.product-item .product-item-img img { border-radius:10px; }
.prduct-item-btn { text-align: center; }
.prduct-item-btn a { color: #fff; background: #3b9bd4; padding: 4px 20px 5px; border-radius: 20px; }
.page-title { font-size:2rem!important; }

/****** Media Max Width 767 ******/

@media (max-width: 767px) 
    {
        body h2 {font-size:28px!important;}
        body h3 {font-size:22px!important;}
        .sl-page-breadcumbs {padding:20px 20px;}
        .page-title {font-size:24px!important;}
	    .sl-about-top h1 { font-size:28px; text-align:center; margin-top:20px; }
	    .sl-about-top .about-top-btn { text-align: center; }
	    
	    .dropdown-menu {background:#3e4d7e!important;}
	    
	    .sl-process-section .sl-on-mob {display:flex!important;}
	    .sl-process-section .sl-on-desk {display:none;}
	}
	
.sl-doc-test .carousel-control-prev, .carousel-control-next
{
    align-items:left!important;
    top:10%!important;
}

.sl-products-carousel .sl-product-rating i {color:#e9a33f;}
	
.sl-process-section .sl-on-mob {display:none;}

/*---- Testimonials Slider ------*/

.sl-doc-test .carousel .carousel-control-prev-icon 
    {
        background-image:url(../img/icons/test-left-btn.png)!important;
    }

.sl-doc-test .carousel .carousel-control-next-icon 
    {
        background-image:url(../img/icons/test-right-btn.png)!important;
    }