/*-----------------------------------------------------------------------------------



 Theme Name: Digital Hub Solution

 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit.

 Author: Kapil Prajapati

-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



:root {

  --primary-background:#cd400d; 

  --white-background:#fff;

  --black-background:#000;

  --primary-color:#1a4845;

  --black-color:#000;

  --white-color:#fff;

  --theme-color:#cd400d;

  --font-weight-100:100;

  --font-weight-200:200;

  --font-weight-300:300;

  --font-weight-400:400;

  --font-weight-500:500;

  --font-weight-600:600;

  --font-weight-700:700;

  --font-weight-800:800;

  --font-weight-900:900;

  --font-10:10px;

  --font-11:11px;

  --font-12:12px;

  --font-13:13px;

  --font-14:14px;

  --font-15:15px;

  --font-16:16px;

  --font-17:17px;

  --font-18:18px;

  --font-19:19px;

  --font-20:20px;

  --font-21:21px;

  --font-22:22px;

  --font-23:23px;

  --font-24:24px;

  --font-25:25px;

  --font-26:26px;

  --font-27:27px;

  --font-28:28px;

  --font-29:29px;

  --font-30:30px;

  --font-31:31px;

  --font-32:32px;

  --font-33:33px;

  --font-34:34px;

  --font-35:35px;

  --font-36:36px;

  --font-37:37px;

  --font-38:38px;

  --font-39:39px;

  --font-40:40px;

  --font-41:41px;

  --font-42:42px;

  --font-43:43px;

  --font-44:44px;

  --font-45:45px;

  --font-46:46px;

  --font-47:47px;

  --font-48:48px;

  --font-49:49px;

  --font-50:50px;

  --font-60:60px;

  --font-70:70px;

  --font-80:80px;

  --font-90:90px;

  --font-100:100px;

  --justify-center:center;

  --justify-space:space-between;

  --juistfy-end:flex-end;

  --align-center:center;

  --primary-display:block;

  --secondary-display:flex;

  --display-inline:inline-block;

  --text-uppercase:uppercase;

  --text-capital:capitalize;

  --text-center:center;

  --width:100%;

  --height:100%;

  --border-full-radius:50px;

  --filter: contrast(51%) sepia(1) hue-rotate(-11deg) saturate(1000%);

  --sec-padding:70px 0px;

}

body{font-family: var(--primary-font-family); }

p{font-family: "Roboto", sans-serif;}

h1{ font-family: "Roboto", sans-serif;}

h2{ font-family: "Roboto", sans-serif;}

h3{ font-family: "Roboto", sans-serif;}

h4{ font-family: "Roboto", sans-serif; margin-bottom: 0;}

h5{font-family: "Roboto", sans-serif;}

h6{font-family: "Roboto", sans-serif;}

a{font-family: "Roboto", sans-serif;}

li{font-family: "Roboto", sans-serif;}

div{font-family: "Roboto", sans-serif;}

span{font-family: "Roboto", sans-serif;}

html {

  scroll-behavior: smooth;

}



/*=======================header ccss start============================*/

/* sticky menu css */

.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1);}

.is-sticky{animation: smoothScroll 1s forwards; }

@keyframes smoothScroll {

    0% {transform: translateY(-150px); } 

    100% {transform: translateY(0px); }

}

a{text-decoration: none;}



.navbar-brand img{width: 100%;}

.navbar-brand{width: 7%;}

header{position: unset; z-index: 9; width: 100%; margin: 0 auto; top: 40px;}

.navbar{padding: 10px 29px; border-radius: 10px;}

.navbar-nav li {margin-left: 20px; position: relative;  }

.navbar-nav li a {color: #000 !important; font-size: 15px; }

.navbar-nav li:after {content: ''; width: 2px; height: 45%; background-color: #000; position: absolute; right: -10px; top: 11px; display: flex; align-items: center; }

.navbar-nav li:last-child:after{display: none;}

.top-header-logo{display: flex; align-items: center;}
.top-header-logo img{    width: 29%;}
.top-header-logo h4{
	font-weight: 600;
    font-size: 26px;
    margin-left: 13px;
}

.top-header-right ul{display: flex; align-items: center; justify-content: flex-end; margin-bottom: 0px;}
.top-header-right ul li{display: flex; align-items: center; margin-left: 40px;}
.top-header-right ul li i{font-size: 32px; margin-right: 11px; color: #F7CF5C;}
.top-header-right ul li p{margin-bottom: 0; font-size: 18px; font-weight: 600;}
.top-header-right ul li h6{font-size: 15px;}
.blink-button a{
	padding: 15px 35px;
    border-radius: 50px; 
     background-color: #1a2552;
  color: #fff!important;
  animation: blink 1s linear infinite;
}

@keyframes blink {
  0%, 100% {background-color:#1a2552;}
  50% {background-color: #F7CF5C;}
}
.top-header{    border-bottom: 1px solid #ccc;
    padding: 9px 0px;}

.top-header-right{
	display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}


/*========================header css end===========================*/





.home-slider-area .hero2-section-area {padding: 180px 0 150px; position: relative; z-index: 1; }

.home-slider-area .hero2-section-area .image {overflow: hidden; }

.home-slider-area .owl-item.active .header-img2 {transform: translateX(0); opacity: 1 !important; }

.home-slider-area .hero2-section-area .header-img2 {position: absolute; right: 0; top: 0; width: 44% !important; -o-object-fit: cover; object-fit: cover; z-index: 1; transform: translateX(100px); transition: transform 6000ms ease, opacity 1200ms ease-in; overflow: hidden; opacity: 0 !important; }

.home-slider-area .hero2-section-area .header-bg1 {position: absolute; bottom: 0; left: 0; display: inline-block !important; width: inherit !important; -o-object-fit: cover; object-fit: cover; transition: transform 1400ms ease, opacity 1400ms ease; transform: translateX(-300px); opacity: 0 !important; }

.heading3 h5 img {margin: -6px 10px 0 0; filter: brightness(0) invert(1); width: 31.817px !important; height: 20px; display: inline-block !important; }

.space20 {height: 11px; }

.home-slider-area .owl-item.active p {transition: transform 1700ms ease, opacity 1700ms ease; transform: translateY(0px); opacity: 1 !important; }

.home-slider-area .hero2-section-area p {transition: transform 1400ms ease, opacity 1400ms ease; transform: translateY(-300px); position: relative; opacity: 0 !important; }

.heading3 p {font-size: 15px; line-height: 26px; font-weight: 600; color: #fff; opacity: 0.8; }

.space32 {height: 12px; }

.home-slider-area .owl-item.active .btn-area1 {transition: transform 1800ms ease, opacity 1800ms ease; transform: translateY(0px); opacity: 1; }

.home-slider-area .hero2-section-area .btn-area1 {transition: transform 1400ms ease, opacity 1400ms ease; transform: translateY(-350px); position: relative; opacity: 0; }

.header-btn2 {display: inline-block; font-size: 14px; line-height: 16px; font-weight: 700; background: #F7CF5C; color: #303441; padding: 12px; transition: all 0.4s; position: relative; z-index: 1; text-transform: uppercase; }

.header-btn2 i {transition: all 0.4s; font-size: 16px; }

.home-slider-area .hero2-section-area span {color: #fff; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; display: inline-block; position: absolute; left: 28%; margin-top: -37px; display: none; }

.home-slider-area .owl-item.active .images {transform: scale(1); opacity: 1 !important; }

.home-slider-area .hero2-section-area .images {position: relative; z-index: 1; transition: transform 1400ms ease, opacity 1400ms ease; transform: scale(1.2); opacity: 0 !important; }

.home-slider-area .hero2-section-area .images img {height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }

.home-slider-area .hero2-section-area::after {position: absolute; content: ""; height: 100%; left: 0; top: 0; width: 100%; background: #193B33; z-index: -1; }

.home-slider-area .owl-item.active .header-bg1 {transition: transform 1400ms ease, opacity 1400ms ease; transform: translateX(0); opacity: 1 !important; }

.hero-header.heading3{position: relative; z-index: 9;}

.hero-header.heading3 h1{color: #fff; font-size: 34px;}

.hero-header.heading3 h5{color: #fff; margin-bottom: 19px;}









.about3-section-area {position: relative; }

.sp1 {padding: 30px 0 50px; }

.about3-section-area .about3-images-area {position: relative; }

.about3-section-area .about3-images-area .img1 {position: relative; }

.about3-section-area .about3-images-area .img1 img {width: 370px; height: 481px; -o-object-fit: contain; object-fit: contain; }

.about3-section-area .about3-images-area .img2 {position: relative; top: 0; right: -200px; margin-top: -480px; padding-top: 130px; color: #F7CF5C; }

.about3-section-area .about3-images-area .img2 img {width: 370px; height: 481px; -o-object-fit: contain; object-fit: contain; }

.about3-section-area .about-content-area {padding: 0 100px 0 0; }

.heading6 h5 {color:  #F7CF5C; font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px; margin-bottom: 16px; display: inline-block; text-transform: capitalize; }

.heading6 h5 img {margin: -6px 10px 0 0; width: 31.817px; height: 20px; display: inline-block !important; }

.heading6 h2 {color:#090B0E; font-size: 33px; font-style: normal; font-weight: 600; line-height: 45px; }

.heading6 p {font-size: 15px; line-height: 26px; font-weight: 400; color: #595959; }

.header-btn3 {display: inline-block; font-size: 16px; line-height: 16px; font-weight: 700; background: #F7CF5C; color: #fff; padding: 16px; border-radius: 8px; transition: all 0.4s; position: relative; z-index: 1; }

.header-btn3:hover {background: #000; color: #fff; }







.prop-area-wrapp{padding: 50px 0px; background-color: #F9F9F9;}

.prop-area-head{text-align: center; margin-bottom: 50px;}

.prop-area-head img{width: 80px;

    margin-bottom: 11px;}

.prop-area-head h2{font-size: 33px; font-weight: 600; margin-bottom: 11px; }

.prop-area-head p{font-size: 15px; color: #000; width: 70%; margin: 0 auto; }

.prop-area-box{border-radius: 30px; overflow: hidden; box-shadow: 0px 0px 10px #ccc;}

.prop-area-box img{width: 100%;}

.prop-area-con{padding: 20px;}

.prop-area-con h3{font-size: 24px; font-weight: 700; color: #000; margin-bottom: 9px; }

.prop-area-con p{ font-size: 15px; color: #000; }

.prop-area-con a{display: inline-block; font-size: 16px; line-height: 16px; font-weight: 700; background: #F7CF5C; color: #fff; padding: 14px 28px; border-radius: 43px; transition: all 0.4s; position: relative; z-index: 1; }

.prop-area-con a:hover{background-color: #000;}

.video-sec iframe{border-radius: 30px;}

.video-wrapp{padding-top: 50px;}

.video-wrapp .about-content-area {

    padding: 0 20px 0 0;

}



.project-box img{height: 420px; object-fit: cover;}

.project-box{position: relative;}

.project-box h5{position: absolute; bottom: 0; background-color: #f7cf5c; width: 100%; margin-bottom: 0; padding: 15px; text-align: center; font-weight: 700; font-size: 22px; text-transform: uppercase; }





.aboutimg img{width: 100%;}

/*==================================== Footer Sec css start===================================*/



.main-footer{background-color: #193B33; padding: 30px;}

.footer-about img{margin-bottom: 20px; width: 80%;}

.footer-about p{color: #fff; font-size: 15px; margin-bottom: 0px;}

.quick-link h5{color:#f7cf5c; font-size:20px; font-weight: 600; display: inline-block; border-bottom: 2px solid #f7cf5c; margin-bottom: 30px;}

.quick-link ul{list-style-type: none; padding-left: 0px;}

.quick-link ul li a{color: #fff; text-decoration: none; font-size: 15px;}

.quick-link ul li {margin-bottom: 7px;}

.quick-link{padding-top:10px; padding-left: 70px;}

.footer-contact{padding-top:10px;}

.footer-contact h5{color: #f7cf5c; font-size: 20px; font-weight: 600; display: inline-block; border-bottom: 2px solid #f7cf5c; margin-bottom: 30px;}

.footer-contact ul{list-style-type: none; padding-left: 0px;}

.footer-contact ul li p a{color: #fff; text-decoration: none; font-size: 15px;}

.footer-contact ul li p{color: #fff; font-size: 15px; margin-bottom: 0px;}

.footer-contact ul li i{color: #f7cf5c; font-size: 17px); margin-right: 10px;}

.footer-contact ul li{display: flex; margin-bottom: 20px;}

.footer-newsletter{padding-top:10px; padding-left: 10px;}

.footer-newsletter h5{color: #f7cf5c; font-size: 20px; font-weight: 600; display:inline-block; border-bottom: 2px solid #f7cf5c; margin-bottom: 30px;}

.footer-newsletter form input{padding: 10px; border-radius: 50px;}

.footer-newsletter form input:focus{outline: none; box-shadow: unset;}

.footer-newsletter form button{border-radius: 50px; background-color: #f7cf5c; color: #000; padding: 10px 30px 10px 20px; border:none;}

.footer-newsletter form button:hover{background-color: #000; color: #000;}

.footer-newsletter form button:focus{outline: none; box-shadow: unset;}

.footer-newsletter .top-right ul{justify-content: flex-start;}

.footer-newsletter .top-right ul li h5{border:none;}

.footer-newsletter .top-right{margin-top: 40px;}

.copyright{background-color: #021a14; text-align: center; padding: 15px;}

.copyright p{font-size: 15px; color:#f7cf5c; margin-bottom: 0px;}

.copyright p a{font-size: 15px; color: #f7cf5c; margin-bottom: 0px; text-decoration: none;}

.top-right ul{list-style-type: none; padding-left: 0px;display: var(--secondary-display);margin-bottom: 0px; justify-content: flex-end;align-items: center;}

.top-right ul li{margin-right: 20px;}

.top-right ul li h5{color: #f7cf5c; font-size: 15px; margin-bottom: 0px; margin-right: 0px;}

.top-right ul li i{color: #fff; font-size: 18px;}

.top-right ul li a{text-decoration: none;}

/*==================================== Footer Sec css end===================================*/







.client-logo-wrapp{padding: 50px 0px;}

.client-logos img{border: 1px solid #ccc; border-radius: 10px;}

.client-logos .item{margin: 10px;}













.inner-main img{width: 100%;}

.inner-main{position: relative;}

.over-lay{background-color: #00000061; position: absolute; top: 0; left: 0; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center;}

.inner-content h1{text-align: center; font-weight: 800; color: #fff; font-size: 38px; text-transform: uppercase; width: 70%;

    margin: 0 auto;}



.mission-wrapper{padding: 50px 0px; background-color: #F9F9F9; }

.mission-wrapper .about-content-area {

    padding: 0 10px 0 0;

}



.team1-section-area {position: relative; padding: 50px 0px;}

.team1-section-area .team-header-area {display: flex; align-items: center; justify-content: center; margin-bottom: 30px;     text-align: center;}

.heading1 h5 {color: #000; font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px; display: inline-block; margin-bottom: 16px; }

.heading1 h5 img {margin: -6px 10px 0 0;  }

.heading1 h5 img {

    margin: -6px 10px 0 0;

    width: 31.817px;

    height: 20px;

    display: inline-block !important;

}

.heading1 h2 {color: #000; font-size: 33px; font-style: normal; font-weight: 600; line-height: 52px; }

.team1-section-area .team-author-area {

    margin-bottom: 30px;

}

.team1-section-area .team-author-area .img1 img {

    height: 100%;

    width: 100%;

    border-radius: 8px;

    -o-object-fit: cover;

    object-fit: cover;

}

.space16 {

    height: 16px;

}

.team1-section-area .team-author-area .content a {

    color: #000;

    font-size: 24px;

    font-weight: 600;

    line-height: 24px;

    display: inline-block;

}



.team1-section-area .team-author-area .content p{color: #000; font-size: 15px;}





.property-listing-wrapp{padding: 50px 0px;}

.homeya-box {margin-bottom: 30px; }

.homeya-box {display: block; border-radius: 12px; overflow: hidden; border: 1px solid #e4e4e4; }

.homeya-box .images-group {position: relative; display: block; }

.homeya-box .images-style {position: relative; overflow: hidden; }

.homeya-box .images-style img {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; }

.homeya-box .images-group .top {left: 16px; right: 16px; top: 16px; display: flex; justify-content: space-between; position: absolute; align-items: flex-start; z-index: 1; gap: 8px; flex-wrap: wrap; }

.gap-8 {gap: 8px; padding: 0px;}

.flag-tag.success {color: #ffffff; background-color: #198754; }

.flag-tag {font-weight: 600; font-size: 12px; line-height: 20px; letter-spacing: 0.8px; text-transform: uppercase; text-align: center; display: inline-block; padding: 0px 8px; border-radius: 4px; background-color: rgba(11, 33, 50, 0.4); color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; }

.flag-tag.style-1 {background-color: rgba(11, 33, 50, 0.4); }

.homeya-box .content {padding: 16px 20px; border-bottom: 1px solid #e4e4e4; }

.fw-7 {font-weight: 700; }

.h7 {color: #000; font-size: 20px; line-height: 28px; font-weight: 600; }

.link {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.h7 a {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; display: inline-block; color: #161e2d; }

.homeya-box .content .desc {display: flex; gap: 4px; margin-top: 8px; color: #5c6368; align-items: center;}

.homeya-box .content .desc i {margin-right: 10px; }

.fs-16 {font-size: 16px; }

.homeya-box .content .desc p {font-size: 15px; line-height: 26px; margin-bottom: 0px;}

.homeya-box .content .meta-list {margin-top: 12px; display: flex; align-items: center; column-gap: 30px; row-gap: 15px; flex-wrap: wrap; list-style-type: none; padding: 0; }

.homeya-box .content .meta-list .item {display: flex; align-items: center; gap: 8px; }

.homeya-box .content .meta-list .item .icon {font-size: 24px; color: #5c6368; }

.homeya-box .content .meta-list .item span {font-weight: 600; }

.read-more-btn{

  display: block;

    font-size: 16px;

    line-height: 16px;

    font-weight: 700;

    background: #F7CF5C;

    color: #fff;

    padding: 13px;

    border-radius: 8px;

    transition: all 0.4s;

    position: relative;

    z-index: 1;

    text-align: center;

}

.read-more-btn:hover{background-color: #000; color: #fff;}





/*====================================contact page css start===================================*/

.contact-form-head {text-align: center;}



.contact-form-head p{color: #000; font-size: 15px; }

.contact-form-head{margin-bottom: 50px; }

.contact-form-wrapp{padding: 50px 0px; }

.contact-form-div input{background-color: #F5F5F5; padding: 15px 20px; margin-bottom: 20px; border: unset; border-radius: 10px;}

.contact-form-div input:focus{background-size: #fff; outline: none; box-shadow: unset; border: 2px solid #F7CF5C;}

.contact-form-div textarea{background-color: #F5F5F5; padding: 15px 20px; margin-bottom: 20px; border: unset; border-radius: 10px; height: 200px;}

.contact-form-div textarea:focus{background-size: #fff; outline: none; box-shadow: unset; border: 2px solid #F7CF5C;}

.contact-form-div button{

display: block;

    font-size: 16px;

    line-height: 16px;

    font-weight: 700;

    background: #F7CF5C;

    color: #000;

    padding: 13px 25px;

    border-radius: 8px;

    transition: all 0.4s;

    position: relative;

    z-index: 1;

    text-align: center; border: none; }





.contact-det-right h3{font-size: 28px; color: #000; margin-bottom: 30px;     font-weight: 600;}

.contact-address h4{color: #f7cf5c;

    margin-bottom: 10px;

    font-weight: 600;

    font-size: 18px;

}

.contact-address p{color: #000; font-size: 15px;}

.contact-address{margin-bottom: 30px;}

.contact-address p a{color: #000; font-size: 15px; text-decoration: none;}

.contact-det-right{padding-left: 30px;}

.contact-address ul{list-style-type: none; padding-left: 0px; margin-bottom: 0px; display: flex; align-items: center; margin-top: 15px;}

.contact-address ul li{margin-right: 15px;}

.contact-address ul li a{text-decoration: none;}

.map-sec iframe{width: 100%;}



/*====================================contact page css end===================================*/



.gallery-wrapp{padding: 50px 0px;  }

.gallery-box{margin-bottom: 30px;}

.gallery-box img{width: 100%; height: 350px; object-fit: cover; border-radius: 20px;}



.blog-wrapper{padding: 50px 0px;}





/*===============================blog page section css start================================*/



.blog-content a.blog-read:hover{background-color:#1D448D;color: #fff;border-color: #144e03;}

.blog-headings p{padding: 0% 27%;}

.blog-content{padding: 15px;}

.blog-headings{text-align: center; padding-bottom: 40px;}

.blog-headings h5{color: #00E5CC;font-size: 18px;font-weight: 500;text-transform: uppercase;margin-bottom: 13px;}

.blog-headings h2{color: #000E44;font-size: 42px;font-weight: 700;/ text-transform: uppercase; /margin-bottom: 14px;}

.blog-headings p{color: #848E9F; font-size: 16px; font-weight: 400;}

.home-blog-image img{width: 100%;border-radius: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0; height: 230px; object-fit: cover;}

.blog-category{color: #848E9F;font-size: 16px;font-weight: 400;position: absolute;bottom: 10px;right: 10px;background-color: #731a17;padding: 5px 23px;border-radius: 50px;color: #fff;box-shadow: 0px 0px 10px #fff;}

.blog-category a{color: #fff;}

.home-blog-image{position: relative; margin-bottom: 15px;    margin-bottom: 0;}

.blog-date {color: #000;font-size: 16px;font-weight: 500;margin-left: 20px;}

.blog-feat{margin-top: 10px;margin-bottom: 9px;}

.blog-date:first-child{margin-left: 0px;}

.blog-date i{color: #F7CF5C;}

.blog-content h4 a{color: #000;

    font-weight: 700;

    font-size: 17px;

    text-decoration: none;

    line-height: 28px;}

.blog-content p{color: #000;font-size: 15px;font-weight: 400;    margin-bottom: 5px;}

.blog-content a.blog-read{display: block;

    font-size: 16px;

    line-height: 16px;

    font-weight: 700;

    background: #F7CF5C;

    color: #000;

    padding: 13px 25px;

    border-radius: 8px;

    transition: all 0.4s;

    position: relative;

    z-index: 1;

    text-align: center; border: none; margin-top: 20px;}

    .blog-content a.blog-read:hover{color: #fff; background-color: #000;}

.blog-content a.blog-read i{margin-left: 5px;font-size: 14px;}









.blog-page{margin-bottom: 30px;background-color: #fff;/ padding: 15px; /border-radius: 10px;box-shadow: 0 2px 20px rgb(0 0 0 / 15%);}

.blog-content h4{line-height: 22px;margin-bottom: 14px;}



/*=================================blog page section css end==============================*/









/*=================================Blog detail section css start==================================*/



.blog-detail-page-title h3{font-size: 24px; text-align: center; margin-bottom: 30px; color: #000; font-weight: 600; }

.blog-detail-image img{width: 100%;object-fit: cover;height: 400px;}

.blog-detail-image{position: relative;}

.blog-detail-title h1{color: #000;text-decoration: none;font-size: 33px;margin-top: 10px;font-weight: 500;margin-bottom: 15px;}

.blog-detail-title h2{color: #000;text-decoration: none;font-size: 29px;margin-top: 10px;font-weight: 500;margin-bottom: 15px;}

.blog-detail-title h3{color: #000;text-decoration: none;font-size: 25px;margin-top: 10px;font-weight: 500;margin-bottom: 15px;}

.blog-detail-title h4{color: #000;text-decoration: none;font-size: 23px;margin-top: 10px;font-weight: 500;margin-bottom: 15px;}

.blog-detail-title h5{color: #000;text-decoration: none;font-size: 20px;margin-top: 10px;font-weight: 500;margin-bottom: 15px;}

.blog-detail-title h6{color: #000;text-decoration: none;font-size: 18px;margin-top: 10px;font-weight: 500;margin-bottom: 15px;}

.blog-detail-title{margin-top: 20px;}

.blod-detail-description p{text-align: justify;font-size: 15px;color: #000;}

.blod-detail-description{margin-top: 13px;}

.blog-detail-wrapper .widget {margin-bottom: 0px;padding: 30px;background-color: #fff;border-radius: 10px;position: relative;/ box-shadow: 0 0 20px rgb(0 0 0 / 7%); /}

h2.widget-title, h2.widgettitle {font-size: 24px;font-size: 25px;padding-bottom: 18px;margin-bottom: 30px;position: relative;color: #000;}

.blog-detail-wrapper .widget-title:after{position: absolute;content: '';width: 63px;height: 2px;background-color: #f7cf5c;bottom: 6px;left: 0;}

#secondary .widget ul {margin: 0; padding-left: 0; list-style-type: none; }

.blog-detail-wrapper .widget ol li, .blog-detail-wrapper .widget ul li {padding: .72rem 0; border-bottom: 1px solid #e8ecef; border-top: 1px solid #e8ecef; list-style-type: none; padding-left: 0; display: flex; justify-content: flex-start }

.blog-detail-wrapper .widget_categories ul{padding-left: 0;}

.blog-detail-wrapper .widget ol li:first-child, .blog-detail-wrapper .widget ul li:first-child {border-top: none; padding-top: 0; }

#secondary .widget ul li {position: relative; }

.blog-detail-wrapper .widget_categories li a {display: flex; color: #000!important; font-size: 17px; text-decoration: none; }

.blog-detail-wrapper .widget_categories li a i {display: flex; color: #000!important; padding-left: 20px; font-size: 19px; padding-right: 14px; padding-top: 7px; }

.blog-detail-wrapper .widget_recent_entries img {margin-right: 17px; height: 95px; max-width: 95px; display: block; object-fit: cover; border-radius: 10px; }

.blog-detail-wrapper .widget_recent_entries li.item-recent-post .title-post {display: flex; flex-direction: column; }

.blog-detail-wrapper .widget_recent_entries li.item-recent-post a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.3;max-height: 2.6em;margin-bottom: .5em;font-size: 17px;color: #000;text-decoration: none;font-weight: 600;}

.blog-detail-wrapper .widget_recent_entries .post-date {display: block;font-size: 14px!important;font-size: .6875rem;color: #f7cf5c;text-transform: uppercase;}

.blog-detail-wrapper .widget_recent_entries ul{padding-left: 0px;}

.feat_blog_con p span {color: #f7cf5c;font-size: 15px;margin-right: 17px;font-weight: 400;}

.feat_blog_con p span a {color: #848e9f;font-size: 15px;margin-right: 17px;font-weight: 400; text-decoration: none;}

.blog-detail-image{position: relative;}

.blog-detail-image img{border-radius: 10px;}

.blog-detail-image .blog-detail-cat{font-size: 16px;font-weight: 400;position: absolute;bottom: 10px;right: 10px;background-color: #721915;padding: 5px 23px;border-radius: 50px;color: #fff;box-shadow: 0px 0px 10px #fff;}

.blog-detail-image .blog-detail-cat a{color: #fff; text-decoration: none;}

.blog-detail-wrapper .widget ul li.cat-item{justify-content: space-between;}





.blog-detail-left a.blog-read{color: #fff;font-size: 14px;background-color: #f7cf5c;padding: 8px 16px;display: inline-block;margin-top: 7px;border-radius: 0px;text-decoration: none;margin-bottom: 12px;}

.blog-detail-left a.blog-read i{margin-left: 5px;font-size: 14px;}







/*=================================Blog detail section css end==================================*/