/*
Theme Name: Zach Maquoit
Theme URI: https://apexbloggers.com/designs/zach-maquoit/wp/
Author: innosoftworks
Author URI: https://innosoftworks.com/
Description: Wordpress theme designed for Zach Maquoit with Blog Integration.
Version: 1.0.13
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: utemountain
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/

*{margin: 0;padding: 0;box-sizing: border-box;}
:root{
  --primary:#5333ED;
  --secondary:#4B3E78;
  --secondary2:#EEEAFA;

  --gray:#5E5E5E;

  --dark:#212121;
  --black:#000000;
  --white:#ffffff;
  --font1:"Roboto";
}
body{font-size: 18px;font-family: var(--font1);background-color: #FBFAFF;}
ul, ol{padding: 0;list-style: none;}
li{padding: 0;margin: 0;}
a{text-decoration: none; display: inline-block;color: var(--black);}
img{max-width: 100%;object-fit: cover;}
h1, h2, h3, h4, h5, h6{font-weight: 500;}
h1 {
  font-size: 39px;
  letter-spacing: 0.45px;
}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 20px;}


p {  font-size: 18px;  color: var(--dark);  line-height: 27.98px;}

/* button */
.btn-primary{background-color: var(--primary);padding: 5px 20px;border-radius:8px ;font-size: 20px;font-weight: 500;display: flex;align-items: center;justify-content: start;width: fit-content;border: 2px solid var(--primary);transition: .3s linear;}
.btn-primary:hover{background-color: var(--white);border: 2px solid var(--primary);color: var(--primary);font-weight: 600;padding: 5px 19.7px;}
.forn-control{box-shadow: none;border:1px solid var(--gray);}
.forn-control:focus{box-shadow: none;border:1px solid var(--gray);}
.hero-btn a.btn-primary:hover {background: unset;}
.btn-secondary{background-color: transparent;border: 2px solid var(--primary);color: var(--primary);font-weight: 500;transition: .2s linear;}
.btn-secondary .bi::before, [class*=" bi-"]::before, [class^=bi-]::before {font-weight: 900 !important;transition: .2s linear;}
.btn.btn-secondary i.bi::before {position: relative;right: 0;}

.btn.btn-secondary:hover i.bi::before {right: -5px;}
.btn.btn-secondary:hover{background: transparent !important;color: var(--primary) !important;border: 2px solid var(--primary) !important;font-weight: 600;}
header {position: relative; z-index: 2; top:0; right:0; left:0; padding:0;}
  ul.top_right {padding:0; margin:0; list-style: none; text-align: right;}
  ul.top_right li {display: inline-block; margin-right:25px;}
  ul.top_right li:last-child {margin-right: 0;}
  ul.top_right li a {font-size: 20px;font-weight: 500;font-family: "Inter";color: var(--primary);}

  .top_featured_wrap {position: relative;}
  #menu{position:relative;}
  #menu ul {   list-style: none;    margin: 18px 0 31px;    display: flex;    align-items: center;    gap: 53px;    justify-content: end;}
  #menu ul li{display:inline-block;position:relative;}
  #menu ul li a{color:var(--primary); display:block;text-decoration:none;position:relative; -webkit-transition:all .3s linear;font-size: 18px;font-weight: 400; transition:all .3s linear;}
  #menu li > a:after { content: '\f107'; font-family:'Bootstrap'; margin-left:5px;}
  #menu li > a:only-child:after { margin-left: 0; content: '';}
  #menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color: var(--primary);font-weight: 600;}
  #menu ul li a:hover::before,#menu ul li.active a::before,#menu ul li.current_page_item>a::before,#menu ul li.current-menu-ancestor>a::before,#menu ul li.current-menu-item>a::before,#menu ul li.current-menu-parent>a::before{width: 80%;}

  #menu li.active ul li a{color:#fff;background:#000}
  #menu li.active ul li a:hover{color:#fff;background:#333}
  #menu li>ul {  position: absolute;  left: 0;  top: 82%; z-index: 999; white-space: nowrap; padding-left: 0; flex-direction: column;  gap: 0; margin: 0;}
  #menu ul li.active ul li a { background:#fff; color:#C71846;}
  #menu li>ul li{background:#fff;display:block;position:relative; margin:0; text-align:left;}
  #menu li>ul li:hover{background:var(--white);}
  #menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;}
  #menu li>ul li a:hover{color:#fff;text-decoration:none}
  #menu li>ul li a::before{display: none;}
  #menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background: #333;color:#fff;}
  #menu>li{border-left:1px solid #999}
  #menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
  #menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
  #menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
  #menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
  #menu li:hover>ul{visibility:visible;opacity:1}
  #menu li>ul li a {    padding:10px 15px;
    transition: all linear .2s 0s;
    -webkit-transition: all linear .2s 0s;
    min-width: 200px;
}
#menu li:hover>ul li a {
  padding: 10px 13px;
}
  #menu li>ul li:hover a {color:#fff;background-color: var(--secondary);}
  #menu li>ul li:hover ul li a {color:#000;}
  #menu li>ul li ul li a:hover {color:var(--white);background-color: var(--secondary);}
  @keyframes menu_sticky {
    0%   {margin-top:-240px;}
    50%  {margin-top: -90px;}
    100% {margin-top: 0;}

  }
  header.sticky {  margin:0;  position: fixed;  background:#fbfaff; top:0; left:0; width:100%; z-index:99999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  box-shadow:0 0 5px 0px rgba(255, 255, 255, 0.49); -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49); padding: 0; backdrop-filter: blur(5px);}

  header.sticky .top-header,header.sticky .sub-manu{display: none;}
  /* header.sticky .logo img{width: 150px;} */
  header.sticky #menu ul{margin:20px 0;}

  #menu ul li a:after{content: "";  position: absolute;bottom: 0;left: 0;width: 0%;background: #000;height: 2px; transition: all .3s ease;}
  #menu ul li a:hover::after{transform-origin:100% ;}
  #menu ul li a::before{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: var(--primary); transition: all .3s ease;}
  #menu ul li a:hover::before{width:80%;}
  #menu ul li a:hover{color:var(--primary);font-weight: 600;}
  #menu ul li.active a::before{content: "";position: absolute;bottom: 0;left: 0;width: 80%;height: 2px;background-color: var(--primary); transition: all .3s ease;}
  #menu ul li.active a{color: var(--primary);font-weight: 600;}
   /* header .container-fluid{padding: 0px;} */
   header .logo a{font-size: 38px;text-transform: capitalize;font-weight: 400;font-family: var(--font1);color: var(--secondary);transition: .3s linear;}
  header .logo a:hover{font-weight: 500;color: var(--primary);}
/* main */
section{padding: 48px 0;overflow: hidden;}

.hero-section {position: relative;
  padding: 88px 0;overflow: hidden;
}
.hero-content .kicker {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 29px;
}

.hero-content .kicker p{margin-bottom: 0;color: var(--secondary);}
.hero-content h1 {color: var(--secondary);
  margin-bottom: 52px;
  max-width: 860px;
}
.hero-content p {
  max-width: 850px;
  margin-bottom: 65px;
}
.hero-content ul {
  display: flex;
  align-items: self-start;
  flex-wrap: wrap;
  margin-bottom: 63px;
  justify-content: space-between;

}
.hero-content ul li {  display: flex;  align-items: baseline;  justify-content: start;  width: 50%;  gap: 7px;  margin-bottom: 16px;}
.hero-content ul li p{margin: 0;  font-size: 20px;}
.hero-content ul li .hero-list-img{display: flex;align-items: center;justify-content: center;min-width: 40px;max-width: 40px;height: 40px;border-radius: 50%;background-color:var(--secondary2) ;}
.hero-btn a {
  background: var(--primary) url('images/icons/button-bg.png') no-repeat center/cover;
  border-radius: 8px;}


.hero-img img {position: absolute;object-fit: cover;width: 38%;max-width: 725px;right: 0;top: 0;}
.product-sec  h2, .product-heading h2{color: var(--secondary);}
.product-card a {width: 100%;height: 100%;display: flex;}
.product-card .project-img img{ border-radius: 8px 8px 0 0;margin-bottom: 16px;width: 100%;aspect-ratio: 1/.5;object-position: top;height: auto; filter: grayscale(1) contrast(0.5);transition: 300ms ease-in;}
.product-card:hover h4 {color: var(--primary);}
.product-card h4{color: var(--secondary);margin-bottom: 10px; transition: all .2s ease;}
.product-card p{font-size: 17px;letter-spacing: 1px;  display: -webkit-box;  -webkit-line-clamp: 5;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  line-height: 24px;margin-bottom: 4px;}
.product-card .product-content{  padding: 0 20px 20px 20px;}
.product-card{border: 1px solid transparent; border-radius: 8px;transition: .3s linear;}
.product-card:hover{border: 1px solid #21212131; border-radius: 8px;}
.product-card:hover img{filter: unset;}
.product-btn .view-btn{transition: all .3s ease; color: var(--primary);position: relative;font-size: 15px;font-weight: 500;width: fit-content;text-transform: uppercase;}
.product-btn .view-btn:hover{font-weight: 600;color: var(--primary);}
.product-btn .view-btn::after{  content: ""; top: 0;bottom: 0; transition: all .3s ease; right: -13px; background-image: url(images/icons/product-right.svg); position: absolute;  width: 7px;  height: 13px; background-repeat: no-repeat;  background-size: contain;  margin: auto;}
.product-logo { margin-bottom: 10px;}
.product-logo img{width: auto;object-fit: contain;height: 19px;aspect-ratio: unset;}
.product-btn .view-btn:hover::after{right: -15px;}
.product-card.product-card-sm p{font-size: 16px;font-weight: 400; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;text-overflow:ellipsis;}
.product-card.product-card-sm .product-content{padding: 0 10px;}
#slider-featured { background-color: var(--secondary2); padding: 60px;display: flex  ;justify-content: space-between; overflow: hidden;position: relative; margin:35px 0 17px;border-radius:8px 8px 0 0;}
#slider-featured .slid-img{display: flex;align-items: center;justify-content: center;z-index: 1;}
#slider-featured .slid-img img{width: 100%;height: 100%;object-fit: contain;max-width: 190px;background-color: #eeeafa;}
#slider-featured .slid-img {position: relative;}
#slider-featured::after{content: ""; position: absolute; top: 0; bottom: 0;  right: 0;border-radius: 40%;  height: 2px;  width: 100%;  background-color: #D7D1EB;  margin: auto;}
#slider-featured .owl-nav, .owl-dots{display: none;}
.timeline-detail .date{font-size: 14px;margin-bottom: 12px;}
.timeline-detail h4{color: var(--secondary);margin-bottom: 12px;}
.Article-sec .product-card .project-img{   width: 100%;aspect-ratio: 1/.5;border: 1px solid #DBDBDB;  background-color: var(--secondary2);  border-radius: 8px 8px 0 0;}
.Article-sec .product-card { height: 100%;display: flex;flex-direction: column;}
.Article-sec .product-card .product-content{display: flex;flex-direction:column;justify-content: space-between; flex-grow: 1; padding-inline:12px;padding-top: 16px;}
.Article-sec h2 {margin-bottom: 30px;}
.Article-sec .product-card img{margin-bottom: 0;}
.kind-card .card-img-content{display: flex;align-items:center;gap: 10px;}
.kind-card .card-img-content h4{margin-bottom: 0;}
.kind-card .card-img-content img{width: 50px;height: 50px; border-radius: 50%;}
.kind-card p{font-size: 16px;}
.kind-card .card-img-content p {margin-bottom: 0;}
.kind-sec .product-heading{margin-bottom: 20px;}
#slider-featured-2 { background-color: var(--secondary2);padding: 20px 60px;overflow: hidden; margin:35px 0 17px;display: flex;justify-content: space-between;gap: 90px;}
#slider-featured-2 .slid-img {  display: flex;  align-items: center;  justify-content: center;  height: 114px;  width: 266px;}
#slider-featured-2 .slid-img img{width: 100%;height: 100%;object-fit: contain;}
#slider-featured-2 .slid-img {position: relative;}
#slider-featured-2 .owl-carousel .owl-stage-outer{overflow: visible;}
#slider-featured-2 .owl-nav, .owl-dots{display: none;}
#slider-featured-2 .owl-item {display: flex;justify-content: center;}
footer{padding-top: 16px;}
.footer-bar p{text-align: center;font-size: 20px;color: var(--black);}
.product-content .title{display: flex;flex-direction: column;height: 100%;flex-grow: 1;}

/* inner-pages */
.inner-banner .inner-kicker{margin-bottom: 16px;color: #646466;font-size: 14px;font-weight: 500;}
.inner-banner .inner-banner-img img{width: 100%;border-radius: 8px 8px 0 0;height: 100%;object-fit: cover;aspect-ratio: 16/4;}
.employee-sec {overflow: visible;}
.employee-sec .inner-banner-content{box-shadow: 0px 2px 8px 3px #0000001F;
  background-color: var(--white);padding: 16px 23px;
margin-bottom: 20px;
min-height: 402px;
  z-index: 1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;margin-top: -170px;
}
.employee-sec .inner-banner-content h1{color: var(--secondary);margin-bottom: 11px;}
.employee-sec .inner-banner-content h2{color: var(--secondary);}
.employee-sec .inner-banner-content p{font-size: 20px;}

.case-study-content h2 {color: var(--secondary);}
.case-study-content h3{color: #4B3E78B2;}
.case-study-content p{font-size: 20px;}
.case-study-content p a{text-decoration: underline;  text-decoration-thickness:.5px;}
.case-study-content ol{padding-left: 1.4rem;}
.case-study-content ol li{color: var(--dark); list-style: auto;font-size: 20px;}
.case-study-content img {margin-bottom: 20px;aspect-ratio: unset;object-position: center;}
.employee-sec h2{color: var(--secondary);}
.employee-sec {color: var(--secondary);}
.employee-sec .employee-list{border-left: 2px solid  #ae93ff;}
.employee-sec .employee-list li {
position: relative;
}
.employee-sec .employee-list li a{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow:ellipsis;
  color:#9774FF;
  font-size: 20px;
  padding-left:10px;
  margin-bottom: 9px;
  position: relative;
}
.employee-sec .employee-list li.active::before{content: "";position: absolute;left: -2px;height: 100%;width: 2px;background-color: var(--primary);}
.employee-sec .employee-list li.active a{color: var(--primary);font-weight: 500;}
.employee-sec .employee-list li:last-child a{margin-bottom: 0;}
.acount-info {display: flex;align-items: center;gap: 10px;justify-content: space-between;flex-wrap: wrap;}
.case-study-content ul li{font-size:20px;color:var(--dark);}
.case-study-content ul li + li{margin-top:8px;}
.acount-info p{margin-bottom: 0;}
.acount-info p span{color: var(--secondary);}
.acount-info span{color: var(--secondary);font-weight: 500;}
.acount-info span a{color: var(--dark);font-weight: 400;word-break: break-word;display: inline;}
.acount-info span a:hover{color: var(--primary);}
.article_inner{padding-top: 16px;}
.sidebar_article{position: relative;height: 100%;}
.sidebar_article .employee-list{position: sticky;top: 70px;}
.Article-sec .product-card.product-card-sm h4{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;text-overflow:ellipsis;}
.product-card.product-card-sm h4 a{margin-bottom: 0;}
.gap-32{padding-top: 32px;}

.banner-product.product-card a img{aspect-ratio: 1/.25;}
.banner-product.product-card .project-img{aspect-ratio: 1/.25;}
.banner-product.product-card:hover{border: 1px solid transparent !important;}
.banner-product.product-card img {filter: none;}
.banner-product.product-card:focus{border:1px solid transparent !important;}
.article_inner.Article-sec .product-card h4{height: unset;}
.scroll-top{scroll-margin-top: 80px;}

.case-study-content img.alignright{display: block; margin-left: auto;}
.case-study-content img.aligncenter{display: block; margin-inline: auto;}

.wp-video{margin-bottom: 1rem;}