/*---------------------- index ---------------------------*/
.post-section {
    padding: 20px 0;
}
/* --------------Single Services------------- */
#single-services h3{
  font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 27px;
text-align: center;
}
#single-services p{
  font-family: Poppins;
font-size: 15px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
/*------------------ Contact Page -----------------*/

.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"],#contact-page .contac_form label{
    width: 100% !important;
    font-size: 16px;
    padding: 10px 10px;
    height: auto;
    float: left;
}
.contactpage-details h3{
  font:600 30px / 26px Rubik;
  color: #FFFFFF;
}
 .contactpage-details {
   padding: 20px;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   border-radius: 20px;
   display: flex;
flex-direction: column;
gap: 20px;
 }
 .contactpage-details p{
   font:500 16px / 26px Rubik;
letter-spacing: 0px;
color: #FFFFFF;
 }
 .contac_form{
   max-width: 80%;
margin: 0 auto;
 }
.contac_form input,.contac_form textarea {
  border: 1px solid #000000;
  border-radius: 1px;
}
.contac_form textarea{
  height: 130px;
}

/*.archive #sidebar {
    margin-top: 21%;
}
*/
/* contact form*/
.form-main{
    padding: 30px;
background: #202020;
border-radius: 10px;
}
.contact-img {
  height: 625px;
  height: 625px;
  border-radius: 10px;
  width: 100%;
  object-fit: cover;
}
#contact-page .sec-small-img-one{
  position: absolute;
  right: -5%;
  top: -9%;
  width: 140px;
}
#contact-page .sec-small-img-two{
  bottom: -10%;
  left: -5%;
  position: absolute;
  width: 140px;
}
/* --------- Inner Pages --------- */
ol.carousel-indicators {
    position: static !important
}
ol.carousel-indicators li {
    max-width: 10px;
    padding: 5px;
    color: var(--grey2);
    border-radius: 50%;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  height: 35px;
  width: 35px;
  border-radius: 8px;
  line-height: 35px !important;
  background: #F1ED19;
  text-align: center;
  color: #fff;
  font-weight: 500!important;
  font-size: 16px !important;
  letter-spacing: 0px;
  color: #FFFFFF;
  background: transparent;
  border: 1px solid #F4F000;
}
span.page-numbers.current {
  background: #F1ED19 !important;
  color: #000 !important
}
a.page-numbers:hover, span.page-numbers.current:hover{
    background:  #F1ED19 !important;
      color: #000 !important
}
#blog {
    padding-top: 0;
    margin-top: 0;
}
.contact-widget p{
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  height: 100%;
  left: 0;
  right: 0;
  width: 70%;
margin: 0 auto;
}
.contact-widget p a{
  font-family: Poppins;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #F1ED19;
  position: relative;
}

aside#search-3 {
    padding: 0 !important;
}
.bradcrumbs {
  padding: 10px 0;
  color: #000;
  display: flex;
  align-items: center;
  gap: 5px;
}
.bradcrumbs a , .bradcrumbs span{
  font-family: Poppins;
  font-size: 18px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  color: #fff;
}

/*------------------ Comments BOX ------------------*/
#comments {
    width: 100%;
    display: flex;
flex-direction: column;
gap: 30px;
}

.comments-title{
      font-size: 18px;
}
#comments .comment-list li {
list-style: none;

}
#respond{
  background: #151515;
padding: 20px;
border-radius: 20px;
}
#commentform {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#comments input[type="text"], #comments input[type="email"], #comments textarea {
  padding: 9px 10px;
  font-size: 14px;
  border: 1px solid #2F363C;
  border-radius: 10px;
  margin-bottom: 0;
  background: #fff;
  color: #000;
}
#comments textarea {
    height: 120px;
}

#comments input[type="submit"].submit {
  border-radius: 7px;
background: #F4F000;
  background: #F4F000;
  font: 400 14px / 20px Rubik;
  letter-spacing: 0px;
  color: #000;
  padding: 8px 25px;
  border: none;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  color: #000;
}
#reply-title{
  position: relative;
}
#comments a time {
    color: black;
    font-weight: bold;
    font-size: 12px;
}
#comments .comment-metadata {
    width: 90%;
    float: left;
    padding: 1% 0 0 0;
}
#comments .comment-content {
    width: 90%;
    text-align: left;
    margin-left: 7%;
}
#comments .comment-meta.commentmetadata, #comments .says,.comment-notes{
  display: none;
}
#comments h2#reply-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  line-height: 39px;
  text-align: left;
  color: #F4F000;
}

#single-post-page #commentform{
  display: flex;
flex-wrap: wrap;
}
.comment-form-email{
      order: 1;
}
.comment-notes{
      order: 2;
}
.comment-form-author{
  order: 1;
}
.comment-form-comment{
    order: 4;
}
.comment-form-cookies-consent{
  order: 5;
  display: flex;
  align-items: baseline;
  gap:10px;
}

.form-submit{
    order: 6;
}
.comment-form-url, .reply>a i{
  display: none;
}
.comment-respond label{
  color: #F4F000;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0px;
  color: #F4F000;
}
.comment-author.vcard img{
  width: 64px;
height: 64px;
border-radius: 50%;
}
.comment-author.vcard{
  display: flex;
align-items: center;
gap: 10px;
}
cite a{
  font-family: Poppins;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  color: #F4F000;
      text-transform: capitalize;
          font-style: normal;
}
.comment-body>p , .comment-body>.reply{
      padding-left: 6%;
}
.reply>a{
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0px;
  color: #fff;
}
/*--------------- Sidebar -----------------*/
/* #sidebar .textwidget input[type="submit"] {
    width: 100%;
}
#sidebar .textwidget label {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
    background: var(--grey2);
    border: none;
    color: var(--white);
    padding: 14px 0;
    font-size: 15px;
    margin: 0;
}
#sidebar form {
    display: table;
    width: 100%;
}
#sidebar h3 , #sidebar label{
  font: 500 18px / 24px Rubik;
  color: #000000;
} */

#sidebar .widget-title{
      color: #F4F000;
}
#sidebar label{
    width: 100%;
}
input:focus-visible {
  outline: none;
}
#sidebar input[type="search"] {
  width: 100%;
  background: #151515;
  border: none;
  border-radius: 9px;
  color: #fff;
  padding: 14px 10px 14px 40px;
}

#sidebar aside {
  margin-bottom: 30px;
  padding: 22px;
  background: #151515;
  border-radius: 20px;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
font-size: 15px;
  margin-top: 10px;

}
#sidebar .widget_recent_entries ul{
  display: flex;
    flex-direction: column;
    gap: 15px;
}
#sidebar .widget_recent_entries ul li a {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
color: #F1ED19
}
#sidebar .widget_categories a,#sidebar .widget_custom_html a{
  font-family: Poppins;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #fff;
}
#sidebar .widget_categories a:hover{
  color: #F4F000;
}
#sidebar  .widget_recent_entries img{
  width: 75px;
  height: 70px;
  object-fit: cover;
  border-radius: 10px;
}

#sidebar .media.post-thumb{
  display: flex;
}
#sidebar .media-body {
  display: flex;
flex-direction: column;
justify-content: space-around;
}
#sidebar  .post-date{
  margin-bottom: 0
}
#sidebar .widget_categories li{
  display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.search-form {
    position: relative;
}
.search-form label:before {
  content: '\f002';
  font-family: "font awesome 6 free";
  font-weight: 900;
  position: absolute;
  top: 5px;
  left: 5px;
  color: #fff;
  text-align: center;
  font-size: 26px;
}
.search-submit {
  position: absolute;
  left: 0px;
  font-size: 10px;
  opacity: 0;
  border: none;
  background: transparent;
  width: 30px;
height: 30px;
}
.widget_iepamegamenu_pro_textimage{
  padding: 0 !important;
  position: relative;
}
.widget_iepamegamenu_pro_textimage img{
  border-radius: 20px;
}
.iepa-mega-block-title{
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 185px;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  text-align: center;
  color: #F1ED19;
}
.iepa-mega-block-title::after{
  content: '>';
  /* font-family: "font awesome 6 free"; */
  font-weight: 600;
  position: absolute;
  bottom: 35%;
  color: #fff;
  font-size: 45px;
}
/* single blog */
#single-post{
  padding: 120px 0;
}
#single-post .post-img-main{
      border-radius: 20px;
      filter: brightness(0.5);
}
.post-img-main-outer{
      height: 495px;
}
.single-blog-title{
  font-family: Poppins;
font-size: 18px;
font-weight: 600;
line-height: 27px;
text-align: center;
position: absolute;
top: 30px;
left: 0;
right: 0;
color: #F1ED19;
}
.single-svg-one{
  position: absolute;
  left: -60px;
  top: -60px;
}
.single-svg-two svg{
  position: absolute;
  right: -80px;
  bottom: -65px;
}
#single-post .post-meta  svg{
      width: 18px;
}
.single-blog-content  h4, .services-desc-meta h4, #privacy-main h4,#terms-condition-main h4{
  font-family: Poppins;
font-size: 18px;
font-weight: 600;
line-height: 27px;
color: #F4F000;
margin-bottom: 10px;
}
.single-blog-content p,.services-desc-meta p, #privacy-main p, #terms-condition-main p,#privacy-main li,#terms-condition-main li  {
  font-family: Poppins;
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-bottom: 0;
}
#privacy-main img, #terms-condition-main img{
      border-radius: 20px;
}
 #terms-condition-main ul,#privacy-main ul {
       margin-left: 25px;
 }
/*------------- Page -----------------*/
.title-box h1 {
  font-family: Nata;
  font-size: 160px;
  font-weight: 700;
  line-height: 175px;
  color: #F4F000
}
.above_title{
      padding: 10% 0;
}
.banner-img{
  margin: 0 30px;
border-radius: 20px;
padding: 35px 0;
    background-size: 100% 100%;
}
.banner-page-text p{
  font-family: Poppins;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: right;
}



/*---------------- Pagination ----------------*/
.woocommerce nav.woocommerce-pagination ul li{
  border-right: unset;
}
.navigation, .shop.shop-product ul.page-numbers {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.navigation a,.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    padding: 0;
}
 .navigation a {
    display: block;
}
.navigation span.meta-nav {
  font: 500 14px/21px Inter;
  letter-spacing: 0px;
  color: #A1A1A1;
  background: #277BF8;
  width: max-content;
  padding: 10px;
  color: #fff;
  padding: 0;
  border-radius: 25px;
  padding: 7px 20px;
}
.shop .navigation span.meta-nav {
background: transparent;
color: #000;
}
.shop .post-title{
  color: #000;
}
.shop .meta-nav{
      padding: 4px 10px;
}
.navigation .current {
    color: var(--white);
    font-weight: normal;
}

/* error */
.error-heading{
  font-family: Poppins;
font-size: 18px;
font-weight: 600;
line-height: 27px;
text-align: center;
color: #F4F000;
}
.error-para {
  font-family: Poppins;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: center;
}

/* Single Case Studies */
#projects-goals h2{
  font-family: Poppins;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
    margin-bottom: 30px;
}
#projects-goals h3{
  font-family: Poppins;
font-size: 18px;
font-weight: 600;
line-height: 27px;
}
.goal-content p{
  margin-bottom: 0;
}
#projects-goals .goal-title{
  font-family: Poppins;
font-size: 16px;
font-weight: 600;
line-height: 20px;
margin-bottom: 0;
}
#case-study-single .case-main-box{
  background: #202020;
padding: 30px 20px;
border-radius: 20px;
}
#projects-goals .pro-svg{
  left: -10%;
z-index: -1;
top: -16%;
}
.project-points-meta h5{
  font-family: Poppins;
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: #F4F000;
}
.project-points-meta p{
  font-family: Poppins;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
#brief p, #project-adjective p,.client-para,#perks-sec p{
  font-family: Poppins;
font-size: 14px;
font-weight: 400;
line-height: 24px;

}
.brief-circle{
  right: -50px;
top: -30px;
}
.brief-zig{
  right: -16%;
top: 20%;
}
.ob-svg-1{
  left: -4%;
top: -10%;
}
.ob-svg-2{
  right: -4%;
bottom: -11%;
}
.client-img{
  height: 77px;
  width: 77px !important;
  border-radius: 10px;

}
.client-title{
  font-family: Poppins;
font-size: 16px;
font-weight: 600;
line-height: 17px;
text-align: left;
}
.client-points-main {
  background: #0C0C0C;
padding: 45px 30px;
border-radius: 20px;
}
.perk-img-1{
  position: absolute;
top: 31%;
left: -3%;
}
.perk-img-2{
  position: absolute;
top: 31%;
right: -3%;
}
.gallery-img{
  width: 100%;
height: 290px;
object-fit: cover;
}
.gallery-img-main .image-popup-vertical-fit:hover .gallery-img{
      filter: brightness(0.5);
}
.gallery-hover-border{
  width: 29px;
    height: 15px;
    border: 3px solid #F4F000;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    top: 45%;
    margin: 0 auto;
    opacity: 0;
}
.gallery-img-main .image-popup-vertical-fit:hover .gallery-hover-border, .gallery-img:hover .gallery-hover-border{
      opacity: 1;
}
.projects-btm-img,.projects-points-btm-img{
  width: 237px;
height: 81px;
}
.projects-btm-img{
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: -34px;
}
.projects-points-btm-img{
      margin-top: -40px;
}
.color-box1 {
  height: 260px;
  border-radius: 20px;
}
.color-box1 .color-name{
  color: #000
}
.color-box2 .color-name{
  color: #fff
}
.color-box2{
  height: 122px;
  border-radius: 20px;
}
#color-box1{
      background: #F1ED19;
}
#color-box2{
  background: #0C0C0C;
}
#color-box3{
  background: #202020;
      border: 1px solid;
}
#color-box4{
  background: #FFFFFF;
}
.color-name{
  position: absolute;
  top: 45%;
  left:0;
  right: 0;
  bottom: 0;
  text-align: center;
  margin-bottom: 0;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
}


.step {
    border-radius: 120px;
  padding: 45px;
    border: 1px solid #ffff00;
}
.step-number {
  font-family: Nata;
  font-size: 48px;
  font-weight: 600;
  line-height: 40px;
  color: #F4F000;
}
.step-title {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px
}
.step-description {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 0
}
.step2 {
    border-radius: 120px;
    border: 1px solid #ffff00;
}
/* .row-style{
    padding-right: calc(var(--bs-gutter-x)* .0)!important;
    padding-left: calc(var(--bs-gutter-x)* .0)!important;
} */
.cutcss{
    margin-left: -100px;
}
.cutcss1{
    margin-right: -100px;
}
.steps-main{
  height: 250px;
}
/* about page */
.abt-brand-main{
  display: flex;
  gap: 50px 30px;
justify-content: space-between;
}
.abt-brand-main img{
  height: 110px;
width: 230px;
object-fit: contain;
}
#about-counter  .counter-svg{
  margin: 0 auto;
text-align: center;
position: absolute;
left: 0;
right: 0;
z-index: -1;
}
#about-counter .counter1-up,.counter-suffix-k ,#about-counter .counter_suffix {
  font-family: Montserrat;
  font-size: 46px;
  font-weight: 600;
  line-height: 60.05px;
  text-align: center;
}
#about-counter .counter_suffix {
  color: #F4F000
}
.countet-title{
  font-family: Montserrat;
font-size: 15px;
font-weight: 600;
line-height: 19.5px;
}
#about-page-maine{
   overflow-x: hidden;
}
#about-honors-awards .sec-small-img-two {
  bottom: -10%;
left: -3%;
    position: absolute;
    width: 130px;
}
#about-honors-awards .sec-small-img-one{
  top: -11%;
  right: -3%;
  position: absolute;
  width: 130px;
}
/* Services */
.services-rating-main{
  background: #202020;
padding: 20px;
border-radius: 20px;
height: 100%;
justify-content: center;
}
.services-rating-main h6{
  font-family: Poppins;
font-size: 18px;
font-weight: 600;
line-height: 27px;
color: #F4F000;
}
.services-rating-main p{
  font-family: Poppins;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 0;
}
.services-rating-main h5{
  font-family: Poppins;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}
.rating-images{
  width: 270px;
  height: 85px;
  object-fit: cover;
}