/*
Poject Title : Mush Blog
Responsive   : Yes ( Bootstrap5) 
Author       : Golu Prajapati
Status       : Find a small win each day.
Date         : 15/09/2024.
*/

@font-face {font-family:FontAwesome;src:url(../fonts/FontAwesome.otf);}
body{font-family: "degular",sans-serif;color: #000;letter-spacing: 0rem; font-size: 14px; background-color: rgba(0, 0, 0, 1);}
section,figure,aside,article,figcaption{margin: 0;padding: 0 }


@font-face {
    font-family: "TRYVesterbroPoster";
    src: url("/wp-content/themes/mush/assets/fonts/TRYVesterbroPoster.otf") format("truetype");
	letter-spacing: -0.155rem
    font-display: swap;
}


/* @font-face {font-family:TRYVesterbroPoster;src:url(../fonts/TRYVesterbroPoster.ttf); letter-spacing: -0.155rem;} */


@import url("https://use.typekit.net/mmz6emt.css");







ul{padding-left: 0px; list-style: none; margin: 0px;}

/*----header----*/
header#header {position: relative; padding: 20px 0px;}
div#collapsibleNavbar {justify-content: end;}
.navbar{background:transparent;padding: 0;}
.navbar-nav li a {position: relative; color: #fff;text-decoration: none;padding: 0px 30px;
 display: inline-block;font-size: 16px;font-weight:600;}
.navbar-brand img{}
.navbar ul>li li a{margin-right: 0px;padding:5px 15px;font-size:14px;color: #000;display: flex; align-items: center;text-transform: inherit;}
.navbar-nav li.active a{color: rgba(255, 105, 59, 1);}
.navbar-nav li a:hover{color: rgba(255, 105, 59, 1);}




.tell_us a.btn {font-size:16px;font-weight: bold;color: #fff;line-height: normal; background:rgba(255, 105, 59, 1);
    text-decoration: none;display: inline-block;padding: 20px 35px;border-radius:30px; border: 0px;}
    .tell_us a.btn:hover {background: #F85C2C; color: #fff;}

/*------close header-----*/


.banner{position: relative; padding: 160px 0px;}
.herocaption h1{color:#fff;font-size:62px; text-align: center;font-family:'TRYVesterbroPoster'; line-height: 74.4px; letter-spacing: -0.155rem; font-weight: 900;}


/*---close banner-----*/

.tabssection{position: relative; padding: 60px 0px;}
.pills-tab{background-color: rgba(33, 33, 33, 1); padding: 20px; border-radius: 16px;}
.pills-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background: #373737;}

.pills-tab .nav-link{ transition: 0.25s ease-out; transform: translateX(0); color: #fff; font-size: 20px; text-decoration: none; padding: 10px 40px; border-radius: 30px; font-weight: 400; z-index:99;}


.tabs {
   
    position: relative;
}

input[type="radio"] {
    display: none;
}

.tab {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    width: 200px;
    cursor: pointer;
    transition: color 0.15s ease-in;
    z-index: 999;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 40px;
    border-radius: 30px;
    font-weight: 400;
    background-color: transparent;
}

/* Active tab styling */


/* Glider positioning based on checked radio input */
input[id="radio-1"]:checked ~ .glider {
    transform: translateX(0);
}

input[id="radio-2"]:checked ~ .glider {
    transform: translateX(100%);
}

input[id="radio-3"]:checked ~ .glider {
    transform: translateX(200%);
}

input[id="radio-4"]:checked ~ .glider {
    transform: translateX(400%);
}

input[id="radio-5"]:checked ~ .glider {
    transform: translateX(300%);
}

/* Glider styling */
.glider {
    position: absolute;
    height: 54px;
    width: 200px;
    background-color: #373737;
    z-index: 1;
    border-radius: 99px;
    transition: 0.25s ease-out;
}

@media (max-width: 700px) {
    /* .tabs {
        transform: scale(0.6);
    } */
}



li.nav-item {
    position: relative;
    
}

.navbarnav-link{display: none;}

.body-card{position: relative; padding-top: 80px;}
.body-card h1{color: #fff;}
.layer-grid{display: grid; grid-template-columns: repeat(3 ,1fr); gap: 0px 30px;}
.blog-box{position: relative; overflow: hidden; transition: 1.3s; margin-bottom: 60px;}
.blog-img img{width: 100%;}
.blog-img{overflow: hidden; transition: 1.3s; margin-bottom: 25px;}


.blog-cnt h6{color: rgba(211, 209, 209, 1); margin-bottom: 20px; font-size: 12px; font-weight: 500; margin-bottom: 10px;}
.blog-cnt h3{    max-width: 360px; color: rgba(211, 209, 209, 1); font-size: 24px;margin-bottom: 20px; font-weight: 200; line-height: 26px;}
.listtime li{color: rgba(131, 130, 130, 1); font-size: 16px; display: inline-block; font-weight: 400;}
.listtime li img{margin: 0px 6px;}

.morebtn {position: relative;padding: 40px 0px;}
.morebtn a{color: #fff; text-decoration: none; font-size: 45px; font-weight: 200;}
.morebtn a img{margin-left: 6px;}
.project-sec{border-radius: 3.125rem;background: linear-gradient(102deg, #ED265F 16.53%, #ED265F 84.65%); padding: 200px  0px;}
.project-sec .row{align-items: center;}
.project-sec h6{color: #fff; font-size: 18px; margin-bottom: 10px; }
.project-sec h2{color: #fff; font-size: 54px; font-family:'TRYVesterbroPoster'; font-weight:900; letter-spacing: -0.155rem;}
.project-sec a.btn {border: 0px;font-size: 16px;font-weight: bold;color: #000;line-height: normal;background:#fff;text-decoration: none;display: inline-block;padding: 1.5rem 2.875rem;border-radius: 50px;}

.mushbg{position: relative;}
.mushbg img{width: 100%;}

.rightside{text-align: right;}
.footer {background: url(https://blog.mushcreative.in/wp-content/uploads/2024/10/footer_bg.png) no-repeat center bottom #000;background-size: 100% auto;padding:120px 0px 40px 0px;}
footer .container{position: relative; z-index: 99;}

.ftr-menu {text-align: center; }
.ftr-menu a{text-decoration: none; color:#fff; font-size: 16px; padding: 0px 50px; font-weight: 600;}
.ftr-menu li{display: inline-block;}
.paddingtop{padding: 120px 0px;}
.ftr-sub h2 {color: #fff;font-size: 42px;font-weight: 900;line-height: normal;font-family: 'TRYVesterbroPoster';}
.ftr-sub p{margin: 0px;}
.ftr-sub p a{text-decoration: none; color: #fff; font-size: 18px;font-weight: 400; }
.ftrleft h5{color: #fff; font-size: 16px; font-weight: 600; margin-bottom: 10px; position: relative;}
.socail a{margin-right: 12px;}

.alignitems{align-items: center;}
.ftrleft{padding-left: 60px;}
.sitemap li a{ text-decoration: none;color: #B6B6B6;font-size: 14px;font-style: normal;font-weight: 300;line-height: normal;margin-right: 30px;}
.sitemap li{display: inline-block; color: #B6B6B6;font-size: 14px;font-style: normal;font-weight: 300;line-height: normal;margin: 0;}


.copyright{text-align: center; padding: 12px 0px; background: rgba(22, 22, 22, 1);}
.inputfull{display: flex; align-items: center; border-bottom: 1px solid #777777; max-width: 800px; margin: 0 auto;}
.copyright .form-control{border: 0px;font-size: 16px; border:0px; background-color: transparent; padding: 0px; color: #D3D1D1;}
.copyright .form-control::placeholder{color:#777777;}
.copyright button.btn {font-weight: 700;
    border: 0px;
    padding: 0px;
    color: #fff;
    font-size: 16px;
    background: transparent;
}

.form-control:focus{box-shadow: none;}
.scrollup a {display: none; position: fixed;right: 20px;bottom: 10px;color: #fff;font-size:25px;background:#ed265f;width: 50px;height: 60px;line-height: 60px;text-align: center;border-radius: 5px;z-index:2;cursor: pointer;opacity: 1;text-decoration: none;}
.scrollup a:hover {background: #000;transition: all ease-in-out 0.5s;box-shadow: 0 0 10px rgb(203 197 197 / 74%);}


.mobile{display: none;}
.menu-icon {transform: scale(1.5);}
.menu-icon {position: relative;width: 26px;height: 26px;cursor: pointer;}
.menu-icon__cheeckbox {display: block;width: 100%;height: 100%;position: relative;cursor: pointer;z-index: 2;-webkit-touch-callout: none;
		position: absolute;opacity: 0;}
.toggler {margin: auto;position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 22px;height: 12px;}
.toggler span {position: absolute;display: block;width: 100%;height: 2px;background-color: var(--bar-bg, #fff);
		border-radius: 1px;
		transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);

		&:first-of-type {
			top: 0;
		}
		&:last-of-type {
			bottom: 0;
		}
	}
	&.active,
	.menu-icon__cheeckbox:checked + div {
		span {
			&:first-of-type {
				transform: rotate(45deg);
				top: 5px;
			}
			&:last-of-type {
				transform: rotate(-45deg);
				bottom: 5px;
			}
		}
	}

	&.active:hover span:first-of-type,
	&.active:hover span:last-of-type,
	&:hover .menu-icon__cheeckbox:checked + div span:first-of-type,
	&:hover .menu-icon__cheeckbox:checked + div span:last-of-type {
		width: 22px;
	}

	
	/*---deail page------*/
    .blog-page{padding: 60px 0px; position: relative;}
	.herocaption p{color: rgba(211, 209, 209, 1); font-weight: 400;}
	.herocaption h2{font-size: 60px; font-weight: 400; color: rgba(211, 209, 209, 1);}
	.herocaption{text-align: center;}

	.blogbg{padding-top: 40px;}
	.blogbg img{width: 100%;}

	.talking {
		max-width: 740px;
	}

	.jump-cnt h6{color: #D3D1D1; font-size: 18px; font-weight: 700;}
	.jump-cnt p{color: #D3D1D1; font-size: 16px; font-weight: 400;}

	.talking p{color: #D3D1D1; font-size: 24px; font-weight: 100; margin-bottom: 30px;}
	.talking h4{color: #ffffff; font-size: 32px; font-weight: 400; margin-bottom: 0px;}

	.talking p span{font-size: 22px; font-style: italic; line-height: normal;}
     .talking ul{    list-style: disc; padding-left: 30px;}
	.talking li{color:#D3D1D1; font-size: 24px; font-weight: 100; margin-bottom: 20px;}
	.talking li span{color: #D3D1D1; font-weight: 600;}




	.Whats-sec{position: relative; overflow: hidden; padding-bottom: 50px;}
	.Whats-sec h2{color: #fff; font-size: 45px; margin-bottom: 30px; font-weight: 500; text-align: center;}
	.gridread{display: grid; grid-template-columns: repeat(2 ,1fr); gap: 0px 60px; max-width: 890px; margin: 0 auto;}



	/* Slide */
.hover05 {
	margin-top: 40px;
	
}

.section-brand{position: relative; padding: 60px 0px;}