@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,700;0,800;1,300;1,400;1,500;1,700;1,800&display=swap');
:root{
  --bs-body-font-family:'Poppins', sans-serif;
  --bs-body-font-family-book:'Poppins', sans-serif;
  --bs-title-font-family:'Poppins', sans-serif;
  --bs-dark: #000000;
  --bs-dark-rgb: 0,0,0;
  --bs-secondary: #dc3e1d;
  --bs-tertiary: #e47c29;
  --bs-primary: #0673ae;
  --bs-primary-rgb: 6,115,174;
  --bs-secondary-rgb: 220,62,29;
  --bs-tertiary-rgb: 228,124,41;
  --bs-light-fade: #edeee7;
  --bs-warning: #fcc75f;
  --bs-warning-rgb: 252,199,95;
  --bs-info: #8cdcf6;
  --bs-info-rgb: 140,220,246;
  --main-menu-height: 85px;
  --menu-icon:url('../img/icon/menu-dark.svg');
  --tick-icon:url('../img/icon/tick.svg');
  --menu-icon-close:url('../img/icon/close-dark.svg');
  --search-icon:url('../img/icon/search.svg');
  --swiper-arrow-prev:url('../img/icon/left.svg');
  --swiper-arrow-next:url('../img/icon/right.svg');
  --bs-secondary-bg-rgb: 117,198,174;/*#CFA670*/
  --main-slider-height: 85vh;
}
.navbar-dark{
  --bs-navbar-active-color: var(--bs-light);
  --bs-navbar-color: var(--bs-secondary);
  --bs-navbar-hover-color: var(--bs-light);
}
.nav{
  --bs-nav-link-color: var(--bs-dark);
  --bs-nav-link-hover-color: var(--bs-light);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  color: var(--bs-secondary);
  font-family: var(--bs-title-font-family);
}
.fw-book{
  font-family: var(--bs-body-font-family-book);
}
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
b, strong{font-weight: bold;}
body.topbar-padding {
  padding-top: calc(var(--main-menu-height) + 0px);
}
.bg-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity)) !important;
}
.topbar{
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.minimize-header .topbar{
    -webkit-transform: translateY(-85px);
    transform: translateY(-85px);
}
.minimize-header.sidebar-show .topbar{
  -webkit-transform: none;
  transform: none;
}
.navbar{
  --bs-navbar-nav-link-padding-x: 0.8rem;
  --bs-navbar-brand-padding-y:0rem;--bs-navbar-brand-margin-end:0rem;
  min-height: var(--main-menu-height);
}
.navbar-brand{
  height: auto;
  display: inline-block;
  width: 100%;
}
.navbar-brand img{
  width: 100%;
    object-fit: contain;
    height: 2.5rem;
}
a{text-decoration:none;}
.btn-secondary{
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-secondary);
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-active-bg: #fff;
}
.ls-1{letter-spacing: 0.8rem;}
.ls-05{letter-spacing: 0.3rem;}
.border-dashed { --bs-border-style: dashed; }
.fs-7{font-size: 0.8rem;}
.fs-65{font-size: 0.9rem;}
.fade-6{opacity: 0.6;}
.bg-grey{background-color: #f7f7f7;}
.tiny-editor strong{
  font-weight: bold;
}
.menu-icon{
  position: relative;
    height: 3rem;
    width: 3rem;
    display: block;
    cursor: pointer;
    z-index: 11;
}
.menu-icon:before{
    content: "";
    position: absolute;
    background-image: var(--menu-icon);
    background-size: cover;
    background-position: center;
    width: 60%;height: 60%;
    left: 20%;top: 20%;
}
.search-bar:before{
    content: "";
    position: absolute;
    background-image: var(--search-icon);
    background-size: contain;
    background-position: center;
    top: 0.8rem;
    left: 1rem;
    height: 1.5rem;
    width: 2rem;
    background-repeat: no-repeat;
    z-index: 6;
}
.search-bar.input-group-lg>.form-control{
  padding-left: 4rem;
}
body.sidebar-show .menu-icon:before{
    background-image: var(--menu-icon-close);
}
.items-carousel-prev,.items-carousel-next{
  display: inline-block;
  height: 2rem;width: 2rem;
  background-image: var(--swiper-arrow-prev);
  background-size: 2rem 2rem;
  background-position: center;
}
.items-carousel-next{
  background-image: var(--swiper-arrow-next);
}
.offcanvas{
  --bs-offcanvas-height: 90vh;
}
.offcanvas-md,.offcanvas-lg, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl{
  --bs-offcanvas-height: 70vh;
}
.offcanvas-title{color: var(--bs-secondary);}
.offcanvas-header{border-bottom: 1px solid rgba(170,170,170,0.3);}
.offcanvas-footer{
  border-top: 1px solid rgba(170,170,170,0.3);
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  padding-bottom: calc(1rem + env(safe-area-inset-bottom));
}
.offcanvas-header:before{
  position: absolute;
  content: "";
  display: block;
  top: calc(8px + env(safe-area-inset-top));
  height: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 36px;
  background-color: rgba(0,0,0,.14);
  border-radius: 2px;
}
.nav-scroller .nav {
  color: rgba(255, 255, 255, .75);
}
.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}
.nav-scroller .active {
  font-weight: 500;
  color: #343a40;
}
.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}
.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.fixed-cart-btn{
  position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 1050;
}
.item-block p{
  margin-bottom: 0;
}
.add-to-cart a[added-to-cart],.add-to-cart.active a[add-to-cart],.multiple-choice-form-submit a[added-to-cart],.multiple-choice-form-submit.active button[type="submit"],
.address-selection a[address-selected],.address-selection.active a[address-select]{
  display: none;
}
.add-to-cart.active a[added-to-cart],.multiple-choice-form-submit.active a[added-to-cart],
.address-selection.active a[address-selected]{
  display: inline-block;
}
.selected-tick-mark{position: relative;}
.btn-check:checked+.selected-tick-mark::before{
  position: absolute;
  content: "";
    right: 5px;
    top: 5px;
    width: 1.5rem;
    height: 1.5rem;
  background-image: var(--tick-icon);
  background-size: cover;
  background-position: center;
}
.form-floating .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{
  padding-top: 1.2rem;
}
.form-floating .select2-container--bootstrap-5 .select2-selection--single{
  min-height: 55px;
  border-radius: var(--bs-border-radius-xl);
}
img[image-popup]{cursor: pointer;}
#imagePopupModal .modal-body img{
  border-radius: var(--bs-modal-inner-border-radius);
}
.floating-close-btn{
  position: absolute;
  right: -10px;
  top: -15px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background: #fff;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  text-align: center;
}
.special-request textarea[special-request]{
  height: 70px;
}
.nav-item .mega-menu{
  list-style: none;
}
.main-carousel .swiper-content{
  height: var(--main-slider-height);
  width: 100%;overflow: hidden;
}
.main-carousel .slider-content-bg{
  width: 100%;height: 100%;
  position: absolute;
    left: 0;top: 0;
  background-position: center;
  background-size: cover;
}
.slider-content-area{
  position: relative;
  height: var(--main-slider-height);
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-content-area img{
  width: 100%;
  max-width: 300px;
}
.text-typing-block,.text-typing-sub-block{
  min-height: 100px;
}
.text-typing-block h2,.text-typing-sub-block h2{
  font-size: 5rem;
  font-weight: 900;
}
.arrow-down-animate{
    position: absolute;
    left: 50%;
    width: 2rem;
    height: 2rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 1.6rem;
    z-index: 1;
}
.arrow-down-animate img{
  background-color: var(--bs-primary);
  border-radius: 50%;
}
.slider-content-bg::before{
  position: absolute;content: "";
  background-color: #000;
  width: 100%;height: 100%;
  left: 0;top: 0;opacity: 0;
}
section{position: relative;}
.section-padding{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.title-block,.title-block-secondary,.title-block-light{position: relative;display: inline-block;}
.title-block::before,.title-block-secondary::before,.title-block-light::before{
  content: "";
  position: absolute;
  width: 100px;
  background-color: var(--bs-dark);
  height: 10px;
  left: 0;bottom: -1rem;
}
.title-block-secondary::before{
  background-color: var(--bs-secondary);
}
.title-block-light::before{
  background-color: rgba(var(--bs-light-rgb),1);
}
.design-block-1{
  position: relative;
  padding: 1rem;width: 100%;
  padding-bottom: 0;
  border: 1px solid var(--bs-secondary);
}
.design-block-3{
  position: relative;
  padding: 1rem;width: 100%;
  background-color: var(--bs-secondary);
}
.design-block-3 .design-block-title{
  position: absolute;
    color: var(--bs-secondary);
    background: #fff;
    top: -2rem;
    padding-left: 1rem;padding-right: 1rem;
    padding-top: 0.5rem;padding-bottom: 0.5rem;
    margin-bottom: 0;
    /*box-shadow: -3px 4px 0px 0px var(--bs-dark);*/
}
.custom-btn,.custom-btn-light,.custom-btn-light-white-outline,.custom-btn-light-outline,.custom-btn-bg-light,.custom-btn-dark,.custom-btn-dark-outline{
  font-family: var(--bs-body-font-family-book);
  position: relative;
    background: var(--bs-secondary);
    padding: 0.6rem 1.2rem;
    color: #fff;
    /*box-shadow: -3px 4px 0px 0px var(--bs-dark);*/
    text-transform: uppercase;
    transition: all 0.5s ease;
    border-radius: var(--bs-border-radius-xxl);
    display: inline-block;
}
.custom-btn-dark-outline{
  background-color: unset;
  color: var(--bs-dark);
  padding: 0.6rem 1.2rem;
  border: 1px solid var(--bs-dark);
}
.custom-btn-light-outline{
  background-color: unset;
  color: var(--bs-secondary);
  left: 0;
  border: 1px solid var(--bs-secondary);
}
.custom-btn-light{
  /*box-shadow: -3px 4px 0px 0px var(--bs-dark);*/
  background-color: #fff;
  left: 0;
  color: var(--bs-dark);
}
.custom-btn-light-white-outline{
  background-color: unset;
  color: #fff;
  left: 0;
  border: 1px solid #fff;
}
.custom-btn-bg-light{
  border: 1px solid var(--bs-secondary);
  /*box-shadow: -3px 4px 0px 0px #fff;*/
}
.custom-btn-dark{
  background-color: var(--bs-primary);
  /*box-shadow: -3px 4px 0px 0px var(--bs-secondary);*/
  left: 0;
}
.design-block-2{
  position: relative;
    padding: 1rem;
    width: 100%;
    border: 1px solid #fff;
    color: #fff;
    max-width: 400px;
}
.custom-list-dark-icon,.custom-list-secondary-icon,.editor-content ul{
  list-style: none;
}
.custom-list-dark-icon li,.custom-list-secondary-icon li,.editor-content ul li{
  position: relative;
}
.custom-list-dark-icon li::before,.custom-list-secondary-icon li::before,.editor-content ul li::before{
  position: absolute;content: "";
  left: -1.2rem;top: 50%;transform: translateY(-50%);
  height: 10px;width: 10px;background-color: var(--bs-secondary);
}
.tiny-editor.editor-content ul li::before{
  top: 0.6rem;
  transform: translateY(0%);
}
.custom-list-secondary-icon li::before{
  background-color: var(--bs-secondary);
}
.who-we-are::before{
  background-color: #0f0f0f;
  position: absolute;
  content: "";
  width: 100%;height: 100%;left: 0;top: 0;
  opacity: 1;
}
img.testimonial-img{
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center;
  border-radius: var(--bs-border-radius-xxl);
}
img.rating-star{
  width: 125px;object-fit: contain;height: auto;
}
.get-in-touch-block{position: relative;}
.get-in-touch-block .git-icon>svg{
  transition: all 0.5s ease;
}
.get-in-touch-block .git-icon{
  background: var(--bs-secondary);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-bg{background-color: var(--bs-dark);}
.footer-bg a{
  color: rgba(255,255,255,0.6);
  transition: all 0.5s ease;
}
.footer-logo img{height: 50px;object-fit: contain;}
.content-header-bg::before,.content-section-bg::before{
  position: absolute;content: "";
  height: 100%;width: 100%;
  left: 0;top: 0;
  background-image: url('../img/banner/content-header-bg.jpg');
  background-size: cover;
  background-position: top;
}
.content-section-bg::before{
  background-image: url('../img/slider/2.jpg');
  background-position: center;
}

.img-step,.img-step-dark{position: relative;}
.img-step::before,.img-step-dark::before{
  position: absolute;
    content: "";
    width: 100%;height: 100%;
    background-color: var(--bs-secondary);
    left: -10px;top: 10px;
}
.img-step-dark::before{background-color: var(--bs-dark);}
.img-step img,.img-step-dark img{position: relative;}

.max-width-375{max-width: 375px;object-fit: cover;}
.max-width-225{max-width: 225px;object-fit: cover;}
.max-height-225{max-height: 225px;object-fit: cover;}
img.author-icon{
  height: 35px;width: 35px;
  filter: grayscale(0);
  border-radius: 50%;
  object-fit: cover;object-position: top;
}
img.author-icon-lg{
  height: 50px;width: 50px;
  border-radius: 50%;
  object-fit: cover;object-position: top;
}
img.icon{
  height: 1rem;
}
img.icon-lg{
  height: 1.5rem;
}
.pagination .custom-btn-dark,.pagination .custom-btn{
  left: 0;
  top: 0;
}
.pagination .custom-btn-dark.disabled,.pagination .custom-btn.disabled{
  opacity: 0.35;
  cursor: not-allowed;
  background-color: var(--bs-dark);
}
.content-icon-block{
  width: 2rem;
}
#contact_form textarea,#author_registration_form textarea{
  min-height: 100px;
}
#contact_form,#submit_an_article{
  --bs-border-radius: 0;
}
.navbar-nav .nav-link{
  font-size: 0.9rem;
}
.offcanvas-collapse {
  position: fixed;
  top: var(--main-menu-height); /* Height of navbar */
  bottom: 0;
  right: 100%;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  overflow-y: auto;
  visibility: hidden;
  background-color: rgba(0,0,0,0.8);
  z-index: 11;
  transition: transform .3s ease-in-out, visibility .3s ease-in-out;
}
.offcanvas-collapse.open {
  visibility: visible;
  transform: translateX(100%);
}
.nav-item .mega-menu>li{
  position: relative;
  padding-top: 0.5rem;
  text-align: left;
}
.nav-item .mega-menu>li::before{
  position: absolute;
  content: "";
  left: -1.5rem;
  top: 46%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: var(--bs-navbar-color);
  height: 0.8rem;width: 0.8rem;
}
.primary-menu .nav-item .mega-menu>li::before{
  content: none;
}
@keyframes sc_fadeIn {
  0% {
    transform: translateX(-10rem);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0rem);
  }
}
.floating-main-menu .menu-item>a{
  min-width: 15rem;
  display: inline-block;
  color: #fff;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.floating-main-menu .menu-item>a.active{
  border: 1px solid var(--bs-light);
}
.floating-main-menu .menu-item{
  transform: translateX(-10rem);
  opacity: 0;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}
.floating-main-menu .menu-item.menu-item-1{
  animation-delay: 0.25s;
}
.floating-main-menu .menu-item.menu-item-2{
  animation-delay: 0.35s;
}
.floating-main-menu .menu-item.menu-item-3{
  animation-delay: 0.45s;
}
.floating-main-menu .menu-item.menu-item-4{
  animation-delay: 0.55s;
}
.floating-main-menu .menu-item.menu-item-5{
  animation-delay: 0.65s;
}
body.sidebar-show .floating-main-menu .menu-item{
  animation-name: sc_fadeIn;
}
.floating-main-menu .list-group{
  max-width: 15rem;
  margin-left: auto;margin-right: auto;
  border-radius: 0;
}
.floating-main-menu .list-group-item{
  --bs-list-group-bg: transparent;
}
.floating-main-menu .list-group-item a{
  color: #fff;
}
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
/*
.text-animate{
  background-image: linear-gradient(-225deg,#000000 0%,#000000 29%,#3494bf 67%,#3494bf 100%);
  background-size: 200% auto;
  background-clip: content-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
}
.text-animate-light{
  background-image: linear-gradient(-225deg,#ffffff 0%,#ffffff 29%,#3494bf 67%,#3494bf 100%);
  background-size: 200% auto;
  background-clip: content-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
}
*/

/*dynamic search - start*/
.dynamic-search{position: relative;}
.dynamic-search .dynamic-search-input-result{
  position: absolute;
    background: #fff;
    width: 90%;
    margin-left: 5%;
    z-index: 111;
}
.dynamic-search .dynamic-search-input-result .list-group-item>a{
  color: var(--bs-secondary);
  display: block;
}
/*dynamic search - end*/
.iframe-video iframe{
  min-height: 250px;
}
.navbar-dark .nav-link.active{
  background-color: var(--bs-primary);
  color: #fff;
  border-radius: var(--bs-border-radius-xxl);
}
img.img-grayscale{
  filter: grayscale(0);/*disable grayscale*/
}
.featured-icon{
  position: absolute;
  top: 0;right: 10px;
}
/*tinymce - start*/
.tox-editor-container .tox-statusbar__branding{
  visibility: hidden;
}
.tox-tinymce{
  border-radius: 0px !important;
}
.border-0 .tox-tinymce{
  border: none;
}
/*tinymce - end*/
.swiper.swiperGallery .swiper-slide>img{
  height: 200px;object-fit: cover;
  width: 100%;
}
span.icon-block{
  height: 70px;
    width: 70px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    font-size: 2rem;
}
.icon-block.icon-success{
  background-color: #BCFFC5;
  color: #40C351;
}
.icon-block.icon-secondary{
  background-color: #297EFB26;
    color: #297EFB;
}
.icon-block.icon-danger{
  background-color: #FF715B26;
  color: #FF715B;
}
.channel-icons img{
  max-width: 100%;
  width: 150px;
  height: auto;
}
/*Chat icon - start*/
.chat-icon{position: relative;}
.chat-icon .whatsapp{
  right: 0.5rem;
    bottom: 3rem;
    width: 4rem;
    height: 4rem;
  background-image: url('https://storage.googleapis.com/atoday-cdn/assets/images/v2/icons/whatsapp-icon.svg');
  position: fixed;
  display: flex;
  z-index: 1050;
  background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
    -ms-transform: translateX(0rem);
    transform: translateX(0rem);
}
.minimize-header .chat-icon .whatsapp{
  -ms-transform: translateX(10rem);
  transform: translateX(10rem);
}
/*Chat icon - end*/
.youtube-player .iframe-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* Maintain aspect ratio of 16:9 for desktop */
}
.youtube-player .iframe-container{
  margin-top:-8vh;
}

.youtube-player .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bg-light-fade{
  background-color: var(--bs-light-fade);
}
.image-border,.image-border-light{

}
.footer-section .nav .nav-link{
  color: #fff;
  font-family: var(--bs-body-font-family-book);
}
.footer-section .form-control:focus{
  border-color: #fff;
  box-shadow: none;
}
.footer-section ::placeholder {
  color: #fff;
  opacity: 0.7; /* Firefox */
}
.footer-section ::-ms-input-placeholder { /* Edge 12 -18 */
  color: #fff;
}
img.arrow-icon{width: 35px;height: auto;}
.main-slider{
  margin-top: 90px;
}
.header-line-block{position: relative;}
.header-line-block:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: var(--bs-dark);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.item-content .item-title{
  display: flex;
  justify-content: center;
  align-items: center;
}
img.social-icon{
  height: 30px;
}
.social-icons-flex{
  max-width: 250px;
}
.progress{
  height: 1.2rem;
  --bs-progress-bg: #fff;
  --bs-progress-border-radius: 1rem;
}
.limit-progress .progress-bar{
  background-color: #ffa084;
}
.limit-progress .progress{
  position: relative;
  border: 1px solid #ffa084;
}
.limit-progress .progress-bar-text{
  position: absolute;
  top:0;left: 0;
  width: 100%;text-align: center;
}
.item-block .item-title{
  min-height: 2.5rem;
}
.cursor-pointer,.offcanvas .btn-close{
  cursor: pointer;
}
.item-block{
  position: relative;
}
.item-block .item-block-qty-preview{
  position: relative;
    width: 50px;
    height: 50px;
    background: black;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: auto;
    margin-top: -50px;
    bottom: 10px;
    left: -10px;
    font-size: 1.2rem;
    font-weight: 100;
    color: #fff;
}
.item-block-highlight-scheme{
  position: absolute;
  left: 1rem;top: 1rem;
  z-index: 1;
}
.form-switch .form-check-input:checked{
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}
.floating-step{
  position: absolute;
    left: -10px;
    font-weight: 100;
    height: 40px;
    top: -10px;
    font-size: 1.3rem;
    width: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
/* Media Query for Mobile Devices */
@media (max-width: 991.98px) {
  .text-typing-block,.text-typing-sub-block{
    min-height: 120px;
  }
  .ls-1{letter-spacing: 0.6rem;}
  .slider-content-area img{
    max-width: 200px;
  }
  .minimize-header .topbar{
    -webkit-transform: translateY(-88px);
    transform: translateY(-88px);
  }
  .section-padding{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .text-typing-block h2,.text-typing-sub-block h2{
    font-size: 3.5rem;
  }
  img.testimonial-img{
    height: auto;
  }
}
@media screen and (max-width: 768px) {
    :root{
      --main-slider-height: 40vh;
    }
    .youtube-player .iframe-container {
      height: 50vh;
      padding-top: 0;
      overflow: hidden;
    }
    .youtube-player .iframe-container iframe {
      height: 70vh;
      width: 100vh;
      left: 50%;
      transform: translateX(-50%);
      top: -10vh;
    }
    .youtube-player .iframe-container{
      margin-top:-0vh;
    }
    .custom-btn-light-white-outline{
      padding: 0.5rem;
    }
    .text-typing-block h2,.text-typing-sub-block h2{
      font-size: 3rem;
    }
}
@media (min-width: 992px) {
  .nav-link{
    border: 1px solid transparent;
    border-radius: var(--bs-border-radius-xxl);
    margin-right: 0.5rem;
  }
  .navbar-dark .nav-link.active:hover{
    color: #fff;
  }
  .values-title{
    min-height: 4rem;
  }
  .offcanvas{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .navbar{
    --bs-navbar-padding-y: 0;
  }
  .navbar-nav{
    --bs-nav-link-padding-y: 1.3rem;
  }
  .navbar-nav .mega-menu{
    --bs-nav-link-padding-y: 0.9rem;
  }
  nav.primary-menu .nav-item{
    position: relative;
  }
  .nav-item .mega-menu{
    position: absolute;
    min-width: 250px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    padding: 0;
    line-height: 1rem;
    width: 100%;top: 100%;
    background-color: rgba(var(--bs-dark-rgb),1);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .nav-item .mega-menu li a.nav-link{
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
  .nav-item:hover .mega-menu{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  .navbar-dark .nav-link:hover{
    color: var(--bs-dark);
    border: 1px solid var(--bs-dark);
    border-radius: var(--bs-border-radius-xxl);
  }
  .what-we-do:before{
    position: absolute;content: "";
    background-image: url('../img/icon/question-mark.svg');
    background-size: cover;
    background-position: top;
      height: 100%;width: 400px;max-width: 100%;overflow: hidden;
      right: 0;opacity: 0.2;
      top: 0;
      background-repeat: no-repeat;
  }
  .custom-btn:hover{
    /*box-shadow: 3px -4px 0px 0px var(--bs-secondary);*/
    background: var(--bs-dark);
  }
  .custom-btn-light:hover{
    background-color: var(--bs-dark);
    color: #fff;
    /*box-shadow: 3px -4px 0px 0px #fff;*/
  }
  .custom-btn-bg-light:hover{
    background-color: transparent;
    border-color: var(--bs-secondary);
    color: var(--bs-secondary);
    /*box-shadow: 3px -4px 0px 0px var(--bs-secondary);*/
  }
  .custom-btn-dark:hover{
    background-color: var(--bs-secondary);
    /*box-shadow: 3px -4px 0px 0px var(--bs-dark);*/
  }
  .custom-btn-dark-outline:hover{
    background-color: var(--bs-dark);
    color: #fff;
  }
  .custom-btn-light-outline:hover{
    background-color: var(--bs-secondary);
    color: #fff;
  }
  .custom-btn-light-white-outline:hover{
    background-color: var(--bs-light);
    color: var(--bs-dark);
    border-color: var(--bs-light);
  }
  .get-in-touch-block:hover .git-icon>svg{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .footer-bg a:hover{
    color: #fff;
  }
  .design-block-3{
    min-height: 200px;
  }
  .blog-title{transition: all 0.5s ease;}
  .blog-title:hover{color: var(--bs-dark);}
  .author-media img{

  }
  .team-media img{
    max-height: 450px;
    object-position: top;
  }
  img.testimonial-img,img.grayscale-action{
    filter: grayscale(0);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  img.testimonial-img:hover,img.grayscale-action:hover{
    filter: grayscale(0);
    cursor: pointer;
  }
  section .section-bg-img,section .section-bg-img-ar{
    position: absolute;
    background-size: cover;
    background-position: center;
    width: 40%;
    height: 100%;
    top: 0;
    right: 0;
  }
  section .section-bg-img-ar{
    right: auto;left: 0;
  }
  section .section-bg-img-ar.bg-contain,section .section-bg-img.bg-contain{
    background-size: contain;
    background-repeat: no-repeat;
    height: 80%;
    top: 10%;
    bottom: 10%;
  }
  .floating-main-menu .menu-item>a:hover{
    color: #000;
    background-color: #fff;
  }
  .chat-icon .whatsapp{
    right: 2rem;bottom: 2rem;
  }
  .item-block .item-title{
    min-height: 88px;
  }
  .mh-lg-200{
    min-height: 260px;
  }
}