/*
Theme Name: ED
Theme URI: https://sketchmesh.com
Author: Sketchmesh
Author URI: https://sketchmesh.com
Description: Elemental Deign Wordpress Theme
Version: 1.0
Text Domain: ed
*/
 
:root{
  --ed-body-bg:#f7f7f7;
  --ed-black: #000; 
  --ed-white: #fff; 

 
  --ed-brand-color: #c4451e;  
 
  --ed-primary-font:"Sora", sans-serif;
  --ed-secondary-font:"Outfit", sans-serif; 
  --ed-section-padding-desktop:50px;
  --ed-section-padding-tablet:50px;
  --ed-section-padding-mobile:40px;
  }

  #html{margin-top: 0 !important;}
  #html #wpadminbar{top: auto; width: auto; min-width: auto; bottom: 0;}
  #html #wp-admin-bar-top-secondary, #html #wpadminbar .menupop, #wp-admin-bar-customize, #wp-admin-bar-updates, #wp-admin-bar-comments{display: none;}
  @media (max-width:1199.98px) {#html #wpadminbar{display: none!important;}}
  /* =================reset css starts here=================  */
  *{margin:0;padding:0;}
  h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset{margin:0;padding:0;outline:none;border:0}
  a{text-decoration:none;border:0;outline:0;}
  ul{list-style:none;}
  a:focus,input:focus,textarea:focus,*:focus{outline:0!important;}
  /* =================reset css ends here================= */
  /* =================core css starts here================= */
  html{height: 100%;}
  body{min-height: 100%;}
  html {scroll-behavior: smooth; scroll-padding-top: 112px;}
  body{padding-top: 118px;font-weight: 400;font-size: 18px;line-height: 1.333;font-family: var(--ed-primary-font);color: var(--ed-black);background: var(--ed-body-bg);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
  body.nav-open{overflow: hidden;}
  body.home {padding: 0;}
  body.home #header {background: transparent;}
  body.fixed  #header {background: var(--ed-gradient);}
  
  .container { width:calc(100% - 10px); max-width: 1200px;}
  a,input,button{display:inline-block;text-decoration:none;color:inherit;outline:none;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;}
  a img{border:0px none;}
  a:hover{outline:none;color:var(--ed-brand-color);text-decoration:none;}
  a:active{outline:none;text-decoration:none;}
  .form-control::-webkit-input-placeholder{color:#999;opacity:1;}
  .form-control::-moz-placeholder{color:#999;opacity:1;}
  .form-control:-moz-placeholder{color:#999;opacity:1;}
  .form-control:-ms-input-placeholder{color:#999;opacity:1;}
  .os-animation{opacity:0;}
  .os-animation.animated{opacity:1;}
  img{max-width:100%;border:0;height:auto;}
  h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;margin-bottom: 14px;line-height: 1.2;color:inherit;font-family: var(--ed-secondary-font);font-weight: 700;}
  h1{font-size:60px;}
  h2{font-size:50px;}
  h3{font-size:30px;}
  h4{font-size:24px;}
  h5{font-size:22px;}
  h6{font-size:18px;}
  p{margin:0px;padding:0px;margin-bottom: 24px;}
  strong{font-weight:700;}
  b{font-weight:400;}
  p:last-child{margin-bottom:0;}
  .content-container p a:not(.btn){text-decoration: underline; color: var(--ed-black);}
  .content-container.dark-blue-bg p a:not(.btn), .content-container.black-bg p a:not(.btn){text-decoration: underline; color: var(--ed-white);}
  .content-container p a:not(.btn):hover, .content-container ul:not([class]) li a:hover{text-decoration: none;}
  .transition{transition: var(--ed-custom-ease);}
  .add-index{z-index: 9; position: relative;}
  .btn{font-family: var(--ed-secondary-font); border-radius:6px;font-weight:700;padding: 8px 18px;min-width:170px;height: 50px;font-size: 18px;line-height: 23px;box-shadow:none;transition:all 0.2s ease-in;display: inline-block;vertical-align: middle;}
  .btn-default,.btn-default:focus{color:var(--ed-white);background-color:var(--ed-brand-color);border:solid 1.5px var(--ed-brand-color);}
  .btn-default:hover,.btn-default:active{color:var(--ed-brand-color);background-color:transparent;border-color:var(--ed-brand-color) ;}    
  .btn:focus{box-shadow:none;}
  .btn.btn-block{min-width:100%;} 
  .btn.btn-sm{min-width: 140px;} 
  .link{ z-index:99; cursor: pointer;font-size: 18px;line-height: 22px;font-weight: 600; color: var(--ed-red); position: relative; border-bottom: solid 2px currentColor; transition: none;}
  .link-parent:hover .link, .link:hover{border-bottom-width: 0;}
  .link.black{color: var(--ed-black);}
  .link.white{color: var(--ed-white);}
  ul:not([class]) {list-style: none;margin-bottom: 24px;text-align: left;}
  ul:not([class]) > li {padding-left: 16px;position: relative;margin-bottom: 4px;}
  ul:not([class]) > li:last-child { margin-bottom: 0; }
  ul:not([class]) > li:before {content: '';position: absolute;left: 0px;top: 7px;background:var(--ed-black);height: 8px;width: 8px;border-radius: 50%;}    
  .light-blue-bg ul:not([class]) > li:before, .green-bg ul:not([class]) > li:before{filter: brightness(0);}
  .large-icon{position: absolute;right: 50%;top: 16px; z-index: -1;height: 868px;  object-fit: contain; width: auto; max-width: none; margin-right: 216px;}
  .swiper.full-height .swiper-slide{height: auto;}
  .swiper-button-lock{display: none !important;}
  .swiper.visible{overflow: visible !important;}
  .overflow-x-clip{overflow-x: clip;}  
  .add-index{position: relative; z-index: 9;}
  .content-container{padding:var(--ed-section-padding-desktop) 0;}
 
.form-group{display: flex; align-items: center; justify-content: center; gap: 20px; margin: 0; position: relative;}
.form-control{height: 50px; background: #fff; padding: 5px 10px;  border: solid 2px #fff; border-radius: 6px; box-shadow: 0 5px 5px rgba(0,0,0,0.05) !important;}
.form-control:focus{border-color: var(--ed-brand-color);}
.form-control{width: 290px;}
.wpcf7-spinner{position: absolute;top: 13px;left: 50%;margin-left: 208px;}
.wpcf7 form.invalid .wpcf7-response-output{display: none;}
.wpcf7 form.sent .wpcf7-response-output{border: 0; margin: 20px 0 0; color: #0d8d19; font-size: 18px; padding: 0; font-weight: 700;}
/* ================= Default Page End ================= */

.logo{width: 130px; display: block; margin: 20px auto 0;}

.wpcf7-not-valid-tip{width: 100%; font-size: 14px; position: absolute; top: 100%; left: 0; margin-top: 5px;}

.img-carousel-list{display: flex; flex-wrap: wrap; justify-content: center;}
.img-carousel-item{width: 20%;}
.img-carousel-box{width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;height: 100%;max-height: 320px;  max-width: 400px; }
.img-carousel-box img{max-width: 100%; max-height: 100%; object-fit: contain; width: auto; height: auto; border-radius: 10px 10px 0 0;}
a.img-carousel-box:hover{transform: scale(1.05);}
.imgScroll.img-carousel-content{overflow: hidden; position:relative;}
.imgScroll .img-carousel-wrapper{display: inline-block; white-space: nowrap; width: max-content;position: relative; top: 50px; }
.imgScroll .img-carousel-list{display: inline-block; white-space: nowrap;}
.imgScroll .img-carousel-item{width: auto;display: inline-block;margin: 0 10px;height: 100%;overflow: hidden;border-radius: 20px;transform: rotate(6deg);} 

@keyframes imgScroll {
    0%   {transform: translateX(0);} 
    100% {transform: translateX(-100%);}
  }
  .imgScroll .all-img-list{animation-name: imgScroll; animation-duration:35s; animation-iteration-count: infinite; animation-timing-function: linear;}
  /* .imgScroll:hover .all-img-list{animation-play-state:paused;} */
 
  /* ========================================== 
  ! Large devices (desktops, less than 1200px)
  =========================================== */
  @media (max-width: 1199.98px) {
   
  }
  /*==========================================
  ! Medium devices (tablets, less than 992px)
  ========================================== */
  @media (max-width:991.98px){
    
}
  
  /* =================================================  
  ! Small devices (landscape phones, less than 768px)
  ================================================= */
  @media (max-width:767.98px) {
    h1{font-size: 40px;}
    .form-group{flex-flow: column;}
    .form-control{width: 100%;}
	  .img-carousel-box{max-height: 240px;  max-width: 300px;}
    
  }
  /* ======================================================
  ! Extra small devices (portrait phones, less than 576px)
  ====================================================== */
  @media (max-width:575.98px) {
  }    
  /* ======================================================
  ! Extra small devices (portrait phones, less than 390px)
  ====================================================== */
  @media (max-width:389.98px) { 

  }