/* header_css */
@font-face {font-family:Ideal-Gothic-Bold ;src: url("../fonts/Ideal-Gothic-Bold.ttf") format("truetype");}@font-face {font-family:Ideal-Gothic-Regular ;src: url("../fonts/Ideal-Gothic-Regular.ttf") format("truetype");}:root {--body: #fff;--black: #000;--white: #fff;--theme: #E02916;--theme2: #3A9582;--title: #010F1C;--dark: #222222;--text: #5C6574;--text2: #ababab;--bg: #02142A;--box-shadow: 0px 6px 30px 0px rgba(52, 55, 170, 0.15);--bg2: #F4F1EA;--border: #373737;--border-2: #D2D2D1;--border-3: #ffffff17;--title-font: Ideal-Gothic-Regular;--body-font: Ideal-Gothic-Bold;--icon-font: "Font Awesome 6 Pro";}.carousel-control-next, .carousel-control-prev {position: absolute;top: 0;bottom: 0;z-index: 1;display: flex;align-items: center;justify-content: center;width: 15%;padding: 0;color: #fff;text-align: center;background: 0 0;border: 0;opacity: 1;transition: opacity .15s ease;background: #501600c2;width: 40px;height: 40px;top: 50%;border: 6px double #b5adad61;border-radius: 10px;}.carousel-control-next-icon,.carousel-control-prev-icon {display: inline-block;width: 1.5rem;height: 1.5rem;background-repeat: no-repeat;background-position: 50%;background-size: 100% 100%;}#shinwarkhas_banner button {z-index: 33;}/* 03. *//* --------------------------------------------Template Default Fonts & Fonts Styles---------------------------------------------- */body {font-family: var(--body-font);font-size: 16px;font-weight: normal;line-height: 28px;color: var(--text);background-color: var(--white);padding: 0;margin: 0;overflow-x: hidden;}button {border: none;background-color: transparent;padding: 0;}input:focus {color: var(--text);outline: none;}input::placeholder {color: var(--text);}h1,h2,h3,h4,h5,h6 {font-family: var(--body-font);margin: 0px;padding: 0;color: var(--title);text-transform: capitalize;transition: all 0.4s ease-in-out;}h1 {font-size: 42px;font-weight: 700;line-height: 120%;}h2 {font-size: 40px;line-height: 145%;font-weight: 700;}@media (max-width: 767px) {h2 {font-size: 34px;}}@media (max-width: 575px) {h2 {font-size: 28px;}}h3 {font-size: 18px;font-weight: 700;line-height: 145%;}@media (max-width: 767px) {h3 {font-size: 16px;}}h4 {font-size: 20px;font-weight: 700;line-height: 130%;}h5 {font-size: 18px;font-weight: 700;}h6 {font-size: 16px;font-weight: 600;line-height: 145%;}a {text-decoration: none;color: var(--text);outline: none !important;cursor: pointer;transition: all 0.4s ease-in-out;}a:hover {color: var(--theme) !important;}p {margin: 0px;transition: all 0.4s ease-in-out;}span {margin: 0px;transition: all 0.4s ease-in-out;}input.form-control,textarea.form-control {outline: none;box-shadow: none;background-color: #f8f9fa;border-color: #D4DCFF;padding: 15px 10px;font-size: 1rem;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border: none;}input.form-control:focus,textarea.form-control:focus {background-color: #f8f9fa;border-color: #D4DCFF;outline: none;box-shadow: none;}/* 04.Buttons */.theme-btn {display: inline-block;position: relative;padding: 13px 25px 13px 25px;background-color: var(--theme);color: var(--white) !important;font-family: var(--body-font);font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;z-index: 1;overflow: hidden;border: none;transition: all 0.3s ease-in-out;border-radius: 0;}.theme-btn i {padding: 4px;background-color: var(--white);color: var(--theme);transition: all 0.4s;}.theme-btn:before {content: "";background-color: var(--theme2);width: 0;height: 50%;position: absolute;top: 0;left: 0;z-index: -1;transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}.theme-btn:after {content: "";background-color: var(--theme2);width: 0;height: 50%;position: absolute;bottom: 0;right: 0;z-index: -1;transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}.theme-btn i {margin-left: 10px;}.theme-btn:hover {background-color: var(--theme2);color: var(--white) !important;}.theme-btn:hover::before,.theme-btn:hover::after {width: 100%;}.theme-btn.style2 {padding: 20px 155px;border-radius: 12px;}.theme-btn.style2:hover {color: var(--title) !important;}@media (max-width: 767px) {.theme-btn.style2 {padding: 21px 80px;}}.theme-btn.style3 {padding: 13px 25px;background: var(--theme2);color: var(--title);}.theme-btn.style3:before {content: "";background-color: var(--title);width: 0;height: 50%;position: absolute;top: 0;left: 0;z-index: -1;transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}.theme-btn.style3:after {content: "";background-color: var(--title);width: 0;height: 50%;position: absolute;bottom: 0;right: 0;z-index: -1;transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}.theme-btn.style3:hover {background: var(--theme);color: var(--white) !important;}.theme-btn.style3:hover::before,.theme-btn.style3:hover::after {width: 100%;}.theme-btn.style4 i {padding: 4px;background-color: transparent;color: var(--white);transition: all 0.4s;}.header-main .header-right .header__cart .badge {position: absolute;margin-left: 13px;top: 0 !important;padding: 3px !important;border-radius: 13px !important;width: 16px;height: 16px;display: flex;justify-content: center;align-items: center;background: var(--theme2);color: white;}.theme-btn.style5 {background-color: var(--theme2);color: var(--white) !important;border-radius: 0;}.theme-btn.style5 i {background-color: transparent;color: var(--white);}.theme-btn.style6 {padding: 13px 40px;border-radius: 100px;background-color: rgba(235, 0, 41, 0.1);color: var(--theme) !important;font-family: var(--title-font);font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase;border: none;}.theme-btn.style6 i {background-color: transparent;color: var(--theme);margin-left: 5px;padding: 0;}.theme-btn.style6:before {content: "";background-color: var(--theme);}.theme-btn.style6:after {content: "";background-color: var(--theme);}.theme-btn.style6:hover {background-color: var(--theme);color: var(--white) !important;border: none;}.theme-btn.style6:hover i {color: var(--white);}@media (max-width: 767px) {.theme-btn {padding: 20px 32px;}}@media (max-width: 575px) {.theme-btn {padding: 13px 25px;font-size: 14px;}}.arrow-btn {display: inline-block;position: absolute;top: 7px;right: -43px;width: 43px;height: 43px;line-height: 43px;text-align: center;background: var(--theme);color: var(--white);margin-top: -0.4em;border-radius: 50%;transition: all 0.4s ease-in-out;}.arrow-btn:hover {background: var(--theme2);color: var(--title);}.arrow-btn.style2 {background: var(--theme2);color: var(--title);}.arrow-btn.style2:hover {background: var(--theme);color: var(--white);}.btn-wrapper {position: relative;max-width: 200px;}.btn-wrapper:hover .arrow-btn {background: var(--theme2);color: var(--title);}.btn-wrapper:hover .theme-btn {background-color: var(--theme2);color: var(--title);}.btn-wrapper:hover .arrow-btn.style2 {background: var(--title);color: var(--white);}.btn-wrapper:hover .theme-btn.style3 {background-color: var(--title);color: var(--white);}.link-btn {display: inline-block;color: var(--text);text-align: center;font-family: "DM Sans";font-size: 16px;font-weight: 600;text-transform: capitalize;}.link-btn i {margin-left: 10px;transform: rotate(-40deg);transition: all 0.4s ease-in-out;}
.link-btn:hover {color: var(--theme2);}.link-btn:hover i {margin-left: 10px;transform: rotate(0);}
/* 05.Gutter */
@media (min-width: 1600px) {.gx-40 {--bs-gutter-x: 40px;}.gx-30 {--bs-gutter-x: 30px;}.gx-60 {--bs-gutter-x: 60px;}.gx-80 {--bs-gutter-x: 80px;}.gx-134 {--bs-gutter-x: 134px;}.gx-165 {--bs-gutter-x: 165px;}}.gx-0 {--bs-gutter-x: 0px;}.gy-20 {--bs-gutter-y: 20px;}/* 06.Container */@media (min-width: 1400px) {.header-section-2 .container,.header-2 .container {max-width: 1352px;}.banner-container .container {max-width: 1544px;}.banner-bottom .container-fluid {padding: 0 160px !important;}.best-food-wrapper .container {max-width: 1084px;}.offer-wrapper .container {max-width: 1850px;}.about-wrapper.style1 .container {max-width: 1850px;}.timer-wrapper.style1 .container {max-width: 1850px;}.popular-dishes-wrapper-container .container {max-width: 1850px;}.food-menu-wrapper-container.style2 .container {max-width: 1820px;}.food-menu-wrapper.style2 .container {max-width: 1670px;}.food-menu-wrapper.style3 .container {max-width: 1570px;}.timer-wrap.style1 .container {max-width: 1360px;}.popular-dishes-wrapper.style1 .container {max-width: 1500px;}.popular-dishes-wrapper.style2 .container {max-width: 1500px;}.popular-dishes-wrapper.style4 .container {max-width: 1500px;}.cta-wrapper.style1 .container {max-width: 1360px;}.cta-wrapper.style2 .container {max-width: 1520px;}.cta-wrapper.style3 .container {max-width: 1450px;}.contact-wrapper.style1 .container {max-width: 1480px;}.contact-wrapper.style2 .container {max-width: 1300px;}.testimonial-wrapper.style2 .container {max-width: 1450px;}.shop-wrapper.style1 .container {max-width: 1620px;}.shop-details-wrapper.style1 .container {max-width: 1620px;}.shop-details-wrapper.style1 .shop-details .container {max-width: 1200px;}.contact-box-wrapper.style1 .container {max-width: 1420px;}.contact-form-wrapper.style2 .container {max-width: 1420px;}.modal-dialog {max-width: 1223px;height: 588px;margin-right: auto;margin-left: auto;}}/* 07.Animation */@-webkit-keyframes rippleOne {70% {-webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);}100% {-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);}}@keyframes rippleOne {70% {-webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);}100% {-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);}}.ripple-effect {display: inline-block;width: 100px;height: 100px;line-height: 100px;text-align: center;background-color: var(--theme);border: 1px solid var(--white);border-radius: 50%;box-shadow: 0 0 0 0 rgb(255, 255, 255);animation: rippleOne 2s infinite;}.ripple-effect .playerImg {width: 28px;height: 25.972px;}@keyframes up-down {0% {transform: translateY(10px);}100% {transform: translateY(-10px);}}@-webkit-keyframes spinner {to {-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}}@keyframes spinner {to {-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}}@-webkit-keyframes letters-loading {0%,75%,100% {opacity: 0;transform: rotateY(-90deg);}25%,50% {opacity: 1;transform: rotateY(0deg);}}@keyframes letters-loading {0%,75%,100% {opacity: 0;transform: rotateY(-90deg);}25%,50% {opacity: 1;transform: rotateY(0deg);}}@keyframes loaderspin {0% {transform: translate(-50%, -50%) rotate(0deg);}100% {transform: translate(-50%, -50%) rotate(360deg);}}@keyframes tpswing {0% {transform: rotate(20deg);}100% {transform: rotate(0deg);}}@keyframes width {0% {width: 0%;}100% {width: 100%;}}@-webkit-keyframes width {0% {width: 0%;}100% {width: 100%;}}@-webkit-keyframes loaderspin {0% {transform: translate(-50%, -50%) rotate(0deg);}100% {transform: translate(-50%, -50%) rotate(360deg);}}@keyframes loaderpulse {0% {transform: scale(1);}100% {transform: scale(1.2);}}@keyframes rounded {50% {transform: rotate(20deg);}}.cir36 {animation: cir36 20s linear infinite;}@keyframes cir36 {100% {transform: rotate(360deg);}}.float-bob-y {animation-name: float-bob-y;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: linear;}@-webkit-keyframes float-bob-y {0% {transform: translateY(-30px);}50% {transform: translateY(-10px);}100% {transform: translateY(-30px);}}@keyframes float-bob-y {0% {transform: translateY(-30px);}50% {transform: translateY(-10px);}100% {transform: translateY(-30px);}}.float-bob-x {animation-name: float-bob-x;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: linear;}@-webkit-keyframes float-bob-x {0% {transform: translateX(30px);}50% {transform: translateX(10px);}100% {transform: translateX(30px);}}@keyframes float-bob-x {0% {transform: translateX(30px);}50% {transform: translateX(10px);}100% {transform: translateX(30px);}}@keyframes bounce-x {0% {transform: translateX(0);}50% {transform: translateX(30px);}100% {transform: translateX(0);}}.bounce-x {animation: bounce-x 7s infinite linear;}@keyframes criss-cross-left {0% {left: -20px;}50% {left: 50%;width: 20px;height: 20px;}100% {left: 50%;width: 375px;height: 375px;}}@keyframes criss-cross-right {0% {right: -20px;}50% {right: 50%;width: 20px;height: 20px;}100% {right: 50%;width: 375px;height: 375px;}}@keyframes rotated2 {0% {transform: rotate(0);}100% {transform: rotate(-360deg);}}@keyframes wave {0% {transform: translateX(0);}50% {transform: translateX(-25%);}100% {transform: translateX(-50%);}}@keyframes animate-positive {0% {width: 0;}100% {width: var(--progress-width);}}.reveal {position: relative;display: -ms-inline-flexbox;visibility: hidden;overflow: hidden;}.reveal img {height: 100%;width: 100%;display: inline-block;object-fit: cover;transform-origin: left;}.image-anime {position: relative;overflow: hidden;}.image-anime:after {content: "";position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;background-color: rgba(255, 255, 255, 0.3);transform: translate(-50%, -50%) rotate(-45deg);z-index: 1;}.image-anime:hover:after {height: 250%;transition: all 600ms linear;background-color: transparent;}@keyframes slideDown {from {top: 370px;}to {top: 0px;}}/* 08.Helping */::-webkit-scrollbar {width: 8px;height: 4px;}/* Track */::-webkit-scrollbar-track {box-shadow: inset 0 0 5px var(--theme2);}/* Handle */::-webkit-scrollbar-thumb {background: var(--theme2);border-radius: 5px;}.fix {overflow: hidden;}.ralt {position: relative;}.ripple {position: relative;}.ripple::before,.ripple::after {position: absolute;left: 50%;top: 50%;width: 60px;height: 60px;transform: translateX(-50%) translateY(-50%);border-radius: 50%;box-shadow: 0 0 0 0 rgba(56, 75, 255, 0.5);animation: rippleOne 3s infinite;}.ripple::before {animation-delay: 0.9s;content: "";position: absolute;right: 0;bottom: 0;}.ripple::after {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;content: "";position: absolute;right: 0;bottom: 0;}.mega-hover {position: relative;overflow: hidden;z-index: 2;}.mega-hover:after,.mega-hover:before {content: "";position: absolute;pointer-events: none;opacity: 1;z-index: -1;}.mega-hover:before {top: 0;right: 51%;bottom: 0;left: 50%;background: rgba(255, 255, 255, 0.2);}.mega-hover:after {top: 50%;right: 0;bottom: 50%;left: 0;background: rgba(245, 255, 255, 0.3);}.mega-hover:hover:before {left: 0;right: 0;opacity: 0;-webkit-transition: all 900ms linear;transition: all 900ms linear;}.mega-hover:hover:after {top: 0;bottom: 0;opacity: 0;-webkit-transition: all 900ms linear;transition: all 900ms linear;}@media (max-width: 767px) {br {display: none;}}/* background */.bg-cover {background-repeat: no-repeat;background-size: cover;position: relative;background-position: center;}.bg-cover-2 {background-repeat: no-repeat;background-size: cover;position: relative;background-position: center;width: 100%;height: 100%;}.box-shadow {box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.06);}.pt-100 {padding-top: 100px;}@media (max-width: 991px) {.pt-100 {padding-top: 80px;}}.pt-110 {padding-top: 110px;}@media (max-width: 991px) {.pt-110 {padding-top: 80px;}}.pb-100 {padding-bottom: 100px;}@media (max-width: 991px) {.pb-100 {padding-bottom: 80px;}}.pb-110 {padding-bottom: 110px;}@media (max-width: 991px) {.pb-110 {padding-bottom: 80px;}}.pb-30 {padding-bottom: 30px;}.pt-30 {padding-top: 30px;}.margin-top-10 {margin-top: -10px;}.margin-top-5 {margin-top: -5px;}.margin-top-60 {margin-top: -65px;}@media (max-width: 1399px) {.margin-top-60 {margin-top: -25px;}}@media (max-width: 1199px) {.margin-top-60 {margin-top: -27px;}}@media (max-width: 991px) {.margin-top-60 {margin-top: -75px;}}@media (max-width: 767px) {.margin-top-60 {margin-top: -65px;}}.margin-top-8 {margin-top: -10px;}.mt-n30 {margin-top: -30px !important;}.mt-n50 {margin-top: -50px !important;}.mt-10 {margin-top: 10px;}.mt-15 {margin-top: 15px;}.mr-7 {margin-right: 7px;}.mb-20 {margin-bottom: 20px;}.mt-30 {margin-top: 30px;}.mr-44 {margin-right: 44px;}.mb-40 {margin-bottom: 40px;}@media (max-width: 767px) {.mb-40 {margin-bottom: 35px;}}@media (max-width: 575px) {.mb-40 {margin-bottom: 25px;}}.ml-50 {margin-left: 50px;}@media (max-width: 1199px) {.ml-50 {margin-left: 0;}}.mt-10 {margin-top: 10px;}.mt-60 {margin-top: 55px;}.mb-60 {margin-bottom: 60px;}.mb-40 {margin-bottom: 40px;}.mb-45 {margin-bottom: 45px;}.mb-n40 {margin-bottom: -40px;}.mx-492 {max-width: 492px;}.center {text-align: center;margin: 0 auto;}.bg-theme {background-color: var(--theme) !important;}.bg-theme2 {background-color: var(--theme2) !important;}.bg-orange {background-color: var(--theme2) !important;}.bg-color {background-color: var(--bg) !important;}.bg-color2 {background-color: var(--bg2) !important;}.bg-color3 {background-color: #181818;}.dark-mood {background-color: #181818;}.bg-title {background-color: var(--title);}.bg-transparent {background: transparent !important;}.text-dark2 {color: #838387 !important;}.text-color {color: var(--text);}.text-title {color: var(--title) !important;}.text-bg-color2 {color: var(--bg2) !important;}
.text-theme-color {color: var(--theme) !important;}.text-theme-color2 {color: var(--theme2) !important;}.text-orange-color {color: var(--theme2) !important;}.border-right-none {border-right: 0px !important;}/*.bg-img {background-position: center;background-attachment: fixed;background-repeat: no-repeat;background-size: cover;} */.bg-white {background-color: var(--white);}/* 09.MeanMenu */.mean-container a.meanmenu-reveal {display: none;}.mean-container .mean-nav {background: none;margin-top: 0;}.mean-container .mean-bar {padding: 0;min-height: auto;background: none;}.mean-container .mean-nav>ul {padding: 0;margin: 0;width: 100%;list-style-type: none;display: block !important;}.mean-container .mean-nav>ul .homemenu-items {display: flex;align-items: center;gap: 30px;justify-content: space-between;}@media (max-width: 1199px) {.mean-container .mean-nav>ul .homemenu-items {flex-wrap: wrap;}}.mean-container .mean-nav>ul .homemenu-items .homemenu {position: relative;}@media (max-width: 1199px) {.mean-container .mean-nav>ul .homemenu-items .homemenu {max-width: 300px;text-align: center;margin: 0 auto;border: 1px solid var(--border);padding: 10px;}}.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb {position: relative;}.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb .demo-button {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60%;gap: 10px;display: flex;justify-content: center;flex-direction: column;opacity: 0;visibility: hidden;transition: all 0.4s ease-in-out;margin-top: 20px;}.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {padding: 12px 20px;color: var(--white) !important;width: initial;font-size: 16px;text-align: center;border-radius: 0;}.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {color: var(--white) !important;}.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb::before {background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);background-repeat: no-repeat;background-size: cover;background-position: center;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;opacity: 0;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;content: "";}.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb:hover::before {visibility: visible;opacity: 1;}.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {opacity: 1;visibility: visible;margin-top: 0;}.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {opacity: 1;visibility: visible;bottom: 50%;transform: translateY(50%);}.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb img {width: 100%;}.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-title {text-align: center;margin: 15px auto;display: inline-block;font-size: 16px;}.mean-container a.meanmenu-reveal {display: none !important;}.mean-container .mean-nav ul li a {width: 100%;padding: 10px 0;color: var(--title) !important;font-size: 16px;line-height: 1.5;font-weight: 600;text-transform: capitalize;border-bottom: 1px solid var(--border) !important;border: none;}.mean-container .mean-nav ul li a:hover {color: var(--theme);}.mean-container .mean-nav ul li a:last-child {border-bottom: 0;}.mean-container .mean-nav ul li a:hover {color: var(--theme2);}.mean-container .mean-nav ul li a.mean-expand {margin-top: 5px;padding: 0 !important;}.mean-container .mean-nav ul li>a>i {display: none;}.mean-container .mean-nav ul li>a.mean-expand i {display: inline-block;font-size: 18px;}.mean-container .mean-nav>ul>li:first-child>a {border-top: 0;}.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {transform: rotate(45deg);transition: all 0.4s ease-in-out;}.mean-container .mean-nav ul li .mega-menu li a {height: 200px;width: 100%;padding: 0;border-top: 0;margin-bottom: 20px;}/* 10.Preloader */.preloader {align-items: center;cursor: default;display: flex;height: 100%;justify-content: center;position: fixed;left: 0;top: 0;width: 100%;z-index: 9999999;}.preloader .animation-preloader {z-index: 1000;}.preloader .animation-preloader .spinner {animation: spinner 1s infinite linear;border-radius: 50%;border: 3px solid rgba(0, 0, 0, 0.2);border-top-color: var(--theme);height: 9em;margin: 0 auto 3.5em auto;width: 9em;}@media (max-width: 767px) {.preloader .animation-preloader .spinner {width: 7.5em;height: 7.5em;margin: 0 auto 1.5em auto;}}.preloader .animation-preloader .txt-loading {font: bold 5em var(--title-font), var(--body-font);text-align: center;user-select: none;}@media (max-width: 767px) {.preloader .animation-preloader .txt-loading {font-size: 2.5em;}}.preloader .animation-preloader .txt-loading .letters-loading {color: var(--theme);position: relative;}.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {animation-delay: 1s;}.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {animation-delay: 1.2s;}.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {animation-delay: 1.4s;}.preloader .animation-preloader .txt-loading .letters-loading::before {animation: letters-loading 4s infinite;color: var(--title);content: attr(data-text-preloader);left: 0;opacity: 0;font-family: var(--title-font);position: absolute;top: -3px;transform: rotateY(-90deg);}.preloader p {font-size: 15px;font-weight: 600;text-transform: uppercase;letter-spacing: 8px;color: var(--theme);}.preloader .loader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;font-size: 0;z-index: 1;pointer-events: none;}.preloader .loader .row {height: 100%;}.preloader .loader .loader-section {padding: 0px;}.preloader .loader .loader-section .bg {background-color: var(--bg);height: 100%;left: 0;width: 100%;transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);}.preloader.loaded .animation-preloader {opacity: 0;transition: 0.3s ease-out;}.preloader.loaded .loader-section .bg {width: 0;transition: 0.7s;}.offcanvas.offcanvas-end {z-index: 4444444444;}.back-to-top {border-radius: 12px;background-color: var(--theme2);width: 50px;height: 50px;line-height: 50px;color: var(--white);font-size: 18px;position: fixed;display: inline-block;z-index: 99;right: 30px;bottom: 30px;transition: all 0.4s ease-in-out;opacity: 0;visibility: hidden;transform: translateY(20px);}.back-to-top:hover {background-color: var(--title);}.back-to-top.show {opacity: 1;visibility: visible;transform: translate(0);}/* 11.Title */.section-title .sub-title {color:white;font-family:var(--body-font);font-size: 20px;font-style: normal;font-weight: 900;line-height: 60px;text-transform: uppercase;}.section-title .title {margin-bottom: 0px;color: var(--white);font-family:var(--body-font);font-size: 76px;font-style: normal;font-weight: 900;line-height: 105px;text-transform: uppercase;text-align: left !important;}@media (max-width: 767px) {.section-title .title {font-size: 65px;line-height: 80px;}}.section-title .text {color: var(--white);font-family: "Poppins", sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;margin-bottom: 35px;}@media (max-width: 767px) {.section-title {position: relative;padding: 110px 0 90px 0;z-index: 9;}}@media (max-width: 767px) {.section-title {padding: 110px 0 110px 0;}}.section-title-area {display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 5;}@media (max-width: 991px) {.section-title-area {flex-wrap: wrap;gap: 30px;}}.title-area {position: relative;z-index: 5;}.title-area .sub-title {color: var(--theme2);font-family: var(--body-font);font-size: 32px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;margin-bottom: 15px;}.title-area .title {color: var(--title);text-align: center;font-family: var(--body-font);font-size: 34px;font-style: normal;font-weight: 900;line-height: 50px;text-transform: uppercase;margin-bottom: 10px;}
/* 12.Common */
.fancy-box.style1 {display: flex;align-items: center;gap: 12px;margin-bottom: 20px;}.fancy-box.style1 .item .icon {padding: 30px 20px;border-radius: 12px;border: 1px solid var(--border);}.fancy-box.style1 .item .icon i {width: 40px;height: 40px;line-height: 40px;text-align: center;background-color: var(--theme);color: var(--white);border-radius: 50%;}.fancy-box.style1 .item h5 {color: var(--title);font-family: var(--title-font);font-size: 24px;font-style: normal;font-weight: 700;line-height: 130%;text-align: start;}.fancy-box.style1 .item p {color: var(--text);font-family: var(--body-font);font-size: 16px;font-style: normal;font-weight: 300;line-height: 150%;margin-top: 10px;}.fancy-box.style2 {position: relative;display: flex;align-items: center;z-index: 3;}.fancy-box.style2 .item img {margin-right: 15px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}.fancy-box.style2 .item h4 {color: var(--title);font-family: var(--title-font);font-size: 20px;font-style: normal;font-weight: 700;line-height: 130%;margin-right: 30px;}.fancy-box.style2 .item span {color: var(--text);font-family: var(--body-font);font-size: 16px;font-style: normal;font-weight: 300;line-height: 150%;margin-right: 5px;}.fancy-box.style2 .item i {padding: 12px 0px 12px 30px;text-align: center;color: var(--theme);border-left: 2px solid var(--border);}.fancy-box.style3 .item img {margin-bottom: 15px;}.fancy-box.style3 .item h6 {color: var(--title);font-family: var(--body-font);font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%;margin-bottom: 5px;}.fancy-box.style3 .item span {color: var(--title);font-family: var(--body-font);font-size: 18px;font-style: normal;font-weight: 300;line-height: 150%;}.fancy-box.style4 {display: flex;align-items: center;gap: 20px;}.fancy-box.style4 .item img {border-radius: 50%;}.fancy-box.style4 .item p {color: #1E2023;font-family: var(--body-font);font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;text-transform: capitalize;}.fancy-box.style4 .item h6 {color: var(--title);font-family: var(--body-font);font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;}.fancy-box.style5 {display: flex;align-items: center;gap: 30px;margin-top: 30px;}.fancy-box.style5 .item .icon {width: 60px;height: 60px;line-height: 60px;text-align: center;background: #0E1317;border-radius: 50%;}.fancy-box.style5 .item p {color: #1E2023;font-family: var(--body-font);font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;text-transform: capitalize;}.fancy-box.style5 .item h6 {color: var(--title);font-family: var(--body-font);font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;margin-bottom: 10px;}.fancy-box.style6 {display: flex;align-items: center;gap: 30px;margin-top: 30px;}.fancy-box.style6 .item p {font-family: var(--body-font);color: var(--white);font-size: 16px;font-style: normal;font-weight: 300;line-height: 26px;}.fancy-box.style6 .item h6 {color: var(--title);font-family: var(--body-font);color: var(--white);font-family: var(--title-font);font-size: 20px;font-style: normal;font-weight: 700;line-height: 28px;}.social-profile {position: absolute;right: 1rem;top: 1rem;max-height: 380px;content: "";transition: all 0.4s ease-in-out;z-index: 2;display: inline-block;z-index: 9;}.social-profile ul {max-width: 50px;margin: 0 auto;transform: translateY(100px);transition: all 0.6s ease-in-out;opacity: 0;visibility: hidden;border-radius: 144px;}.social-profile ul li {margin-bottom: 8px;display: block;text-align: center;}.social-profile ul li:last-child {margin-bottom: 0px;}.social-profile ul li a {width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 16px;display: inline-block;background: var(--white);color: var(--title);transition: all 0.4s ease-in-out;border-radius: 50%;}.social-profile ul li a:hover {background: var(--theme);color: var(--white) !important;}.social-profile .plus-btn {position: relative;z-index: 2;cursor: pointer;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 16px;display: inline-block;background-color: var(--theme);color: var(--white) !important;transition: all 0.4s ease-in-out;border-radius: 50%;}.social-profile .plus-btn a {background-color: var(--theme);color: var(--white) !important;}.social-profile:hover ul {transform: translateY(10%);opacity: 1;visibility: visible;}.modal-details .title-box {display: flex;align-items: center;justify-content: space-between;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #E5E5E5;}.modal-details .title-box .title h3 {color: var(--title);font-family: var(--title-font);font-size: 24px;font-style: normal;font-weight: 700;line-height: 50px;text-transform: capitalize;}.modal-details .title-box .price {color: var(--title);font-family: var(--title-font);font-size: 36px;font-style: normal;font-weight: 700;line-height: 30px;text-transform: capitalize;}.modal-details .desc p {color: var(--text);font-family: var(--body-font);font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;}.star ul {display: flex;align-items: center;justify-content: start;gap: 5px;}.star ul li i {color: var(--theme2);}.progress-wrap {margin-bottom: 15px;}.progress-wrap .progress-meta {display: flex;justify-content: space-between;margin-bottom: 15px;}.progress-wrap .progress-meta .title {color: var(--theme);font-family: var(--title-font);font-size: 20px;font-style: normal;font-weight: 700;line-height: 130%;}.progress-wrap .progress-meta .percentage {color: var(--theme);font-family: var(--title-font);font-size: 20px;font-style: normal;font-weight: 700;line-height: 130%;}@media (max-width: 500px) {.progress-wrap .progress-meta {gap: 210px;}}@media (max-width: 470px) {.progress-wrap .progress-meta {gap: 150px;}}.progress-wrap .progress-container {position: relative;width: 100%;height: 5px;background-color: #D9DDFF !important;border-radius: 10px;overflow: visible;}.progress-wrap .progress-container .progress-bar {height: 5px;background-color: var(--theme);border-radius: 10px;position: relative;display: flex;align-items: center;justify-content: center;white-space: nowrap;z-index: 1;}@media (max-width: 575px) {.progress-wrap .progress-container {width: 85%;}}.progress-wrap .progress-container:before,.progress-wrap .progress-container:after {position: absolute;top: -4px;content: "";width: 8px;height: 12px;background-color: var(--theme);z-index: 3;border-radius: 2px;}.progress-wrap .progress-container:before {left: 0;}.progress-wrap .progress-container:after {right: 30%;}.progress-wrap .progress-container.style2:before,.progress-wrap .progress-container.style2:after {background-color: var(--theme2);}.arrow-button {position: absolute;z-index: 9;}.arrow-button .arrow-prev {width: 60px;height: 60px;line-height: 60px;text-align: center;margin-right: 8px;background-color: var(--white);color: var(--title);border: 1px solid var(--title);border-radius: 50%;transition: all 0.4s ease-in-out;}.arrow-button .arrow-next {width: 60px;height: 60px;line-height: 60px;text-align: center;background-color: var(--theme2);color: var(--title);border: 1px solid var(--theme2);border-radius: 50%;transition: all 0.4s ease-in-out;}.arrow-button .arrow-next:hover,.arrow-button .arrow-prev:hover {background-color: var(--title);color: var(--white);border: 1px solid var(--title);}.mouse-cursor {position: fixed;left: 0;top: 0;pointer-events: none;border-radius: 50%;-webkit-transform: translateZ(0);transform: translateZ(0);visibility: hidden;}.cursor-inner {width: 6px;height: 6px;z-index: 10000001;background-color: var(--theme2);transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;}.skr_xs_banner {background-image: url(../images/skr_banner-sm.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;border-top: 5px solid #561303;border-bottom: 5px solid #561303;}
/* 13.Header */
.header-top-wrapper {position: relative;display: flex;align-items: center;justify-content: space-between;padding: 10px 50px;background: var(--theme2);background-repeat: no-repeat;background-position: center;clip-path: polygon(17px 0, 100% 0%, 100% 100%, 0% 100%);margin-left: 28px;}@media (max-width: 1600px) {.header-top-wrapper {background-color: var(--theme2);background-image: none;clip-path: none;}}@media (max-width: 1199px) {.header-top-wrapper {display: none;}}@media (min-width: 2000px) {.header-top-wrapper {clip-path: none;background-image: none;background-color: var(--theme2);}}.header-top-wrapper span {color: rgba(255, 255, 255, 0.8);}.header-top-wrapper span i {color: var(--white);margin-right: 5px;}.header-top-wrapper .social-icon {gap: 17px;}.header-top-wrapper .social-icon a {color: var(--white);}.header-top-wrapper .social-icon a:hover {color: var(--theme);}.header-top-wrapper-2 {position: relative;display: flex;align-items: center;justify-content: space-between;padding: 10px 50px;}@media (max-width: 1899px) {.header-top-wrapper-2 {background-color: var(--theme);background-image: none;clip-path: none;}.header-top-wrapper-2 .top-text {font-size: 0.7rem;}}@media (max-width: 1199px) {.header-top-wrapper-2 {display: none;}}.header-top-wrapper-2 span {color: rgba(255, 255, 255, 0.8);}.header-top-wrapper-2 span i {color: var(--white);margin-right: 5px;}.header-top-wrapper-2 .social-icon {gap: 17px;}.header-top-wrapper-2 .social-icon a {color: var(--white);}.header-top-wrapper-2 .social-icon a:hover {color: var(--theme);}.header-top-section {position: relative;z-index: 9;}@media (max-width: 575px) {.header-top-section {display: none;}}.header-top-section .container-fluid {padding: 0 150px;}@media (max-width: 1899px) {.header-top-section .container-fluid {padding: 0 50px;}}@media (max-width: 1600px) {.header-top-section .container-fluid {padding: 0 40px;}}@media (max-width: 1199px) {.header-top-section .container-fluid {padding: 0 20px;}}.header-section {position: relative;background-color: var(--white);z-index: 99;}.header-section .black-bg {position: absolute;bottom: 0;right: 0;width: 200px;height: 146px;background-color: #501600;z-index: 9;}@media (max-width: 1760px) {.header-section .black-bg {width: 85px;}}@media (max-width: 1600px) {.header-section .black-bg {width: 50px;}}@media (max-width: 1199px) {.header-section .black-bg {display: none;}}.header-section .red-bg {position: absolute;top: 0;right: 0;width: 200px;height: 48px;background-color:var(--theme2);z-index: 99;}@media (max-width: 1760px) {.header-section .red-bg {width: 85px;}}@media (max-width: 1600px) {.header-section .red-bg {width: 51px;}}@media (max-width: 1199px) {.header-section .red-bg {display: none;}}.header-section .container-fluid {padding: 0 150px;}@media (max-width: 1899px) {.header-section .container-fluid {padding: 0 50px;}}@media (max-width: 1600px) {.header-section .container-fluid {padding: 0 40px;}}@media (max-width: 1199px) {.header-section .container-fluid {padding: 0 30px;}}.header-section-2 {position: relative;background-color: var(--title);z-index: 99;background-image: url(../img/bg/header2Bg.png);background-position: center;background-size: cover;background-repeat: no-repeat;}@media (min-width: 2200px) {.header-section-2 {background-image: none !important;}.header-section-2 .header-top-wrapper-2 {background: var(--theme);}.header-section-2 .header-top-wrapper-2 span {color: var(--white) !important;}.header-section-2 .header-2 .header-main .main-menu ul li a {color: var(--white);}.header-section-2 .sticky.header-2 .header-main .main-menu ul li a {color: var(--title);}}@media (max-width: 1899px) {.header-section-2 {background-image: none;}}.header-section-2 .container-fluid {padding: 0 136px;}@media (max-width: 1899px) {.header-section-2 .container-fluid {padding: 0 50px;}}@media (max-width: 1600px) {.header-section-2 .container-fluid {padding: 0 40px;}}@media (max-width: 1199px) {.header-section-2 .container-fluid {padding: 0 30px;}}@media (max-width: 767px) {.header-section-2 .container-fluid {padding: 0 15px;}}.header-section-3 {position: absolute;top: 0;left: 0;right: 0;width: 100%;background-color: transparent;z-index: 99;}.header-section-3 .main-header-wrapper .logo-image {background-color: transparent;}@media (max-width: 1399px) {.header-section-3 .main-header-wrapper .logo-image {padding: 0 30px 0 50px;}}.header-section-3 .header-main .sidebar__toggle {cursor: pointer;font-size: 40px;color: var(--text);}.header-section-3 .black-bg {position: absolute;bottom: 0;right: 0;width: 200px;height: 146px;background-color: var(--title);z-index: 9;}@media (max-width: 1600px) {.header-section-3 .black-bg {width: 50px;}}@media (max-width: 1199px) {.header-section-3 .black-bg {display: none;}}.header-section-3 .red-bg {position: absolute;top: 0;right: 0;width: 200px;height: 48px;background-color: var(--theme);z-index: 99;}@media (max-width: 1600px) {.header-section-3 .red-bg {width: 51px;}}@media (max-width: 1199px) {.header-section-3 .red-bg {display: none;}}.header-section-3 .container-fluid {padding: 0 100px 0 120px;}@media (max-width: 1899px) {.header-section-3 .container-fluid {padding: 0 50px;}}@media (max-width: 1600px) {.header-section-3 .container-fluid {padding: 0 40px;}}@media (max-width: 1199px) {.header-section-3 .container-fluid {padding: 0 30px;}}.main-header-wrapper {display: flex;align-items: center;}@media (max-width: 1899px) {.main-header-wrapper {gap: 70px;}}@media (max-width: 1600px) {.main-header-wrapper {gap: 40px;}}@media (max-width: 1399px) {.main-header-wrapper {gap: 30px;}}@media (max-width: 1199px) {.main-header-wrapper {padding: 15px 0;}}@media (max-width: 767px) {.main-header-wrapper {gap: 10px;}}.main-header-wrapper .logo-image {background-color: var(--white);}@media (max-width: 1399px) {.main-header-wrapper .logo-image {padding: 0px 0px;}}@media (max-width: 1199px) {.main-header-wrapper .logo-image {padding: 0px;}}.main-header-wrapper .main-header-items {width: 100%;}.main-header-wrapper .main-header-items .header-contact-info-area {display: flex;align-items: center;justify-content: space-between;padding: 0 50px;border: 1px solid #D4DCED;}@media (max-width: 1600px) {.main-header-wrapper .main-header-items .header-contact-info-area {padding: 0 30px;}}@media (max-width: 1199px) {.main-header-wrapper .main-header-items .header-contact-info-area {display: none;}}@media (max-width: 575px) {.main-header-wrapper .main-header-items .header-contact-info-area {gap: 30px;}}.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items {display: flex;align-items: center;gap: 20px;justify-content: space-between;position: relative;padding: 30px 0;border-right: 1px solid #D4DCED;padding-right: 50px;}@media (max-width: 1399px) {.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items {border-right: none;padding-right: 0;}}.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon {width: 40px;height: 40px;line-height: 40px;text-align: center;position: relative;background-color: var(--white);border-radius: 50%;color: var(--theme);box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);position: relative;}@media (max-width: 1399px) {.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon {width: 30px;height: 30px;line-height: 30px;}}.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon::before {position: absolute;top: 50%;left: 50%;width: 64px;height: 64px;content: "";background-color: transparent;border-radius: 50%;border: 1px solid rgba(30, 32, 35, 0.1);transform: translate(-50%, -50%);}
@media (max-width: 1399px) {.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon::before {width: 54px;height: 54px;}}.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .content p {color: var(--text);margin-bottom: 5px;text-transform: capitalize;font-size: 14px;font-weight: 500;opacity: 0.7;}.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .content h3 {font-size: 20px;color: var(--title);text-transform: initial;}@media (max-width: 1600px) {.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .content h3 {font-size: 18px;}}.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .content h3 a {color: var(--title);}.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items.style-2 {border: none;padding-right: 0;}@media (max-width: 1600px) {.main-header-wrapper .main-header-items .header-contact-info-area .header-button .theme-btn {font-size: 14px;padding: 24px 27px;}}.main-header-wrapper-2 {display: flex;align-items: center;}@media (max-width: 1899px) {.main-header-wrapper-2 {gap: 70px;}}@media (max-width: 1600px) {.main-header-wrapper-2 {gap: 40px;}}@media (max-width: 1399px) {.main-header-wrapper-2 {gap: 30px;}}@media (max-width: 1199px) {.main-header-wrapper-2 {padding: 15px 0;}}@media (max-width: 767px) {.main-header-wrapper-2 {gap: 10px;}}
@media (max-width: 1399px) {.main-header-wrapper-2 .logo-image {padding: 35px 0px;}}
@media (max-width: 1199px) {.main-header-wrapper-2 .logo-image {padding: 0px;}}.main-header-wrapper-2 .main-header-items {width: 100%;}.main-header-wrapper-2 .main-header-items .header-contact-info-area {display: flex;align-items: center;justify-content: space-between;padding: 0 50px;border: 1px solid #D4DCED;}@media (max-width: 1600px) {.main-header-wrapper-2 .main-header-items .header-contact-info-area {padding: 0 30px;}}@media (max-width: 1199px) {.main-header-wrapper-2 .main-header-items .header-contact-info-area {display: none;}}@media (max-width: 575px) {.main-header-wrapper-2 .main-header-items .header-contact-info-area {gap: 30px;}}.main-header-wrapper-2 .main-header-items .header-contact-info-area .contact-info-items {display: flex;align-items: center;gap: 20px;justify-content: space-between;position: relative;padding: 30px 0;border-right: 1px solid #D4DCED;padding-right: 50px;}@media (max-width: 1399px) {.main-header-wrapper-2 .main-header-items .header-contact-info-area .contact-info-items {border-right: none;padding-right: 0;}}.main-header-wrapper-2 .main-header-items .header-contact-info-area .contact-info-items .icon {width: 40px;height: 40px;line-height: 40px;text-align: center;position: relative;background-color: var(--white);border-radius: 50%;color: var(--theme);box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);position: relative;}@media (max-width: 1399px) {.main-header-wrapper-2 .main-header-items .header-contact-info-area .contact-info-items .icon {width: 30px;height: 30px;line-height: 30px;}}.main-header-wrapper-2 .main-header-items .header-contact-info-area .contact-info-items .icon::before {position: absolute;top: 50%;left: 50%;width: 64px;height: 64px;content: "";background-color: transparent;border-radius: 50%;border: 1px solid rgba(30, 32, 35, 0.1);transform: translate(-50%, -50%);}@media (max-width: 1399px) {.main-header-wrapper-2 .main-header-items .header-contact-info-area .contact-info-items .icon::before {width: 54px;height: 54px;}}.main-header-wrapper-2 .main-header-items .header-contact-info-area .contact-info-items .content p {color: var(--text);margin-bottom: 5px;text-transform: capitalize;font-size: 14px;font-weight: 500;opacity: 0.7;}.main-header-wrapper-2 .main-header-items .header-contact-info-area .contact-info-items .content h3 {font-size: 20px;color: var(--title);text-transform: initial;}@media (max-width: 1600px) {.main-header-wrapper-2 .main-header-items .header-contact-info-area .contact-info-items .content h3 {font-size: 18px;}}.main-header-wrapper-2 .main-header-items .header-contact-info-area .contact-info-items .content h3 a {color: var(--title);}.main-header-wrapper-2 .main-header-items .header-contact-info-area .contact-info-items.style-2 {border: none;padding-right: 0;}@media (max-width: 1600px) {.main-header-wrapper-2 .main-header-items .header-contact-info-area .header-button .theme-btn {font-size: 14px;padding: 24px 27px;}}.header-1 .mega-menu-wrapper {padding: 0 50px;position: relative;z-index: 1;background-color: #501600;background-position: center;background-size: cover;background-repeat: no-repeat;clip-path: polygon(27px 0, 100% 0%, 100% 100%, 0% 100%);}@media (max-width: 1600px) {.header-1 .mega-menu-wrapper {background-color: #501600;background-image: none;}}@media (max-width: 1199px) {.header-1 .mega-menu-wrapper {background-color: var(--white);background-image: none;}}@media (max-width: 767px) {.header-1 .mega-menu-wrapper {padding: 0 8px;}}@media (min-width: 2000px) {.header-1 .mega-menu-wrapper {background-image: none;background-color: var(--title);}}.header-1 .logo {display: none;}@media (max-width: 1399px) {.header-1 .header-main .main-menu ul li {margin-inline-end: 10px;}}@media (max-width: 1899px) {.header-1 .header-main .main-menu ul li .has-homemenu {left: -50px;}}.header-1.sticky .mega-menu-wrapper {padding: 0 50px;position: relative;z-index: 1;background-image: url(../img/bg/headerBg.png);background-position: center;background-size: cover;background-repeat: no-repeat;}@media (max-width: 1600px) {.header-1.sticky .mega-menu-wrapper {background-color: var(--title);background-image: none;}}@media (min-width: 2000px) {.header-1.sticky .mega-menu-wrapper {background-image: none;background-color: var(--white);}}/* @media (max-width: 1600px) {.header-1 .theme-btn {display: none;}} */.header-2 .mega-menu-wrapper {padding: 0 50px;position: relative;z-index: 1;}@media (max-width: 1600px) {.header-2 .mega-menu-wrapper {background-color: var(--title);background-image: none;}}@media (max-width: 1199px) {.header-2 .mega-menu-wrapper {background-image: none;}}@media (max-width: 991px) {.header-2 .mega-menu-wrapper {padding: 0 13px;}}.header-2 .logo {display: none;}.header-2 .header-main {padding: 10px 0 0 50px;}@media (max-width: 1399px) {.header-2 .header-main .main-menu ul li {margin-inline-end: 10px;}}@media (max-width: 1899px) {.header-2 .header-main .main-menu ul li .has-homemenu {left: -50px;}}.header-2 .header-main .main-menu ul li a {color: var(--title);}@media (max-width: 1899px) {.header-2 .header-main .main-menu ul li a {color: var(--white);}}@media (max-width: 1399px) {.header-2 .header-main {padding: 10px 0;}}@media (max-width: 1600px) {.header-2 .theme-btn {display: none;}}.header-3.sticky {right: 0;}.header-3 .mega-menu-wrapper {padding: 0 50px;position: relative;z-index: 1;background-position: center;background-size: cover;background-repeat: no-repeat;}@media (max-width: 1600px) {.header-3 .mega-menu-wrapper {background-color: transparent;background-image: none;}}@media (max-width: 1199px) {.header-3 .mega-menu-wrapper {background-color: transparent;background-image: none;}}@media (max-width: 767px) {.header-3 .mega-menu-wrapper {padding: 0 13px;}}.header-3 .logo {display: none;}@media (max-width: 1399px) {.header-3 .header-main .main-menu ul li {margin-inline-end: 10px;}}@media (max-width: 1899px) {.header-3 .header-main .main-menu ul li .has-homemenu {left: -50px;}}@media (max-width: 1199px) {.menu-thumb {display: none !important;}}.header-main {display: flex;align-items: center;justify-content: space-between;padding: 7px 0;}.header-main .main-menu ul {margin-bottom: 0;}.header-main .main-menu ul li {position: relative;list-style: none;display: inline-block;margin-inline-end: 40px;}@media (max-width: 1600px) {.header-main .main-menu ul li {margin-inline-end: 25px;}}.header-main .main-menu ul li:last-child {margin-inline-end: 15px;}.header-main .main-menu ul li a {display: inline-block;font-size: 17px;font-weight: 600;color: var(--white);padding: 20px 0;text-align: left;position: relative;text-transform: capitalize;transition: all 0.4s ease-in-out;}.header-main .main-menu ul li a i {margin-left: 7px;}.header-main .main-menu ul li a:hover {color: var(--theme) !important;}@media (max-width: 1899px) {.header-main .main-menu ul li a {color: var(--white);}}.header-main .main-menu ul li .submenu {position: absolute;top: 100%;inset-inline-start: 0;min-width: 240px;background: var(--white);z-index: 99999;visibility: hidden;opacity: 0;transform-origin: top center;color: var(--title);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);transform: translateY(10px);transition: all 0.4s ease-in-out;}.header-main .main-menu ul li .submenu li {display: block;width: 100%;margin: 0;padding: 0;}.header-main .main-menu ul li .submenu li a {position: relative;z-index: 11;font-size: 17px;font-weight: 600;color: var(--title);padding: 0 25px;padding-bottom: 11px;padding-top: 11px;width: 100%;border-bottom: 1px solid #eeeeee;}.header-main .main-menu ul li .submenu li a:hover {color: var(--white) !important;}.header-main .main-menu ul li .submenu li:last-child a {border: none;}.header-main .main-menu ul li .submenu li .submenu {inset-inline-start: 100%;top: 0;visibility: hidden;opacity: 0;}
.header-main .main-menu ul li .submenu li:hover>a {background: var(--theme);color: var(--white) !important;}
.header-main .main-menu ul li .submenu li:hover>a::after {color: var(--theme);}.header-main .main-menu ul li .submenu li:hover>.submenu {transform: translateY(1);visibility: visible;opacity: 1;}.header-main .main-menu ul li .submenu li.has-dropdown>a::after {position: absolute;top: 50%;inset-inline-end: 25px;transform: translateY(-50%);color: var(--theme);}.header-main .main-menu ul li .has-homemenu {width: 710px;padding: 30px 30px 10px 30px;opacity: 0;left: -250px;visibility: hidden;padding: 30px 30px 10px 30px;}.header-main .main-menu ul li .has-homemenu .homemenu-items {display: flex;align-items: center;gap: 30px;justify-content: space-between;}@media (max-width: 991px) {.header-main .main-menu ul li .has-homemenu .homemenu-items {flex-wrap: wrap;}}.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {position: relative;}.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {position: relative;}.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 70%;gap: 10px;display: flex;justify-content: center;flex-direction: column;opacity: 0;visibility: hidden;transition: all 0.4s ease-in-out;margin-top: 20px;}.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {padding: 10px 20px;color: var(--white) !important;width: initial;font-size: 14px;text-align: center;border-radius: 0px !important;background-color: var(--theme);}.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {color: var(--white) !important;background-color: var(--title);}.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover::before {background-color: var(--theme2);}.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover::after {background-color: var(--theme2);}.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);background-repeat: no-repeat;background-size: cover;background-position: center;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;opacity: 0;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;content: "";}.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before {visibility: visible;opacity: 1;}.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {opacity: 1;visibility: visible;margin-top: 0;}.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {opacity: 1;visibility: visible;bottom: 50%;transform: translateY(50%);}.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {width: 100%;}.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title {text-align: center;margin: 15px auto;display: inline-block;font-size: 16px;}.header-main .main-menu ul li:hover>a {color: var(--theme);}.header-main .main-menu ul li:hover>a::after {color: var(--title);}.header-main .main-menu ul li:hover>.submenu {visibility: visible;opacity: 1;transform: translateY(0px);}.header-main .header-right {gap: 30px;}@media (max-width: 1399px) {.header-main .header-right {gap: 20px;}}@media (max-width: 767px) {.header-main .header-right {gap: 5px;}.header-main .header-right .theme-btn {display: none;}}.header-main .header-right .search-icon {color: var(--text);font-size: 18px;}.header-main .header-right .header__cart {padding: 0 8px;position: relative;display: flex;align-items: center;height: 100%;}@media (max-width: 991px) {.header-main .header-right .header__cart {padding: 0px 10px;}}.header-main .header-right .header__cart:hover>a {color: var(--theme2);}.header-main .header-right .header__cart:hover .header__right__dropdown__wrapper {visibility: visible;opacity: 1;top: 100%;transition: 0.3s;}
.header-main .header-right .header__cart>a {font-size: 18px;color: var(--text);padding: 15px 0;position: relative;}
@media (max-width: 991px) {
  .header-main .header-right .header__cart>a::before {
    top: 7px;
    right: 11px;
  }
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper {
  position: absolute;
  width: 300px;
  max-height: 700px;
  padding: 20px;
  border-bottom: 3px solid var(--border);
  background-color: var(--white);
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.15);
  top: 100%;
  left: -235px;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}

@media (max-width: 767px) {
  .header-main .header-right .header__cart .header__right__dropdown__wrapper {
    left: -220px;
  }
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__close {
  position: absolute;
  right: 0;
  top: -10px;
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__close a :hover {
  color: var(--theme2);
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner {
  border-bottom: 1px solid var(--border-2);
  margin-bottom: 30px;
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  position: relative;
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__img {
  width: 30%;
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__img a {
  border: 1px solid var(--border);
  display: inline-block;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__img img {
  width: 100%;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content {
  text-align: left;
  width: 70%;
  margin-left: 15px;
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content a {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--title);
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content a:hover {
  color: var(--theme2);
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content p {
  color: var(--title);
  font-size: 14px;
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content p span {
  color: var(--theme2);
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .dropdown__price {
  text-align: left;
  font-size: 17px;
  margin-bottom: 20px;
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .dropdown__price span {
  float: right;
  color: var(--theme2);
  font-weight: 700;
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a {
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  padding: 10px 0px;
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a.white__color {
  border: 1px solid var(--theme2);
  margin-bottom: 20px;
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a.white__color:hover {
  background: var(--theme2);
  color: var(--white);
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a.blue__color {
  background: var(--title);
  color: var(--white);
}

.header-main .header-right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a.blue__color:hover {
  background: var(--theme2);
}

.header-main .sidebar__toggle {
  cursor: pointer;
  font-size: 20px;
  color: var(--text);
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 5555555;
  transition: all 0.9s;
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

.sticky .logo-image img {
  width: 70%;
}

.sticky.header-1 {
  padding: 0 40px;
}

.sticky.header-1 .mega-menu-wrapper {
  padding: 0 50px;
  position: relative;
  z-index: 1;
  background-image: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: white;
}

@media (max-width: 1600px) {
  .sticky.header-1 .mega-menu-wrapper {
    padding: 0 20px;
    background-color: var(--white);
    background-image: none;
  }
}

.sticky.header-1 .logo {
  display: block;
}

@media (max-width: 575px) {
  .sticky.header-1 {
    padding: 0;
  }
}

.sticky.header-2 {
  padding: 0 40px;
}

.sticky.header-2 .mega-menu-wrapper {
  padding: 0 50px;
  position: relative;
  z-index: 1;
  background-image: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 1600px) {
  .sticky.header-2 .mega-menu-wrapper {
    padding: 0 20px;
    background-color: var(--white);
    background-image: none;
  }
}

@media (max-width: 1199px) {
  .sticky.header-2 .mega-menu-wrapper {
    padding: 0 5px;
  }
}

.sticky.header-2 .header-main {
  padding: 15px 0;
}

.sticky.header-2 .logo {
  display: block;
}

@media (max-width: 575px) {
  .sticky.header-2 {
    padding: 0;
  }
}

.sticky .header-main .main-menu ul li a {
  color: var(--title);
}


    /* 16.Banner */
    #shinwarkhas_banner .carousel-inner{
      height: 584px;
    }
    .banner-wrapper.style1 {
      position: relative;
      height: 584px;
      background-image: url(https://jtechit.com.pk/sandbox/shinwari/images/empty-banner.jpg);
      background-size: 100% 100%;
    }

    .banner-wrapper.style1 .shape1_1 {
      position: absolute;
      top: 35px;
      left: 0;
      z-index: 4;
    }

    .banner-wrapper.style1 .shape1_2 {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 4;
    }

    .banner-wrapper.style1 .shape1_3 {
      position: absolute;
      bottom: 55px;
      left: 40%;
      z-index: 4;
    }

    .banner-wrapper.style1 .shape1_4 {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 4;
    }

    .banner-wrapper.style1 .shape1_5 {
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 4;
    }

    .banner-wrapper.style1 .shape1_6 {
      position: absolute;
      bottom: 196px;
      left: 40%;
      z-index: 4;
    }

    .banner-wrapper.style1 .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0.3;
      background: var(--title);
      z-index: 3;
    }

    .banner-wrapper.style1 .banner-thumb-area {
      position: relative;
      z-index: 5;
      display: flex;
      justify-content: end;
      align-items: center;
      height: 100%;
    }

    .banner-wrapper.style1 .banner-thumb-area .circle {
      position: absolute;
      top: 32%;
      right: 25%;
      z-index: 5;
    }

    .banner-wrapper.style1 .banner-thumb-area .circle a {
      position: absolute;
      top: 38%;
      left: 38%;
      transform: translate(-50%, 50%);
      -webkit-transform: translate(-50%, 50%);
      -moz-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
      -o-transform: translate(-50%, 50%);
    }

    .banner-wrapper.style1 .banner-thumb-area .circle a .arrow-btn {
      background: var(--title);
      color: var(--white);
    }

    .banner-wrapper.style1 .banner-thumb-area .circle a .arrow-btn:hover {
      background: var(--theme);
      color: var(--white);
    }

    @media (max-width: 991px) {
      .banner-wrapper.style1 .banner-thumb-area .circle {
        right: 22%;
      }
    }

    @media (max-width: 767px) {
      .banner-wrapper.style1 .banner-thumb-area .circle {
        top: 18%;
        right: 24%;
      }
    }

    .banner-wrapper.style2 {
      position: relative;
      background-image: url(../img/bg/bannerBG2_1.jpg);
    }

    .banner-wrapper.style2 .shape1_1 {
      position: absolute;
      top: 35px;
      left: 0;
      z-index: 4;
    }

    .banner-wrapper.style2 .shape1_2 {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 4;
    }

    .banner-wrapper.style2 .shape1_3 {
      position: absolute;
      bottom: 0;
      left: 40%;
      z-index: 4;
    }

    .banner-wrapper.style2 .shape1_4 {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 4;
    }

    .banner-wrapper.style2 .shape1_5 {
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 4;
    }

    .banner-wrapper.style2 .shape1_6 {
      position: absolute;
      bottom: 196px;
      left: 40%;
      z-index: 4;
    }

    .banner-wrapper.style2 .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0.3;
      background: var(--title);
      z-index: 3;
    }

    .banner-wrapper.style2 .banner-thumb-area {
      position: relative;
      z-index: 5;
      margin-top: 95px;
    }

    .banner-wrapper.style2 .banner-thumb-area .circle {
      position: absolute;
      top: 32%;
      right: 25%;
      z-index: 5;
    }

    .banner-wrapper.style2 .banner-thumb-area .circle a {
      position: absolute;
      top: 38%;
      left: 38%;
      transform: translate(-50%, 50%);
      -webkit-transform: translate(-50%, 50%);
      -moz-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
      -o-transform: translate(-50%, 50%);
    }

    .banner-wrapper.style2 .banner-thumb-area .circle a .arrow-btn {
      background: var(--title);
      color: var(--white);
    }

    .banner-wrapper.style2 .banner-thumb-area .circle a .arrow-btn:hover {
      background: var(--theme);
      color: var(--white);
    }

    @media (max-width: 991px) {
      .banner-wrapper.style2 .banner-thumb-area .circle {
        right: 22%;
      }
    }

    @media (max-width: 767px) {
      .banner-wrapper.style2 .banner-thumb-area .circle {
        top: 18%;
        right: 24%;
      }
    }

    .banner-wrapper.style3 {
      position: relative;
      background-image: url(../img/bg/bannerBG3_1.jpg);
    }

    .banner-wrapper.style3 .shape1 {
      position: absolute;
      bottom: 135px;
      left: 26px;
      z-index: 4;
    }

    .banner-wrapper.style3 .shape2 {
      position: absolute;
      top: 100px;
      right: 140px;
      z-index: 4;
    }

    .banner-wrapper.style3 .shape3 {
      position: absolute;
      bottom: 100px;
      left: 36%;
      z-index: 3;
    }

    @media (max-width: 1399px) {
      .banner-wrapper.style3 .shape3 {
        width: 450px;
        bottom: initial;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }

      .banner-wrapper.style3 .shape3 img {
        width: 100%;
        height: 100%;
      }
    }

    @media (max-width: 991px) {
      .banner-wrapper.style3 .shape3 {
        width: 350px;
      }
    }

    @media (max-width: 767px) {
      .banner-wrapper.style3 .shape3 {
        width: 200px;
      }
    }

    .banner-wrapper.style3 .shape4 {
      position: absolute;
      top: -70px;
      left: 40%;
      z-index: 2;
      transform: translateX(-40%);
    }

    .banner-wrapper.style3 .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, #010F1C 0%, rgba(1, 15, 28, 0.75) 100%);
      z-index: 1;
    }

    .banner-title-area {
      position: relative;
      z-index: 9999999;
    }

    .banner-style1 {
      position: relative;
    }

    .banner-style1 .section-title {
      position: relative;
      margin-left: 90px;
      width: 100%;
    }
.footer-section .right_mini_banner {
	position: absolute;
	z-index: 1;
	width: 25px;
	height: auto;
	left: 0;
  top: 0;
}
.footer-section  .left_mini_banner {
	position: absolute;
	z-index: 1;
	width: 25px;
	height: auto;
	right: 0;
  top: 0;
}
.footer-section  .right_mini_banner img {
	height: auto;
}
.footer-section .left_mini_banner img {
 height: auto 
}
    .banner-style1 .section-title .sub-title {
      position: relative;
      z-index: 3;
    }

    .banner-style1 .section-title .title {
      position: relative;
      z-index: 3;
    }

    .banner-style1 .section-title .theme-btn {
      position: relative;
      z-index: 99999999;
      margin-left: 14px;
    }

    @media (max-width: 767px) {
      .banner-style1 {
        padding: 20px 0 75px;
      }
    }

    .banner-style3 {
      position: relative;
      padding: 200px 0 235px;
      z-index: 3;
    }

    @media (max-width: 767px) {
      .banner-style3 {
        padding: 150px 0 80px;
      }
    }

    .banner-style3 .subtitle {
      position: relative;
      -webkit-text-stroke: 2px var(--theme2);
      color: transparent;
      text-align: center;
      font-family: "Engagement", sans-serif;
      font-size: 180px;
      font-style: normal;
      font-weight: 400;
      line-height: 105px;
      text-transform: capitalize;
      margin-bottom: 100px;
      z-index: 5;
    }

    @media (max-width: 1399px) {
      .banner-style3 .subtitle {
        font-size: 100px;
      }
    }

    @media (max-width: 767px) {
      .banner-style3 .subtitle {
        font-size: 85px;
        margin-bottom: 50px;
      }
    }

    .banner-style3 .title {
      position: relative;
      color: var(--white);
      text-align: center;
      font-family: var(--title-font);
      font-size: 220px;
      font-style: normal;
      font-weight: 900;
      line-height: 105px;
      text-transform: uppercase;
      z-index: 5;
      margin-bottom: 40px;
    }

    @media (max-width: 1399px) {
      .banner-style3 .title {
        font-size: 120px;
      }
    }

    @media (max-width: 767px) {
      .banner-style3 .title {
        font-size: 85px;
      }
    }

    .banner-style3 p {
      color: var(--white);
      font-family: var(--body-font);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 26px;
      max-width: 477px;
    }

    .banner-slider {
      position: relative;
    }

    .banner-slider .arrow-prev {
      position: absolute;
      top: 58%;
      left: 4%;
      z-index: 99;
    }
    .carousel-control-next {
      right: 23px;

    }
    .carousel-control-prev {
      left: 23px;
    }
    @media (max-width: 1600px) {
      .banner-slider .arrow-prev {
        display: none;
      }
    }

    .banner-slider .arrow-next {
      position: absolute;
      top: 45%;
      left: 4%;
      z-index: 99;
    }

    @media (max-width: 1600px) {
      .banner-slider .arrow-next {
        display: none;
      }
    }

    .banner-slider .swiper-pagination {
      position: absolute;
      top: 10%;
      left: 21%;
      z-index: 1;
      transform: rotate(-90deg);
    }

    .banner-slider .swiper-pagination-bullet {
      color: var(--white);
      font-family: var(--title-font);
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      text-transform: uppercase;
      margin: 20px;
      opacity: 0.3;
    }

    .banner-slider .swiper-pagination-bullet-active {
      color: var(--white);
      font-family: var(--title-font);
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      text-transform: uppercase;
      background: transparent;
      opacity: 1;
    }

    .banner2-slider {
      position: relative;
    }

    .banner2-slider .arrow-prev2 {
      position: absolute;
      top: 58%;
      left: 4%;
      z-index: 99;
    }

    @media (max-width: 1600px) {
      .banner2-slider .arrow-prev2 {
        display: none;
      }
    }

    .banner2-slider .arrow-next2 {
      position: absolute;
      top: 45%;
      left: 4%;
      z-index: 99;
    }

    @media (max-width: 1600px) {
      .banner2-slider .arrow-next2 {
        display: none;
      }
    }

    .banner2-slider .swiper-pagination {
      position: absolute;
      top: 10%;
      left: 21%;
      z-index: 1;
      transform: rotate(-90deg);
    }

    .banner2-slider .swiper-pagination-bullet {
      color: var(--white);
      font-family: var(--title-font);
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      text-transform: uppercase;
      margin: 20px;
      opacity: 0.3;
    }

    .banner2-slider .swiper-pagination-bullet-active {
      color: var(--white);
      font-family: var(--title-font);
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      text-transform: uppercase;
      background: transparent;
      opacity: 1;
    }

    .banner3-slider {
      position: relative;
    }

    .banner3-slider .arrow-prev3 {
      position: absolute;
      top: 93%;
      left: 45%;
      z-index: 99;
      transform: rotate(90deg);
    }

    @media (max-width: 1600px) {
      .banner3-slider .arrow-prev3 {
        display: none;
      }
    }

    .banner3-slider .arrow-next3 {
      position: absolute;
      top: 93%;
      left: 55%;
      z-index: 99;
      transform: rotate(90deg);
    }

    @media (max-width: 1600px) {
      .banner3-slider .arrow-next3 {
        display: none;
      }
    }

    .banner3-slider .swiper-pagination {
      position: absolute;
      top: 94%;
      left: 26%;
      z-index: 1;
    }

    @media (max-width: 1600px) {
      .banner3-slider .swiper-pagination {
        display: none;
      }
    }

    .banner3-slider .swiper-pagination-bullet {
      color: var(--white);
      font-family: var(--title-font);
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      text-transform: uppercase;
      margin: 0px 10px !important;
      opacity: 0.3;
    }

    .banner3-slider .swiper-pagination-bullet-active {
      color: var(--theme);
      font-family: var(--title-font);
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      text-transform: uppercase;
      background: transparent;
      opacity: 1;
    }

    .banner3-slider .swiper-horizontal>.swiper-pagination-bullets,
    .banner3-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
    .banner3-slider .swiper-pagination-custom,
    .banner3-slider .swiper-pagination-fraction {
      width: 50%;
    }

    .banner-bottom {
      padding: 30px 0;
      border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
      width: 3%;
    }

    ul.submenu {
      padding-left: 0;
    }

    .offcanvas__wrapper {
      position: relative;
      height: 100%;
      padding: 30px 30px;
    }

    .offcanvas__wrapper .offcanvas__content .text {
      color: #5C6574;
    }

    .offcanvas__wrapper .offcanvas__content .offcanvas-gallery-area {
      margin-top: 15px;
    }

    .offcanvas__wrapper .offcanvas__content .offcanvas-gallery-area .offcanvas-gallery-items .offcanvas-image {
      width: 100px;
      height: 100px;
      overflow: hidden;
      border-radius: 10px;
    }

    .offcanvas__wrapper .offcanvas__content .offcanvas-gallery-area .offcanvas-gallery-items {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
      font-size: 16px;
      font-weight: 600;
      text-transform: capitalize;
    }

    .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
      margin-right: 20px;
    }

    .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
      margin-bottom: 5px;
    }

    .offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {
      margin-top: 30px;
      gap: 10px;
    }

    .offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {
      width: 45px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      font-size: 16px;
      display: block;
      background: transparent;
      color: #5C6574;
      border-radius: 50%;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      text-align: center;
      border: 1px solid #373737;
    }

    .logo-image img {
      width: 200px;
    }

    .header-logo img {
      width: 200px;
    }

    /* slider_css */
    /**
 * Swiper 8.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 26, 2022
 */

    @font-face {
      font-family: swiper-icons;
      src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
      font-weight: 400;
      font-style: normal
    }

    :root {
      --swiper-theme-color: #007aff
    }

    .swiper {
      margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding: 0;
      z-index: 1
    }

    .swiper-vertical>.swiper-wrapper {
      flex-direction: column
    }

    .swiper-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: flex;
      transition-property: transform;
      box-sizing: content-box
    }

    .swiper-android .swiper-slide,
    .swiper-wrapper {
      transform: translate3d(0px, 0, 0);
    }

    .swiper-pointer-events {
      touch-action: pan-y
    }

    .swiper-pointer-events.swiper-vertical {
      touch-action: pan-x
    }

    .swiper-slide {
      flex-shrink: 0;
      width: 100%;
      height: 100%;
      position: relative;
      transition-property: transform;
    }
    /* .swiper-slide .carousel-item img{
     height: 100%;
    } */
    .right_mini_banner {
      position: absolute;
      z-index: 3;
      width: 25px;
      height: 100%;
      left: 0;
    }
    .left_mini_banner {
      position: absolute;
      z-index: 3;
      width:25px;
      height: 100%;
      right: 0;
    }
    .right_mini_banner img { width:  100%;
      height: 100%;
    }
    .left_mini_banner img { width:  100%;
      height: 100%;
    }
    .swiper-slide-invisible-blank {
      visibility: hidden
    }

    .swiper-autoheight,
    .swiper-autoheight .swiper-slide {
      height: auto
    }

    .swiper-autoheight .swiper-wrapper {
      align-items: flex-start;
      transition-property: transform, height
    }

    .swiper-backface-hidden .swiper-slide {
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }

    .swiper-3d,
    .swiper-3d.swiper-css-mode .swiper-wrapper {
      perspective: 1200px
    }

    .swiper-3d .swiper-cube-shadow,
    .swiper-3d .swiper-slide,
    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-bottom,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top,
    .swiper-3d .swiper-wrapper {
      transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-bottom,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
      background: rgba(0, 0, 0, .15)
    }

    .swiper-3d .swiper-slide-shadow-left {
      background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-right {
      background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-top {
      background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-bottom {
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-css-mode>.swiper-wrapper {
      overflow: auto;
      scrollbar-width: none;
      -ms-overflow-style: none
    }

    .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
      display: none
    }

    .swiper-css-mode>.swiper-wrapper>.swiper-slide {
      scroll-snap-align: start start
    }

    .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
      scroll-snap-type: x mandatory
    }

    .swiper-vertical.swiper-css-mode>.swiper-wrapper {
      scroll-snap-type: y mandatory
    }

    .swiper-centered>.swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999
    }

    .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before)
    }

    .swiper-centered.swiper-horizontal>.swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after)
    }

    .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before)
    }

    .swiper-centered.swiper-vertical>.swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after)
    }

    .swiper-centered>.swiper-wrapper>.swiper-slide {
      scroll-snap-align: center center
    }

    .swiper-virtual .swiper-slide {
      backface-visibility: hidden;
      transform: translateZ(0)
    }

    .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      pointer-events: none
    }

    .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
      height: 1px;
      width: var(--swiper-virtual-size)
    }

    .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
      width: 1px;
      height: var(--swiper-virtual-size)
    }

    :root {
      --swiper-navigation-size: 44px
    }

    .swiper-button-next,
    .swiper-button-prev {
      position: absolute;
      top: 50%;
      width: calc(var(--swiper-navigation-size)/ 44 * 27);
      height: var(--swiper-navigation-size);
      margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
      z-index: 10;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--swiper-navigation-color, var(--swiper-theme-color))
    }

    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
      opacity: .35;
      cursor: auto;
      pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden,
    .swiper-button-prev.swiper-button-hidden {
      opacity: 0;
      cursor: auto;
      pointer-events: none
    }

    .swiper-navigation-disabled .swiper-button-next,
    .swiper-navigation-disabled .swiper-button-prev {
      display: none !important
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
      font-family: swiper-icons;
      font-size: var(--swiper-navigation-size);
      text-transform: none !important;
      letter-spacing: 0;
      font-variant: initial;
      line-height: 1
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
      left: 10px;
      right: auto
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
      content: 'prev'
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
      right: 10px;
      left: auto
    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
      content: 'next'
    }

    .swiper-button-lock {
      display: none
    }

    .swiper-pagination {
      position: absolute;
      text-align: center;
      transition: .3s opacity;
      transform: translate3d(0, 0, 0);
      z-index: 10
    }

    .swiper-pagination.swiper-pagination-hidden {
      opacity: 0
    }

    .swiper-pagination-disabled>.swiper-pagination,
    .swiper-pagination.swiper-pagination-disabled {
      display: none !important
    }
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
      bottom: 10px;
      left: 24.60%;
      width: 3%;
    }
    .swiper-pagination-bullets-dynamic {
      overflow: hidden;
      font-size: 0
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      transform: scale(.33);
      position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
      transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
      transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
      transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
      transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
      transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
      transform: scale(.33)
    }

    .swiper-pagination-bullet {
      width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
      height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
      display: inline-block;
      border-radius: 50%;
      background: var(--swiper-pagination-bullet-inactive-color, #000);
      opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
    }

    button.swiper-pagination-bullet {
      border: none;
      margin: 0;
      padding: 0;
      box-shadow: none;
      -webkit-appearance: none;
      appearance: none
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
      cursor: pointer
    }

    .swiper-pagination-bullet:only-child {
      display: none !important
    }

    .swiper-pagination-bullet-active {
      opacity: var(--swiper-pagination-bullet-opacity, 1);
      background: var(--swiper-pagination-color, var(--swiper-theme-color))
    }

    .swiper-pagination-vertical.swiper-pagination-bullets,
    .swiper-vertical>.swiper-pagination-bullets {
      right: 10px;
      top: 50%;
      transform: translate3d(0px, -50%, 0)
    }

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
      margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
      display: block
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
      top: 50%;
      transform: translateY(-50%);
      width: 8px
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      display: inline-block;
      transition: .2s transform, .2s top
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
    }

    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
      left: 50%;
      transform: translateX(-50%);
      white-space: nowrap
    }

    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      transition: .2s transform, .2s left
    }

    .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      transition: .2s transform, .2s right
    }

    .swiper-pagination-progressbar {
      background: rgba(0, 0, 0, .25);
      position: absolute
    }

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
      background: var(--swiper-pagination-color, var(--swiper-theme-color));
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      transform: scale(0);
      transform-origin: left top
    }

    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
      transform-origin: right top
    }

    .swiper-horizontal>.swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-horizontal,
    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
    .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
      width: 100%;
      height: 4px;
      left: 0;
      top: 0
    }

    .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-vertical,
    .swiper-vertical>.swiper-pagination-progressbar {
      width: 4px;
      height: 100%;
      left: 0;
      top: 0
    }

    .swiper-pagination-lock {
      display: none
    }

    .swiper-scrollbar {
      border-radius: 10px;
      position: relative;
      touch-action: none;
      background: rgba(0, 0, 0, .1)
    }

    .swiper-scrollbar-disabled>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-disabled {
      display: none !important
    }

    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
      position: absolute;
      left: 1%;
      bottom: 3px;
      z-index: 50;
      height: 5px;
      width: 98%
    }

    .swiper-scrollbar.swiper-scrollbar-vertical,
    .swiper-vertical>.swiper-scrollbar {
      position: absolute;
      right: 3px;
      top: 1%;
      z-index: 50;
      width: 5px;
      height: 98%
    }

    .swiper-scrollbar-drag {
      height: 100%;
      width: 100%;
      position: relative;
      background: rgba(0, 0, 0, .5);
      border-radius: 10px;
      left: 0;
      top: 0
    }

    .swiper-scrollbar-cursor-drag {
      cursor: move
    }

    .swiper-scrollbar-lock {
      display: none
    }

    .swiper-zoom-container {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center
    }

    .swiper-zoom-container>canvas,
    .swiper-zoom-container>img,
    .swiper-zoom-container>svg {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain
    }

    .swiper-slide-zoomed {
      cursor: move
    }

    .swiper-lazy-preloader {
      width: 42px;
      height: 42px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -21px;
      margin-top: -21px;
      z-index: 10;
      transform-origin: 50%;
      box-sizing: border-box;
      border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
      border-radius: 50%;
      border-top-color: transparent
    }

    .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
    .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
      animation: swiper-preloader-spin 1s infinite linear
    }

    .swiper-lazy-preloader-white {
      --swiper-preloader-color: #fff
    }

    .swiper-lazy-preloader-black {
      --swiper-preloader-color: #000
    }

    @keyframes swiper-preloader-spin {
      0% {
        transform: rotate(0deg)
      }

      100% {
        transform: rotate(360deg)
      }
    }

    .swiper .swiper-notification {
      position: absolute;
      left: 0;
      top: 0;
      pointer-events: none;
      opacity: 0;
      z-index: -1000
    }

    .swiper-free-mode>.swiper-wrapper {
      transition-timing-function: ease-out;
      margin: 0 auto
    }

    .swiper-grid>.swiper-wrapper {
      flex-wrap: wrap
    }

    .swiper-grid-column>.swiper-wrapper {
      flex-wrap: wrap;
      flex-direction: column
    }

    .swiper-fade.swiper-free-mode .swiper-slide {
      transition-timing-function: ease-out
    }

    .swiper-fade .swiper-slide {
      pointer-events: none;
      transition-property: opacity
    }

    .swiper-fade .swiper-slide .swiper-slide {
      pointer-events: none
    }

    .swiper-fade .swiper-slide-active,
    .swiper-fade .swiper-slide-active .swiper-slide-active {
      pointer-events: auto
    }

    .swiper-cube {
      overflow: visible
    }

    .swiper-cube .swiper-slide {
      pointer-events: none;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      z-index: 1;
      visibility: hidden;
      transform-origin: 0 0;
      width: 100%;
      height: 100%
    }

    .swiper-cube .swiper-slide .swiper-slide {
      pointer-events: none
    }

    .swiper-cube.swiper-rtl .swiper-slide {
      transform-origin: 100% 0
    }

    .swiper-cube .swiper-slide-active,
    .swiper-cube .swiper-slide-active .swiper-slide-active {
      pointer-events: auto
    }

    .swiper-cube .swiper-slide-active,
    .swiper-cube .swiper-slide-next,
    .swiper-cube .swiper-slide-next+.swiper-slide,
    .swiper-cube .swiper-slide-prev {
      pointer-events: auto;
      visibility: visible
    }

    .swiper-cube .swiper-slide-shadow-bottom,
    .swiper-cube .swiper-slide-shadow-left,
    .swiper-cube .swiper-slide-shadow-right,
    .swiper-cube .swiper-slide-shadow-top {
      z-index: 0;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }

    .swiper-cube .swiper-cube-shadow {
      position: absolute;
      left: 0;
      bottom: 0px;
      width: 100%;
      height: 100%;
      opacity: .6;
      z-index: 0
    }

    .swiper-cube .swiper-cube-shadow:before {
      content: '';
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px)
    }

    .swiper-flip {
      overflow: visible
    }

    .swiper-flip .swiper-slide {
      pointer-events: none;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      z-index: 1
    }

    .swiper-flip .swiper-slide .swiper-slide {
      pointer-events: none
    }

    .swiper-flip .swiper-slide-active,
    .swiper-flip .swiper-slide-active .swiper-slide-active {
      pointer-events: auto
    }

    .swiper-flip .swiper-slide-shadow-bottom,
    .swiper-flip .swiper-slide-shadow-left,
    .swiper-flip .swiper-slide-shadow-right,
    .swiper-flip .swiper-slide-shadow-top {
      z-index: 0;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }

    .swiper-creative .swiper-slide {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: hidden;
      transition-property: transform, opacity, height
    }

    .swiper-cards {
      overflow: visible
    }

    .swiper-cards .swiper-slide {
      transform-origin: center bottom;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: hidden
    }


    .animated {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }

    .animated.hinge {
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
    }

    @-webkit-keyframes bounce {

      0%,
      20%,
      50%,
      80%,
      100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
      }

      60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
      }
    }

    @keyframes bounce {

      0%,
      20%,
      50%,
      80%,
      100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
      }

      60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
      }
    }

    .bounce {
      -webkit-animation-name: bounce;
      animation-name: bounce;
    }

    @-webkit-keyframes flash {

      0%,
      50%,
      100% {
        opacity: 1;
      }

      25%,
      75% {
        opacity: 0;
      }
    }

    @keyframes flash {

      0%,
      50%,
      100% {
        opacity: 1;
      }

      25%,
      75% {
        opacity: 0;
      }
    }

    .flash {
      -webkit-animation-name: flash;
      animation-name: flash;
    }

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

    @-webkit-keyframes pulse {
      0% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }

      50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    }

    @keyframes pulse {
      0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
      }

      50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
      }

      100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
      }
    }

    .pulse {
      -webkit-animation-name: pulse;
      animation-name: pulse;
    }

    @-webkit-keyframes shake {

      0%,
      100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      10%,
      30%,
      50%,
      70%,
      90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
      }

      20%,
      40%,
      60%,
      80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
      }
    }

    @keyframes shake {

      0%,
      100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      10%,
      30%,
      50%,
      70%,
      90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
      }

      20%,
      40%,
      60%,
      80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
      }
    }

    .shake {
      -webkit-animation-name: shake;
      animation-name: shake;
    }

    @-webkit-keyframes swing {
      20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
      }

      40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
      }

      60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
      }

      80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
      }

      100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
    }

    @keyframes swing {
      20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
      }

      40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
      }

      60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
      }

      80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
      }

      100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
      }
    }

    .swing {
      -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
      transform-origin: top center;
      -webkit-animation-name: swing;
      animation-name: swing;
    }

    @-webkit-keyframes tada {
      0% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }

      10%,
      20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
      }

      30%,
      50%,
      70%,
      90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
      }

      40%,
      60%,
      80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
      }

      100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
      }
    }

    @keyframes tada {
      0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
      }

      10%,
      20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
      }

      30%,
      50%,
      70%,
      90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
      }

      40%,
      60%,
      80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
      }

      100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
      }
    }

    .tada {
      -webkit-animation-name: tada;
      animation-name: tada;
    }

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

    @-webkit-keyframes wobble {
      0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
      }

      15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
      }

      30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
      }

      45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
      }

      60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
      }

      75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
      }

      100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
      }
    }

    @keyframes wobble {
      0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
      }

      15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
      }

      30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
      }

      45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
      }

      60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
      }

      75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
      }

      100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
      }
    }

    .wobble {
      -webkit-animation-name: wobble;
      animation-name: wobble;
    }

    @-webkit-keyframes bounceIn {
      0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
      }

      50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }

      70% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    }

    @keyframes bounceIn {
      0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
      }

      50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
      }

      100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
      }
    }

    .bounceIn {
      -webkit-animation-name: bounceIn;
      animation-name: bounceIn;
    }

    @-webkit-keyframes bounceInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
      }

      80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
      }

      100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }

    @keyframes bounceInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
      }

      80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
      }

      100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }

    .bounceInDown {
      -webkit-animation-name: bounceInDown;
      animation-name: bounceInDown;
    }

    @-webkit-keyframes bounceInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
      }

      80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
      }

      100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes bounceInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
      }

      80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
      }

      100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

    .bounceInLeft {
      -webkit-animation-name: bounceInLeft;
      animation-name: bounceInLeft;
    }

    @-webkit-keyframes bounceInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
      }

      80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
      }

      100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes bounceInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
      }

      80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
      }

      100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

    .bounceInRight {
      -webkit-animation-name: bounceInRight;
      animation-name: bounceInRight;
    }

    @-webkit-keyframes bounceInUp {
      0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
      }

      80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
      }

      100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }

    @keyframes bounceInUp {
      0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
      }

      80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
      }

      100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }

    .bounceInUp {
      -webkit-animation-name: bounceInUp;
      animation-name: bounceInUp;
    }

    @-webkit-keyframes bounceOut {
      0% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }

      25% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
      }

      50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
      }
    }

    @keyframes bounceOut {
      0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
      }

      25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
      }

      50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
      }
    }

    .bounceOut {
      -webkit-animation-name: bounceOut;
      animation-name: bounceOut;
    }

    @-webkit-keyframes bounceOutDown {
      0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
      }
    }

    @keyframes bounceOutDown {
      0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
      }
    }

    .bounceOutDown {
      -webkit-animation-name: bounceOutDown;
      animation-name: bounceOutDown;
    }

    @-webkit-keyframes bounceOutLeft {
      0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }
    }

    @keyframes bounceOutLeft {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }
    }

    .bounceOutLeft {
      -webkit-animation-name: bounceOutLeft;
      animation-name: bounceOutLeft;
    }

    @-webkit-keyframes bounceOutRight {
      0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
      }
    }

    @keyframes bounceOutRight {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
      }
    }

    .bounceOutRight {
      -webkit-animation-name: bounceOutRight;
      animation-name: bounceOutRight;
    }

    @-webkit-keyframes bounceOutUp {
      0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }
    }

    @keyframes bounceOutUp {
      0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }
    }

    .bounceOutUp {
      -webkit-animation-name: bounceOutUp;
      animation-name: bounceOutUp;
    }

    @-webkit-keyframes fadeIn {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    @keyframes fadeIn {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    .fadeIn {
      -webkit-animation-name: fadeIn;
      animation-name: fadeIn;
    }

    @-webkit-keyframes fadeInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }

    @keyframes fadeInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }

    .fadeInDown {
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown;
    }

    @-webkit-keyframes fadeInDownBig {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }

    @keyframes fadeInDownBig {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }

    .fadeInDownBig {
      -webkit-animation-name: fadeInDownBig;
      animation-name: fadeInDownBig;
    }

    @-webkit-keyframes fadeInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes fadeInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

    .fadeInLeft {
      -webkit-animation-name: fadeInLeft;
      animation-name: fadeInLeft;
    }

    @-webkit-keyframes fadeInLeftBig {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes fadeInLeftBig {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

    .fadeInLeftBig {
      -webkit-animation-name: fadeInLeftBig;
      animation-name: fadeInLeftBig;
    }

    @-webkit-keyframes fadeInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes fadeInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

    .fadeInRight {
      -webkit-animation-name: fadeInRight;
      animation-name: fadeInRight;
    }

    @-webkit-keyframes fadeInRightBig {
      0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes fadeInRightBig {
      0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

    .fadeInRightBig {
      -webkit-animation-name: fadeInRightBig;
      animation-name: fadeInRightBig;
    }

    @-webkit-keyframes fadeInUp {
      0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }

    @keyframes fadeInUp {
      0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }

    .fadeInUp {
      -webkit-animation-name: fadeInUp;
      animation-name: fadeInUp;
    }

    @-webkit-keyframes fadeInUpBig {
      0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }

    @keyframes fadeInUpBig {
      0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }

    .fadeInUpBig {
      -webkit-animation-name: fadeInUpBig;
      animation-name: fadeInUpBig;
    }

    @-webkit-keyframes fadeOut {
      0% {
        opacity: 1;
      }

      100% {
        opacity: 0;
      }
    }

    @keyframes fadeOut {
      0% {
        opacity: 1;
      }

      100% {
        opacity: 0;
      }
    }

    .fadeOut {
      -webkit-animation-name: fadeOut;
      animation-name: fadeOut;
    }

    @-webkit-keyframes fadeOutDown {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
      }
    }

    @keyframes fadeOutDown {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
      }
    }

    .fadeOutDown {
      -webkit-animation-name: fadeOutDown;
      animation-name: fadeOutDown;
    }

    @-webkit-keyframes fadeOutDownBig {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
      }
    }

    @keyframes fadeOutDownBig {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
      }
    }

    .fadeOutDownBig {
      -webkit-animation-name: fadeOutDownBig;
      animation-name: fadeOutDownBig;
    }

    @-webkit-keyframes fadeOutLeft {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
      }
    }

    @keyframes fadeOutLeft {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
      }
    }

    .fadeOutLeft {
      -webkit-animation-name: fadeOutLeft;
      animation-name: fadeOutLeft;
    }

    @-webkit-keyframes fadeOutLeftBig {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }
    }

    @keyframes fadeOutLeftBig {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }
    }

    .fadeOutLeftBig {
      -webkit-animation-name: fadeOutLeftBig;
      animation-name: fadeOutLeftBig;
    }

    @-webkit-keyframes fadeOutRight {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
      }
    }

    @keyframes fadeOutRight {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
      }
    }

    .fadeOutRight {
      -webkit-animation-name: fadeOutRight;
      animation-name: fadeOutRight;
    }

    @-webkit-keyframes fadeOutRightBig {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
      }
    }

    @keyframes fadeOutRightBig {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
      }
    }

    .fadeOutRightBig {
      -webkit-animation-name: fadeOutRightBig;
      animation-name: fadeOutRightBig;
    }

    @-webkit-keyframes fadeOutUp {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
      }
    }

    @keyframes fadeOutUp {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
      }
    }

    .fadeOutUp {
      -webkit-animation-name: fadeOutUp;
      animation-name: fadeOutUp;
    }

    @-webkit-keyframes fadeOutUpBig {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }
    }

    @keyframes fadeOutUpBig {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }
    }

    .fadeOutUpBig {
      -webkit-animation-name: fadeOutUpBig;
      animation-name: fadeOutUpBig;
    }

    @-webkit-keyframes flip {
      0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }

      40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }

      50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }
    }

    @keyframes flip {
      0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }

      40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }

      50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }
    }

    .animated.flip {
      -webkit-backface-visibility: visible;
      -ms-backface-visibility: visible;
      backface-visibility: visible;
      -webkit-animation-name: flip;
      animation-name: flip;
    }

    @-webkit-keyframes flipInX {
      0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
      }

      40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
      }

      70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
      }

      100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
      }
    }

    @keyframes flipInX {
      0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
      }

      40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
      }

      70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
      }

      100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
      }
    }

    .flipInX {
      -webkit-backface-visibility: visible !important;
      -ms-backface-visibility: visible !important;
      backface-visibility: visible !important;
      -webkit-animation-name: flipInX;
      animation-name: flipInX;
    }

    @-webkit-keyframes flipInY {
      0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
      }

      40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
      }

      70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
      }

      100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
      }
    }

    @keyframes flipInY {
      0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
      }

      40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
      }

      70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
      }

      100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
      }
    }

    .flipInY {
      -webkit-backface-visibility: visible !important;
      -ms-backface-visibility: visible !important;
      backface-visibility: visible !important;
      -webkit-animation-name: flipInY;
      animation-name: flipInY;
    }

    @-webkit-keyframes flipOutX {
      0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
      }
    }

    @keyframes flipOutX {
      0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
      }
    }

    .flipOutX {
      -webkit-animation-name: flipOutX;
      animation-name: flipOutX;
      -webkit-backface-visibility: visible !important;
      -ms-backface-visibility: visible !important;
      backface-visibility: visible !important;
    }

    @-webkit-keyframes flipOutY {
      0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
      }
    }

    @keyframes flipOutY {
      0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
      }
    }

    .flipOutY {
      -webkit-backface-visibility: visible !important;
      -ms-backface-visibility: visible !important;
      backface-visibility: visible !important;
      -webkit-animation-name: flipOutY;
      animation-name: flipOutY;
    }

    @-webkit-keyframes lightSpeedIn {
      0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
      }

      60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
      }

      80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
      }
    }

    @keyframes lightSpeedIn {
      0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
      }

      60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
      }

      80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
      }
    }

    .lightSpeedIn {
      -webkit-animation-name: lightSpeedIn;
      animation-name: lightSpeedIn;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    @-webkit-keyframes lightSpeedOut {
      0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
      }
    }

    @keyframes lightSpeedOut {
      0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
      }
    }

    .lightSpeedOut {
      -webkit-animation-name: lightSpeedOut;
      animation-name: lightSpeedOut;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    @-webkit-keyframes rotateIn {
      0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    @keyframes rotateIn {
      0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    .rotateIn {
      -webkit-animation-name: rotateIn;
      animation-name: rotateIn;
    }

    @-webkit-keyframes rotateInDownLeft {
      0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    @keyframes rotateInDownLeft {
      0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    .rotateInDownLeft {
      -webkit-animation-name: rotateInDownLeft;
      animation-name: rotateInDownLeft;
    }

    @-webkit-keyframes rotateInDownRight {
      0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    @keyframes rotateInDownRight {
      0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    .rotateInDownRight {
      -webkit-animation-name: rotateInDownRight;
      animation-name: rotateInDownRight;
    }

    @-webkit-keyframes rotateInUpLeft {
      0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    @keyframes rotateInUpLeft {
      0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    .rotateInUpLeft {
      -webkit-animation-name: rotateInUpLeft;
      animation-name: rotateInUpLeft;
    }

    @-webkit-keyframes rotateInUpRight {
      0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    @keyframes rotateInUpRight {
      0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    .rotateInUpRight {
      -webkit-animation-name: rotateInUpRight;
      animation-name: rotateInUpRight;
    }

    @-webkit-keyframes rotateOut {
      0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
      }
    }

    @keyframes rotateOut {
      0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
      }
    }

    .rotateOut {
      -webkit-animation-name: rotateOut;
      animation-name: rotateOut;
    }

    @-webkit-keyframes rotateOutDownLeft {
      0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }
    }

    @keyframes rotateOutDownLeft {
      0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }
    }

    .rotateOutDownLeft {
      -webkit-animation-name: rotateOutDownLeft;
      animation-name: rotateOutDownLeft;
    }

    @-webkit-keyframes rotateOutDownRight {
      0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }
    }

    @keyframes rotateOutDownRight {
      0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }
    }

    .rotateOutDownRight {
      -webkit-animation-name: rotateOutDownRight;
      animation-name: rotateOutDownRight;
    }

    @-webkit-keyframes rotateOutUpLeft {
      0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }
    }

    @keyframes rotateOutUpLeft {
      0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }
    }

    .rotateOutUpLeft {
      -webkit-animation-name: rotateOutUpLeft;
      animation-name: rotateOutUpLeft;
    }

    @-webkit-keyframes rotateOutUpRight {
      0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }
    }

    @keyframes rotateOutUpRight {
      0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }
    }

    .rotateOutUpRight {
      -webkit-animation-name: rotateOutUpRight;
      animation-name: rotateOutUpRight;
    }

    @-webkit-keyframes slideInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }

      100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }

    @keyframes slideInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }

      100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }

    .slideInDown {
      -webkit-animation-name: slideInDown;
      animation-name: slideInDown;
    }

    @-webkit-keyframes slideInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }

      100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes slideInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }

      100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

    .slideInLeft {
      -webkit-animation-name: slideInLeft;
      animation-name: slideInLeft;
    }

    @-webkit-keyframes slideInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
      }

      100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes slideInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
      }

      100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

    .slideInRight {
      -webkit-animation-name: slideInRight;
      animation-name: slideInRight;
    }

    @-webkit-keyframes slideOutLeft {
      0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }
    }

    @keyframes slideOutLeft {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }
    }

    .slideOutLeft {
      -webkit-animation-name: slideOutLeft;
      animation-name: slideOutLeft;
    }

    @-webkit-keyframes slideOutRight {
      0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
      }
    }

    @keyframes slideOutRight {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
      }
    }

    .slideOutRight {
      -webkit-animation-name: slideOutRight;
      animation-name: slideOutRight;
    }

    @-webkit-keyframes slideOutUp {
      0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }
    }

    @keyframes slideOutUp {
      0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }
    }

    .slideOutUp {
      -webkit-animation-name: slideOutUp;
      animation-name: slideOutUp;
    }

    @-webkit-keyframes hinge {
      0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      20%,
      60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
      }
    }

    @keyframes hinge {
      0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      20%,
      60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
      }
    }

    .hinge {
      -webkit-animation-name: hinge;
      animation-name: hinge;
    }

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

    @-webkit-keyframes rollIn {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
      }
    }

    @keyframes rollIn {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
      }
    }

    .rollIn {
      -webkit-animation-name: rollIn;
      animation-name: rollIn;
    }

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

    @-webkit-keyframes rollOut {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
      }
    }

    @keyframes rollOut {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
      }
    }

    .rollOut {
      -webkit-animation-name: rollOut;
      animation-name: rollOut;
    }
















    /* footer_css */

    .bg-title {
      background-color:#501600;
    }

    .footer-bottom .footer-wrapper {
      padding: 18px 0;
      color: #ffffffa3;
    }

  .footer-bottom .footer-wrapper a{
    color: #ffffffa3;
    font-weight: bold;
  }

    .footer-widgets-wrapper {
      padding: 60px 0 50px;
      position: relative;
      z-index: 9;
      border-bottom: 1px solid #dddddd12;
    }

    .footer-widgets-wrapper .shape1 {
      position: absolute;
      bottom:-104px;
      left: -32px;
      z-index: -1;
    }

    .footer-widgets-wrapper .shape2 {
      position: absolute;
      bottom: 0px;
      left: 0;
      z-index: -1;
    }

    .footer-widgets-wrapper .shape3 {
      position: absolute;
      top: -40%;
      right: 0;
      z-index: -1;
    }

    .footer-widgets-wrapper .shape4 {
      position: absolute;
      top: 0;
      right: -67px;
      z-index: -1;
    }

    .footer-top {
      padding: 50px 50px;
      background: var(--theme2);
      margin-bottom: 40px;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
    }

    .footer-top .fancy-box {
      display: flex;
      align-items: center;
      gap: 15px;
    }

    .footer-top .fancy-box .item1 i {
      width: 39px;
      height: 39px;
      line-height: 39px;
      text-align: center;
      background: var(--white);
      color: var(--theme2);
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
    }

    .footer-top .fancy-box .item2 h6 {
      color: var(--white);
      font-family: var(--body-font);
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      text-transform: uppercase;
      margin-bottom: 2px;
    }

    .footer-top .fancy-box .item2 p {
      color: var(--white);
      font-family:var(--title-font);
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
    }

    .footer-widgets-wrapper .single-footer-widget {
      margin-top: 30px;
    }

    .footer-widgets-wrapper .single-footer-widget .widget-head {
      margin-bottom: 30px;
    }

    .footer-widgets-wrapper .single-footer-widget .footer-content p {
      color: rgba(255, 255, 255, 0.85);
    }

    .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
      margin-top: 20px;
      gap: 10px;
      position: relative;
      z-index: 9;
    }
.footer-content{
  margin-top: 20px; }
    .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a {
      width: 36px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      border: 1px solid rgba(255, 255, 255, 0.2);
      background-color: transparent;
      color: var(--white);
    }

    .footer-widgets-wrapper .single-footer-widget .widget-head h3::after {
      position: absolute;
      bottom: 0;
      left: 40px;
      content: "";
      width: 55px;
      height: 2px;
      background-color: var(--white);
    }

    .footer-widgets-wrapper .single-footer-widget .widget-head h3::before {
      position: absolute;
      bottom: 0;
      left: 0;
      content: "";
      width: 25px;
      height: 2px;
      background-color: var(--theme2);
    }

    .footer-widgets-wrapper .single-footer-widget .widget-head h3 {
      font-weight: bold;
      color: var(--white);
      font-size: 24px;
      display: inline-block;
      position: relative;
      padding-bottom: 20px;
    }

    .footer-widgets-wrapper .single-footer-widget .list-area {
      display: inline-block;
    }

    .footer-widgets-wrapper .single-footer-widget .list-area li:not(:last-child) {
      margin-bottom: 20px;
    }

    .footer-widgets-wrapper .single-footer-widget .list-area li {
      transition: all 0.4s ease-in-out;
      font-weight: 500;
      color: #ffffffba;
    }

    .footer-widgets-wrapper .single-footer-widget .list-area li a i {
      margin-right: 5px;
    }

    .footer-widgets-wrapper .single-footer-widget .list-area li a {
      color: var(--white);
      font-size: 18px;
    }

    .footer-widgets-wrapper .single-footer-widget form .form-control {
      display: flex;
      min-width: 260px;
      padding: 8px 16px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      border: none;
      border-radius: 8px;
      background: var(--white);
      overflow: hidden;
    }

    .footer-widgets-wrapper .single-footer-widget form .form-control .email {
      border: none;
    }

    .footer-widgets-wrapper .single-footer-widget form .form-control button {
      text-align: center;
      background: var(--theme2);
      color: var(--white);
      border-radius: 8px;
      padding: 10px 15px;
    }

    .footer-widgets-wrapper .single-footer-widget form .form-control.style2 {
      background: transparent;
      padding-left: 0;
      justify-content: start;
      gap: 10px;
    }

    .footer-widgets-wrapper .single-footer-widget form .form-control {
      display: flex;
      min-width: 260px;
      padding: 8px 16px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      border: none;
      border-radius: 8px;
      background: var(--white);
      overflow: hidden;
    }

    .footer-widgets-wrapper .single-footer-widget form .form-control.style2 label a {
      color: #FFF;
      font-family: var(--body-font);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px;
      text-decoration: underline;
    }

    .footer-widgets-wrapper .single-footer-widget form .form-control.style2 label {
      color: #FFF;
      font-family: var(--body-font);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px;
    }

    .footer-widgets-wrapper .single-footer-widget .list-area {
      display: inline-block;
    }

    ul {
      padding: 0;
      margin: 0;
      list-style: none;
    }

    .footer-bottom .footer-wrapper .brand-logo li {
      border: 1px solid rgba(255, 255, 255, 0.5);
      padding: 5px 7px;
      border-radius: 6px;
    }

    .footer-bottom .footer-wrapper .brand-logo {
      display: flex;
      align-items: center;
      gap: 20px;
    }





    .bg-div img {
      animation: rotate-animation 20s infinite linear;
  }

@keyframes rotate-animation {
  0% {
      transform: rotate(0deg);
}
50% {
      transform: rotate(180deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

.section-padding {
  padding: 50px 0;
}
.fix {
  overflow: hidden;
}
.about-wrapper.style1 {
  position: relative;
}
.about-wrapper.style1 .shape1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;width: 28%;
  height: 100%;
}
.about-wrapper.style1 .shape2 {
  position: absolute;
  top: 0;
  left: 334px;
  z-index: 1;
}
.about-wrapper.style1 .shape3 {
  position: absolute;
  top: 95px;
  left: 234px;
  z-index: 2;
}
.about-wrapper.style1 .shape4 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;width: 28%;
  height: 100%;
}
.abut_side img{border-radius: 366px 0px 0px 486px;
  width: 100%;
  height: 100%;}
  .abut_side2 img{border-radius: 0px 366px 486px 0px;
  width: 100%;
  height: 100%;}
.about-wrapper.style1 .shape5 {
  position: absolute;
  bottom: 0;
  right: 334px;
  z-index: 1;
}
.about-wrapper.style1 .shape6 {
  position: absolute;
  top: 95px;
  right: 232px;
  z-index: 2;
}

.about-wrapper.style1 .about-us {
  background:#fff;
}
.about-wrapper.style1 .title-area {
  max-width: 575px;
  margin: 0 auto;
}
.title-area {
  position: relative;
  z-index: 5;
}

.title-area .text {
  color: #596373;
  text-align: center;
  font-family:var(--title-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 45px;
}
.about-wrapper.style1 .title-area .btn-wrapper {
  max-width: 200px;
  margin: 0 auto;
}
.btn-wrapper {
  position: relative;
  max-width: 200px;
}
.theme-btn {
  display: inline-block;
  position: relative;
  padding: 13px 13px 13px 13px;
  background-color: #E02916;
  color: var(--white) !important;
  font-family:var(--title-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  z-index: 1;
  overflow: hidden;
  border: none;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.btn-wrapper:hover .theme-btn {
  background-color: #FD7B1C;
  color: #fff;
}
.theme-btn {
  color: #fff !important;
  font-family: var(--body-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.theme-btn i {
  margin-left: 10px;
}
.theme-btn i {
  padding: 4px;
  background-color: var(--white);
  color: var(--theme);
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.popular-dishes-wrapper.style1 .shape1 {
  position: absolute;
  bottom: -120px;
  left: 0;
  z-index: 1;
}
.popular-dishes-wrapper.style1 .shape2 {
  position: absolute;
  top: -50px;
  right: 0;
  z-index: 1;
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.dishes-card-wrap.style1 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}
.dishes-card.style1 {
  position: relative;
  padding: 25px;
  border-radius: 16px;
  margin-top: 30px;
  background: #fff;
  text-align: center;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.dishes-card.style1 .dishes-thumb {
  margin-bottom: 30px;
  margin-top: 20px;
}
.dishes-thumb {
  position: relative;
  text-align: center;
}
.dishes-thumb img {
  position: relative;
  z-index: 2;
}
a {
  text-decoration: none;
  color: #59616F;
  outline: none !important;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.dishes-card.style1 h3 {
  color: #011222;
  font-family: var(--title-font);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
  margin-bottom: 18px;
}
.dishes-card.style1 p {
  color: #606977;
  text-align: center;
  font-family:var(--title-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
  margin-bottom: 16px;
}
.dishes-card.style1 h6 {
  color: #EA012A;
  text-align: center;
  font-family: var(--title-font);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
}
.social-profile {
  position: absolute;
  right: 1rem;
  top: 1rem;
  max-height: 380px;
  content: "";
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 2;
  display: inline-block;
  z-index: 9;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.social-profile .plus-btn {
  position: relative;
  z-index: 2;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  background-color: #EE072F;
  color: #fff !important;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
}
span {
  margin: 0px;
  transition: all 0.4s ease-in-out;
}
.social-profile .plus-btn a {
  background-color: #EE012A;
  color: #fff !important;
}
.social-profile ul {
  max-width: 50px;
  margin: 0 auto;
  transform: translateY(100px);
  transition: all 0.6s ease-in-out;
  opacity: 0;
  visibility: hidden;
  border-radius: 144px;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  -webkit-border-radius: 144px;
  -moz-border-radius: 144px;
  -ms-border-radius: 144px;
  -o-border-radius: 144px;
}
.social-profile ul li {
  margin-bottom: 8px;
  display: block;
  text-align: center;
}
.social-profile ul li a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  background: #fff;
  color: #333;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.social-profile ul li a:hover {
  background: #E80129;
  color: #fff !important;
}
.dishes-card.style1:hover {
  background-image: url('https://gramentheme.com/html/fresheat/assets/img/bg/dishesThumbBG.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.dishes-card.style1:hover .social-profile ul {
  transform: translateY(10%);
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
}
.dishes-card.style1:hover .social-profile ul {
  visibility: visible;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.popular-dishes-wrapper.style1 {
  position: relative;
}

@keyframes float {
  0% {
      
      transform: translatey(0px);
  }
  50% {
      
      transform: translatey(-20px);
  }
  100% {
     
      transform: translatey(0px);
  }
}

.avatar {
  
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;
  img { width: 100%; height: auto; }
}
.popular-dishes-wrapper.style1 .btn-wrapper {
  display: block;
  margin: 60px auto 0;
}

@media (min-width: 1400px) {
.popular-dishes-wrapper.style1 .container {
  max-width: 1500px;
}
}
@media (min-width: 1400px) {
.about-wrapper.style1 .container {
  max-width: 1850px;
}
}

/* menu_section */
.food-menu-tab-wrapper.style-bg {
	background-color: #fff;
	border-radius: 20px;
	padding: 50px;
}
.food-menu-section .fry-shape {
	position: absolute;
	top: 45%;
	right: 0;
	transform: translateY(-50%);
}.food-menu-section .burger-shape {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}.food-menu-tab .nav-pills {
	justify-content: center;
	border-bottom: 1px solid #D2D2D1;
	padding-bottom: 30px;
	margin-top: 30px;
}.food-menu-tab .nav-pills .nav-link.active {
	color: var(--theme);
	background-color: transparent;
}.food-menu-tab .nav-pills .nav-link {
	padding: 5px 24px 0px 0px;
	margin: 10px 0;
	color: var(--title);
	font-family: var(--title-font);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	margin-right: 24px;
	border-right: 1px dashed var(--border-2);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}.food-menu-tab .nav-pills .nav-link img {
	margin-right: 10px;
}.food-menu-tab .nav-pills .nav-link {
	color: var(--title);
	font-family: var(--title-font);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
}.food-menu-tab .tab-content {
	margin-top: 36px;
}.single-menu-items {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
}.single-menu-items .details {
	display: flex;
	align-items: center;
	gap: 16px;
}.single-menu-items .details .menu-content p {
	color: var(--text);
	font-family: var(--body-font);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-top: -0.3em;
}.single-menu-items h6 {
	color: var(--title);
	text-align: right;
	font-family: var(--title-font);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
}
body {
	background-color: #F4F1EA !important;
}
.btn-close {
	cursor: pointer;
}
.button-icon .fa.fa-cart-shopping.text-white {
	color: #fff !important;
}
.sticky .fa.fa-cart-shopping.text-white {
	color: #000 !important;
}
.chefe-card.style1 {
	position: relative;
	padding: 125px 88px 33px;
	margin-top: 215px;
	background: white;
	border-radius: 100px 100px 0px 0px;
}.chefe-card.style1 .chefe-thumb {
	position: absolute;
	top: -180px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}.chefe-thumb {
	height: 100%;
}.chefe-card.style1 .icon {
	position: relative;
	text-align: center;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	z-index: 3;
}.chefe-card.style1 .icon .hovered-icon {
	position: relative;
	opacity: 0;
	visibility: hidden;
}.chefe-card.style1 .icon .hovered-icon i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: var(--white);
	color: var(--title) !important;
	border-radius: 50%;
	transition: all 0.4s;
	

}
.chefe-card.style1 .icon a i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: var(--theme2);
	color: var(--white);
	border-radius: 50%;
	transition: all 0.4s;
	
}
.chefe-card.style1 .icon .hovered-icon {
	position: relative;
	opacity: 0;
	visibility: hidden;
}.chefe-card.style1 .icon:hover a i {
	background: var(--theme);
}.chefe-card.style1 .icon a i:hover {
	background: var(--theme);
	color: var(--white);
}.chefe-card.style1 .icon:hover .hovered-icon {
	opacity: 1;
	visibility: visible;
}.chefe-card.style1 .chefe-content {
	text-align: center;
}.chefe-card.style1 .chefe-content a h3 {
	color: var(--title);
	font-family: var(--title-font);
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 10px;
}
.chefe-card.style1 .chefe-content p {
	color: var(--text);
	font-family: var(--body-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
}
.chefe-card.style1 .icon:hover .hovered-icon i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: var(--white);
	color: var(--title) !important;
	border-radius: 50%;
	box-shadow: 0px 4px 10px rgba(19, 76, 179, 0.15);
	transition: all 0.4s;

}
.chefe-wrapper.style1 {
	position: relative;
}.chefe-wrapper.style1 .shape1 {
	position: absolute;
	top: 0;
	left: 0;
}
.chefe-wrapper.style1 .shape2 {
	position: absolute;
	bottom: 0;
	right: 0;
}
.section-padding_120 {
	padding: 120px 0;
}

.gallery_title {
  color: white;
}
.owl-dots {
	display: none;
}
.gallery_img_box{ z-index: 1;}
.gallery_content { position: absolute; bottom: 80px;right: 40px; text-align: right; opacity: 0;  transform: translateY(-50px);transition: all 700ms ease; z-index: 2;}
.left{left: 7px !important;}
.right{left: -7px !important;}
.galler_img_hover:hover .gallery_img_box::before {height: 100%;  transition-delay: 500ms;}
.galler_img_hover:hover .gallery_img_box:after {width: 50%;  transition-delay: 500ms;}
.gallery_img_box:after {  position: absolute;  left: 0;  bottom: 58px;  background-color:#e02916;  content: "";  height: 2px;  width: 0;  transition: all 700ms ease;  z-index: 2;}
.gallery_img_box:before { position: absolute;  top: 0;  bottom: 0;  height: 0;  left: 60px;  background-color: #e02916;content: ""; width: 2px;   transition: all 500ms ease;  z-index: 2;}
.gallery_main_img{ z-index: 1;}
.galler_img_hover:hover .gallery_main_img:before {transform: perspective(400px) rotateX(0deg) scaleY(1); transition-delay: .1s;transition-timing-function: ease-in-out; transition-duration: .7s;  transition-property: all;}
.gallery_main_img:before {  position: absolute;    top: 0;   bottom: 0;   left: 0;   right: 0; content: ""; background-color: rgba(var(--ambed-black-rgb, 60, 53, 49), 0.9);; transform: perspective(400px) rotateX(90deg) scaleY(0.5); transform-origin: center;    transition-delay: .1s;  transition-timing-function: ease-in-out;  transition-duration: .5s;  transition-property: all;  z-index: 1;}
.galler_img_hover:hover .gallery_content{ opacity: 1;  transform: translateY(0%);transition-delay: 700ms;}



.offer-card.style1 {
  padding: 0px 0px 18px 30px;
  display: flex;
  gap: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.offer-card.style1 .offer-content h6 {
  color: #EC022B;
  font-family: var(--title-font);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 63px;
}
.offer-card.style1 .offer-content h3 {
  color: #f2efef;
  font-family: var(--title-font);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.offer-card.style1 .offer-content p {
  color: #F0741B;
  font-family: var(--title-font);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-transform: capitalize;
  margin-bottom: 32px;
}

.offer-card.style1 .offer-thumb {
  position: relative;
}
.offer-card.style1 .offer-thumb .thumbImg {
  width: 276px;
  height: 260px;
  object-fit: contain;
}
.offer-card.style1 .offer-thumb .shape {
  position: absolute;
  top: 0;
  left: -30px;
}
.offer-wrapper .container {
  max-width: 1850px;
}
.btn-close {
	background-color: #e02916;
	opacity: 1;
	width: 34px !important;
	height: 34px !important;
	border-radius: 50px;
	background-image: none !important;
	padding: 0 !important;
	color: white;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}.offcanvas__logo {
	width: fit-content;
}
.mobile-menu.fix.mb-2 ul li {
	padding-bottom: 10px;
	border-bottom: 1px solid #dddd;
}
.sticky .header-main .main-menu ul li i {
	color: var(--text);
}
.cir36 {
	width: 310px;
}
/* img_zoom_effect */

#myImg {
  cursor: pointer;
  transition: 0.3s;
}
#myImg:hover {
	opacity: 0.9;
}
#imgModal.modal {
  display: none; 
  position: fixed; 
  z-index:4444; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
#imgModal .modal-content {
  margin: auto;
  display: block;
  width: 80%;
  height: 100%;
}

#imgModal .modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}
#imgModal .close {
	position: absolute;
	top: -12px;
	right: -16px;
	color: #f1f1f1;
	font-weight: bold;
	transition: 0.3s;
	background: #501600;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	border-radius: 50px;
	border: 6px double #b5adad61;
	z-index: 22;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* responsive */
@media screen and (max-width:1400px){ 
  .offer-card.style1 .offer-thumb .thumbImg {width: 200px;}
  .cir36 {width: 280px;}
  .title-area .title { font-size: 28px; }
  .title-area .text { font-size: 15px;  padding: 0 60px;}
  .about-wrapper.style1 .shape3 {  top: 129px;  }
  .about-wrapper.style1 .shape6 {    top: 119px; }
}
@media screen and (min-width:1400px) and   (max-width:1500.98px) {
  .offer-card.style1 .offer-thumb .thumbImg {width: 200px;}
  .cir36 {width: 280px;}
  .title-area .title { font-size: 26px; }
  .title-area .text { font-size: 15px;  padding: 0 61px;}
  .about-wrapper.style1 .shape3 {  top: 129px; left: 200px; }
  .about-wrapper.style1 .shape6 {    top: 119px; right: 200px; }
  .footer-widgets-wrapper .shape4 {
	top: 196px;
}
.footer-widgets-wrapper .shape1{display: none !important;}
}
@media screen and (min-width:1200px) and   (max-width:1399.98px) {
	.footer-widgets-wrapper .shape4 {
	top: 200px;
}
	.footer-widgets-wrapper .shape1{display: none !important;}
  .about-wrapper.style1 .shape1 { display: block !important;width: 277px;}
  .about-wrapper.style1 .shape1  img{width: 100%;}
  .about-wrapper.style1 .shape3 img {width: 100%; }
  .about-wrapper.style1 .shape4 {display: block !important;width: 277px;}
  .about-wrapper.style1 .shape4 img {width: 100%;}
  .about-wrapper.style1 .shape6 {top: 74px;display: block !important;width: 200px;right: 169px;}
  .about-wrapper.style1 .shape6 img {width: 100%;}
  .about-wrapper.style1 .shape3 {top: 74px;display: block !important;  width: 200px;left: 169px;}
  .dishes-card-wrap.style1 { gap: 13px;}
  .offer-card.style1 .offer-thumb .thumbImg {width: 130px;}
  .section-padding_120 {padding: 35px 0;}
  .food-menu-tab .nav-pills .nav-link {padding: 5px 15px 0px 0px; margin-right: 15px; }
  .chefe-card.style1 {padding: 119px 60px 33px; }
  .footer-widgets-wrapper .single-footer-widget form .form-control .email { font-size: 12px;}
  .footer-widgets-wrapper .single-footer-widget form .form-control {  min-width: auto; }
  .footer-widgets-wrapper .single-footer-widget form .form-control button { padding: 6px 10px;}
  .footer-widgets-wrapper .single-footer-widget form .form-control.style2 label {font-size: 12px; }
  .footer-section .right_mini_banner { height: 100%;}
  .footer-section .right_mini_banner img {height: 100%;}
  .footer-section .left_mini_banner { height: 100%; }
  .footer-section .left_mini_banner img {height: 100%;}
  .about-wrapper.style1 .shape2 { left: 134px;  }
  .about-wrapper.style1 .shape5 {  right: 172px;}
  #shinwarkhas_banner .carousel-inner {height: 400px;}
.banner-wrapper.style1 {height: 400px;}
}
@media screen and (min-width:992px) and   (max-width:1199.98px) {
		  .footer-widgets-wrapper .shape1{display: none !important;}
.footer-widgets-wrapper .shape4 {
	top: 105px;
}
  .about-wrapper.style1 .shape1 { display: block !important;width: 277px;}
  .about-wrapper.style1 .shape1  img{width: 100%;}
  .about-wrapper.style1 .shape3 img {width: 100%; }
  .about-wrapper.style1 .shape4 {display: block !important;width: 277px;}
  .about-wrapper.style1 .shape4 img {width: 100%;}
  .about-wrapper.style1 .shape6 {top: 74px;display: block !important;width: 200px;right: 144px;}
  .about-wrapper.style1 .shape6 img {width: 100%;}
  .about-wrapper.style1 .shape3 {top: 74px;display: block !important;  width: 200px;left: 144px;}
  .title-area .title {font-size: 23px;    padding: 0 126px !important;    line-height: 33px;}
  .title-area .text {font-size: 14px;  padding: 0 160px;  line-height: 20px;}
  .about-wrapper.style1 .title-area .btn-wrapper {max-width: 100%;   margin: 0 auto;text-align: center;}
  .title-area .text {  margin-bottom: 10px !important;}
  .header-main .main-menu ul li a { color: #59616F;padding: 13px 15px;   }
  .dishes-card-wrap.style1 {    grid-template-columns: repeat(3, 1fr);}
  .banner-style1 {padding: 60px 0 60px !important; }
  .section-padding_120 {padding: 44px 0;}
  .food-menu-tab .nav-pills .nav-link img {margin-right: 4px;width: 28px;}
  .food-menu-tab .nav-pills .nav-link {padding: 5px 13px 0px 0px;  margin-right: 13px; }
  .food-menu-tab-wrapper.style-bg { padding: 34px 48px;}
  .food-menu-tab-wrapper.style-bg {padding: 34px 48px;}
  .footer-top {  padding: 18px 18px; }
  .footer-top .fancy-box .item2 p {  font-size: 16px; }
  .footer-widgets-wrapper .single-footer-widget form .form-control { min-width: auto; }
  .footer-widgets-wrapper .single-footer-widget form .form-control .email {  border: none;font-size: 12px;}
  .footer-widgets-wrapper .single-footer-widget form .form-control button { padding: 6px 10px;}
.fa.fa-cart-shopping.text-white {color: #000 !important;}
.footer-section .right_mini_banner { height: 100%;}
.footer-section .right_mini_banner img {height: 100%;}
.footer-section .left_mini_banner { height: 100%; }
.footer-section .left_mini_banner img {height: 100%;}
.about-wrapper.style1 .shape2 {	left: 118px;}
#shinwarkhas_banner .carousel-inner {height: 400px;}
.banner-wrapper.style1 {height: 400px;}
#imgModal .modal-content {background: #ddd;}
#imgModal .modal-content img {object-fit: contain;}

}
@media screen  and (min-width:768px) and (max-width:991.98px) {
	  .footer-widgets-wrapper .shape1{display: none !important;}
.footer-widgets-wrapper .shape4 {
	top: 270px;
}
  .left_video_side { width: 354px;}
  .video-wrap.cir36 {left: -20px; }
 .fa.fa-cart-shopping.text-white {color: #000 !important;}
  .header-main .main-menu ul li a { color: #59616F;padding: 13px 4px;   }
  .dishes-card-wrap.style1 {    grid-template-columns: repeat(3, 1fr);}
  .banner-style1 {padding: 60px 0 60px !important; }
  .section-padding_120 {padding: 48px 0;}
  .food-menu-tab .nav-pills .nav-link img {margin-right: 4px;width: 20px;}
  .food-menu-tab .nav-pills .nav-link {padding: 5px 12px 0px 0px;  margin-right: 13px; }
  .food-menu-tab-wrapper.style-bg { padding: 34px 48px;}
  .food-menu-tab-wrapper.style-bg {padding: 34px 48px;}
  .footer-top {  padding: 18px 18px; }
  .footer-top .fancy-box .item2 p {  font-size: 16px; }
  .footer-widgets-wrapper .single-footer-widget form .form-control { min-width: auto; }
  .footer-widgets-wrapper .single-footer-widget form .form-control .email {  border: none;font-size: 12px;}
  .footer-widgets-wrapper .single-footer-widget form .form-control button { padding: 6px 10px;}
  .header-1 .mega-menu-wrapper {   padding: 0 10px; }
  .logo-image img {width: 120px;}
  .header-logo img {width: 120px;  }
  .theme-btn {font-size: 12px;    line-height: 14px;padding: 10px !important;}
  .offer-card.style1 .offer-thumb {position: absolute;right: 37px;}
  .food-menu-tab .nav-pills .nav-link {font-size: 16px;  }
  .header-main .main-menu ul li {
    display: none;  }
    .banner-wrapper.style1 {height: 300px;}
    #shinwarkhas_banner .carousel-inner {height: 300px;}
    .footer-section .right_mini_banner { height: 100%;}
    .footer-section .right_mini_banner img {height: 100%;}
    .footer-section .left_mini_banner { height: 100%; }
    .footer-section .left_mini_banner img {height: 100%;}
    .section-title .title {     font-size: 59px;      line-height: 64px; }
    .footer-widgets-wrapper .single-footer-widget form .form-control {  justify-content: space-between; }
    #imgModal .modal-content {background: #ddd;}
    #imgModal .modal-content img {object-fit: contain;}
  
}
@media screen and (min-width:576px) and (max-width:767.98px) {
  .main-menu {display: none;}
  .logo-image img {width: 110px;  }
  .header-logo img {width: 115px;  }
  .banner-style1 .section-title {  margin-left: 30px;width: 100%;}
  .section-title {padding: 10px 0 10px 0;}
  .section-title .title {font-size: 45px;line-height: 64px;}
  .section-title .title {margin-bottom: 15px }
  .banner-style1 {padding: 20px 0 20px !important;}
  .title-area .title { font-size: 28px; }
  .title-area .sub-title {font-size: 14px;  margin-bottom: 5px;}
  .dishes-card-wrap.style1 {display: block; }
  .offer-card.style1 .offer-thumb .thumbImg {width: 140px;height: auto;  }
  .offer-card.style1 .offer-content h6 {margin-top: 26px;}
  .offer-card.style1 .offer-content p {  margin-bottom: 21px;}
  .offer-card.style1 .offer-thumb {    padding-top: 43px;}
  .section-padding_120 {padding: 35px 8px;}
  .title-area .text {  margin-bottom: 20px;}
  .food-menu-tab-wrapper.style-bg {  padding: 34px 20px;}
  .food-menu-tab .nav-pills {  padding-bottom: 10px;margin-top: 10px}
  .food-menu-tab .nav-pills .nav-link img {margin-right: 0;display: none;}
  .food-menu-tab .nav-pills .nav-link { font-size: 14px; }
  .food-menu-tab .nav-pills .nav-link {  font-size: 14px; }
  .food-menu-tab .nav-pills .nav-link {padding: 1px 11px 0px 0px;margin: 1px 0;margin-right: 10px; }
  .footer-widgets-wrapper .single-footer-widget form .form-control { justify-content: space-between; }
  .footer-widgets-wrapper {padding: 41px 0 15px; }
  .footer-top {padding: 15px 15px;margin-bottom: 10px;}
  .footer-widgets-wrapper .single-footer-widget {margin-top: 0; }
  .footer-top .fancy-box .item2 p {font-size: 16px; }
  .col-lg-4.d-flex.justify-content-start.justify-content-lg-end {  margin-top: 14px !important;}
  .widget-head a img.w-75 {width: 60% !important;justify-content: center;display: flex;margin: 0 auto;}
  .footer-widgets-wrapper .single-footer-widget .widget-head {margin-bottom: 7px;}
  .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {margin-top: 15px;  margin-bottom: 15px;justify-content: center;}
  .wow.fadeInLeft {font-size: 12px;}
  .footer-bottom .footer-wrapper .brand-logo { gap: 3px;}
  .footer-bottom .footer-wrapper .brand-logo li { padding: 3px 5px;    font-size: 12px;}
  .section-padding {padding: 20px 0;}
  .offer-card.style1 .offer-thumb {    position: absolute;right: 50px;}
  .banner-style1 .section-title .theme-btn {  margin-left: 0;}
  .dishes-card.style1 {margin-bottom: 10px;margin-top:0  }
  .dishes-card-wrap.style1 {display: inherit !important; overflow-x: scroll;overflow-y: hidden;white-space: nowrap;scroll-snap-type: x mandatory;}
  .popular-dishes-wrapper.style1 .btn-wrapper {    margin: 22px auto 0; }
   .fa.fa-cart-shopping.text-white {color: #000 !important;}
   #shinwarkhas_banner button {
    z-index: 333;}
  .header-section .container-fluid {padding: 0 16px;}
  .footer-widgets-wrapper .single-footer-widget .widget-head h3 {
    padding-bottom: 6px;
    font-size: 20px;
  }
  .footer-widgets-wrapper .single-footer-widget .list-area li {
    margin-bottom: 8px;
  }
  .footer-widgets-wrapper .single-footer-widget .list-area li:not(:last-child) {
    margin-bottom: 8px;
  }
  .footer-widgets-wrapper .single-footer-widget .widget-head h3::after {
    left: 34px;
    width: 51px;
    height: 2px;
  }
  .footer-bottom .footer-wrapper {
    padding: 12px 0;
  }
  .banner-style1 .section-title .title {
    text-align: center !important;
  }
  .banner-style1 .section-title {
    margin-left: 0;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    /* display: flex; */
  }
  .section-title .sub-title {
    line-height: 39px;
    text-transform: uppercase;
  }
  .col-xl-3.col-lg-3.col-md-6.col-sm-6.col-6.ps-xl-5.wow.fadeInUp {text-align: center; }
  .contact_info{    text-align: center;}
  .footer-widgets-wrapper .single-footer-widget .footer-content p {    text-align: center;}
  .about-wrapper.style1 .shape2 {top: -162px;left: -62px;z-index: 1;opacity: 0.6;}
  .about-wrapper.style1 .shape5 { right: 13px;    opacity: 0.6;}
  .footer-widgets-wrapper .shape1 {    bottom: -106px; }
  .footer-widgets-wrapper .shape2 {    bottom: -265px;left: 0;  }
  .wow.fadeInLeft {    z-index: 22222;}
  .w_xs_50 {   width: 60%;}
  .footer-widgets-wrapper .single-footer-widget .list-area li {    color: white;}
  .banner-wrapper.style1 {height: 220px;}
  #shinwarkhas_banner .carousel-inner {height: 220px;}
  .banner-style1 .section-title .title {width: 90%;text-align: center;margin: 0 auto; color: #571508;}
  .footer-section .right_mini_banner { height: 100%;width: 16px; }
  .footer-section .right_mini_banner img {height: 100%;}
  .footer-section .left_mini_banner { width: 16px;height: 100%; }
  .footer-section .left_mini_banner img {height: 100%;}
  .right_mini_banner {    width: 12px;}
  .left_mini_banner { width: 12px; }
  .carousel-control-prev {left: 13px;}
  .carousel-control-next {right: 13px;}
  .banner-style1 {    width: 100%;}
  .carousel-control-next, .carousel-control-prev {width: 31px;height: 31px;    border: 4px double #8e8787;}
  #gallery {margin-bottom: 20px;}
  #imgModal .modal-content {background: #ddd;}
  #imgModal .modal-content img {object-fit: contain;}
  }
@media screen and (min-width:320px) and (max-width:575.98px) {
  .popular-dishes-wrapper.style1 .btn-wrapper {    margin: 22px auto 0; }
  .chefe-card-wrap.style1.pb-5 .row {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;scroll-snap-type: x mandatory;display: inherit !important;}
  .chefe-card-wrap.style1.pb-5 .row   .col-lg-6.col-xl-4 {display: inline-block;margin: 2px;  margin-bottom: 2px;margin-bottom: 2px;scroll-snap-align: none start;scroll-margin-inline: 20px;width: 90%;}
  .header-logo img {  width: 110px;}
  .about-wrapper.style1 .title-area .btn-wrapper { max-width: 200px; margin: 0 auto; width: 100%; display: flex; justify-content: center;}
  .food-menu-tab .tab-content {margin-top: 0;}
     .fa.fa-cart-shopping.text-white {color: #000 !important;}
  .dishes-card.style1 {margin-bottom: 10px;margin-top:0  }
  .dishes-card-wrap.style1 {display: flex !important; overflow-x: scroll;overflow-y: hidden;white-space: nowrap;scroll-snap-type: x mandatory;}
  .banner-style1 .section-title .theme-btn {  margin-left: 0;}
  .main-menu {display: none;}
  .logo-image img {width: 110px;  }
  .banner-style1 .section-title {  margin-left: 16px;width: 100%;}
  .section-title {padding: 10px 0 10px 0;}
  .section-title .title {font-size: 30px;line-height: 40px;}
  .section-title .title {margin-bottom: 0px }
  .banner-style1 {padding: 24px 0 24px !important;}
  .title-area .title { font-size: 24px;line-height: 33px; }
  .title-area .sub-title {font-size: 16px;  margin-bottom: 5px;}
  .dishes-card-wrap.style1 {display: block; }
  .footer-top .fancy-box .item2 h6 { font-size: 16px;}
  .offer-card.style1 .offer-thumb .thumbImg {width: 140px;height: auto;  }
  .offer-card.style1 .offer-content h6 {margin-top: 26px;}
  .offer-card.style1 .offer-content p {  margin-bottom: 21px;}
  .offer-card.style1 .offer-thumb {    padding-top: 43px;}
  .footer-content {margin: 0px 20px;}
  .contact_info {    margin-left: 10px !important;width: 92%;margin-right: 10px !important;}
  .section-padding_120 {padding: 18px 0;}
  .about-us.section-padding_120 {
    padding: 18px;
  }
  .about-us.section-padding_120 .col-12 {
    padding: 0;
  }
  .title-area .title {font-size: 20px;margin-bottom: 0;}
  .sub-title img{width: 15px;}
  .title-area .text {  margin-bottom: 10px;}
  .theme-btn {padding: 11px 11px 11px 11px;  font-size: 14px;}
  .food-menu-tab-wrapper.style-bg {  padding: 34px 20px;}
  .food-menu-tab .nav-pills {  padding-bottom: 10px;margin-top: 10px}
  .food-menu-tab .nav-pills .nav-link img {margin-right: 0;display: none;}
  .food-menu-tab .nav-pills .nav-link { font-size: 14px; }
  .food-menu-tab .nav-pills .nav-link {  font-size: 14px; }
  .food-menu-tab .nav-pills .nav-link {padding: 1px 11px 0px 0px;margin: 1px 0;margin-right: 10px; }
  .footer-widgets-wrapper .single-footer-widget form .form-control { justify-content: space-between; }
  .footer-widgets-wrapper {padding: 41px 0 15px; }
  .footer-top {padding: 10px 10px;margin: 14px;}
  .footer-widgets-wrapper .single-footer-widget {margin-top: 0; }
  .footer-top .fancy-box .item2 p {font-size: 16px; }
  .col-lg-4.d-flex.justify-content-start.justify-content-lg-end {  margin-top: 14px !important;}
  .widget-head a img.w-75 {width: 60% !important;justify-content: center;display: flex;margin: 0 auto;}
  .footer-widgets-wrapper .single-footer-widget .widget-head {margin-bottom: 14px;}
  .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {margin-top: 15px;  margin-bottom: 15px;justify-content: center;}
  .wow.fadeInLeft {font-size: 14px;}
  .footer-bottom .footer-wrapper .brand-logo { gap: 3px;}
  .footer-bottom .footer-wrapper .brand-logo li { padding: 3px 5px;    font-size: 10px;}
  .section-padding {padding: 20px 0;}
  .main-header-wrapper {padding: 4px 0;}
    .theme-btn i {padding: 2px;font-size: 12px; }
  .header-section .container-fluid {padding: 0 16px;}
  .footer-widgets-wrapper .single-footer-widget .widget-head h3 {
    padding-bottom: 6px;
    font-size: 18px;
  }
  .footer-widgets-wrapper .single-footer-widget .list-area li {
    margin-bottom: 8px;
  }
  .footer-widgets-wrapper .single-footer-widget .list-area li:not(:last-child) {
    margin-bottom: 0px;
  }
  .footer-widgets-wrapper .single-footer-widget .widget-head h3::after {
    left: 25px;
    width: 51px;
    height: 2px;
  }
  .footer-widgets-wrapper .single-footer-widget .list-area li a {
    font-size: 14px;
  }
  .footer-widgets-wrapper .single-footer-widget .widget-head h3::before {
    width: 18px;}
  .footer-bottom .footer-wrapper {
    padding: 12px 0;
  }
  .banner-style1 .section-title .title {
    text-align: center !important;
    color: #581606 !important;
  }
  .food-menu-tab-wrapper.style-bg {
    border-radius: 10px;
  }
  .about-wrapper.style1 .about-us {
    border-radius: 10px;
  }
  #about_us .container{ padding: 0 }

  .banner-style1 .section-title {
    margin-left: 0;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    /* display: flex; */
  }
  .section-title .sub-title {
    line-height: 39px;
    text-transform: uppercase;
  }
  .col-xl-3.col-lg-3.col-md-6.col-sm-6.col-6.ps-xl-5.wow.fadeInUp {text-align: center; }
  .contact_info{    text-align: center;}
  .footer-widgets-wrapper .single-footer-widget .footer-content p {    text-align: center;}
  .about-wrapper.style1 .shape2 {top: -162px;left: -62px;z-index: 1;opacity: 0.6;}
  .about-wrapper.style1 .shape5 { right: 13px;    opacity: 0.6;}
  .footer-widgets-wrapper .shape1 {    bottom: -106px; }
  .footer-widgets-wrapper .shape2 {    bottom: -265px;left: 0;  }
  .wow.fadeInLeft {    z-index: 22222;}
  .w_xs_50 {   width: 60%;}
  .footer-widgets-wrapper .single-footer-widget .list-area li {    color: white;margin-bottom: 0;}
  .banner-wrapper.style1 {height: 220px;}
  #shinwarkhas_banner .carousel-inner {height: 150px;}
  .banner-style1 .section-title .title {width: 67%;text-align: center;margin: 0 auto;}
  .footer-section .right_mini_banner { height: 100%;width: 16px; }
  .footer-section .right_mini_banner img {height: 100%;}
  .footer-section .left_mini_banner { width: 16px;height: 100%; }
  .footer-section .left_mini_banner img {height: 100%;}
  .right_mini_banner {    width: 12px;}
  .left_mini_banner { width: 12px; }
  .carousel-control-prev {left: 13px;}
  .carousel-control-next {right: 13px;}
  .banner-style1 {    width: 100%;}
  .carousel-control-next, .carousel-control-prev {width: 31px;height: 31px;    border: 4px double #8e8787;}
  .about-wrapper.style1 .shape3 {top: 154px;display: block !important;}
  .gallery_content {width: 62%;}
  .d_xs_none{display: none !important;}
  .d_xs_none.active{display: none !important;}
  #shinwarkhas_banner button {    top: 38% !important;}
  #gallery {margin-bottom: 20px;}
  .offcanvas__wrapper { padding: 15px 15px;}
  .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {font-size: 14px;  }
  .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {margin-right: 10px;}
  #menu .food-menu-tab-wrapper.style-bg { padding: 20px 20px; }
  #imgModal .modal-content { margin: auto;display: block; width: 91%;height: fit-content; top: 40%;}
  #imgModal .close {right: -12px;width: 30px;height: 30px;  border: 3px double #b5adad61;z-index: 22;}
  .footer-widgets-wrapper .shape1{display: none !important;}
  .footer-widgets-wrapper .shape4{display: none !important;}
}