:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary: #00B5C0;
  --color-secondary: #59B252;
}
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
:root {
  --font-Nunito: "Nunito Sans", sans-serif;
}
:root {
  --font-Helvetica: 'HelveticaNeueBold',sans-serif;
}
@font-face {
  font-family: 'HelveticaNeueBold',sans-serif;
  src: url('../font/HelveticaNeueBold.otf');
}
/*-------------- Owl crousel ---------------*/

  .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
    width: auto;  
  }

  .sec_small_heading {
    font-size: 16px;
    line-height: 30px;
    color: #7B7F84;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
    font-family: var(--font-Nunito);
  }
  .sec_main_heading{
    font-size: 28px;
    line-height: 30px;
    font-weight: 800;
    padding: 0;
    margin-bottom: 0px;
    color:#1B1B1B;
    text-transform: capitalize;
    font-family: var(--font-Nunito);
  }
  .main_text {
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    font-family: var(--font-Nunito);
    font-weight: 300;
  }
/* SLIDER */
#slider {
  position: relative;
  padding: 0% 0px 0px;
  z-index: 1;
  margin-top:0px;
}
#slider .homeslider{
  margin: 40px 0px 0px;
}
#slider .main-slider .slider-image {
  border-radius: 20px;
  background-color: #000;
}
#slider .main-slider .slider-image img{
/* opacity: 0.6; */
border-radius: 20px;
}
  #slider .slide_btn {
  text-align: left;
  }
  #slider .slider-content {
    position: absolute;
    bottom: 0%;
    padding: 20px;
  }
  #slider .slider-content h4,#slider .slider-content .entry-comments{
    color: var(--color-white);
    font-size:14px;
    line-height:30px;
    font-family: var(--font-Nunito);
    margin-bottom: 0px;
    margin-right: 20px;
  }
  #slider .slider-content h4{
    font-weight: 400;
    font-family: var(--font-Nunito);
    font-size: 14px;
    color:#fff;
  }
  #slider .slider-content h4 .date , #slider .slider-content h4 i{
    color:#fff;
    opacity: 0.7;
  }
  #slider .slider-content h4 .author{
    font-weight: 700;
  }
  #slider .slider-content h6 span{
    font-size: 16px;
    line-height: 16px;
    color: var(--color-white);
    font-weight: 700;
    margin-bottom: 20px;
    font-family: var(--font-Nunito);
    text-transform: uppercase;
    background-color: #59B252;
    padding: 4px 10px;
  }
  #slider .slider-content h1{
    font-size: 25px;
    line-height: 24px;
    color: var(--color-white);
    font-weight: 700;
    margin-bottom: 10px;
    font-family: var(--font-Nunito);
    text-transform: capitalize;
  }
  #slider .award .award_box {
    margin-bottom: 20px;
    box-shadow: 10px 0px 30px 0px #00000014;
    border-radius: 20px;
}
  #slider .award .award_box .category{
    margin-bottom: 10px;
  }
  #slider .award .award_box .category span{
    background-color: var(--color-primary);
    padding: 4px 10px;
    text-transform: uppercase;
    color:#fff;
    font-weight: 700;
    font-family: var(--font-Nunito);
  }
  #slider .award .award_box:nth-child(2) .category span{
    background-color: #5F3787;
  }
  #slider .award .award_box:nth-child(3) .category span{
    background-color: #FF5B4B;
  }
  #slider .award .award_box .content{
    padding: 10px;
  }
  #slider .award .award_box .content .date span{
    font-size: 14px;
    color:#00B5C0;
    font-weight: 600;
    font-family: var(--font-Nunito);
  }
  #slider .award .award_box h5{
    font-size: 18px;
    color:#000;
    font-weight: 700;
    font-family: var(--font-Nunito);
    margin-bottom: 10px;
    line-height: 24px;
  }
  #slider .award .award_box .image {
    width: 130px;
    height: 130px;
    border-radius: 20px;
  }
  #slider .award .award_box .image img{
    width: 100%;
    height:100%;
  }
  #slider .owl-nav, #slider  .owl-nav.disabled {
    display: block !important;
    width: 100%;
    top: 46%;
    position: absolute;
}
#slider .owl-carousel .owl-nav button.owl-prev, #slider .owl-carousel .owl-nav button.owl-next{
  border-radius: 31px;
  width: 30px;
  height: 30px;
  color: #fff;
  border: 1px solid #000;
  background-color: #000;
}
#slider .owl-carousel .owl-nav button.owl-prev{
  float:left;
  margin-left: 20px;
}
#slider .owl-carousel .owl-nav button.owl-next{
  float:right;
  margin-right: 20px;
}
/*trending*/
.trending_box {
  position: relative;
}
.trending_box .trending_content{
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%,-50%);
background-color: #FFFFFFB2;
border-radius: 10px;
padding: 20px;
backdrop-filter: blur(10px);
}
.trending_box .trending_content .number span{
  border-radius: 50%;
  background-color: var(--color-primary);
  color:#fff;
  font-size: 20px;
  font-weight: 500;
  padding: 15px;
  font-family: var(--font-Helvetica);
}
#trending .owl-carousel .owl-item:nth-child(2) .trending_box .trending_content .number span{
  background-color: #5F3787;
}
#trending .owl-carousel .owl-item:nth-child(3) .trending_box .trending_content .number span{
  background-color: var(--color-secondary)
  ;
}
#trending .owl-carousel .owl-item:nth-child(4) .trending_box .trending_content .number span{
  background-color: #FF5B4B;
}
.trending_box .trending_content .content h5{
  color:#1B1B1B;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  font-family: var(--font-Nunito);
  margin-bottom: 0px;
}
.trending_box .trending_content .content h5 a{
  color:inherit;
}
.trending_box .trending_content .content h6{
  color:#7B7F84;
  font-size: 16px;
  font-weight: 600;
  width: max-content;
  font-family: var(--font-Nunito);
}
#trending .owl-nav, #trending  .owl-nav.disabled {
  display: block !important;
  width: 100%;
  top: 40%;
  position: absolute;
}
#trending .owl-carousel .owl-nav button.owl-prev, #trending .owl-carousel .owl-nav button.owl-next{
border-radius: 31px;
width: 30px;
height: 30px;
color: #000;
border: 1px solid #fff;
background-color: #fff;
}
#trending .owl-carousel .owl-nav button.owl-prev{
float:left;
margin-left: -10px;
}
#trending .owl-carousel .owl-nav button.owl-next{
float:right;
margin-right: -10px;
}
/*brand*/ 
#brand .patner{
  border: 3px solid #1C1B1B;
  border-radius: 20px;
  padding: 10px;
}
#brand .patner .owl-item{
  border-right: 1px solid #1C1B1B;
}
#brand .patner .owl-item:last-child{
  border-right: none;
}
#brand .patner .owl-item .image{
  height:50px;
  padding-right: 20px;
}
#brand .owl-carousel .owl-nav{
  display: block;
  margin-top: -4%;
  margin-bottom: 4%;
  position: relative;
}
#brand .owl-carousel .owl-nav button.owl-prev {
  float:left;
  margin-left: -30px;
}
#brand .owl-carousel .owl-nav button.owl-next{
  float:right;
  margin-right: -30px;
}
#brand .owl-carousel .owl-nav button.owl-prev, #brand .owl-carousel .owl-nav button.owl-next{
  background-color: var(--color-primary);
  color: var(--color-black);
}
#brand .owl-carousel .owl-nav button.owl-prev.disabled,#brand .owl-carousel .owl-nav button.owl-next.disabled{
  background-color: var(--color-white);
  color: var(--color-black);
}

  /* *********about us ************/
  #about{
    position: relative;
    background-color: var(--color-primary);
  }
  #about .sec_small_heading {
    color:var(--color-white);
    text-transform: capitalize;
    margin-bottom: 10px;
  }
  #about .sec_main_heading{
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 40px;
    color:#fff;
    line-height: 45px;
  }
  #about p{
  color:#fff;
  font-family: var(--font-Nunito);
  font-size: 16px;
  margin-bottom: 30px;
  font-weight: 600;
  line-height: 28px;
  }
  .about-btn{
    margin: 25px 0px 0px;
  }
  .about-btn .btn-info{
    border:1px solid #fff;
    padding: 10px 20px;
    color:#fff;
    background-color: transparent !important;
    border-color: #fff !important;
  }
  #about .rightimg{
    position: relative;
  }
   
/*gallary*/
#gallary .gbox.col-lg-3:nth-child(1), #gallary .gbox.col-lg-3:nth-child(2){
  flex: 0 0 auto;
  width: 50%; 
}
#gallary .gbox.col-lg-3 .gallary_content.big{
  display: none;
}
#gallary .gbox.col-lg-3:nth-child(1) .gallary_content.big ,#gallary .gbox.col-lg-3:nth-child(2) .gallary_content.big{
  display: block;
}
#gallary .gbox.col-lg-3:nth-child(1) .gallary_content.small,#gallary .gbox.col-lg-3:nth-child(2) .gallary_content.small{
  display: none;
}
#gallary .gbox.col-lg-3:nth-child(1) .gallary_box .gallary-image .comment,#gallary .gbox.col-lg-3:nth-child(2) .gallary_box .gallary-image .comment{
  display: none;
}
.gallary_box{
  position: relative;
}
.gallary_box .category{
  position: absolute;
  top:0;
  left:0px;
  margin: 12px;
  }
  .gallary_box .dot {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 10%);
}
.gallary_box .dot span{
  font-size: 50px;
  color: #fff;
}
  .gallary_box .category span{
  font-size: 14px;
    background-color: #E2FDFF;
    font-weight: 600;
    font-family: var(--font-Helvetica);
    padding: 5px 15px;
    color: var(--color-secondary);
    border-radius: 30px;
    cursor: pointer;
  }
  .gallary_box:hover .category span{
    color:var(--color-primary);
    background-color: #DBEAFE;
    font-weight: 600;
    font-family: var(--font-Helvetica);
    padding: 5px 15px;
  }
  .gallary_box .gallary_content.small h5{
    font-size: 16px;
    color:#334155;
    line-height: 21px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-family: var(--font-Nunito);
    margin-bottom: 0px;
  }
  .gallary_box .gallary_content.big h5 {
    font-size: 18px;
    color: #334155;
    line-height: 28px;
    font-weight: 800;
    font-family: var(--font-Nunito);
    padding-right: 25px;
}
  .gallary_box .gallary_content h5 a{
    color:inherit;
  }
  .gallary_box .gallary_content h4{
    font-size: 14px;
    color:#9097A3;
    line-height: 21px;
    font-weight: 600;
    margin-bottom: 0px;
  }
  .gallary_box .gallary-image .comment{
    position: absolute;
    top:0;
    right:0;
    margin:10px;
  }
  .gallary_box .comment .pld-like-dislike-wrap .pld-common-wrap {
      margin-right: 0px;
  }
  .gallary_box .comment .pld-like-dislike-wrap .pld-common-wrap .pld-count-wrap{
    margin-left: 10px;
  }
  .gallary_box .comment .pld-like-dislike-wrap .pld-common-wrap a .fa-thumbs-up{
    font-size: 0;
  }
  .gallary_box .comment .pld-like-dislike-wrap .pld-common-wrap a{
    position: relative;
  }
  .gallary_box .comment .pld-like-dislike-wrap .pld-common-wrap a::before {
    content: url('../images/articles/heart.png');
    background-size: cover;
    margin-top: 0px;
    position: absolute;
    left: -10px;
    top:0;
  }
  .gallary_box .comment .pld-common-wrap{min-width: 30px;}
  .gallary_box .comment .pld-like-dislike-wrap{
    background-color: #fff;
    padding: 5px 10px 5px 30px;
    font-size: 12px;
    font-weight: 900;
    margin: 12px;
    border-radius: 20px;
  }
  
  .gallary_box .comment .pld-like-trigger:hover{
    color:var(--color-primary);
  }
  .gallary_box .comment .pld-dislike-wrap {display: none;}
  
  .gallary_box .comment .entry-comments {
    background-color: #fff;
    padding: 5px 22px 5px 32px;
    font-size: 14px;
    font-weight: 600;
    margin: 12px;
    border-radius: 20px;
    position: relative;
  }
  .gallary_box .comment .entry-comments .fa-comments{
    font-size: 0px;
  }
  .gallary_box .comment .entry-comments::before {
    content: url('../images/articles/messages.png');
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0;
    margin: 6px 10px;
  }
  .gallary_box .comment .tick {
    background-color: #fff;
    border-radius: 50%;
    padding: 6px 5px 7px;
    margin: 12px;
  }
  .gallary_box .comment .tick img{
    width: 20px;
  }
  #gallary .gallary_box .gallary_content.big .comment .pld-like-dislike-wrap {
    background-color: #F8F8F8;
    padding: 5px 10px 5px 30px;
    font-size: 12px;
    font-weight: 900;
    margin: 0px;
    border-radius: 20px;
    border:1px solid #F8F8F8;
  }
  #gallary .gallary_box .gallary_content.big .comment .entry-comments {
    padding: 5px 22px 5px 32px;
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
    border-radius: 20px;
    position: relative;
    border:1px solid #F8F8F8;
    background-color: #F8F8F8;
    color:#334155;
  }
  #gallary .gallary_box .gallary_content.big .comment .tick{
    border:1px solid #F8F8F8;
    background-color: #F8F8F8;
    padding: 2px 6px 6px 6px;
    border-radius: 50%;
  }
  #gallary .gallary_box .gallary_content.big .comment .tick img{
    width: 15px;
  }
/*video articles*/
#videoarticles{
  position: relative;
}
#videoarticles .sec_main_heading{
  color:#fff;
}
#videoarticles .sec_small_heading{
  color:#fff;
}
#videoarticles .video.col-md-3:nth-child(1),#videoarticles .video.col-md-3:nth-child(6){
  flex: 0 0 auto;
  width: 50%;
}
#videoarticles .video.col-md-3:nth-child(1) .video_box .videobg_img .comment,#videoarticles .video.col-md-3:nth-child(6) .video_box .videobg_img .comment{
  display: block;
}
.video_box .videobg_img {
  border-radius: 20px;
  position: relative;
}
.video_box .videobg_img img{
  border-radius: 20px;
}
.video_box .videobg_img .comment{
  position: absolute;
  top:0;
  right:0;
  margin:10px;
  display: none;
}
.video_box .videobg_img .comment .tick{
  background-color:#1B1B1B ;
  border-radius: 50%;
  padding: 3px 6px 6px 6px;
}
.video_box .videobg_img .comment .tick img{
  width: 15px;
}
.video_box{
  position: relative;
}
.video_box .video_detail{
  position: absolute;
  bottom: 0;
  left:0;
  margin: 10px 10px 10px;
}
.video_box .category{
  font-size: 14px; 
  background-color: #E2F9E0;
  font-weight: 600;
  font-family: var(--font-Helvetica);
  padding: 5px 20px;
  color: var(--color-secondary);
  border-radius: 30px;
}
.video_box .video_detail h5{
  font-size: 23px;
  color:#fff;
  line-height: 24px;
  font-weight: 800;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 10px;
  font-family: var(--font-Nunito);
}
.video_box .video_detail h5 a{
  color:inherit;
}
.video_box .video_detail h4{
  font-size: 14px;
  color:#ffffff;
  line-height: 20px;
  font-weight: 700;
  font-family: var(--font-Nunito);
}
.video_box .video_detail h4 .author{
  font-weight: 700;
  text-transform: capitalize;
  color:#fff;
}
.video_box .play-icon .myVideoBtn img{
  width: 50px;
  height: 50px;
} 
.video_box .video_detail .entry-comments{
  color:#fff;
}
#videoarticles .modal-new {
  display: none; /* Hidden by default */
  position: absolute; /* Stay in place */
  z-index: 999999999999;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  /* background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 0px;
  max-width: 100%;
  border-radius: 20px;
  }
  
  /* The Close Button */
  #videoarticles .close-one, .close {
    color: #fff;
    float: right;
    font-size: 17px;
    font-weight: bold;
    padding: 0px 7px;
    cursor: pointer;
    margin-bottom: 7px;
    background: transparent;
    border: unset;
    height: 25px;
    width: 25px;
    position: absolute;
    right: 0;
    margin: 12px 16% 0px 0px;
    border-radius: 50%;
    border: 1px solid #fff;
}
  
  #videoarticles .myVideoBtn {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   text-align: center;
   align-items: center;
   border-radius: 20px;
   background: linear-gradient(180deg, rgba(217, 217, 217, 0) 15.7%, rgba(43, 43, 43, 0.66) 61.16%, #1B1B1B 98.6%);
  }
  #videoarticles .myVideoBtn i {
    font-size: 20px;
    color: var(--color-white);
    /* background-color: var(--color-primary); */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 18px 21px;
    border: 4px dashed #fff;
}
  #videoarticles  .myVideoBtn{
    color:#fff;
  }
/* brand*/
.brand{
  border:1px solid #9097a340;
  border-radius: 10px;
  padding: 20px;
}
.brand img{
  height: 100px;
}
.brand h5{
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 3px;
  font-family: var(--font-Nunito);
}
.brand h4{
  font-size: 14px;
  font-weight: 400;
  margin: 0px 0px 3px;
  color:#9097A3;
  font-family: var(--font-Nunito);
}
.brand .listen-btn a{
  background-color:#DBEAFE ;
  border-color: #DBEAFE;
  border-radius: 30px;
  padding: 6px 20px;
  color:#000;
  font-size: 14px;
  font-family: var(--font-Nunito);
}
.brand .listen-btn a i{
  color:var(--color-primary);
  margin-right: 6px;
}
/*** audioarticles section***/
#audioarticles {
  background-color: #F3F4F6;
  position: relative;
}
.audioarticles_box .audioarticles-image{
  position: relative;
  background-color: #000;
  border-radius: 28px;
}
.audioarticles_box .audioarticles-image img{
  border-radius: 20px;
  opacity: 0.7;
}
.audioarticles_box .audioarticles-image .audioarticles_content {
  position: absolute;
  bottom: 0;
  left: 0;
  right:0;
  background: transparent;
  border-radius: 15px;
  margin: 0px 20px 30px;
}
.audioarticles_box .audioarticles_content h5{
  font-size: 24px;
  color:#fff;
  font-weight: 700;
  font-family: var(--font-Nunito);
}
.audioarticles_box .audioarticles_content h5 a{
  color:inherit;
}
.audioarticles_box .audioarticles_content .category{
  font-size: 14px;
  background-color:#E2FDFF;
  font-weight: 600;
  font-family: var(--font-Helvetica);
  margin-bottom: 0px;
  padding: 5px 15px;
  color:#00B5C0;
  border-radius: 30px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.audioarticles_box:hover .audioarticles_content .category {
  color: #1047C7;
  background-color: #DBEAFE;
  font-weight: 600;
  font-family: var(--font-Helvetica);
  padding: 5px 15px;
}
#audioarticles .owl-carousel .owl-item:last-child .audioarticles_box .audioarticles_content .category{
  background-color:#E2F9E0;
  color:#A83061;
}
#audioarticles .owl-carousel .owl-item:last-child .audioarticles_box:hover .audioarticles_content .category{
  color: #1047C7;
  background-color: #DBEAFE;
}
.audioarticles_box .audioarticles_content h4{
  font-size: 14px;
  color:#fff;
  font-weight: 600;
  font-family: var(--font-Nunito);
  text-transform: capitalize;
}
.audioarticles_box .comment{
position: absolute;
top:0;
left:0px;
width: 100%;
margin-top: 10px;
}

.audioarticles_box .comment .tick {
  background-color: #fff;
  border-radius: 50%;
  padding: 4px 5px 0px;
  margin: 12px;
}


/*****************blog section***********/
#blog{
  position: relative;
}
#blog .blogs{
  margin-bottom: 10px;
}
#blog .blogs .user img{
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
#blog .bolg-image img{
  border-radius: 15px;
  height: 100%;
}
#blog .bolg_box .category span {
  font-size: 14px;
  background-color: #E2F9E0;
  font-weight: 600;
  font-family: var(--font-Helvetica);
  padding: 5px 15px;
  color: var(--color-secondary);
  border-radius: 30px;
}
#blog .bolg_box h5{
  font-size: 18px;
  line-height: 24px;
  color: #334155;
  font-weight: 800;
  font-family: var(--font-Nunito);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0px;
  text-transform: capitalize;
}
#blog .bolg_box p{
  font-size: 14px;
  line-height: 26px;
  color: #9097A3;
  font-weight: 300;
  font-family: var(--font-Nunito);
  padding-left: 20px;
  margin-bottom: 0px;
}
.bolg_box .user .content h4{
  font-size: 14px;
  color:#00B5C0;
  font-weight: 500;
  margin-bottom: 0px;
}
.bolg_box .user .content h4 span , .bolg_box .user .content span{
  font-family: var(--font-Helvetica); 
  font-size: 14px;
  color:#9097A3;
  font-weight: 500;
  line-height: 17px;
  text-transform: capitalize;
}
#blog .blogs .bolg-image {
  position: relative;
  height: 100%;
}
#blog .blogs .comment .pld-like-dislike-wrap {
  background-color: #F8F8F8;
  padding: 5px 10px 5px 30px;
  font-size: 12px;
  font-weight: 900;
  margin: 0px;
  border-radius: 20px;
  border:1px solid #F8F8F8;
}
.blogs .comment .entry-comments {
  padding: 5px 22px 5px 32px;
  font-size: 14px;
  font-weight: 600;
  margin: 0px;
  border-radius: 20px;
  position: relative;
  border:1px solid #F8F8F8;
  background-color: #F8F8F8;
}
#blog .blogs .comment .tick{
  border:1px solid #F8F8F8;
  background-color: #F8F8F8;
  padding: 2px 5px 2px 5px;
  border-radius: 50%;
}

#blog .tags {
  background-color: #F3F4F6;
  border-radius: 20px;
  margin-bottom: 20px;
}
#blog .tags .heading{
  padding: 15px;
  border-bottom: 1px solid #E5E7EB;
}
#blog .tags .heading h2{
  font-size: 16px;
  color:#000;
  margin-bottom: 0px;
  line-height: 16px;
}
#blog .tags .content{
  padding: 15px 10px 5px;
}
#blog .tags .content span{
  background-color: #fff;
  padding: 5px 10px;
  margin: 5px 5px;
  display: inline-block;
  border-radius: 8px;
}
#blog .trending_topic{
  background-color: #F3F4F6;
  border-radius: 20px;
  margin-bottom: 20px;
}
#blog .trending_topic .heading{
  padding: 15px;
  border-bottom: 1px solid #E5E7EB;
}
#blog .trending_topic h2{
  font-size: 16px;
  color:#000;
  margin-bottom: 0px;
  line-height: 16px;
}

#blog .trending_topic .trending_box{
  padding: 13px 10px 13px;
  border-bottom: 1px solid #E5E7EB;
}
#blog .trending_topic .trending_box:last-child{
  border-bottom:none;
}
#blog .trending_topic .trending_box h5{
  font-size: 16px;
  font-weight: 600;
  margin: 0px;
  font-family: 'poppins';
}
#blog .trending_topic .trending_box p{
  font-size: 14px;
  font-weight: 300;
  margin: 0px;
  color:#6B7280;
}
#blog .popular_box .image-right {
  width: 70px;
  height: 70px;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 10px;
  display: none;
  margin-right: 10px;
}
#blog .popular_box:hover .image-right{
display: block;
}
#blog .popular_box .image {
  width: 40px;
  height:40px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#blog .popular_box .name {
  margin-right: 10px;
  font-size: 12px;
  font-weight: 500;
  color:#374151;
   font-family: var(--font-Nunito);
}
#blog .popular_box .date {
  margin-right: 10px;
  font-size: 12px;
  font-weight: 400;
  color:#6B7280;
}
#blog .trending_box.popular_box h5{
  font-size: 16px;
  font-weight: 600;
  color:#1B1B1B;
   font-family: 'poppins';
  margin-right: 18%;
  line-height: 22px;
}
  
  /*newsletter*/
  #newsletter .sec_small_heading {
    color:var(--color-black);
    font-weight: 300;
  }
  #newsletter .sec_main_heading {
    text-transform: capitalize;
    font-size: 40px;
    line-height: 51px;
    margin-bottom: 10px;
}
  #newsletter .discount span{
    background-color: var(--color-primary);
    color:#fff;
    padding: 10px;
    border-radius:50%
  }
  #newsletter .magzine span{
    background-color: var(--color-secondary);
    color:#fff;
    padding: 10px;
    border-radius:50%
  }
  #newsletter h5{
    font-size: 16px;
    margin: 0px;
    font-weight: 500;
  }
  #newsletter form{
    position: relative;
  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
    position: absolute;
    padding: 1px 1px;
    background: var(--color-black);
    border-radius: 50%;
    margin-top: 7px;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    font-weight: 900;
    margin-right: 10px;
    z-index: 2;
    right:0;
    padding: 6px 11px;
    text-transform: uppercase;
    border:1px solid #000;
  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit::after{
    content:'\f061';
    font-size:15px;
  }
  #newsletter input[type="email"]::placeholder{  
    font-size: 16px;
    line-height: 26px;
    color: #9097A3;
    font-weight: 400;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    padding: 12px 30px 12px 50px;
    width: 100%;
    position: relative;
    border-radius: 30px;
    background: #fff;
    border: 1px solid #fff;
    color:#9097A3;
    box-shadow: 0px 0px 32px 0px #00000026;
  }
  #newsletter .wpcf7-form-control-wrap:before {
    content: url('../images/ipuser.svg');
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin: -6px 10px;
  }
  /*enquiry section*/
  #enquiry {
    z-index: 2;
    position: relative;
  }
  #enquiry .gradian-bg{
    border-radius: 20px;
    position: relative;
    background-color: #1C1B1B;
    box-shadow: 0px 0px 32px 0px #00000026;
    padding: 20px 10px;
    position: relative;
  }
  #enquiry .circle{
    position: absolute;
    top:0;right: 0;
    margin-right: -35px;
    margin-top:6%;
  }
 #enquiry  .contact-info-box {
    background: var(--color-black);
    border-radius: 10px;
    position: relative;
    color:var(--color-black);
    box-shadow: 0px 3px 6px #00000029;
  }
 #enquiry .contact-info-box h3{
    color:var(--color-white);
    font-family: var(--font-Nunito);
    font-size: 20px;
    font-weight: 400;
  }
  #enquiry .contact-info-box p{
    color:var(--color-white);
    font-family: var(--font-Nunito);
    font-size: 14px;
  }
 #enquiry .contact-info-box i{
    color:var(--color-primary);
  }

  #enquiry .contact-form-right-img {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  #enquiry .maps {
    position: relative;
    z-index: 8;
  }
  #enquiry .contact-info-box .maps embed{
  border-radius: 8px;
  }
  #enquiry input.wpcf7-number,#enquiry input.wpcf7-email,#enquiry input.wpcf7-text{
    border:none;
    border-bottom: 1px solid #cfcfcf;
    font-size: 16px;
    padding: 10px 10px 10px 0px;
    height: auto;
    border-radius: 0px;
    width: 100%;
    background: transparent;
    color:white
  }
  #enquiry input::placeholder, #enquiry .wpcf7-textarea::placeholder{
    color:#fff;
    font-size: 16px;
    font-weight: 600;
  }
  #enquiry .wpcf7-textarea{
    border:none;
    border-bottom: 1px solid #cfcfcf;
    font-size: 16px;
    padding: 10px 10px 10px 0px;
    color:#fff;
    border-radius: 0;
  }
  #enquiry textarea {
    height: 45px;

  }
  #enquiry h5{
    color:#fff;
  }
  #enquiry .form-check p{
    margin-bottom: 0px;
    color:#fff;
    display: flex;
  }
  #enquiry .form-check p label{
    color:#fff;
    font-size: 14px;
    line-height: 20px;
    width:auto;
    margin-left: 3px;
  }
  #enquiry .form-check-inline {
    margin-right: 5px;
  }
  #enquiry .wpcf7-submit {
    background-color: var(--color-white) !important;
    border: 1px solid var(--color-white) !important;
    color: #111 !important;
    padding: 10px 20px 10px 20px; /* Adjusted padding to accommodate icon */
    border-radius: 30px;
    text-transform: capitalize !important;
    font-family: var(--font-Nunito);
    font-size: 15px;
    font-weight: 600;
    position: relative;
}
#enquiry .wpcf7-submit:hover{
  background-color: var(--color-primary) !important;
  border: 1px solid var(--color-primary) !important;
}
/* Icon styling */
#enquiry .wpcf7-submit:before {
    content: "\f1d8"; /* Unicode for the paper plane icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
  .form-check-input:checked {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}
.form-check-input:checked[type=radio]{
  background-image: none !important;
}