@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@layer normalize, base, demo, stick, effect, srollbar, debug;
@layer debug {
[data-debug='true'] li {
outline: 0.05em dashed currentColor;
}
[data-debug='true'] :is(h2, li:last-of-type) {
outline: 0.05em dashed canvasText;
}
}
@layer scrollbar {
@property --hue {
initial-value: 0;
syntax: '<number>';
inherits: false;
}
@property --chroma {
initial-value: 0;
syntax: '<number>';
inherits: true;
}

[data-sync-scrollbar='true'] {
scrollbar-color: oklch(var(--lightness) var(--chroma) var(--hue)) #0000;
}
@supports (animation-timeline: scroll()) and (animation-range: 0% 100%) {
[data-sync-scrollbar='true'][data-animate='true'] {
timeline-scope: --list;
scrollbar-color: oklch(var(--lightness) var(--chroma, 0) var(--hue)) #0000;
-webkit-animation-name: change, chroma-on, chroma-off;
animation-name: change, chroma-on, chroma-off;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
/* animation-timeline: scroll(root); */
animation-range: entry 50% exit 50%, entry 40% entry 50%,
exit 30% exit 40%;
animation-timeline: --list;
ul {
view-timeline: --list;
}
}
}
@-webkit-keyframes change {
to {
--hue: var(--end);
}
}

@keyframes change {
to {
--hue: var(--end);
}
}
@-webkit-keyframes chroma-on {
to {
--chroma: 0.3;
}
}
@keyframes chroma-on {
to {
--chroma: 0.3;
}
}
@-webkit-keyframes chroma-off {
to {
--chroma: 0;
}
}
@keyframes chroma-off {
to {
--chroma: 0;
}
}
}
@layer effect {
:root {
--start: 0;
--end: 360;
--lightness: 65%;
--base-chroma: 0.3;
}
[data-theme='dark'] {
--lightness: 75%;
}
[data-theme='light'] {
--lightness: 65%;
}

ul {
--step: calc((var(--end) - var(--start)) / (var(--count) - 1));
}
li:not(:last-of-type) {
color: oklch(
var(--lightness) var(--base-chroma)
calc(var(--start) + (var(--step) * var(--i)))
);
}
@supports (animation-timeline: scroll()) and (animation-range: 0% 100%) {
[data-animate='true'] {
li {
opacity: 0.2;
-webkit-animation-name: brighten;
animation-name: brighten;

&:first-of-type {
--start-opacity: 1;
}
&:last-of-type {
--brightness: 1;
--end-opacity: 1;
}
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-range: cover calc(50% - 1lh) calc(50% + 1lh);
animation-timeline: view();
}
}
@-webkit-keyframes brighten {
0% {
opacity: var(--start-opacity, 0.2);
}
50% {
opacity: 1;
filter: brightness(var(--brightness, 1.2));
}
100% {
opacity: var(--end-opacity, 0.2);
}
}

@keyframes brighten {
0% {
opacity: var(--start-opacity, 0.2);
}
50% {
opacity: 1;
filter: brightness(var(--brightness, 1.2));
}
100% {
opacity: var(--end-opacity, 0.2);
}
}
}
}
@layer stick {
.section:first-of-type {
font-size:4rem;
display: flex;
line-height: 2;
width: 100%;
padding-left: 5rem;
font-weight:700;
}
.section:last-of-type {
min-height: 100vh;
display: flex;
width: 100%;
justify-content: center;
}
main {
width: 100%;
}
.section:first-of-type h2 {
position: sticky;
top: calc(50% - 0.5lh);
font-size: inherit;
margin: 0;
display: inline-block;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
font-weight: 600;
line-height:2 !important;
color:var(--color-white) !important;
}
[data-snap='true'] {
-ms-scroll-snap-type: y proximity;
scroll-snap-type: y proximity;
li {
scroll-snap-align: center;
}
}
.yc-title,
.yc-scroll ul li:last-of-type {
color: #fff;
}
}


@layer base {
:root {
--font-size-min: 14;
--font-size-max: 20;
--font-ratio-min: 1.1;
--font-ratio-max: 1.33;
--font-width-min: 375;
--font-width-max: 1500;
}
:where(.fluid) {
--fluid-min: calc(
var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0))
);
--fluid-max: calc(
var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0))
);
--fluid-preferred: calc(
(var(--fluid-max) - var(--fluid-min)) /
(var(--font-width-max) - var(--font-width-min))
);
--fluid-type: clamp(
(var(--fluid-min) / 16) * 1rem,
((var(--fluid-min) / 16) * 1rem) -
(((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) +
(var(--fluid-preferred) * var(--variable-unit, 100vi)),
(var(--fluid-max) / 16) * 1rem
);
font-size: var(--fluid-type);
}
}
.yc-scroll{
padding:100px 0px;
position:relative;
width:100%;
background:#000;
}
.yc-scroll ul{
font-weight: 700;
padding-inline: 0;
margin: 0;
list-style-type: none;	
}
/*============================================================*/
:root {
--color-primary: #ED5C11;
--color-secondary: #264796;
--color-textSecondary: #ff5b5c;
--color-tertiary: #f8b81f;
--color-dark: #3D3D3D;
--color-heading: #181818;
--dark-color-heading: #ffffff;
--color-border: #e5e5e5;
--dark-color-border: #282f3a;
--color-body: #808080;
--gradient-primary: linear-gradient(-90deg, #31b978 0%, #1ab69d 100%);
--bg-color: #EAF0F2;
--dark-bg-color: #020b17;
--cta-color-bg: #F0F4F5;
--color-bg-body: #ffffff;
--dark-color-bg-body: #111822;
--bg-color-2: #1c242f;
--color-white: #ffffff;
--color-black: #000000;
--footer-text: #181818;
--dark-footer-text: #808080;
--edu-btn-color: #ffffff;
--color-title: #bababa;
--color-lighten01: #f0f4f5;
--color-lighten02: #edf5f8;
--color-lighten03: #f5f1eb;
--color-lighten04: #f7f5f2;
--color-extra01: #0ecd73;
--color-extra02: #8e56ff;
--color-extra03: #f92596;
--color-extra04: #5866eb;
--color-extra05: #f8941f;
--color-extra06: #39c0fa;
--color-extra07: #da04f8;
--color-extra08: #4664e4;
--color-extra09: #525151;
--color-extra10: #404040;
--color-extra11: #22272e;
--color-success: #3EB75E;
--color-danger: #FF0003;
--color-warning: #FF8F3C;
--color-info: #1BA2DB;
--color-placeholder: #808080;
--color-facebook: #1877f2;
--color-twitter: #1da1f2;
--color-youtube: #cd201f;
--color-linkedin: #0a66c2;
--color-pinterest: #E60022;
--color-instagram: #C231A1;
--color-vimeo: #00ADEF;
--color-twitch: #6441A3;
--color-discord: #7289da;
--border-width: 2px;
--radius-small: 4px;
--radius: 10px;
--radius-big: 16px;
--p-light: 300;
--p-regular: 400;
--p-medium: 500;
--p-semi-bold: 600;
--p-bold: 700;
--p-extra-bold: 800;
--shadow-darker: 0px 10px 50px 0px rgba(26, 46, 85, 0.1);
--shadow-darker2: 0px 20px 50px 0px rgba(26, 46, 85, 0.1);
--shadow-dark: 0px 10px 30px 0px rgba(20, 36, 66, 0.15);
--shadow-darkest: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
--shadow-darker3: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);
--shadow-darker4: 0px 20px 70px 0px rgba(15, 107, 92, 0.2);
--transition: 0.3s;
--transition-2: 0.5s;
--transition-transform: transform .65s cubic-bezier(.23, 1, .32, 1);
--font-primary: "Poppins", sans-serif;
--font-secondary: "Open Sans", sans-serif;
--font-icomoon: 'icomoon';
--font-size-b1: 15px;
--font-size-b2: 13px;
--line-height-b1: 1.73;
--line-height-b2: 1.85;
--h1: 50px;
--h2: 36px;
--h3: 28px;
--h4: 20px;
--h5: 18px;
--h6: 16px;
--h1-lineHeight: 1.2;
--h2-lineHeight: 1.39;
--h3-lineHeight: 1.43;
--h4-lineHeight: 1.4;
--h5-lineHeight: 1.45;
--h6-lineHeight: 1.62;
}
/*============================================================*/
body{
font-size: var(--font-size-b1) !important;
line-height: var(--line-height-b1) !important;
font-family: var(--font-primary) !important;
color: var(--color-body) !important;
font-weight: 400;
}
h1, .h1, h2, .h2, h3, .h3 {
font-weight: var(--p-bold);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
word-break: break-word;
font-family: var(--font-primary);
color: var(--color-heading);
}
figure{
margin:0;
}
p {
font-size: var(--font-size-b1);
line-height: var(--line-height-b1);
font-weight: 400;
color: var(--color-body);
margin: 0 0 30px;
}
a{
text-decoration:none;
color:var(--color-dark);
}
/*============================================================*/
.color-primary {
color: var(--color-primary);
}
.text-primary {
color: var(--color-primary) !important;
}
.text-right{
text-align: right;
}
/*============================================================*/
.section-gap-lg {
padding: 100px 0px;
}
.section-gap-md {
padding: 70px 0px;
}
@media only screen and (max-width: 967px) {
.section-gap-lg {
padding: 60px 0px;
}
.section-gap-md {
padding: 25px 0px;
}	
}
/*============================================================*/
.section-title {
margin-bottom: 44px;
}
.section-title .title {
margin-bottom: 4px;
font-size: 46px;
}
.section-title.section-center {
text-align: center;
}
/*============================================================*/
.videobox {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
transition: 0.3s;
}
.videobox .videobox-media {
display: block;
overflow: hidden;
position: relative;
border-radius: 20px;
height: 420px;
width: 100%;
}
.videobox.videobox-small .videobox-media {
height: 210px;
}
.videobox .videobox-media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.5s;
}
.videobox a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.videobox a img {
position: absolute;
bottom: 20px;
right: 20px;
}
/*============================================================*/
.interiorbox {
width: 100%;
position: relative;
padding: 60px 0px;
background-repeat: no-repeat !important;
background-size: 65% !important;
}
.interiorbox .intercard {
max-width: 100%;
overflow: hidden;
display: grid;
grid-template-columns: 50% 50%;
background: var(--color-white);
align-items: center;
box-shadow: 0px 3px 6px #00000029;
}
.interiorbox .intercard .intercard-content {
padding: 25px;
}
.interiorbox .intercard .title {
font-size: 24px;
margin-bottom: 10px;
}
.interiorbox .intercard .intercard-media {
width: 100%;
height: 100%;
}
.intercard-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media only screen and (max-width: 967px){
.interiorbox {
width: 100%;
position: relative;
padding: 0px;
background-repeat: no-repeat !important;
background-size:100% !important;
}
.interiorbox .intercard{
grid-template-rows: 50% 50%;
grid-template-columns: auto;
}
}
/*============================================================*/
.home-tabs .nav-tabs {
border-bottom: 0px;
justify-content: center;
gap: 15px;
}
.home-tabs .nav-tabs .nav-link {
border: 2px solid #E4E4E3;
border-radius: 20px;
padding: 15px 40px;
color: #3D3D3D;
font-size: 14px;
font-weight: 600;
}
.home-tabs .nav-tabs .nav-link.active {
background: #000000;
border: 2px solid #000000;
color: #ffffff;
}
.home-tabs .tab-pane {
padding: 65px 15px 0px;
}
@media only screen and (max-width: 967px) {
.home-tabs .nav-tabs {
gap: 15px 5px;
}
.home-tabs .nav-tabs .nav-link {
border: 2px solid #E4E4E3;
border-radius: 20px;
padding: 10px 20px;
color: #3D3D3D;
font-size: 14px;
font-weight: 600;
}	
.home-tabs .tab-pane {
padding: 35px 15px 0px;
}
}
/*============================================================*/
.product-wrapper {
text-align: center;
}
.product-card {
position: relative;
display: inline-block;
transition: transform 0.3s ease;
}
.product-card img {
width: 100%;
max-width: 300px;
display: block;
transition: transform 0.3s ease;
z-index: 2;
position: relative;
}
/* Shadow effect */
.product-card::after {
content: "";
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%) scale(1);
width: 70%;
height: 20px;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
border-radius: 50%;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
z-index: 1;
pointer-events: none;
}
.product-card:hover {
transform: translateY(-20px) scale(0.95);
}
.product-card:hover::after {
opacity: 1;
transform: translateX(-50%) scale(1.1);
}
/*============================================================*/
.teamModal .modal-dialog{
max-width:800px;
}
.teamModal .modal-content{
background: #FDF6F0;
border: 1px solid #707070;
border-radius: 8px;
padding:50px;
position:relative;
}
.teamModal-member{
display:flex;
align-items:center;
gap:15px;
margin-bottom:20px;
}
.teamModal-member .teamModal-member-img{
width:125px;
height:135px;
overflow:hidden;
background:var(--color-white);
border-radius:5px;
}
.teamModal-member-img img{
width:100%;
height:100%;
object-fit:contain;
}
.teamModal-member-content{
flex:1;
}
.teamModal-member-name{
font-weight:700;
font-size:24px;
margin-bottom:5px;
}
.teamModal-member-desi{
font-weight:700;
font-size:14px;
}
.teamModal .btn-close{
position:absolute;
right:15px;
top:15px;
z-index:9;
}
/*============================================================*/
/*============================================================*/
.hastagbox {
width: 100%;
height: 480px;
overflow: hidden;
border-radius: 10px;
transition: var(--transition);
position: relative;
}
.hastagbox.hastagbox-big{
height: 550px;	
}
.hastagbox .hastagbox-media {
width: 100%;
height: 100%;
overflow: hidden;
}
.hastagbox .hastagbox-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hastagbox .hastagbox-content {
position: absolute;
bottom: 20px;
left: 0;
z-index: 1;
width: 100%;
padding: 25px;
color: var(--color-white);
}
.hastagbox-content p {
font-size: 22px;
color: var(--color-white);
}
.hastagbox .hastagbox-content .watchbtn {
color: #F5D355;
}
/*============================================================*/
.blog-area {
background: url(../../assets/images/w1srylo0.jpg);
background-size: cover;
background-position: 100%;
width: 100%;
position: relative;
}
.blogBox {
width: 100%;
position: relative;
display: flex;
align-items: center;
gap: 25px;
padding: 20px 20px 20px 0px;
}
.blogBox::before {
content: "";
box-shadow: 0px 3px 10px #00000014;
border-radius: 8px;
background: var(--color-white);
width: 95%;
position: absolute;
height: 100%;
left: 0;
top: 0;
margin-left: 5%;
}
.blogBox .blogBox-media {
width: 260px;
height: 260px;
border-radius: 16px;
overflow: hidden;
z-index: 1;
}
.blogBox .blogBox-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blogBox .blogBox-content {
flex: 1;
z-index: 1;
}
.blogBox .title {
font-size: 26px;
line-height: 34px;
}
.blogBox .title a{
color: var(--color-heading);	
}
.blogBox .red-btn {
display: flex;
align-items: center;
gap: 5px;
font-weight: 600;
color: var(--color-heading);	
}
.blogBox .red-btn:hover{
color: var(--color-primary);	
}
.blogBox .sort-dec {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 14px;
}
.blogBox-meta {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 20px;
}
.blogBox-meta li {
display: flex;
align-items: center;
gap: 5px;
font-size: 13px;
font-weight: 600;
}

@media only screen and (max-width: 968px) {
.blogBox {
width: 100%;
position: relative;
display: flex;
align-items: center;
gap: 15px;
padding: 20px 0px;
}
.blogBox .blogBox-media {
width: 100px;
height: 100px;
}
.blogBox .title {
font-size: 14px;
line-height: 24px;
}
.blogBox .date {
margin-bottom: 5px;
font-size: 12px;
}
.blogBox .red-btn {
font-size: 12px;
}
}
/*============================================================*/
.award-section {
background: #B52C39;
width: 100%;
position: relative;
height: 205px;
}
.award-section .award-section-tboc {
background: #D94E2E;
width: 450px;
position: absolute;
left: 0;
height: 100%;
display: flex;
align-items: center;
box-shadow: 10px 0px 10px #00000029;
padding: 0px 80px 0px 80px;
z-index: 9;
}
.award-section .award-section-tboc h2 {
margin-bottom: 0px;
color: var(--color-white);
font-size: 42px;
line-height: 48px;
font-weight: 700 !important;
}
.award-slider {
display: flex !important;
align-items: center;
height: 100%;
}
.award-section .award-carousel {
padding-left: 300px;
}
.award-section .award-media {
width: 250px;
height: 90px;
overflow: hidden;
}
.award-section .award-media img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media only screen and (max-width: 968px) {
.award-section {
height: auto;
}
.award-slider {
padding: 20px 0px;
}
.award-section .award-media {
width: 200px;
height: 50px;
overflow: hidden;
}
.award-section .award-section-tboc {
position: relative;
width: 100%;
height: auto;
justify-content: center;
padding: 15px;
}
.award-section .award-carousel {
padding-left: 0px;
}
.award-section .award-section-tboc h2 {
font-size: 20px;
}
}
/*============================================================*/
.customer-feedback {
background:url(../../assets/images/testimonial-bg.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: cover;
background-position:100%;
width: 100%;
position: relative;
overflow:hidden;
}
.customer-feedback .owl-item img {
width: 85px !important;
height: 85px;
}
.feedback-slider-item {
position: relative;
padding: 60px;
margin-top: -40px;
}
.customer-name {
margin-top: 15px;
margin-bottom: 25px;
font-size: 20px;
font-weight: 500;
}
.feedback-slider-item p {
line-height: 1.875;
}
.customer-rating {
background-color: #eee;
border: 3px solid #fff;
color: rgba(1, 1, 1, 0.702);
font-weight: 700;
border-radius: 50%;
position: absolute;
width: 47px;
height: 47px;
line-height: 44px;
font-size: 15px;
right: 0;
top: 77px;
text-indent: -3px;
}
.thumb-prev .customer-rating {
top: -20px;
left: 0;
right: auto;
}
.thumb-next .customer-rating {
top: -20px;
right: 0;
}
.customer-rating i {
color: rgb(251, 90, 13);
position: absolute;
top: 10px;
right: 5px;
font-weight: 600;
font-size: 12px;
}
/* GREY BACKGROUND COLOR OF THE ACTIVE SLIDER */
.feedback-slider-item:after {
content: "";
position: absolute;
left: 20px;
right: 20px;
bottom: 0;
top: 103px;
background-color: #f6f6f6;
border: 1px solid rgba(251, 90, 13, 0.1);
border-radius: 10px;
z-index: -1;
}
.thumb-prev,
.thumb-next {
position: absolute;
z-index: 99;
top: 45%;
width: 98px;
height: 98px;
left: -90px;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.thumb-next {
left: auto;
right: -90px;
}
.feedback-slider-thumb img {
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
}
.feedback-slider-thumb:hover {
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.customer-feedback .owl-nav [class*="owl-"] {
position: relative;
display: inline-block;
bottom: 45px;
transition: all 0.2s ease-in;
}
.customer-feedback .owl-nav i {
background-color: transparent;
color: rgb(251, 90, 13);
font-size: 25px;
}
.customer-feedback .owl-prev {
left: -15px;
}
.customer-feedback .owl-prev:hover {
left: -20px;
}
.customer-feedback .owl-next {
right: -15px;
}
.customer-feedback .owl-next:hover {
right: -20px;
}
/* DOTS */
.customer-feedback .owl-dots {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 35px;
}
.customer-feedback .owl-dot {
display: inline-block;
}
.customer-feedback .owl-dots .owl-dot span {
width: 11px;
height: 11px;
margin: 0 5px;
background: #fff;
border: 1px solid rgb(251, 90, 13);
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
border-radius: 50%;
}
.customer-feedback .owl-dots .owl-dot.active span {
background-color: rgb(251, 90, 13);
}
/* RESPONSIVE */
@media screen and (max-width: 767px) {
.feedback-slider-item:after {
left: 30px;
right: 30px;
}
.customer-feedback .owl-nav [class*="owl-"] {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 45px;
bottom: auto;
}
.customer-feedback .owl-prev {
left: 0;
}
.customer-feedback .owl-next {
right: 0;
}
}
.owl-carousel .animated {
animation-duration:1s;
animation-fill-mode:both
}
.owl-carousel .owl-animated-in {
z-index:0
}
.owl-carousel .owl-animated-out {
z-index:1
}
.owl-carousel .fadeOut {
animation-name:fadeOut
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.img-circle {
border-radius:50%;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
/*============================================================*/
.teamsec {
width: 100%;
height: 500px;
background: #000000;
overflow: hidden;
border: 1px solid #000000;
border-radius: 8px;
padding: 50px;
position: relative;
transition: var(--transition);
cursor: pointer;
color: var(--color-white);
}
.teamsec:hover {
background: #FFAF6A;
box-shadow: 0px 3px 10px #00000029;
border: 1px solid #FFAF6A;
}
.teamsec .teamsec-content {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
padding: 50px;
}
.teamsec .teamsec-name {
font-size: 42px;
line-height: 56px;
font-weight: 700 !important;
color: var(--color-white);
}
.teamsec .teamsec-name span {
display: block;
}
.teamsec .teamsec-desig {
text-transform: uppercase;
font-size: 24px;
line-height: 56px;
color: var(--color-white);
}
.teamsec .teamsec-media {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.teamsec .teamsec-media img {
width: 100%;
}
.teamsec-social {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 10px;
}
.teamsec-social li {
display: inline-block;
}
.teamsec-social li a {
display: flex;
align-items: center;
justify-content: center;
width: 85px;
height: 85px;
border-radius: 50%;
}

.teamsec-social li a img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media only screen and (max-width: 968px) {
.teamsec {
margin-bottom: 15px;
width: 100%;
height: 300px;
padding: 25px;
}
.teamsec .teamsec-content {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
padding: 25px;
}
.teamsec .teamsec-name {
font-size: 24px;
line-height: 36px;
font-weight: 700 !important;
}
.teamsec .teamsec-desig {
text-transform: uppercase;
font-size: 14px;
line-height: 22px;
}
.teamsec-social li a {
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
border-radius: 50%;
}
.teamsec .teamsec-media img {
width: 100%;
}
}

/*============================================================*/
.footer {
padding: 60px 0px;
background: url(../../assets/images/footer-bg.jpg);
background-size: cover;
background-position: 100%;
width: 100%;
position: relative;
color: var(--color-white);
}
.footer-logo {
display: block;
}
.footer-logo img {
width: 300px;
}
@media only screen and (max-width: 968px) {
.footer-logo img {
width: 150px;
}
}
.footer-wegit {
width: 100%;
position: relative;
margin-top: 20px;
}

.footer-title {
text-transform: uppercase;
font-size: 16px;
font-weight: 700 !important;
margin-bottom: 30px;
color:#fff;
}

.footer-list {
margin: 0;
padding: 0;
list-style: none;
}

.footer-list li {
display: inline-block;
width: 100%;
position: relative;
line-height: 34px;
margin: 0;
}
.footer-list li a{
text-decoration: none;
color: var(--color-body);
-webkit-transition: var(--transition);
transition: var(--transition);
}
.footer-list li:hover a {
color: var(--color-secondary);
}
.copyright {
background: #000000;
width: 100%;
position: relative;
color: var(--color-white);
padding: 10px 0px;
}
.copyright ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 15px;
}
.copyright ul li a{
text-decoration: none;
color: var(--color-body);
-webkit-transition: var(--transition);
transition: var(--transition);
}
.contact-list {
margin: 0;
padding: 0;
list-style: none;
}
.contact-list li {
display: flex;
align-items: center;
position: relative;
padding: 10px 0px;
margin: 0;
}
.contact-list li a{
text-decoration: none;
color: var(--color-body);
-webkit-transition: var(--transition);
transition: var(--transition);
display: flex;
align-items: center;
gap: 10px;
}
.contact-list li i {
font-size: 18px;
}
/*============================================================*/
/*-------------------------
Sal Styels
-------------------------*/
/**
* Settings
*/
/**
* Easings
*/
/**
* Core
*/
[data-sal] {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: var(--sal-duration, 0.2s);
transition-duration: var(--sal-duration, 0.2s);
-webkit-transition-delay: var(--sal-delay, 0s);
transition-delay: var(--sal-delay, 0s);
-webkit-transition-timing-function: var(--sal-easing, ease);
transition-timing-function: var(--sal-easing, ease);
}

[data-sal][data-sal-duration='200'] {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}

[data-sal][data-sal-duration='250'] {
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
}

[data-sal][data-sal-duration='300'] {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}

[data-sal][data-sal-duration='350'] {
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}

[data-sal][data-sal-duration='400'] {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}

[data-sal][data-sal-duration='450'] {
-webkit-transition-duration: 0.45s;
transition-duration: 0.45s;
}

[data-sal][data-sal-duration='500'] {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}

[data-sal][data-sal-duration='550'] {
-webkit-transition-duration: 0.55s;
transition-duration: 0.55s;
}

[data-sal][data-sal-duration='600'] {
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
}

[data-sal][data-sal-duration='650'] {
-webkit-transition-duration: 0.65s;
transition-duration: 0.65s;
}

[data-sal][data-sal-duration='700'] {
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;
}

[data-sal][data-sal-duration='750'] {
-webkit-transition-duration: 0.75s;
transition-duration: 0.75s;
}

[data-sal][data-sal-duration='800'] {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
}

[data-sal][data-sal-duration='850'] {
-webkit-transition-duration: 0.85s;
transition-duration: 0.85s;
}

[data-sal][data-sal-duration='900'] {
-webkit-transition-duration: 0.9s;
transition-duration: 0.9s;
}

[data-sal][data-sal-duration='950'] {
-webkit-transition-duration: 0.95s;
transition-duration: 0.95s;
}

[data-sal][data-sal-duration='1000'] {
-webkit-transition-duration: 1s;
transition-duration: 1s;
}

[data-sal][data-sal-duration='1050'] {
-webkit-transition-duration: 1.05s;
transition-duration: 1.05s;
}

[data-sal][data-sal-duration='1100'] {
-webkit-transition-duration: 1.1s;
transition-duration: 1.1s;
}

[data-sal][data-sal-duration='1150'] {
-webkit-transition-duration: 1.15s;
transition-duration: 1.15s;
}

[data-sal][data-sal-duration='1200'] {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
}

[data-sal][data-sal-duration='1250'] {
-webkit-transition-duration: 1.25s;
transition-duration: 1.25s;
}

[data-sal][data-sal-duration='1300'] {
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s;
}

[data-sal][data-sal-duration='1350'] {
-webkit-transition-duration: 1.35s;
transition-duration: 1.35s;
}

[data-sal][data-sal-duration='1400'] {
-webkit-transition-duration: 1.4s;
transition-duration: 1.4s;
}

[data-sal][data-sal-duration='1450'] {
-webkit-transition-duration: 1.45s;
transition-duration: 1.45s;
}

[data-sal][data-sal-duration='1500'] {
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
}

[data-sal][data-sal-duration='1550'] {
-webkit-transition-duration: 1.55s;
transition-duration: 1.55s;
}

[data-sal][data-sal-duration='1600'] {
-webkit-transition-duration: 1.6s;
transition-duration: 1.6s;
}

[data-sal][data-sal-duration='1650'] {
-webkit-transition-duration: 1.65s;
transition-duration: 1.65s;
}

[data-sal][data-sal-duration='1700'] {
-webkit-transition-duration: 1.7s;
transition-duration: 1.7s;
}

[data-sal][data-sal-duration='1750'] {
-webkit-transition-duration: 1.75s;
transition-duration: 1.75s;
}

[data-sal][data-sal-duration='1800'] {
-webkit-transition-duration: 1.8s;
transition-duration: 1.8s;
}

[data-sal][data-sal-duration='1850'] {
-webkit-transition-duration: 1.85s;
transition-duration: 1.85s;
}

[data-sal][data-sal-duration='1900'] {
-webkit-transition-duration: 1.9s;
transition-duration: 1.9s;
}

[data-sal][data-sal-duration='1950'] {
-webkit-transition-duration: 1.95s;
transition-duration: 1.95s;
}

[data-sal][data-sal-duration='2000'] {
-webkit-transition-duration: 2s;
transition-duration: 2s;
}

[data-sal][data-sal-delay='50'] {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}

[data-sal][data-sal-delay='100'] {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}

[data-sal][data-sal-delay='150'] {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}

[data-sal][data-sal-delay='200'] {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}

[data-sal][data-sal-delay='250'] {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}

[data-sal][data-sal-delay='300'] {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}

[data-sal][data-sal-delay='350'] {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}

[data-sal][data-sal-delay='400'] {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}

[data-sal][data-sal-delay='450'] {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}

[data-sal][data-sal-delay='500'] {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}

[data-sal][data-sal-delay='550'] {
-webkit-transition-delay: 0.55s;
transition-delay: 0.55s;
}

[data-sal][data-sal-delay='600'] {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}

[data-sal][data-sal-delay='650'] {
-webkit-transition-delay: 0.65s;
transition-delay: 0.65s;
}

[data-sal][data-sal-delay='700'] {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}

[data-sal][data-sal-delay='750'] {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}

[data-sal][data-sal-delay='800'] {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}

[data-sal][data-sal-delay='850'] {
-webkit-transition-delay: 0.85s;
transition-delay: 0.85s;
}

[data-sal][data-sal-delay='900'] {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}

[data-sal][data-sal-delay='950'] {
-webkit-transition-delay: 0.95s;
transition-delay: 0.95s;
}

[data-sal][data-sal-delay='1000'] {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}

[data-sal][data-sal-easing='linear'] {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}

[data-sal][data-sal-easing='ease'] {
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}

[data-sal][data-sal-easing='ease-in'] {
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}

[data-sal][data-sal-easing='ease-out'] {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

[data-sal][data-sal-easing='ease-in-out'] {
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}

[data-sal][data-sal-easing='ease-in-cubic'] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

[data-sal][data-sal-easing='ease-out-cubic'] {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-sal][data-sal-easing='ease-in-out-cubic'] {
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

[data-sal][data-sal-easing='ease-in-circ'] {
-webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

[data-sal][data-sal-easing='ease-out-circ'] {
-webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

[data-sal][data-sal-easing='ease-in-out-circ'] {
-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

[data-sal][data-sal-easing='ease-in-expo'] {
-webkit-transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

[data-sal][data-sal-easing='ease-out-expo'] {
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

[data-sal][data-sal-easing='ease-in-out-expo'] {
-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

[data-sal][data-sal-easing='ease-in-quad'] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-sal][data-sal-easing='ease-out-quad'] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-sal][data-sal-easing='ease-in-out-quad'] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-sal][data-sal-easing='ease-in-quart'] {
-webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

[data-sal][data-sal-easing='ease-out-quart'] {
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-sal][data-sal-easing='ease-in-out-quart'] {
-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

[data-sal][data-sal-easing='ease-in-quint'] {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

[data-sal][data-sal-easing='ease-out-quint'] {
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

[data-sal][data-sal-easing='ease-in-out-quint'] {
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

[data-sal][data-sal-easing='ease-in-sine'] {
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-sal][data-sal-easing='ease-out-sine'] {
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-sal][data-sal-easing='ease-in-out-sine'] {
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-sal][data-sal-easing='ease-in-back'] {
-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-sal][data-sal-easing='ease-out-back'] {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-sal][data-sal-easing='ease-in-out-back'] {
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/**
* Animations
*/
[data-sal|='fade'] {
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
}

[data-sal|='fade'].sal-animate,
body.sal-disabled [data-sal|='fade'] {
opacity: 1;
}

[data-sal|='slide'] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}

[data-sal='slide-up'] {
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
}

[data-sal='slide-down'] {
-webkit-transform: translateY(-20%);
-ms-transform: translateY(-20%);
transform: translateY(-20%);
}

[data-sal='slide-left'] {
-webkit-transform: translateX(20%);
-ms-transform: translateX(20%);
transform: translateX(20%);
}

[data-sal='slide-right'] {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
}

[data-sal|='slide'].sal-animate,
body.sal-disabled [data-sal|='slide'] {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}

[data-sal|='zoom'] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}

[data-sal='zoom-in'] {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}

[data-sal='zoom-out'] {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

[data-sal|='zoom'].sal-animate,
body.sal-disabled [data-sal|='zoom'] {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}

[data-sal|='flip'] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}

[data-sal='flip-left'] {
-webkit-transform: perspective(2000px) rotateY(-91deg);
transform: perspective(2000px) rotateY(-91deg);
}

[data-sal='flip-right'] {
-webkit-transform: perspective(2000px) rotateY(91deg);
transform: perspective(2000px) rotateY(91deg);
}

[data-sal='flip-up'] {
-webkit-transform: perspective(2000px) rotateX(-91deg);
transform: perspective(2000px) rotateX(-91deg);
}

[data-sal='flip-down'] {
-webkit-transform: perspective(2000px) rotateX(91deg);
transform: perspective(2000px) rotateX(91deg);
}

[data-sal|='flip'].sal-animate,
body.sal-disabled [data-sal|='flip'] {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
/*==============================================================*/
.yc-title {
font-size:4rem !important;
margin-bottom:0px;
}
@media only screen and (max-width: 968px) {
.yc-scroll {
padding:30px 0px;
}
.section:first-of-type{
font-size:2rem !important;
padding-left:0px;
}
.yc-title {
font-size:2rem !important;
margin-bottom:0px;
}
}
/*====================================================================*/
.section-gap-large {
padding: 80px 0px;
}
.section-gap-medium {
padding: 60px 0px;
}
.section-gap-small {
padding: 30px 0px;
}
.sectiontop-gap-large {
padding-top: 80px;
}
.sectiontop-gap-medium {
padding-top: 60px;
}
.sectiontop-gap-small {
padding-top: 30px;
}
.sectionbottom-gap-large {
padding-bottom: 80px;
}
.sectionbottom-gap-medium {
padding-bottom: 60px;
}
.sectionbottom-gap-small {
padding-bottom: 30px;
}
.section-mdgap-small{
padding:15px 0px;
}
/*================================================================*/
.sub-header{
width:100%;
position:relative;
padding:70px 0px;
background:#F7F7F8;
text-align:center;
}
.sub-header.sub-image{
background-size: cover !important;
background-position: 100% !important;
background-repeat: no-repeat !important;
color:var(--color-white);
}
.sub-header.sub-image .breadcrumb-item.active {
color: var(--color-white);
}
.sub-header.sub-image .breadcrumb-item::before{
color: var(--color-white);
}
.sub-header .breadcrumb{
justify-content:center;
}
.sub-header h1{
font-size:42px;
line-height:72px;
font-weight:700;
}
.sub-text{
border-radius: 50px;
background: var(--color-white);
display: inline-block;
margin-bottom: 15px;
color: var(--color-dark);
font-size: 13px;
padding: 7px 20px;
}
/*=======================================================*/
.vbox{
width:100%;
position:relative;
border:1px solid #ddd;
border-radius:10px;
overflow:hidden;
}
.vbox .vbox-media{
width:100%;
position:relative;
height:200px;
overflow:hidden;
}
.vbox .vbox-media img{
width:100%;
height:100%;
object-fit:cover;
}
.vbox .vbox-content{
width:100%;
position:relative;
padding:15px;
min-height:315px;
}
/*=======================================================*/
.home-slider {
background-image: url(../images/preloaderbg.png);
background-position: 100%;
background-size: cover;
width: 100%;
height: 100vh;
display: flex;
align-items: center;
}
.home-slider-product {
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 30px;
margin-top: 100px;
text-align:center;
}
.home-slider-product .home-slider-product-media {
width: 203px;
overflow: hidden;
height: auto;
}
.home-slider-product .home-slider-product-media img {
width: 100%;
}
.home-slider-product-name {
font-size: 42px;
color: var(--color-secondary);
font-weight: 400;
}
.logo {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.logo img {
width: 180px;
}
.hastag {
font-weight: 400;
text-transform: uppercase;
color: var(--color-primary);
font-size: 46px;
}
.hsvbox {
width: 100%;
position: relative;
border: 2px solid #E4E4E3;
border-radius: 20px;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
height: 290px;
}
.hsvbox .hsvbox-inner {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
height: 100%;
gap: 5px;
}
.hsvbox .sub-title {
font-size: 30px;
color: var(--color-secondary);
}
.hsvbox .title {
font-size: 30px;
color: var(--color-secondary);
font-weight: 400;
}
.hsvbox .counter {
font-size: 46px;
color: var(--color-dark);
font-weight: 700;
}
.hsvbox .next-sub-title {
font-size: 46px;
color: var(--color-primary);
font-weight: 400;
}
.hsvbox .next-title {
font-size:32px;
color: var(--color-dark);
font-weight: 700;
line-height: 56px;
text-transform:uppercase;
}
.hsvbox-logo{
width:200px;
margin-bottom:20px;
}
/*=======================================================*/
.faq-accordion .accordion-item {
border: none;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.1);
}
.faq-accordion .accordion-item:last-child {
margin-bottom: 0;
}
.faq-accordion .accordion-item .accordion-header {
padding: 0;
position: relative;
}
.faq-accordion .accordion-item .accordion-button {
background-color: var(--color-primary);
padding: 20px 45px 20px 30px;
border-radius: 10px 10px 0 0;
border: none;
box-shadow: none;
font-size: 18px;
font-weight: 600;
color: var(--color-white);
-webkit-transition: .3s;
transition: .3s;
z-index: 2;
}
@media only screen and (max-width: 575px) {
.faq-accordion .accordion-item .accordion-button {
font-size: 16px;
}
}
.faq-accordion .accordion-item .accordion-button:after {
display: none;
}
.faq-accordion .accordion-item .accordion-button:before {
content: "\e91e";
font-family: "icomoon";
font-size: 6px;
color: var(--color-white);
background-image: none;
position: absolute;
top: 28px;
right: 30px;
line-height: 1;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: .3s;
transition: .3s;
}
.faq-accordion .accordion-item .accordion-button.collapsed {
background-color: transparent;
color: var(--color-heading);
}
.faq-accordion .accordion-item .accordion-button.collapsed:before {
top: 28px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
color: var(--color-body);
}
.faq-accordion .accordion-item .accordion-body {
padding: 25px 30px 30px;
}
.faq-accordion .accordion-item .accordion-body p {
margin-bottom: 0;
}
/*=======================================================*/
.main-header {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
padding: 15px 0px;
z-index: 9;
}
.main-header.inner-header{
position:relative;
background:var(--color-white);
flex-direction: row;
justify-content: space-between;
padding:10px 15px;
}
.main-header.inner-header .logo{
margin-bottom:0px;
width: auto;
}
.main-menu .navbar ul {
border: 2px solid #E4E4E3;
border-radius: 15px;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
padding: 0px 20px;
}

.main-menu .nav-link {
padding: 10px 10px !important;
font-size: 16px;
color: var(--color-dark);
font-weight: 600;
}

.meubar {
border: 2px solid #E4E4E3;
border-radius: 15px;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
padding: 10px 20px;
margin-left: 10px;
}

.main-header.edu-sticky {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 99;
background-color: rgba(255, 255, 255, 0.5);
-webkit-animation: headerSticky .95s ease forwards;
animation: headerSticky .95s ease forwards;
flex-direction: row;
justify-content: space-between;
padding: 10px 20px;
margin: 0;
}
.main-header.inner-header.edu-sticky{
background:var(--color-white);
}
.main-header.edu-sticky .logo {
width: auto;
margin: 0;
}
.meubar-mobile{
display:none;
}
@media only screen and (max-width: 967px) {
.main-header{
position: absolute;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
padding:10px 15px;
}
.main-header .main-menu{
display:none;
}
.main-header .logo{
justify-content:flex-start;
margin-bottom:0px;
}
.meubar-mobile{
display:block;
padding:0.5rem 1rem !important;
border-radius:10px;
}
.home-slider{
height:auto;
}
.home-slider-product-name {
font-size: 28px;
color: var(--color-secondary);
font-weight: 400;
}
.home-slider-product .home-slider-product-media {
width: 150px;
overflow:hidden;
height: auto;
}
.main-header.edu-sticky{
background-color: rgba(255, 255, 255, 1);
}
}
/*=======================================================*/
.dropdown-toggle::after {
border: 0px !important;
content: "\ea4e";
font-family: remixicon !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
vertical-align: inherit !important;
}
.dropdown-hover:hover>.dropdown-menu {
display: inline-block;
}
.dropdown-hover>.dropdown-toggle:active {
pointer-events: none;
}
.mega-menu {
width: 765px;
height: auto;
left: -650px;
border: 0px !important;
margin: 0 !important;
padding: 50px !important;
background: var(--color-white) !important;
box-shadow: 0px 3px 6px #00000029;
border-radius: 16px !important;
z-index: 999999999;
}
.mega-menu .container,
.mega-menu .container-fluid {
display: block !important;
}
/*=======================================================*/
.product-bg {
width: 100%;
position: relative;
background: url(../../assets/images/sectionbg.jpg) no-repeat;
background-size: cover;
background-position: 100%;
}
.product {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.product .productbox {
width: 225px;
height: 100%;
margin: 0 auto;
transition: var(--transition);
padding: 10px;
border-radius: 16px;
border: 1px solid transparent;
margin: 0 auto;
}
.product.product-small .productbox {
width: 150px;
}
.productbox .productbox-inner {
border-radius: 16px;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
padding: 10px;
border: 2px solid transparent;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
text-align: center;
gap: 15px;
}
.product:hover .productbox {
background: transparent;
box-shadow: 0px 3px 10px #00000014;
border: 1px solid #707070;
}
.product:hover .productbox .productbox-inner {
border: 2px solid #707070;
background: rgba(255, 255, 255, 0.1);
}
.product .product-media {
display: block;
overflow: hidden;
position: relative;
width: 155px;
}
.product.product-small .product-media {
width: 85px;
}
.product .product-media::before {
content: "";
display: block;
padding-top: 138%;
}
.product .product-media .product-media-item {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.product .product-media .product-media-item img {
width: 100%;
height: 100%;
margin: 0 auto;
object-fit: contain;
}
.product-content {
position: relative;
width: 100%;
height: 55px;
}
.product.product-small .product-content {
height: 35px;
}
.product-content .product-name {
font-size: 18px;
line-height: 32px;
font-weight: 600 !important;
margin-bottom: 0px;
transition: var(--transition);
}
.product.product-small .product-name {
font-size: 12px;
line-height: 24px;
}
.product-content .product-name a {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color:var(--color-dark);
}
.product-content .viewdetails-btn-group {
visibility: hidden;
opacity: 0;
}
.product:hover .product-name {
margin-top: -10px;
}
.product:hover .viewdetails-btn-group {
visibility: visible;
opacity: 1
}
.product.product-small .btn {
font-size: 12px;
padding-top: 0px;
}
@media only screen and (max-width: 968px) {
.product .productbox {
width: 100%;
padding: 0px;
}
.product .product-media {
width: 100px;
}
.product-content .product-name {
font-size: 14px;
line-height: 26px;
}
.product-content .viewdetails-btn-group {
visibility: visible;
opacity: 1
}
.viewdetails-btn-group .btn {
font-size: 12px;
}
}
/*==================================================================*/
.cols-1>* {
max-width: 100%;
flex: 0 0 100%
}
.cols-2>* {
max-width: 50%;
flex: 0 0 50%
}
.cols-3>* {
max-width: 33.3333%;
flex: 0 0 33.3333%
}
.cols-4>* {
max-width: 25%;
flex: 0 0 25%
}
.cols-5>* {
max-width: 20%;
flex: 0 0 20%
}
.cols-6>* {
max-width: 16.6667%;
flex: 0 0 16.6667%
}
.cols-7>* {
max-width: 14.2857%;
flex: 0 0 14.2857%
}
.cols-8>* {
max-width: 12.5%;
flex: 0 0 12.5%
}
@media (min-width:480px) {
.cols-xs-1>* {
max-width: 100%;
flex: 0 0 100%
}
.cols-xs-2>* {
max-width: 50%;
flex: 0 0 50%
}
.cols-xs-3>* {
max-width: 33.3333%;
flex: 0 0 33.3333%
}
.cols-xs-4>* {
max-width: 25%;
flex: 0 0 25%
}
.cols-xs-5>* {
max-width: 20%;
flex: 0 0 20%
}
.cols-xs-6>* {
max-width: 16.6667%;
flex: 0 0 16.6667%
}
.cols-xs-7>* {
max-width: 14.2857%;
flex: 0 0 14.2857%
}
.cols-xs-8>* {
max-width: 12.5%;
flex: 0 0 12.5%
}
}
@media (min-width:576px) {
.cols-sm-1>* {
max-width: 100%;
flex: 0 0 100%
}
.cols-sm-2>* {
max-width: 50%;
flex: 0 0 50%
}
.cols-sm-3>* {
max-width: 33.3333%;
flex: 0 0 33.3333%
}
.cols-sm-4>* {
max-width: 25%;
flex: 0 0 25%
}
.cols-sm-5>* {
max-width: 20%;
flex: 0 0 20%
}
.cols-sm-6>* {
max-width: 16.6667%;
flex: 0 0 16.6667%
}
.cols-sm-7>* {
max-width: 14.2857%;
flex: 0 0 14.2857%
}
.cols-sm-8>* {
max-width: 12.5%;
flex: 0 0 12.5%
}
}
@media (min-width:768px) {
.cols-md-1>* {
max-width: 100%;
flex: 0 0 100%
}
.cols-md-2>* {
max-width: 50%;
flex: 0 0 50%
}
.cols-md-3>* {
max-width: 33.3333%;
flex: 0 0 33.3333%
}
.cols-md-4>* {
max-width: 25%;
flex: 0 0 25%
}
.cols-md-5>* {
max-width: 20%;
flex: 0 0 20%
}
.cols-md-6>* {
max-width: 16.6667%;
flex: 0 0 16.6667%
}
.cols-md-7>* {
max-width: 14.2857%;
flex: 0 0 14.2857%
}
.cols-md-8>* {
max-width: 12.5%;
flex: 0 0 12.5%
}
}
@media (min-width:992px) {
.cols-lg-1>* {
max-width: 100%;
flex: 0 0 100%
}
.cols-lg-2>* {
max-width: 50%;
flex: 0 0 50%
}
.cols-lg-3>* {
max-width: 33.3333%;
flex: 0 0 33.3333%
}
.cols-lg-4>* {
max-width: 25%;
flex: 0 0 25%
}
.cols-lg-5>* {
max-width: 20%;
flex: 0 0 20%
}
.cols-lg-6>* {
max-width: 16.6667%;
flex: 0 0 16.6667%
}
.cols-lg-7>* {
max-width: 14.2857%;
flex: 0 0 14.2857%
}
.cols-lg-8>* {
max-width: 12.5%;
flex: 0 0 12.5%
}
}
@media (min-width:1200px) {
.cols-xl-1>* {
max-width: 100%;
flex: 0 0 100%
}
.cols-xl-2>* {
max-width: 50%;
flex: 0 0 50%
}
.cols-xl-3>* {
max-width: 33.3333%;
flex: 0 0 33.3333%
}
.cols-xl-4>* {
max-width: 25%;
flex: 0 0 25%
}
.cols-xl-5>* {
max-width: 20%;
flex: 0 0 20%
}
.cols-xl-6>* {
max-width: 16.6667%;
flex: 0 0 16.6667%
}
.cols-xl-7>* {
max-width: 14.2857%;
flex: 0 0 14.2857%
}
.cols-xl-8>* {
max-width: 12.5%;
flex: 0 0 12.5%
}
}
@media (min-width:1600px) {
.cols-xxl-1>* {
max-width: 100%;
flex: 0 0 100%
}
.cols-xxl-2>* {
max-width: 50%;
flex: 0 0 50%
}
.cols-xxl-3>* {
max-width: 33.3333%;
flex: 0 0 33.3333%
}
.cols-xxl-4>* {
max-width: 25%;
flex: 0 0 25%
}
.cols-xxl-5>* {
max-width: 20%;
flex: 0 0 20%
}
.cols-xxl-6>* {
max-width: 16.6667%;
flex: 0 0 16.6667%
}
.cols-xxl-7>* {
max-width: 14.2857%;
flex: 0 0 14.2857%
}
.cols-xxl-8>* {
max-width: 12.5%;
flex: 0 0 12.5%
}
}
.order-first {
order: -1
}
.order-last {
order: 9
}
@media (min-width:576px) {
.order-sm-auto {
order: 0
}
.order-sm-first {
order: -1
}
.order-sm-last {
order: 9
}
}
@media (min-width:768px) {
.order-md-auto {
order: 0
}
.order-md-first {
order: -1
}
.order-md-last {
order: 9
}
}
@media (min-width:992px) {
.order-lg-auto {
order: 0
}
.order-lg-first {
order: -1
}
.order-lg-last {
order: 9
}
}
@media (min-width:1200px) {
.order-xl-auto {
order: 0
}
.order-xl-first {
order: -1
}
.order-xl-last {
order: 9
}
}

/*=======================================================*/
.menuModal.modal.left .modal-dialog,
.menuModal.modal.right .modal-dialog {
position: fixed;
margin: auto;
width: 350px;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.menuModal.modal.left .modal-content,
.menuModal.modal.right .modal-content {
height: 100%;
overflow-y: auto;
}
.menuModal.modal.right.fade .modal-dialog {
right: -350px;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}
.menuModal.modal.right.fade.show .modal-dialog {
right: 0;
}
.menuModal .modal-content{
border-radius:0px;
border:0px;
background:#FDF6F0;
padding-top:70px;
}
.menuModal .btn-close{
position:absolute;
top:15px;
right:15px;
}
.menuModal ul{
margin:0;
padding:0;
list-style:none;
}
.menuModal ul li{
display:inline-block;
width:100%;
position:relative;
font-size:16px;
font-weight:600;
}
.menuModal ul li a{
display:inline-block;
padding:20px;
width:100%;
}
.menuModal ul li.active{
background:var(--color-white);
}
/*=======================================================*/
#edublink-preloader {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 99999999999;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
/* Safari support */
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align:center;
padding:50px;
}

#edublink-preloader .preloader-title {
font-size: 46px;
color: var(--color-dark);
}

#edublink-preloader .preloader-brand {
font-size: 62px;
font-weight: 700;
}

#edublink-preloader.loaded .preloader-close-btn-wraper {
bottom: 200%;
}
@media only screen and (max-width: 967px) {
#edublink-preloader .preloader-title {
font-size: 26px;
color: var(--color-dark);
}

#edublink-preloader .preloader-brand {
font-size: 62px;
font-weight: 700;
}	
}
/*=======================================================*/