body { margin:0; padding:0; }
a:hover { text-decoration:none; }
.mb-80 { margin-bottom: 80px;}


/* blog detils content Start  */

.blog-detils-page { padding: 50px 0;}

/* comment form */
.comment-form-cookies-consent {  display: flex !important; align-items: start;}
.comment-form-cookies-consent input { position: relative; top: 5px;}

.ne-merge {
    display: flex;
    gap: 10px;
    padding-bottom: 0;
}
.blog-detils-page-leave-btn button {
    display: inline-block;
    font-family: Sora;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    padding: 13px 20px;
    background: #054ADA;
    border-radius: 6px;
    color: #FFFFFF;
    border: 0;
}

.comment-form-cookies-consent label {
    font-family: Sora;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #000000;
    margin: 0 !important;
    padding-left: 5px;
}
.comment-form-cookies-consent{display:none !important;}
/* .hide-when-displaying-tfa-input {
    display: none;
} */

/* blog detils content left Start */

.blog-detils-page-left-top ul { list-style: none; padding: 0; display: flex; gap: 10px; align-items: center;}
.blog-detils-page-left-top ul li a {
    font-family: Sora;
    font-size: 14px;
    font-weight: 400;
    line-height: 27.72px;
    text-align: left;
    color: #000000;
}
.blog-detils-page-left-top ul li i { font-size: 14px; font-weight: 900; line-height: 25.3px; color: #000000;}
.blog-detils-page-left-top ul li {
    font-family: Sora;
    font-size: 14px;
    font-weight: 500;
    line-height: 27.72px;
    text-align: left;
    color: #054ADA;
}

.blog-detils-page-content img{
    width: 100%;
    height: 490px;
    border-radius: 6px;
    margin-bottom: 30px;
    margin-top: 10px;
	object-fit: cover;
}
.blog-detils-page-content h1{
    font-family: Sora;
    font-weight: 600;
    font-size: 32px;
    line-height: 45.72px;
    text-align: left;
    color: #000000;
    margin-bottom: 18px;
}

.blog-detils-page-admin { 
    display: flex; 
    justify-content: space-between;  
    gap: 30px;  
    flex-wrap: wrap; 
    border-bottom: 1px solid #000000CC;
    align-items:center ;
/*     padding-bottom: 30px; */
    margin-bottom: 30px;
}
.blog-detils-page-admin-left { display: flex; gap: 16px; align-items: center;}

.blog-detils-page-admin-left-img>img { width: 56px; height: 56px; border-radius: 50%;}
.blog-detils-page-admin-left-text>h5 {margin: 0; line-height: 0;}
.blog-detils-page-admin-left-text>h5>a {
    font-family: Sora;
    font-size: 18px;
    font-weight: 500;
    line-height: 22.68px;
    text-align: left;
    color: #054ADA;
}
.blog-detils-page-admin-left-text>p {
    font-family: Sora;
    font-size: 18px;
    font-weight: 400;
    line-height: 22.68px;
    text-align: left;
    color: #000000;
    margin: 0   ;
}

.blog-detils-page-admin-right>ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 24px;}
.blog-detils-page-admin-right>ul>li>a>i { color: #054ADA; font-size: 24px;}
.blog-detils-page-content p {
    font-family: Sora;
    font-size: 18px;
    font-weight: 400;
    line-height: 22.68px;
    text-align: left;
    margin-bottom: 20px;
    color: #000000;
}
.blog-detils-page-content h2 {
    font-family: Sora;
    font-size: 28px;
    font-weight: 600;
    line-height: 37.8px;
    text-align: left;
    color: #000000;
    margin-bottom: 30px;
    padding: 0;
    margin-top: 10px;
}

.blog-detils-page-content h3 {
    font-family: Sora;
    font-size: 24px;
    font-weight: 600;
    line-height: 30.24px;
    text-align: left;
    margin-bottom: 20px;
    color: #000000;
}
.blog-detils-page-admin-detils { 
    background: #F3F3F3; 
    padding: 30px 28px 34px 30px; 
    margin-bottom: 50px;
    display: flex;
    gap: 20px;
    border-radius: 6px;
}
.blog-detils-page-admin-detils-img img{width: 100px; height: 100px; border-radius: 6px; }
.blog-detils-page-admin-detils-text>h5 {margin-bottom: 12px ; line-height: 0;}
.blog-detils-page-admin-detils-text>h5>a{
    font-family: Sora;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.68px;
    text-align: left;
    color: #000000;
}
.blog-detils-page-admin-detils-text>p {
    font-family: Sora;
    font-size: 18px;
    font-weight: 400;
    line-height: 22.68px;
    text-align: left;
    margin-bottom: 30px;
}
.blog-detils-page-admin-btn>a {
    background: #054ADA;
    font-family: Sora;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.68px;
    text-align: left;
    color: #FFFFFF;    
    padding: 18px 33px;
    display: inline-block;
    border-radius: 6px;
	
}
.blog-detils-page-leave-comment  { border-radius: 6px; box-shadow: 0px 0px 12px 0px #20202040; background: #FFFFFF; padding: 28px;}
.blog-detils-page-leave-comment>h2 {
    font-family: Sora;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    text-align: left;
    color: #000000;
    margin-bottom: 24px;
}
.blog-detils-page-leave-first-last { padding-bottom: 16px;}
.blog-detils-page-leave-first-last-input { width:100%; display: flex; gap: 10px; padding-bottom: 0;}
.blog-detils-page-leave-first-last-input input { 
    width: 100%;
    background: #F3F3F3;
    border-radius: 6px;
    font-family: Sora;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #00000080;
    border: 0;
    padding: 16px;
}
.blog-detils-page-leave-first-last span {
    font-family: Sora;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #000000;
}
.blog-detils-page-leave-comment-form textarea {
    width: 100%; 
    border: 0 ; 
    background: #F3F3F3;
    font-family: Sora;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    padding: 16px;
    border-radius: 6px;
    margin-bottom: 16px;
}

.blog-detils-page-check-box { display: flex; gap: 12px; align-items: center; padding-bottom: 16px;}
.blog-detils-page-check-box input[type="checkbox"]:checked {  accent-color: black; }
.blog-detils-page-check-box input { width: 18px; height: 18px; border-radius: 6px;}
.blog-detils-page-check-box label {
    font-family: Sora;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin: 0;
    color: #000000;
}
.blog-detils-page-leave-btn a {
    display: inline-block;
    font-family: Sora;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    padding: 13px 20px;
    background: #054ADA;
    border-radius: 6px;
    color: #FFFFFF;
}  
/* blog detils content left End */


/* blog detils content right Start */

.blog-detils-content-right { display: flex; flex-direction: column; gap: 30px;}
.blog-detils-content-categories { box-shadow: 0px 0px 4px 0px #00000040; border-radius: 10px;}
.blog-detils-content-categories-title { padding: 13px 20px; border-bottom: 1px solid #054ADA}
.blog-detils-content-categories-title h2 {
	font-family: Sora;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    color: #054ADA;
	margin: 0;
}
.blog-detils-content-categories-text ul { margin: 20px 0; padding-left: 20px; list-style: none; display: flex; flex-direction: column; gap: 10px;}
.blog-detils-content-categories-text ul li { line-height: 0;}
.blog-detils-content-categories-text ul li a{
	font-family: Sora;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #000000;
 }

 
.blog-detils-content-recent-post-main { display: flex; flex-direction: column; gap: 10px; padding: 20px ;}
.blog-detils-content-recent-post { box-shadow: 0px 0px 4px 0px #00000040; border-radius: 10px; }
.blog-detils-content-recent-post-title { padding: 13px 20px; border-bottom: 1px solid #054ADA}
.blog-detils-content-recent-post-title h2 {
	font-family: Sora;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    color: #054ADA;
	margin: 0;
}
.blog-detils-content-recent-post-items { display: flex; gap: 15px; }
.blog-detils-content-recent-post-img {width: 100%; max-width: 80px; }
.blog-detils-content-recent-post-img img {width: 100%; height: 80px; object-fit: cover; border-radius: 10px;}
.blog-detils-content-recent-post-text h4 {  margin-bottom: 12px; line-height: 0;}
.blog-detils-content-recent-post-text h4 a{
	font-family: Sora;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.68px;
    text-align: left;
    color: #000000;
}
.blog-detils-content-recent-calender { display: flex; gap: 10px;}
.blog-detils-content-recent-calender span {
	font-family: Sora;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #000000;
}
/* blog detils content right End */



/* RECENT POSTS Start */
.blog-detils-slider-main { box-shadow: 0px 0px 8px 0px #00000040; border-radius: 8px;}
.blog-detils-slider .owl-stage-outer {
    padding: 20px 0%;
}
.blog-detils-recent-posts-title { margin-bottom: 30px;}
.blog-detils-recent-posts-title h2 {
    font-family: Sora;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
    color: #054ADA;
    margin: 0;
}
.blog-detils-slider-top { position: relative;}
.blog-detils-slider-top-img img { width: 100%; height: 273px; border-radius: 8px 8px 0 0 ;}

.blog-detils-slider-top-img-text {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.blog-detils-slider-top-date {
    width: 100%; 
    max-width: 50px;
    border-radius: 8px 0 0 0;
    background: #FF8800;
    padding: 6px 10px 8px 10px;
}
.blog-detils-slider-top-date span {
    font-family: Sora;
    font-size: 14px;
    font-weight: 500;
    line-height: 17.64px;
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
}
.blog-detils-slider-top-date p{
    margin: 0;
    font-family: Sora;
    font-size: 14px;
    font-weight: 500;
    line-height: 17.64px;
    text-align: center;
    color: #FFFFFF;
}

.blog-detils-slider-top-detiles {  padding: 0 15px 15px 15px;}
.blog-detils-slider-top-detiles ul{
    background-color: #FFFFFF;
    border-radius: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 15px 20px; 
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.blog-detils-slider-top-detiles ul li img { width: 16px !important; height: 16px;}
.blog-detils-slider-top-detiles ul li { display: flex; gap: 10px; align-items: center;}
.blog-detils-slider-top-detiles ul li {
    font-family: Sora;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.16px;
    text-align: left;
    color: #000000;
}
.blog-detils-slider-bottom-title { padding: 15px;}
.blog-detils-slider-bottom-title h3 { margin-bottom: 14px; line-height: 0; text-align: center;}
.blog-detils-slider-bottom-title h3 a {
    font-family: Sora;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.72px;
    text-align: center;
    color: #000000;
}
.blog-detils-slider-bottom-title p {
    font-family: Sora;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.16px;
    text-align: center;
    color: #000000;
    margin: 0;
}
.blog-detils-slider-bottom-btn {background:  #054ADA; padding: 10px 6px 10px 14px; border-radius: 0 0 8px 8px;}
.blog-detils-slider-bottom-btn  a { 
    font-family: Sora;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.16px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
}
.blog-detils-slider .owl-dots { display:flex; justify-content:center; align-items:center; margin-top:30px; }
.blog-detils-slider .owl-dots .owl-dot span {
	background-color: transparent;
	display: block;
	height: 14px;
	margin: 0 1px;
	opacity: 1;
	position: relative;
	width: 14px
}
.blog-detils-slider .owl-dots .owl-dot span:before {
	background-color: #000;
	border-radius: 99px;
	content: "";
	height: 10px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10px
}
.blog-detils-slider .owl-dots .owl-dot.active span:before {background-color: #FF8800;}
.blog-detils-slider .owl-dots .owl-dot.active span:after {
	border-radius: 100%;
	content: "";
	height: 14px;
	left: 0;
	position: absolute;
	top: 0;
	width: 14px
}

/* RECENT POSTS End */


/* blog detils content End  */



@media(max-width:1199px){
    .blog-detils-slider-top-detiles ul li { gap: 6px;}
}


@media(max-width:991px){

    .blog-detils-content-right { width: 100%; max-width: 393px;}
    .blog-detils-page-content { padding-bottom: 40px;}

    .blog-detils-page-content img { height: 400px;}


    .blog-detils-slider-bottom-title h3 a { font-size: 20px; line-height: 25.72px;}

}

@media(max-width:767px){
    .mb-80 { margin-bottom: 60px;}

    .blog-detils-page-left-top ul { margin-bottom: 20px; gap: 8px;}
    .blog-detils-page-left-top ul li a { font-size: 18px; line-height: 23.72px;}
    .blog-detils-page-left-top ul li { font-size: 18px; line-height: 23.72px;}
    .blog-detils-page-content img { height: 300px; margin-bottom: 22px;}

    .blog-detils-page-content h1 { font-size: 18px; line-height: 23.72px;}
    .blog-detils-page-admin-left-text>h5>a { font-size: 16px; line-height: 20.68px;}
    .blog-detils-page-admin-left-text>p { font-size: 16px; line-height: 20.68px;}
    .blog-detils-page-admin { gap: 22px; padding-bottom: 22px; margin-bottom: 22px;}
    .blog-detils-page-content p {font-size: 16px;  line-height: 20.68px;  margin-bottom: 14px;}
    .blog-detils-page-content  { margin-bottom: 22px;}
    .blog-detils-page-content h2 { font-size: 26px; line-height: 34.8px; margin-bottom: 22px;}
    .blog-detils-page-content h3 { font-size: 21px; line-height: 27.24px; margin-bottom: 14px;}
    .blog-detils-page-admin-detils { padding: 25px 18px 20px 25px; margin-bottom: 35px; gap: 14px; flex-direction: column;}
    .blog-detils-page-admin-detils-text>h5 { margin-bottom: 6px;}
    .blog-detils-page-admin-detils-text>h5>a { font-size: 16px; line-height: 20.68px;} 
    .blog-detils-page-admin-detils-text>p { font-size: 16px; line-height: 20.68px; margin-bottom: 22px;}
    .blog-detils-page-admin-btn>a { font-size: 16px; line-height: 20.68px; padding: 12px 24px;}
    .blog-detils-page-leave-comment {padding: 20px;}
    .blog-detils-page-leave-comment>h2 { font-size: 27px; line-height: 35px; margin-bottom: 18px;}
    
    

    .blog-detils-page-leave-first-last-input { flex-direction: column; padding-bottom: 8px;}
    .blog-detils-page-leave-first-last span { font-size: 14px; line-height: 22px;}
    .blog-detils-page-check-box label { font-size: 14px; line-height: 23px;}
    .blog-detils-page-leave-btn a { font-size: 14px; line-height: 20px; padding: 10px 18px;}

    /* blog detils content right Start */ 
    .blog-detils-content-categories-text ul { gap: 7px;}
    .blog-detils-content-categories-title h2 { font-size: 22px; line-height: 34px;}
    .blog-detils-content-categories-text ul li a { font-size: 16px; line-height: 25px;}
    .blog-detils-content-recent-post-title h2 { font-size: 22px; line-height: 34px; }
    .blog-detils-content-recent-post-main { padding: 18px 16px;}
    .blog-detils-content-recent-post-text h4 {margin-bottom: 8px;}
    .blog-detils-content-recent-post-text h4 a{ font-size: 16px; line-height: 20.68px; }
    /* blog detils content right End */ 

     /* RECENT POSTS Start */
    .blog-detils-recent-posts-title { margin-bottom: 10px;}
    .blog-detils-recent-posts-title h2 { font-size: 26px; line-height: 29px;}
    .blog-detils-slider-bottom-title p { font-size: 14px; line-height: 18.16px;}
    /* RECENT POSTS End */
	
	
	/* comment form start	 */

	.ne-merge { gap: 5px; padding-bottom: 7px; flex-direction: column;}
	/* comment form end	 */	

}