/**
 * Theme Name:     ecl Theme 2025
 * Author:         the WordPress team
 * Template:       twentytwentyone
 * Text Domain:	   ecltheme
 * Description:    ecl wesbite
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
* {
   box-sizing: border-box;
}

h1 {
   font-size: 56px;
   font-weight: 600;
   /* SemiBold */
   line-height: 1.2;
}

h2 {
   font-size: 36px;
   font-weight: 600;
   line-height: 1.3;
}

h3 {
   font-size: 28px;
   font-weight: 600;
   line-height: 1.3;
}

h4 {
   font-size: 22px;
   font-weight: 600;
   line-height: 1.4;
}

/* Basic site wrapper */
.site {
   max-width: 1200px;
   margin: 0 auto;
   padding: 1.5rem;
}

/* Example override for body typography */
body {
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
   line-height: 1.6;
   color: #111;
   background: #fff;
}

/* Add your custom CSS here */


.rd-navbar-original .expertBtn a.rd-nav-link{
       display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #fff!important;
    background-color: #28a745;
    border-color: #28a745; 
  text-transform: math-auto;
    letter-spacing: 0px;
    padding: .25rem .5rem;
    font-size: 14px;
    line-height: 1.5;
    border-radius: .2rem;
}
.blogPage {
   padding: 140px 0 55px;
}

.blogTitle {
   text-align: center;
   margin-bottom: 36px;
}

.searchBar {
   max-width: 557px;
   height: 52px;
   width: 100%;
   margin: 0 auto;
   position: relative;
   padding: 0 15px;
}

.searchBar input[type="text"] {
   width: 100%;
   height: 52px;
   border-radius: 80px;
   padding: 8px 12px;
   border: 1px solid #323031;
   color: #323031;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
}

.searchBar input[type="submit"] {
   position: absolute;
   right: 25px;
   top: 50%;
   transform: translateY(-50%);
   width: 36px;
   height: 36px;
   background: url('assets/images/search.png') no-repeat;
   background-position: center;
   background-size: cover;
   border: none;
}

.searchBar {
   margin-bottom: 44px;
}

.blogContainer {
   max-width: 955px;
   padding: 0 15px;
   width: 100%;
   margin: 0 auto;


}

.blogContentContainer {
   max-width: 1200px;
   width: 100%;
   margin: 0 auto;
}

.bloginner {
   display: flex;
}

.filter {
   margin-bottom: 36px;
}

.filter select {
   padding: 8px;
   border-radius: 8px;
   border: 1px solid #323031;
}

.singleBlog {
   padding: 48px 0;
}

.singleBlog .featImg {
   width: 386px;
   flex: 0 0 386px;
   margin-right: 20px;
   position: relative;
}

.singleBlog img {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   object-fit: cover;
   object-position: center;
}

.singleblogContent p {
   color: #323031;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   margin: 0 0 24px 0;
}

.singleBlog h4 {
   color: #323031;
   font-family: "Playfair Display";
   font-size: 24px;
   font-style: normal;
   font-weight: 600;
   line-height: 36px;
   margin-bottom: 24px;
}

.postCat {
   display: inline-block;
   padding: 2px 10px;
   border-radius: 12px;
   border: 1px solid #15792D;
   color: #15792D;
   font-size: 11px;
   font-style: normal;
   font-weight: 500;
   line-height: 20px;
   margin-bottom: 24px;
}

.postMeta {
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.postMeta span,
.postMeta time {
   color: #323031;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   position: relative;
}



.separator {
   width: 6px;
   height: 6px;
   border-radius: 100%;
   background-color: #323031;
   margin: 0 16px;
}

.singleBlogPost {
   padding: 145px 0 55px;
}

.sectitle h1 {
   color: #323031;
   font-family: "Playfair Display";
   font-size: 56px;
   font-style: normal;
   font-weight: 600;
   line-height: 64px;
   margin-bottom: 24px;
}

.sectitle p {
   color: #3E3C3D;
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: 32px;
   font-family: "Inter", sans-serif;
   /* 160% */
}

.sectitle {
   max-width: 950px;
   margin-bottom: 24px;
}

.featImg img {
   border-radius: 14px;
   display: block;
   width: 100%;
}

.singleBlogPost .blogContent,
.singleBlogPost .postLeft {
   max-width: 793px;
   flex: 0 0 793px;
   width: 100%;
}

.blogWrap {
   max-width: 1200px;
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}

.postLeft {
   width: calc(100% - 387px);
}

.singleBlogPost .container {
   max-width: 1230px;
}

.singleBlogPost .postmeta {
   margin-bottom: 48px;
   display: flex;
   align-items: center;
}

.singleBlogPost .author img {
   width: 36px;
   display: block;
   margin-right: 15px;
   border-radius: 100%;
}

.singleBlogPost .author {
   display: flex;
   margin-right: 24px;
   align-items: center;
}

.singleBlogPost .author span {
   color: #323031;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 20px;
   font-family: "Inter", sans-serif;
   /* 142.857% */
   text-transform: uppercase;
}

.singleBlogPost .featImg img {
   width: 100%;
   display: block;
}

.singleBlogPost .featImg {

   margin-bottom: 60px;
}

.singleBlogPost time {
   color: #726E70;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   font-family: "Inter", sans-serif;
   /* 142.857% */
}

.ece-artilce-container {
   padding: 0;
   border: none;
}

.realtedPosts strong {
   color: #000;
   font-family: "Playfair Display";
   font-size: 24px;
   font-style: normal;
   font-weight: 600;
   line-height: 36px;
   /* 150% */
   display: block;
   margin-bottom: 24px;
}

.postRight {
   width: 387px;
   margin-left: 20px;
}

.realtedPosts ul li h4 {
   color: #1A9236;
   margin-right: 24px;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: 24px;
   font-family: "Inter", sans-serif;
   /* 133.333% */
}

.realtedPosts ul li {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 24px;
   padding-bottom: 24px;
   border-bottom: 1px solid #000;
}

.realtedPosts ul li img {
   width: 111px;
   height: 78px;
   object-fit: cover;
   object-position: center;
   border-radius: 6px;
}

.authorContent {
   display: flex;
   align-items: flex-start;
}

.authorContent img {
   width: 36px;
   margin-right: 20px;
   border-radius: 100%;
}

.authorContent p {
   color: #000;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   font-family: "Inter", sans-serif;
   margin: 0;
}

.postTags {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 10px;
   margin-bottom: 60px;
   flex-wrap: wrap;

}

.postTags a {
   color: #15792D;
   font-size: 11px;
   font-family: "Inter", sans-serif;
   font-style: normal;
   font-weight: 500;
   line-height: 20px;
   padding: 2px 10px;
   border-radius: 12px;
   border: 1px solid #15792D;
   text-transform: capitalize;
}

.articleContent {
   margin-bottom: 60px;
}

.postAuthor {
   margin-bottom: 60px;
}

.postAuthor h4 {
   color: #000;
   font-family: "Inter", sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 20px;
   /* 142.857% */
   text-transform: uppercase;
   margin-bottom: 18px;
   padding-bottom: 18px;
   border-bottom: 1px solid #000;
}

.post-navigation {
   display: flex;
   gap: 20px;
}

.post-navigation img {
   width: 100px;
   height: 100px;
   object-fit: cover;
   border-radius: 6px;


}

.post-navigation>div {
   padding: 14px;
   border-radius: 6px;
   border: 1px solid #D9D9D9;
   flex: 0 0 50%;
}

.post-navigation>div a {
   gap: 12px;
   display: flex;
   align-items: center;
}

.post-navigation>div.prev-post {
   padding-left: 0;
}

.post-navigation>div.prev-post a {
   padding-left: 50px;
}

.post-navigation>div.prev-post {
   background: url('assets/images/iconLeft.png') no-repeat;
   background-size: 24px 24px;
   background-position: center left 14px;
}

.post-navigation>div.next-post {
   padding-right: 0;
   background: url('assets/images/iconRight.png') no-repeat;
   background-size: 24px 24px;
   background-position: center right 14px;

}

.post-navigation>div.next-post a {
   flex-direction: row-reverse;
   padding-right: 50px;
}

.post-navigation .title {
   color: #323031;
   font-family: Inter;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 23px;
   /* 143.75% */
}

.articleContent>* {
   margin-bottom: 18px;
}

.articleContent p {
   font-size: 16px;
}

.expertPost {
   padding: 140px 0 50px;
}

.expertPost h1 {
   font-size: 48px;
   line-height: 1.2;
   padding-bottom: 10px;
   border-bottom: 1px solid #dee2e6;
}

.expertName h2 {
   font-size: 48px;
   line-height: 1.2;
   padding-bottom: 16px;
}

.profilePicture img {
   width: 150px;
   height: 150px;
   object-fit: cover;
   object-position: center;
   padding: 5px;
   background-color: #fff;
   border: 1px solid #dee2e6;
   border-radius: 4px;
}



.badges1,
.badges2 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-start;
   gap: 4px;

}

.badges1 {
   margin-bottom: 12px;
}

.badges1 span a,
.badges2 span a {
   background-color: #007bff;
   border-radius: 4px;
   font-size: 11px;
   color: #fff;
   font-weight: 700;
   padding: 5px 8px 7px;
}

.badges2 span a {
   background-color: #28a745;
   color: #000;
}

.expertsDetails {
   display: flex;
   gap: 30px;
   margin-bottom: 24px;
   margin-top: 30px;
}

.biography {
   flex: 0 0 66.666667%;
   max-width: 66.666667%;
}

.sidebar {
   flex: 0 0 33.333333%;
   max-width: 33.333333%;
}

.biography h3 {
   font-size: 36px;
   line-height: 1.33333;
}

.biography p {
   font-size: 18px;
   line-height: 1.5;
   font-weight: 300
}

.sectionWrap {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 30px
}

.sidebar h4 {
   font-size: 24px;
   line-height: 1.25;
   margin-bottom: 30px;
}

.sidebar .mactchingProcess h4 {
   margin-bottom: 15px;
}

.similarExperts {
   margin-bottom: 20px;
   padding-bottom: 30px;
   border-bottom: 1px solid #000;
}

.similarExperts ul {
   display: flex;
   gap: 30px;
   flex-wrap: wrap;
}

.similarExperts img {
   width: 80px;
   height: 80px;
   object-fit: cover;
   object-position: center;
   margin: 0 auto;
}

.similarExperts p {
   color: #686157;
   font-size: 14px;
   font-weight: 700;
}

.mactchingProcess p {
   color: #000;
   font-size: 14px;
   font-weight: 300;
   line-height: 2;
}

.similarExperts ul li {
   flex: 0 0 calc(50% - 18px);
   padding: 15px;
   line-height: 1.2;
   border: 1px solid #ddd;
   text-align: center;
}

.embed-responsive {
   position: relative;
   display: block;
   width: 100%;
   padding: 0;
   overflow: hidden;
}

.embed-responsive iframe {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
}

.embed-responsive::before {
   padding-top: 56.25%;
   display: block;
   content: "";
}

.expertsArchive .expertWrap {
   display: flex;
   gap: 20px;
   flex: 0  0 calc(100% - 153px)
}
.expertsArchive  .profilePicture img {
   width: 100px;
   height: 100px;
}
.expertsArchive .readMore {
   color: #fff;
   background-color: #17a2b8;
   border-radius: 4px;
   height: 40px;
   font-size: 14px;
   font-weight: 400;
   padding: 8px 16px;
   flex:0 0 123px;
   text-align: center;
}

.expertsArchive {
   padding: 140px 0 55px;
}
.archiveTitle{
   border-bottom: 1px solid #bebebe;
   margin-bottom: 15px;
   padding-bottom: 15px;
   font-size: 48px;
   line-height: 1.2;
}
.singleExpert{
   border-bottom: 1px solid #bebebe;
   text-align: right;
}
.singleExpert .profilePicture{
   flex: 0 0 100px
}
.block-border{
   padding: 20px 30px;
}
.ui-to-top {
	display: flex;
    align-items: center;
    justify-content: center;
}
#gform_submit_button_1 , #gform_submit_button_2{
       color: #ffffff;
    background-color: #00B0F0;
    border-color: #00B0F0;
        padding: 11px 35px;
    font-size: 18px;
    line-height: 28px;
    border: 1px solid;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: capitalize;
        border-radius: 50px;
}
.block-icon-modern{
/*    height: 100%; */
}
.team-content p{
   margin-bottom: 18px;
}
.team-content strong ,.team-content li ,.font-weight-bold p ,.font-weight-bold li{
   font-weight: 600;
}
.team-content h6 {
   margin-bottom: 18px;
}
 
.carousel-item img {
	height: 80px;
    object-fit: contain;
	
}
.rd-navbar-fixed .rd-navbar-collapse, .rd-navbar-fixed .rd-navbar-collapse a {
	color:#fff;
}
@media screen and (max-width:1199.98px) {
   .similarExperts ul li {
      margin-bottom: 15px;
   }

   .similarExperts ul {
      display: block;
   }

   .expertPost {
      padding: 0 0 50px 0;
   }

   .blogWrap {
      display: block;
   }

   .singleBlogPost .blogContent,
   .singleBlogPost .postLeft,
   .postRight {
      width: 100%;
      flex: 0 0 100%;
      max-width: none;
   }

   .postRight {
      margin: 0;
   }

   .singleBlogPost {
      padding-top: 0;
   }

   .sectitle h1 {
      font-size: 36px;
      line-height: 44px;
      /* 122.222% */
   }

   .singleBlogPost .featImg {
      margin-bottom: 40px;
   }

   .realtedPosts strong {
      margin-bottom: 16px;
   }

   .realtedPosts,
   .articleContent,
   .postTags,
   .postAuthor {
      margin-bottom: 40px;
   }

   .post-navigation {
      display: block;
   }

   .post-navigation>div.prev-post {
      margin-bottom: 20px;
   }
}

@media screen and (max-width:768.98px) {
   .expertsArchive {
    padding: 0px 0 55px;
}

   .expertsArchive .expertWrap{
   margin-bottom: 20px;
}
   .biography {
      max-width: none;
      margin-bottom: 50px;
   }

   .sidebar {
      max-width: none;
   }

   .sectionWrap {
      display: block;
   }

   .expertsDetails {
      display: block;
   }

   .expertPost h1 , .archiveTitle h1{
      margin-bottom: 8px;
      font-size: 28px;
      line-height: 1.5;
   }

   .blogPage {
      padding-top: 0px;
   }

   .bloginner {
      display: block;
   }

   .singleBlog .featImg {
      flex: 0 0 100%;
      width: 100%;
      aspect-ratio: 2 / 1;
      margin-bottom: 20px;
   }

   .singleBlog {
      padding: 32px 0;
      border-top: 1px solid #D9D9D9;
   }

   .postCat {
      margin-bottom: 16px;
   }

   .singleBlog h4 {
      margin-bottom: 16px;
      color: var(--text-primary, #323031);

      /* heading-h4 */
      font-size: 22px;
      font-weight: 600;
      line-height: 28px;
      /* 127.273% */
   }
}