/*
CTC Separate Stylesheet
Updated: 2024-02-10 10:58:08
Theme Name: Coaico Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: coaico
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.9.1707562688
*/



.articledetails .sitecontainer {
    max-width: 1342px !important;
}
.footermenu {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.footermenu li {
    float: left;
    width: 100%;
    list-style: none;
    text-align: left;


    margin-bottom: 11px;
    color: #cecfd2;
}

.footermenu li a {
    color: #cecfd2;
	    font-family: "DM Sans", sans-serif;
		    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
.page-con{
	float:left;
    width:100%;
}

.page-con .sitecontainer{
	padding: 0px 20px;
}
a {
	text-decoration: none;
	color: unset;
	font-family: var(--fontfam);
}

a:hover {
    text-decoration: none !IMPORTANT;
}


body {
	font-family: 'Inter', sans-serif;
	background-color: #FAF5EB;
	    margin: 0px auto !important;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6, h1, .h1, .h2, .h3 {
	margin: 0;
	padding: 0;
}

img{
	max-width: 100%;
}

.sitecontainer {
    max-width: 1220px !important;
    margin: 0 auto;
    width: 100%;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #404d8b;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 35px;
	padding-bottom: 100px;
	z-index: 999;
	height: auto;
}
.sidenav ul{
	padding: 50px 15px;
	padding-bottom: 0;
}


.sidenav ul li.login-button a{
  	background: #000;
  	color: #fff;
  	padding: 10px 25px;
  	border-radius: 3px; 
  	display: inline-block;
}

.togglemenu{
	color: #000;
	font-size: 25px;
}
@media screen and (max-width:1024px) {
	.header{
		padding-left: 0px;
		padding-right: 0px;
	}
	.header .headerinner{
		padding: 15px 0px !important;
	}
	.header .navmenus ul{
		display: none !important;
	}
}
@media screen and (min-width:1024px) {
	.togglemenu{
		display: none;
	}
}
.header{
	float: left;
	width: 100%;
}


.header .headerinner .logo img{
	height: 36px;
}
.header .headerinner .navmenus ul {
    display: flex;
    gap: 32px;
    align-items: center;
    margin-left: 0px;
    padding: 0;
    margin-bottom: 0px;
    margin-top: 10px;
}
.header .headerinner .navmenus ul li {
    font-family: var(--fontfam);
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    list-style: none;
}

.header .headerinner .navmenus ul .login-button{
	padding: 10px;
	background-color: #060000;
	color: #ffffff;
	border-radius: 3px;
}

.home-page-main{
	float: left;
	width: 100%;
}
.home-page-main .sitecontainer{
	padding: 83px 29px 80px 23px;
	display: flex;
	gap: 30px;
}
.home-page-main .left{
	float: left;
	width: 68%;
}
.home-page-main .left h1{
	font-family: var(--fontfam);
	font-size: 40px;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
	padding-bottom: 10px;
	color: #000; 
}
.home-page-main .left h4.subheading {
	font-family: var(--fontfam);
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 0em;
	padding-bottom: 15px;
	color: var(--dark); 
}
.home-page-main .left img.hero-img{
	border-radius: 25px;
	margin-bottom: 95px;
}
.home-page-main .left .blog-div h4 {
	font-family: var(--fontfam);
	font-size: 20px;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 0em;
	text-align: left;
	padding-bottom: 7px;
	border-bottom: 1px solid #0000000F;
}
.home-page-main .left .blog-main {
	 margin-top: 40px;
	 padding-bottom: 40px;
	 border-bottom: 1px solid #0000000F;
}
.home-page-main .left .blog-main .blog-main-inner {
    display: grid;
    grid-template-columns: 31% 32% 30.33%;
    column-gap: 25px;
}
.home-page-main .left .blog-main h4 {
	font-family: var(--fontfam);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	color: #404D8B;
	padding-bottom: 4px;
}
.home-page-main .blog-main-inner .blog-titel h2{
	font-family: var(--fontfam);
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 0em;
	margin-bottom: 10px;
	color: #000000;
}
.home-page-main .blog-main-inner .blog-titel h6{
	font-family: var(--fontfam);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 10px;
	color: var(--dark);
}
.home-page-main .blog-main-inner .blog-titel p{
	font-family: var(--fontfam);
	font-size: 14px;
	font-weight: 300;
	line-height: 16px;
	letter-spacing: 0em;
	text-align: left;
	color: var(--dark);
}
.home-page-main .blog-main-inner .blog-description p{
	font-family: var(--fontfam);
	font-size: 18px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: 0em;
	color: #000000;
}

.home-page-main .summary .summary-inner{
	padding: 20px 0;
	border-bottom: 1px solid #0000000F;
}
.home-page-main .summary .summaryitems{
	float: left;
	width: 100%;
}
.home-page-main .left .summary h4 {
	font-family: var(--fontfam);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	color: #404D8B;
	padding-bottom: 4px;
	padding-top: 10px;
}
.home-page-main .left .summary h2{
	font-family: var(--fontfam);
	font-size: 22px;
	font-weight: 600;
	line-height: 27px;
	letter-spacing: 0em;
	text-align: left;
	padding-bottom: 10px;
}
.home-page-main .left .summary h6{
	color: var(--dark);
	font-family: var(--fontfam);
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 10px;
}
.home-page-main .left .summary .date {
	font-family: var(--fontfam);
	font-size: 14px;
	font-weight: 300;
	line-height: 12px;
	letter-spacing: 0em;
	text-align: left;
	color: var(--dark);
}
.home-page-main .left .summary .detail-img{
	display: flex;
	column-gap: 10px;
	align-items: center;
	margin-bottom: 20px;
	padding-top: 10px;
}
.home-page-main .left .summary .detail-img img{
	max-width:75px;
}
.home-page-main .left .summary .detail-img .heading-div h3{
	font-family: var(--fontfam);
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	color: #000;
}
.home-page-main .left .summary p{
	font-family: var(--fontfam);
	font-size: 12px;
	font-weight: 300;
	line-height: 15px;
	letter-spacing: 0em;
	text-align: left;
	color: #000000;
}
.home-page-main .left .summary p a{
	text-decoration: underline;
}



.categorywrap .categoryname {
    margin-top: 20px;
}

.home-page-main .right{ 
	float: left;
	width: 32%;
}
.home-page-main .right .widget{
	float: left;
	width: 100%;
	margin-bottom: 80px;
} 
.right .widget h2{
	color: #000;
	font-family: var(--fontfam);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 18px;
}
.right .widget .postitems{
	float: left;
	width: 100%;
}
.right .widget .postitems .item{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.right .widget .postitems .item:last-child{
	margin-bottom: 0;
}
.right .widget .postitems .item h2{
	color: #000;
	font-family: var(--fontfam);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0;
}
.right .widget .postitems .item .widget{
	margin-bottom: 0px;
}
.right .sponsorwidget{
	background: rgba(218, 196, 196, 0.10);
	padding: 7px 5px;
	padding-bottom: 19px;
}
.right .widget .sponsoritems .item{
	float: left;
	width: 100%;
	padding-right: 20px;
	margin-bottom: 42px;
}
.right .widget .sponsoritems .item label{
	float: left;
	width: 100%;
	color: #000;
	font-family: var(--fontfam);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0;
}
.right .widget .sponsoritems .item .titleimg{
	float: left;
	width: 100%;
	display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.right .widget .sponsoritems .item .titleimg img{
	max-width: 148px;
	position: relative;
	top: 15px;
}
.right .widget .sponsoritems .item h3{
	color: #404D8B;
	font-family: var(--fontfam);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 223px;
}
.right .widget .sponsoritems .item p{
	color: #000;
	font-family: var(--fontfam);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}
.right .widget.sponsorwidget .sponsoreurl{
	display: inline-block;
	color: #000;
	text-align: center;
	font-family: var(--fontfam);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	width: 100%;
}

.right .gb-grid-wrapper {
    row-gap: 18px;
}






/* Summery Listing */
.trandingsummery .left h1{
	padding-bottom: 30px;
}
.trandingsummery .sitecontainer{
	gap: 120px;
}


/* Summery details */

/* .summerydetails .sitecontainer{
	padding: 83px 29px 80px 96px;
	display: flex;
	gap: 30px;
}
.summerydetails .left{
	width: 68%;
}
.summerydetails .right{
	width: 32%;
} */
.summerydetails .left .summeryhead{
	float: left;
	width: 100%;
}
/* .summerydetails .left .summeryhead h1{
	color: #000;
	font-family: var(--fontfam);
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 44px;
} */

.summerydetails .left .summeryhead h4{
	color: rgba(0, 0, 0, 0.59);
	font-family: var(--fontfam);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 17px;
}

.summerydetails .left .summeryhead .date{
	color: var(--dark);
	font-family: var(--fontfam);
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.summerydetails .left .summeryhead .tagsshare{
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 32px;
}
.summerydetails .left .summeryhead .tags ul{
	display: flex;
	align-items: center;
	column-gap: 13px;
}
.summerydetails .left .summeryhead .tags ul li{
	border-radius: 20px;
	background: rgba(130, 235, 167, 0.40);
	padding: 5px 10px; 
	color: #000;
	font-family: var(--fontfam);
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.summerydetails .left .summeryhead .share a{
	color: #000;
	font-family: var(--fontfam);
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	border-radius: 10px;
	background: #CDCDCD;
	padding: 10px; 
	display: inline-block;
}
.summerydetails .summerybox{
	float: left;
	width: 100%;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	margin-top: 30px;
	padding: 15px;
}
.summerydetails .summerybox .imagebox{
	float: left;
	width: 100%;
	display: flex;
	column-gap: 18px;
	align-items: center;
}
.summerydetails .summerybox img{
	max-width:80px;
}

.summerydetails .summerybox .imagebox .title h3{
	color: #000;
	font-family: var(--fontfam);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.summerydetails .summerybox .imagebox h3 a:hover{
	text-decoration: underline;
}
.summerydetails .summerybox .specifications{
	float: left;
	width: 100%;
	padding-top: 20px;
}
.summerydetails .summerybox .specifications a{
	text-decoration: underline;
}
.summerydetails .summerybox .specifications ul p{
	display:inline;
}


.summerydetails .summerybox .specifications ul{
	padding-bottom: 15px;
}
.summerydetails .summerybox .specifications ul li{
	color: #000;
	font-family: var(--fontfam);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	padding-bottom: 0.5em;
}
.summerydetails .summerybox .specifications ul li p br{
	display:none;
}
.summerydetails .summerybox .summerygalary{
	float: left;
	width: 100%;
}
.summerydetails .summerybox .summerygalary .gallery{
	padding: 0px 50px;
}
.summerydetails .summerybox .summerygalary .item{
	padding: 5px;
}
.summerydetails .summerybox .summerygalary .item img{
	width: 100%;
	max-width: unset;
}
.summerydetails .summerybox .summerygalary .gallery button{
	border: none;
	outline: none;
	background: none;
	position: absolute;
	z-index: 9;
}
.summerydetails .summerybox .summerygalary .gallery .slick-prev{
	left: 15px;
	top: 30%;
}
.summerydetails .summerybox .summerygalary .gallery .slick-next{
	right: 15px;
	top: 30%;
}
.summerydetails .summerycontent{
	float: left;
	width: 100%;
	padding-top: 60px;
}
.summerydetails .summerycontent h2{
	color: #000;
	font-family: var(--fontfam);
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 17px;
	margin-top: 26px;
}
.summerydetails .summerycontent p, .summerydetails .summerycontent ul{
	color: #000;
	font-family: var(--fontfam);
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.45em;
}
.summerydetails .summerycontent ul{
	list-style: disc;
	padding-left: 20px;
	margin-bottom: 2em;
}
/* .summerydetails .summerycontent ul li{
	color: #000;
	font-family: var(--fontfam);
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
} */

.summerydetails .recommendatedsummery{
	float: left;
	width: 100%;
	padding-top: 40px;
}
.summerydetails .recommendatedsummery h2{
	color: #000;
	font-family: var(--fontfam);
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 15px;
}
.summerydetails .recommendatedsummery .relateditems{
	display:grid;
	grid-template-columns: 30% 30% 30%;
	column-gap: 3.3333%;
}
.summerydetails .recommendatedsummery .relateditems .item{
	background: #D9D9D9;
	padding: 15px;
}
.summerydetails .recommendatedsummery .relateditems .item h3{
	color: #000;
	font-family: var(--fontfam);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;
}


/* Article details */
.articledetails{
	float: left;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 100px;
}
.articledetails .sitecontainer{
	max-width: 780px;
}
.articledetails .headinfo{
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 50px;
}
.articledetails .headinfo h1{
	color: #000;
	text-align: center;
	font-family: var(--fontfam);
	font-size: 64px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.articledetails .headinfo h4{
	color: #8C8D91;
	text-align: center;
	font-family: var(--fontfam);
	font-size: 28px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 22px;
	margin-top: 22px;
}
.articledetails .headinfo .date{
	color: #000;
	text-align: center;
	font-family: var(--fontfam);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.articledetails .postcontent{
	float: left;
	width: 100%;
	padding-top: 69px;
}

.articledetails .postcontent ul{
	color: #000;
	font-family: var(--fontfam);
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	padding-left: 15px;
}
.articledetails .postcontent ol{
	color: #000;
	font-family: var(--fontfam);
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 20px;
}

.page-id-649 .navmenus,
.page-id-128 .navmenus
{
    display: none;
}
.page-id-649 header.entry-header.alignwide,
.page-id-128 header.entry-header.alignwide{
    display: none;
}
.page-id-649 .entry-content .sitecontainer,
.page-id-128 .entry-content .sitecontainer{
	padding: 10px 72px 10px 24px;
}