:root {
    --gs-orange: #b20000;
    --gs-violet: #880000;
    --gs-orange-rgb: 245, 209, 51;
    --gs-violet-rgb: 9, 62, 146;
	--gs-black: #b20000;
    --gs-black-2: #1E1E2F;
    --gs-light-gray: #D5D5D5;
	--black: #1F1F1F;
}

html, body{
    font-family: 'Museo-500', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(89,89,89,1);
/*     text-shadow: 1px 1px 1px rgba(0,0,0); */
/*     text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important; */
    background: #fff;
}
a, .effect-a {
    color: #f3f3f3;
    text-decoration: none;
}
a:hover, a:focus{
    color: rgba(89,89,89,1);
    text-decoration: none;
	opacity: 1!important;
}
img{
    max-width: 100%;
}
.pointer{
	cursor: pointer;
}
.h-fix-cover{
	max-height: 350px;
    object-fit: cover;
}
.object-fit-cover{
	object-fit: cover;
}
a.no-effect{
	color: var(--gs-black-2);
	text-decoration: none;
}
a.no-effect:hover, a.no-effect:focus{
	color: var(--gs-black-2);
	text-decoration: none;
}
/* WE Colors */
.color-unset{
	color: unset;
}
.orange, blue{
    color: var(--gs-orange);
}
.green, green{
	color:  var(--gs-black);
}
.bg-orange{
    background-color: var(--gs-orange)!important;
}
.voilet{
    color: var(--gs-black);
}
.bg-voilet{
    background-color: var(--gs-violet);
}
.bg-voilet-03{
    background-color: rgba(var(--gs-violet-rgb), 0.03);
}
.black, .black a{
    color: var(--gs-black);
}
.hover-white:hover{
	color: white;
}
.bg-ztl-black{
    background-color: var(--black);
}
.bg-black-gs{
    background-color: var(--gs-black);
}
.bg-black-gs-imp{
    background-color: var(--gs-black)!important;
}
.bg-work-01{
    background-color: #F7F7F7;
}
.bg-work-02{
    background-color: #F0F1F2;
}
.bg-work-03{
    background-color: #5683D2;
}
.bg-work-04 {
    background-color: rgba(0, 0, 0, 0.25);
}
.bg-work-05 {
    border: 1px solid rgba(86, 131, 210, 0.2);;
	background: rgba(179, 199, 235, 0.2);
}
.bg-work-06{
	background: #E4EBF6;
}
.bg-work-07{
	background: #B3C7EB;
}
.bg-work-08{
	background: #FCFBFA;
}
.bg-tile-color{
    background-color: #D9D9D9;
    transition-duration: 0.5s;
}
.hover-shadow:hover{
   box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
}
.bg-tile-color img{
	mix-blend-mode: multiply;
}
.light-gray{
    color: var(--gs-light-gray);
}
.bg-black-60{
	background: rgba(0,0,0,0.6);
}
.z-1{
	z-index: 3;
}
/* WE Opacity */
.opacity-0{
    opacity: 0;
}
.opacity-5{
    opacity: 0.5;
}
.opacity-6{
    opacity: 0.6;
}
.opacity-8{
    opacity: 0.8;
}
.active .opacity-6{
	opacity: 1;
}
/* WE Spacing */
.p-12{
    padding: 0.75rem !important;
}
.p-24{
    padding: 1.5rem !important;
}
.p-32{
    padding: 2rem !important;
}
.p-40{
    padding: 2.5rem !important;
}
.px-40{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important; 
}
.pt-40{
    padding-top: 2.5rem !important;
}
.pb-40{
    padding-bottom: 2.5rem !important;
}
.p-64{
    padding: 4rem !important;
}
.px-64{
    padding-left: 4rem;
    padding-right: 4rem;
}
.pt-64{
    padding-top: 4rem;
}
.pb-64{
    padding-bottom: 4rem;
}
.ps-64{
    padding-left: 4rem;
}
.p-80{
    padding: 5rem !important;
}
.pt-80{
    padding-top: 5rem !important;
}
.ps-80{
    padding-left: 5rem !important;
}
.pb-80{
    padding-bottom: 5rem !important;
}
.pt-96{
    padding-top: 6rem;
}
.pt-120{
    padding-top: 7.5rem !important;
}
.p-120{
    padding: 7.5rem !important;
}
.py-120{
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}
.pb-120{
    padding-bottom: 7.5rem;
}
.py-148{
    padding-top: 148px;
    padding-bottom: 148px;
}
.p-160{
    padding: 10rem !important;
}
.pt-160{
    padding-top: 10rem !important;
}
.pb-160{
    padding-bottom: 10rem !important;
}
.mb-neg-10{
    margin-bottom: -10px;
}
.mb-neg-24{
    margin-bottom: -24px;
}
.mb-neg-50{
    margin-bottom: -50px;
}
.m-12{
    margin: 0.75rem !important;
}
.m-24{
    margin: 1.5rem !important;
}
.m-40{
    margin: 2.5rem !important;
}
.mt-40{
    margin-top: 2.5rem !important;
}
.m-64{
    margin: 4rem !important;
}
.mt-64{
    margin-top: 4rem !important;
}
.m-80{
    margin: 5rem !important;
}
.mt-80{
    margin-top: 5rem !important;
}
.m-120{
    margin: 7.5rem !important;
}
.mt-120{
    margin-top: 7.5rem !important;
}
.m-160{
    margin: 10rem !important;
}
.mt-160{
    margin-top: 10rem !important;
}
.mt-n-160{
	margin-top: -10rem !important;
}
/* WE Headings and descriptions, fonts */
h1, .h1{
    font-weight: 400;
    font-size: 48px;
    line-height: 56px;
	font-family: 'Museo-700';
}
.h1-desc, .h1-desc p{
    font-size: 20px;
    line-height: 28px;
}
h2, .h2{
    font-weight: 400;
    font-size: 36px;
    line-height: 54px;
	color: rgba(38,38,38,1);
}
h3, .h3{
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}
h4, .h4{
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}
h5, .h5{
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
}
.fs-6{
	font-size: 6px!important;
}
.fs-10{
	font-size: 10px;
}
.fs-12{
    font-size: 12px;
    line-height: 14px;
}
.fs-13{
    font-size: 14px;
    line-height: 18px;
}
.fs-14, .fs-14 p{
    font-size: 14px;
    line-height: 24px;
}
.fs-16{
    font-size: 16px;
    line-height: 24px;
}
.fs-18{
    font-size: 18px;
    line-height: 24px;
}
.fs-20{
    font-size: 20px;
    line-height: 28px;
}
.fs-24{
    font-size: 24px;
    line-height: 32px;
}
.fs-32{
    font-size: 32px;
    line-height: 40px;
}
.fs-40{
    font-size: 32px;
    line-height: 40px;
}
.fw-200{
    font-weight: 300;
}
.fw-400{
    font-weight: 300;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 500;
}
.fw-700{
    font-weight: 700;
}
.fw-800{
    font-weight: 900;
}
/* WE widths, positions and sizing */
.max-width-250{
    max-width: 250px;
    width: 100%;
}
.max-width-300{
    max-width: 300px;
    width: 100%;
}
.max-width-400{
    max-width: 400px;
    width: 100%;
}
.max-width-500{
    max-width: 500px;
    width: 100%;
}
.max-width-580{
    max-width: 580px;
    width: 100%;
}
.max-width-660{
    max-width: 660px;
    width: 100%;
}
.max-width-750{
    max-width: 750px;
    width: 100%;
}
.max-width-820{
    max-width: 820px;
    width: 100%;
}
.max-width-960{
    max-width: 960px;
    width: 100%;
}
.max-width-1100{
    max-width: 1100px;
    width: 100%;
}
.max-width-1760{
    max-width: 1760px;
    width: 100%;
}
.wh-56{
    width: 56px;
    height: 56px;
}
.wh-64{
    width: 64px;
    height: 64px;
}
.wh-96{
    width: 96px;
    height: 96px;
}
.w-100-96{
	width: calc( 100% - 96px );
}
.wh-160{
	width: 160px;
    height: 160px;
}
.height-32{
    height: 32px;
    width: auto;
}
.flex-1-1-auto{
    flex: 1 1 auto!important;
}
/* WE Borders */
.border-radius-8{
    border-radius: 8px;
}
.border-radius-10{
    border-radius: 10px;
}
.border-radius-20{
    border-radius: 20px;
}
.border-radius-24{
    border-radius: 24px;
}
.border-radius-50{
    border-radius: 50%;
}
.border-1px-dee{
	border: 1px solid #dee2e8;
}
.border-top-green{
	border-top: 1px solid #b20000;
}
/* WE background */
.bg-no-repeat{
    background-repeat: no-repeat!important;
}
.bg-cover{
    background-size: cover!important;
}
.bg-contain{
    background-size: contain!important;
}
.bg-x-center{
    background-position: center!important;
}
/* WE buttons */
.btn.btn-primary{
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding: 12px 24px;
    border-radius: 4px;
    background-color: var(--gs-black);
    border: none;
}
.btn.btn-primary .icon{
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	fill: #fff;
}
.btn.btn-primary.cta{
    background-color: var(--gs-black);
    line-height: 1.875rem;
    padding: 16px 32px;
	color: #fff;
	font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    border-radius: 4px;
}
.btn.btn-primary.cta:hover{
    background-color: white;
	color: #000;
}
.btn.btn-primary.cta:hover .hover-white{
	color: #fff;
}
.btn.btn-primary:not(.cta):hover{
    background-color: var(--gs-black);
    text-decoration: none;
}
.btn.btn-primary.light{
    color: #1F1F1F;
    background-color: white;
}
.btn.btn-primary.light:hover{
    color: #fff;
    text-decoration: none;
	background-color: var(--gs-black);
}
.btn.btn-primary:active:focus, .btn.btn-primary:active, .btn.btn-primary:focus{
    box-shadow: 0 0 0 0.25rem rgba(var(--gs-orange-rgb), .10);;
    text-decoration: none;
}
.btn.btn-primary.cta:hover{
    transform: scale(1);
    text-decoration: none;
}
.v-navs-p .nav-link{
	color: var(--gs-black);
}
.v-navs-p .nav-link.active{
	color: #FFFFFF;
    padding: 12px 24px;
    border-radius: 100px;
    background-color: var(--gs-black);
}
/* WE Navs */
.header-container{
    position: sticky;
    top: 0;
    z-index: 99;
    background: white;
}
.navbar-nav .nav-item{
    padding: 0px 20px;
}
.navbar-nav ul li.nav-item {
    padding: 0px 0px;
}
.navbar-nav .nav-item .nav-link, .nav-link-last{
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #1f1f1f;
    padding: 12px 0px;
	text-decoration:none!important;
}
.nav-item.dropdown .dropdown-menu{
	border-radius: 0px;
    box-shadow: none!important;
    border: 0px;
}
.nav-item.dropdown .dropdown-menu .dropdown-item{
	padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none!important;
}
/* WE Shadows */
.shadow-xs{
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.05);
}
.special-box-ios{
	background: linear-gradient(303.95deg, rgba(30, 30, 47, 0.03) 39.3%, rgba(255, 255, 255, 0) 115.47%);
	border-radius: 20px 20px 0px 0px;
}
.hover-shadow:hover{
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.05);
}
/*Popup CSS*/
.video-popup_par{
  	position: fixed;
    z-index: 9990;
    background: rgb(0 0 0 / 75%);
    top: 0px;
    height: 100vh;
    width: 100%;
    align-items: center;
  	display:none;
}
.video-container_par {
    position: relative;
    width: 90%;
    max-width: 960px;
    margin: auto;
}
.video-container_par .video_par_inside{
    position: absolute;    
	top: 22rem;
}
.video-container_par .video_par_inside video{
	width: 100%;
	object-fit: cover;
}
.close_par{
    position: absolute;
    right: -50px;
    top: 20rem;
    font-size: 24px;
    color: white;
	padding: 0px!important;
    border: 1px solid;
    border-radius: 50%;
  	cursor: pointer;
	width: 40px;
    height: 40px;
    text-align: center;
    line-height: 42px!important;
}
@media only screen and (max-width: 980px) {
	.close_par{
		top: 110%!important;
		left: 48%;
	}
}
/* Special CSS */
.csssqaceinn{
	display: flex !important;
	margin-bottom: 7% !important;
}
.csssqaceinn span i{
	display: block;
}
.csssqaceinn span i .icon{
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	fill: #fff;
}
.hover-unset:hover{
	color: unset;
	text-decoration: none;
}
.bg-grad-box{
    background: linear-gradient(180deg, #282828 0%, rgba(117, 117, 117, 0) 49.02%, rgba(196, 196, 196, 0) 100%);
    transform: rotate(-180deg);
}
.social-icons .footer-social>span{
    font-size: 18px;
    width: 32px;
    height: 32px;
    border: 1px solid var(--gs-orange);
    line-height: 32px;
}
.social-icons .footer-social>span:hover{
    background-color: var(--gs-orange);
    color: white;
}

.tile-desc-on-hover{visibility:hidden;background: rgb(0 0 0 / 60%);}
.hover-things:hover .tile-desc-on-hover{visibility:visible;}
.blog-pagination div.pagination{
	display: flex;
    justify-content: center;	
}
.blog-pagination ul.pagination{
	display: flex;
    align-items: center;
}
.blog-pagination .page-link{
	border: 0px;
    background: transparent;
}
.blog-pagination .page-link:hover, .blog-pagination .page-link:focus{
	box-shadow: none;
	border: 0px;
	text-decoration: none;
	color: #b20000;
}
.blog-pagination .page-link.current{color: #b20000;}
.pagination-control{
	background: rgb(228 228 228 / 36%);
    border: 2px solid rgba(254, 254, 254, 0.2);
    width: 40px;
    height: 40px;
    color: white;
}
.page-link:hover .pagination-control{
	background: var(--gs-orange);
}
.blog-categories a.cat-s {
    background: #E5E6EA;
    border: 1px solid #D9DBE9;
    box-sizing: border-box;
    border-radius: 23px;
    padding: 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    display: inline-block;
    color: #4A5468;
    font-weight: normal;
}
.hover-icon{
	color: #FF0000;
	font-size: 52px;
	background: rgb(0 0 0 / 25%);
	transition-duration: 0.5s;
}
.click-popup:hover .hover-icon{
	background: rgb(0 0 0 / 50%);
}

.content-conta-top-banner{
    max-width: calc(1320px / 2);
}
.clients-logos .client-logo .client {
    max-width: 150px;
    max-height: 60px;
	mix-blend-mode: multiply;
}
.gs-tabs .nav-link-tabs.active {
    background: #b20000;
	color: white;
}
input.form-control, textarea.form-control, select.form-control{
	border-radius: 2px;
    background: transparent;
    color: #4b90e2;
    margin-top: 8px;
}
.tolerence-table th, .tolerence-table td{
	padding: 16px 0px!important;
	background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.tolerence-table table{
	margin-bottom: 0px;
	color: white;
	width: 100%;
}
.tolerence-table tbody tr:last-child td{
	border-bottom-width: 0px;
}
.faqs .accordion-item {
    border-bottom: 1px solid #E4E4E4!important;
}
.whyztl .carousel-indicators [data-bs-target]{
	height: 5px;
    background-color: #EBEBF5;
    opacity: 1!important;
}
.whyztl .carousel-indicators .active{
	background-color: #36B8EA;
}
.special-ul ul {
    list-style: none;
    padding-left: 40px;
}
.special-ul ul li {
    text-indent: -27px;
    margin-bottom: 16px;
    line-height: 32px;
}
.special-ul ul li:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f00c';
    color: var(--gs-orange);
    padding-right: 12px;
    text-indent: 35px;
    font-weight: bolder;
    font-size: 16px;
}
.testimonial-user .user-img {
    width: 56px;
    height: 56px;
}
.border-radius-50 {
    border-radius: 50%;
	overflow: hidden;
}
.testimonial-tile:hover{
	background: #880000!important;
	color: white;
}

span.single-icon {
    background: #050505;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    line-height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}
/*Popup CSS*/
.video-popup_par{
  	position: fixed;
    z-index: 9990;
    background: rgb(0 0 0 / 75%);
    top: 0px;
    height: 100vh;
    width: 100%;
    align-items: center;
  	display:none;
}
.video-popup_par.active{
	display: block;
}
.video-container_par {
    position: relative;
    width: 90%;
    max-width: 960px;
    margin: auto;
}
.video-container_par iframe {
    aspect-ratio: 16 / 9;
}
.caskamcmii{
	display: flex;
}
.caskamcmii i{
	display: block;
}
.caskamcmii i .icon{
	display: block;
	width: 1.5rem;
	height: 1.3rem;
	fill: #b20000;
}
.close_par{
    position: absolute;
    right: -50px;
    top: 20rem;
    font-size: 24px;
    color: white;
    line-height: 14px;
    padding: 10px;
    border: 1px solid;
    border-radius: 50%;
  	cursor: pointer;
}
.close_par i {
    display: flex;
    width: 2rem;
    height: 2rem;
    margin: 11% auto;
    justify-content: center;
    align-items: center;
}
.close_par i .icon{
	display: block;
	width: 2rem;
	height: 2rem;
	fill: #fff;
}
.close_par .fasharpddvddzz .icon{
	display: block;
	width: 1rem;
	height: 1rem;
	fill: #fff;
}
.flex_par{
	display: flex!important;
}
.popup-img{
	max-height: 90vh;
}
.video-containerpar{
	margin-top: 0 !important;
}



/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.container-t {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.container-t::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: #880000;
  border: 4px solid #4b90e2;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left {
  left: -4px;
}

/* Place the container to the right */
.right {
  left: calc(50% + 4px);
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
	display:none;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
	display:none;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -16px;
}

/* The actual content */
.content {
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
  .timeline::after {
    left: 31px;
  }

/* Full-width containers */
  .container-t {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

/* Make sure that all arrows are pointing leftwards */
  .container-t::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

/* Make sure all circles are at the same spot */
  .left::after, .right::after {
    left: 15px;
  }

/* Make all right containers behave like the left ones */
  .right {
    left: 0%;
  }
}


.our-team {
  padding: 30px 0 40px;
  margin-bottom: 30px;
  background-color: white;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.our-team .picture {
  display: inline-block;
  height: 130px;
  width: 130px;
  margin-bottom: 50px;
  z-index: 1;
  position: relative;
}

.our-team .picture::before {
  content: "";
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #880000;
  position: absolute;
  bottom: 135%;
  right: 0;
  left: 0;
  opacity: 0.9;
  transform: scale(3);
  transition: all 0.3s linear 0s;
}

.our-team:hover .picture::before {
  height: 100%;
}

.our-team .picture::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #4b90e3;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.our-team .picture img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.9s ease 0s;
}

.our-team:hover .picture img {
  box-shadow: 0 0 0 14px #f7f5ec;
  transform: scale(0.7);
}

.our-team .title {
  display: block;
  font-size: 15px;
  color: #4e5052;
  text-transform: capitalize;
}

.our-team .social {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #b20000;
  position: absolute;
  bottom: -100px;
  left: 0;
  transition: all 0.5s ease 0s;
}

.our-team:hover .social {
  bottom: 0;
}

.our-team .social li {
  display: inline-block;
}

.our-team .social li a {
  display: block;
  padding: 10px;
  font-size: 17px;
  color: white;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

.our-team .social li a:hover {
  color: #b20000;
  background-color: #f7f5ec;
}
.hover-action .visible-on-hover{
	visibility: hidden;
}
.hover-action:hover .visible-on-hover{
	visibility: visible;
}
.btns-slide-testi{
	width: 66px;
	height: 30px;
	background: #b20000;
	border-radius: 24px;
}
.blog-head-img{
	background: rgba(31, 31, 31, 0.10)
}
.wp-block-image{
	background: #F7F7F7;
    padding: 64px;
    padding-bottom: 32px;
}
.wp-block-image figcaption{
	text-align: left!important;
    color: #1F1F1F;
}
.translate-y-50-n{
	transform: translateY(-50%);
}
.mega-dropdown {
    position: static !important;
}
.mega-dropdown-menu{
	left: 0px;
}
.mega-dropdown-menu .container{
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.04);
    max-height: 90vh;
    overflow: scroll;
}
#mega-dropdown-tabs li > a, .material-tabs li > a{
    padding: 12px;
    color: #000000;
}
#mega-dropdown-tabs li > a .mega-icon{
    display: none;
}
#mega-dropdown-tabs li > a:hover, #mega-dropdown-tabs li > a.active, .material-tabs li > a:hover, .material-tabs li > a.active{
    color: var(--gs-black);
    background: #F5F5F5;
}
#mega-dropdown-menu li > a:hover .mega-icon, #mega-dropdown-tabs li > a.active .mega-icon{
    display: block;
}
.mega-dropdown-menu .tab-content .tab-pane, .tab-content .tab-pane > .row{
    height: 100%;
}
.dropdown-item.active, .dropdown-item:active{
	background: #b20000;
}
.dot-top{
	line-height: 0px;
	top: -8px;
}
.ez-toc-title-container, .ez-toc-sticky{
	display: none;
}
.language-custom .gt_float_switcher .gt_options{
	max-width: 100%!important;
}
.language-custom .gt_float_switcher .gt_options a{
	padding: 8px 8px!important;
	text-align: left!important;
	font-size: 16px!important;
}
#gt_float_wrapper{
	position: unset!important;
}
.check-ul ul{
	list-style: none;
    padding-left: 0px;
}
.check-ul ul li{
	display: flex;
	margin-bottom: 8px;
}
.check-ul ul li i{
	display: block;
	margin-right: 0.7rem;
}
.check-ul ul li i .icon{
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	fill: #b20000;
}
.slick-next:before {
	content: '\f0da'!important;
	font-family: 'FontAwesome'!important;
}
.slick-prev:before{
	content: '\f0d9'!important;
	font-family: 'FontAwesome'!important;
}
.slick-next{
	right: 25px!important;
}
.slick-prev {
	left: 25px!important;
}
.slick-dots{
	bottom: -50px!important;
	z-index: 0;
}
.slick-prev, .slick-next{
	top: auto!important;
	height: 40px!important;
	bottom: -80px !important;
}
.slick-dots li button:before{
	font-size: 10px!important;
}
.slick-dots li.slick-active button:before{
	color: #4b90e2!important;
	opacity: 1!important;
}
.slick-prev:before, .slick-next:before{
	line-height: 0px!important;
}
.content-line-10{
	display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
html, body{
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
.color-222222{
	color: #222222;
}
.color-3F6AD9{
	color: #b20000;
}
.color-3F6AD9-imp{
	color: #b20000!important;
}
.color-1F1F1F{
	color: #1F1F1F;
}
.color-1B1B1B, .color-black{
	color: #1B1B1B;
}
.color-black{
	color: #000;
}
.color-1753E5{
	color: #1753E5;
}
.bg-3F6AD9{
	background: #b20000;
}
.bg-3F6AD9-imp{
	background: #b20000!important;
}
.bg-F5F5FF{
	background: #F5F5FF;
}
.bg-3F6AD9-10{
	background: rgba(63, 106, 217, 0.1)!important;
}
.bg-F5F4FC{
	background: #F5F4FC;
}
.bg-FAF0ED{
	background: #FAF0ED;
}
.bg-F5F5FF{
	background: #F5F5FF;
}
.bg-F1F1F8{
	background: #F1F1F8;
}
.bg-F1F1F8-50{
	background: rgba(241, 241, 248, 0.5);
}
.bg-E3E3F3{
	background: #E3E3F3;
}
.bg-222222{
	background: #222222;
}
.bg-FCFBFF{
	background: #FCFBFF;
}
.border-color-3F6AD9{
	border-color: #b20000;
}
.bg-1B1B1B{
	background: #1B1B1B;
}
.bg-F8F8FB{
	background: #F8F8FB;
}
.border-3F6AD9-10{
	border: 1px solid rgba(63, 106, 217, .1)!important;
}

.check-ul.ul-arrow.ul-white li:before {
    color: #F1F1F8;
}
.btn.btn-primary.cta{
	padding: 12px 24px;
}
.fs-14{
	font-size: 14px;
	line-height: 18px;
}
.fs-28{
	font-size: 28px;
	line-height: 36px;
}
.fs-40-imp{
	font-size: 40px;
	line-height: 48px;
}
.fs-46{
	font-size: 46px;
	line-height: 56px;
}
.fw-400{
	font-weight: 400!important;
}
.mt-n5{
	margin-top: -48px;
}
.mx-n4{
	margin-left: -24px;
	margin-right: -24px;
}
.me-n4{
	margin-right: -24px;
}
.ms-n4{
	margin-left: -24px;
}
.min-height-350, .mh-350{
	min-height: 350px
}
@keyframes animatedBackground {
	from {
		background-position: 0 0;
	}
	to {
		background-position: 100% 0;
	}
}
#animate-area-1 {
	background-image: url(../images/bg-1.svg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
}
.bg-animation{
	animation: animatedBackground 10s linear infinite alternate;
}
.card-shadow{
	box-shadow: 0px 1px 4px rgb(0 0 0 / 8%);
}
@keyframes animatedQuoteBackground {
	0% {
		background: rgba(63, 106, 217, 0.1);
	}
	40% {
		background: rgba(255, 255, 255, 1);
		border: 1px solid rgba(63, 106, 217);
	}
	60% {
		background: rgba(255, 255, 255, 1);
		border: 1px solid rgba(63, 106, 217);
	}
	100%{
		background: rgba(63, 106, 217, 0.1);
	}
}
@keyframes animateBackdropBlur{
	0% {
		backdrop-filter: blur(2px);
	}
	100%{
		backdrop-filter: blur(0px);
	}
}
.quote-bg{
	background: rgba(63, 106, 217, 0.1);
	border: 1px solid rgba(63, 106, 217, 0.1);
}
.animate-quote-background{
	animation: animatedQuoteBackground 5s linear infinite alternate;
}
.animate-backdrop-blur{
	animation: animateBackdropBlur 3s linear infinite alternate;
}
@keyframes industryAnimation{
	0% {
		transform: rotate(0deg) scale(1);
	}
	25% {
		transform: rotate(2deg) scale(1.05);
	}
	75% {
		transform: rotate(-2deg) scale(1.05);
	}
	100%{
		transform: rotate(0deg) scale(1);
	}
}
.animate-industry-background{
	animation: industryAnimation 10s linear infinite;
}
.btn.bg-3F6AD9-imp, .btn.bg-3F6AD9-10{
	transition-duration: 0.3s;
	transition: transform .3s;
}
.btn.bg-3F6AD9-imp:hover{
	transform: scale(1.10)!important;
	color: white!important;
}
.btn.bg-3F6AD9-10:hover{
	transform: scale(1.05)!important;
	box-shadow: 0px 1px #b20000;
}
.play-bg:hover{
	background: url(../images/reliant_aluminum-e1721814382612.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	text-decoration: none;
	background-size: contain;
}
.background-contain{
	background-size: contain;
	background-repeat: no-repeat;
}
.background-center-x{
	background-position-x: center;
}
.backdrop-filter-4{
	backdrop-filter: blur(4px);
}
.hover-shadow{
	transition-duration: 0.3s;
}
.hover-image-zoom img{
	transition: transform .3s;
}
.cimgniasjiaw{
	height: 15rem !important;
}
.hover-shadow:hover{
	box-shadow: 0px 0px 24px rgb(0 0 0 / 10%);
}
.hover-image-zoom:hover img{
	transform: scale(1.10)!important;
}
.z-index-1{
	z-index: 1;
}
.hover-show-inside .show-on-hover, .hover-show-inside .show-on-hover-inline{
	display: none;
}
.hover-show-inside:hover .show-on-hover{
	display: block;
}
.hover-show-inside:hover .show-on-hover-inline{
	display: inline-block;
}
.multiply{
	mix-blend-mode: multiply;
}
.w-104{
	width: 104px;
}
.h-104{
	height: 104px;
}
.w-n-104{
	width: calc( 100% - 104px );
}
.w-75px{
	width: 75px;
}
.w-n-208{
	width: calc( 100% - 208px );
}
.border-color-C8C8EA{
	border-color: #C8C8EA!important;
}
.border-color-C8C8EA-20{
	border-color: rgba(200, 200, 234, 0.2)!important;
}
.bg-shadow-big{
	box-shadow: 0 0 132px rgba(0, 0, 0, 0.15);
}
.column-side .fa-angle-down{
	transition-duration: 0.3s;
	display: block;
}
.column-side .fa-angle-down .icon{
	fill: #b20000;
	width: 1.5rem;
	height: 1.5rem;
}
.column-side.active .fa-angle-down{
	transform: rotate(180deg);
}
.opacity-6-p p{
	opacity: 0.6;
}
.side-area.side-area-why .column-side.bg-work-01{
	background: #302E2D;
}
.hover-backgrop{
	transition-duration: 0.5s;
}
.hover-backgrop:hover{
	backdrop-filter: blur(10px);
}
.testimonails .slick-track
{
	display: flex !important;
}

.testimonails .slick-slide
{
	height: inherit !important;
}
input.btn.btn-primary{
	background-color: #b20000
}
.grayscale{
	filter: grayscale(1);
}
.aspect-ratio-16-9{
	aspect-ratio: 16/9;
}
.aspect-ratio-16-10{
	aspect-ratio: 16/10;
}
.mat-filter-mat.active{
	opacity: 1;
}
.mat-filter-mat.active:before{
	content: '';
	width: 8px;
	height: 8px;
	background: #b20000;
	display: inline-block;
	position: absolute;
	left: -8px;
	top: 14px;
	border-radius: 8px;
}
.top-120{
	top: 120px;
}
.bg-100{
	background-size: 100% 100%;
}
.hover-bg-blue:hover{
	background: #b20000;
	color: white;
}
.cjijianiji{
	height: 22rem;
	padding-bottom: 5%;
	object-fit: cover;
}
@media screen and (max-width: 600px) {
	.w-104{
		width: 40px;
	}
	.h-104{
		height: 40px;
	}
	.w-n-104{
		width: calc( 100% - 40px );
	}
	.w-75px{
		width: 75px;
	}
	.w-n-208{
		width: calc( 100% - 80px );
	}
	.p-64{
		padding: 24px!important;
	}
}
.footer-icons span a{
	width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    color: #b20000;
    background: transparent;
    border-radius: 50px;
    transition-duration: 0.3s;
}
.footer-icons span a i{
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	text-align: center;
	margin: 0 auto;
}
.footer-icons span a i .icon{
	display: block;
	width: 1.6rem;
	height:2.5rem;
	fill: #b20000;
	display: flex;
	justify-content: center; /* 水平居中 */
	align-items: center;     /* 垂直居中 */
}
.footer-icons span a:hover{
	background: #b20000;
    border-color: #b20000;
}
.footer-icons span a:hover i .icon{
	fill: #fff;
}
.v-nav-spacer{
	width: 1px;
	height: 28px;
}
.gtrans-widget .gtranslate_wrapper > a img{
	width: 19px;
	height: 19px;
	object-fit: cover;
	border-radius: 50px;
/* 	filter: grayscale(1); */
	opacity: 1;
	margin-top: -9px;
}
.gtrans-widget .gtranslate_wrapper > a span{
	width: 7ch;
	max-height: 20px;
	display: inline-block;
	overflow: hidden;
	margin-left: 4px;
	color: #222222;
}
.gtrans-widget .gtranslate_wrapper > a span:last-child {
	display: none;
}
.gtrans-widget .gtranslate_wrapper{
	white-space: nowrap;
	cursor: pointer;
}
.gt_languages{
	display: flex;
	flex-wrap: wrap;
	padding: 5% 0;
}
.gt_languages a{
	width: 100%;
	margin-bottom: 1.8rem;
}
.gtrans-widget .gt_languages a span{
	margin-left: 4px;
	color: #222222;
}
.gtrans-widget .gt_languages img{
	width: 24px;
	height: 24px!important;
	object-fit: cover;
	border-radius: 50px;
/* 	filter: grayscale(1); */
	opacity: 1;
	border: 1px solid;
}

.gt_black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 10000;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}
.gt_black_overlay.active{
	display: block;
}

.gt_white_content {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 330px;
    height: 160px;
    margin: -187.5px 0 0 -165px;
    padding: 6px 16px;
    background-color: white;
    color: black;
    z-index: 19881205;
    overflow: auto;
    text-align: left;
}
.gt_white_content.active{
	display: block;
}
.gtrans-widget .gt_white_content{
	border-radius: 8px;
}
.bottom-n-75{
	bottom: -75px;
}
.backdrop-2px{
	backdrop-filter: blur(2px);
}
#search-ztl input{
	border-color: #b20000!important;
	box-shadow: 0 0 0px .25rem rgba(63, 106, 217, 0.1)!important;
}
.navbar-nav .nav-item{
	padding: 0 16px;
	color: #1F1F1F;
}
.dropdown-menu.mega-dropdown-menu{
	background: linear-gradient(to right, #F8F8FB 50%, #E3E3F3 50%);
}
.mega-dropdown-menu .container{
	background: none;
	border: none;
	box-shadow: none;
}
.slick-dots li.slick-active button:before{
	color: #b20000!important;
}
.blue, blue{
	color: #b20000;
}
.color-F8F8FB{
	color: #F8F8FB;
}
.color-E3E3F3{
	color: #E3E3F3;
}
.max-width-450{
	max-width: 450px;
}
.max-width-1150{
	max-width: 1150px;
}
.border-color-black-12{
	border-color: rgba(0,0,0,0.12)!important;
}
.margin-n-1px{
	margin-top: -1px;
}
.bg-121212{
	background: #121212;
}
.hover-bg-3F6AD9{
	background-image: linear-gradient(to right, transparent 40%, #b20000 60%);
	background-size: 300% 100%;
	transition: background-position 1s;
	background-position: 0;
}
.hover-bg-3F6AD9:hover{
	background-position: 100%;
}
.bg-gradient-radial{
	background-image: radial-gradient(rgba(128, 107, 159, 0.1), rgba(255, 255, 255, 0.1));
}
.backdrop-36{
	-webkit-backdrop-filter: blur(36px);
	backdrop-filter: blur(36px);
}
.card-border-shadow{
	box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}
.faqs .accordion-item{
	border-bottom: 0px!important;
}
.bg-center-x{
	background-position-x: center!important;
}
.backdrop-hue-rotate{
	transition-duration: 1s;
}
.backdrop-hue-rotate:hover{
	backdrop-filter: hue-rotate(-10deg);
}
.backdrop-64{
	-webkit-backdrop-filter: blur(64px);
	backdrop-filter: blur(64px);
}
@keyframes backdrop64to128 {
	50%  {
		-webkit-backdrop-filter: blur(64px);
		backdrop-filter: blur(64px);
	}
}
.backdrop-blur-change-animation{
	animation: backdrop64to128 10s linear infinite alternate;
}
@keyframes rotate360 {
	0%  {transform: rotate(0deg);}
	50%  {transform: rotate(360deg);}
	100%  {transform: rotate(0deg);}
}
.rotate-360-animation{
	animation: rotate360 10s linear infinite alternate;
}
.gs-tabs .nav-link-tabs.active{
	background: #E3E3F3;
	color: #b20000;
}
.hover-expand-x{
	max-width: 1350px;
	transition-duration: 0.3s;
}
.hover-expand-x:hover{
	max-width: 100%;
}
.right-spl-ul ul{
	list-style: none;
	padding-left: 0px;
}
.right-spl-ul ul li{
	display: flex;
	padding: 16px;
	margin-bottom: 12px;
	background: white;
	border-radius: 4px;
}
.right-spl-ul ul li i{
	display: block;
	margin-right: 1.2rem;
}
.right-spl-ul ul li i .icon{
	width: 1rem;
	height: 0.8rem;
	fill:#29C178;
}
.right-spl-ul ul li p{
	margin-bottom: 0 !important;
}
.right-spl-ul.wrong-ul ul li:before{
	color: #E95424;
}
@keyframes imageZoom {
	0%  {transform: scale(1);}
	50%  {transform: scale(1.25);}
	100%  {transform: scale(1.01);}
}
.image-zoom-animation{
	animation: imageZoom 10s linear infinite alternate;
}
.p-ul-4 ul li{
	padding: 4px;
}
.ul-blue ul li{
	margin-bottom: 8px;
}
.ul-blue ul li::marker{
	color: #b20000;
	font-size: 24px;
}
.pvt-tabs .nav-link .after-icon-tab{
	margin-right: -4px;
	visibility: hidden;
}
.pvt-tabs .nav-link.active{
	opacity: 1!important;
	color: #b20000;
}
.pvt-tabs .nav-link{
	cursor: pointer;
}
.pvt-tabs .nav-link.active .after-icon-tab{
	visibility: visible;
}
.mh-600{
	max-height: 600px;
}
.indus-menu-links{
	transition-duration: 0.3s;
}
.indus-menu-links span.ms-1{
	visibility: hidden;
	transition-duration: 0.3s;
}
.indus-menu-links:hover{
	color: #b20000;
	opacity: 1;
}
.indus-menu-links:hover span.ms-1{
	visibility: visible;
}
.mb-40{
	margin-bottom: 40px;
}
.remove-bg-p ul li {
    background: transparent;
    padding: 0px;
    margin-bottom: 16px;
    padding-left: 36px;
}
.hover-expand-x.bg-3F6AD9 a{
	color: white;
	font-weight: 700;
	text-decoration: underline;
}
.lh-10{
	line-height: 10px;
}
.hover-bg-3F6AD9:hover{
	background: #b20000;
}
.h-575-certificate{
	height: 575px;
}
.w-64{
	width: 64px;
}
.w-100-64{
	width: calc(100% - 64px);
}
.object-position-top{
	object-position: top;
}
.image-grayscale img{
	filter: grayscale(1);
	transition-duration: 0.3s;
}
.image-grayscale:hover img{
	filter: none;
}
.min-height-500{
	min-height: 500px;
}
.border-color-3F6AD9{
	border-color: #b20000!important;
}
.bg-fixed{
	background-attachment: fixed
}
.bg-black-85{
	background: rgba(0,0,0,0.85);
}
.bg-white-10{
	background: rgba(255,255,255,0.10);
}
.white-round{
	width: 25px;
	height: 25px;
	background: white;
	border-radius: 50%;
}
.blue-round{
	width: 19px;
	height: 19px;
	background: #3648F5;
	border-radius: 50%;
}
.top-175{
	top: 175px;
}
.left-n-13{
	left: -13px;
}
.codedropz-upload-handler{
	padding-top: 24px;
	padding-bottom: 24px;
	background: #E3E3F3;
}
.cd-upload-btn{
	background: white;
	font-weight: 500;
	padding: 12px 24px;
	display: inline-block;
	border-radius: 8px;
	margin-top: 8px;
	width:88%;
}
.remove-bg-p ul li{
	background: transparent;
	padding: 0px;
	margin-bottom: 16px;
	padding-left: 36px;
}
.cf7-p-mb-0 p{
	margin-bottom: 0px;
}
.bg-grad-black{
	background: linear-gradient(to bottom, #b20000 0%, #b20000 40%, #ffffff 40%);
}
.faqs-category .form-check{
	padding-left: 0px;
}
.form-check-label > .right-checkbox{
	visibility: hidden;
}
.form-check-input:checked + .form-check-label{
	border-color: #b20000!important;
	background: #E3E3F3!important;
}
.form-check-input:checked + .form-check-label > .right-checkbox{
	visibility: visible;
}
.w-185{
	width: 185px;
}
.w-100-64{
	width: calc(100% - 64px);
}
.country-select.inside{
	width: 100%;
}
@media screen and (min-width: 992px) {
	.bg-grad-black{
		background: linear-gradient(to right, #b20000 0%, #b20000 42%, #ffffff 42%);
	}
}
@media only screen and (min-width: 992px){
	.position-absolute-lg{
		position: absolute;
	}
}
@media screen and (max-width: 600px) {
	.p-80{
		padding: 16px!important;
	}
	.p-40{
		padding: 8px!important;
	}
}
@media only screen and (max-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link{
		text-transform: capitalize;
	}
	.navbar-nav{
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.navbar-nav > li{
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.mob-only-menu br{
		display: none;
	}
	.navbar-collapse{
		position: absolute;
		width: 100%;
		top: 0px;
		background: rgb(0 0 0 / 60%);
		min-height: 100vh;
		display: flex;
		align-items: stretch;
		z-index: 999;
	}
	.navbar-collapse ul.navbar-nav{
		width: 100%;
		min-height: 100vh;
		overflow-y: scroll;
		height: auto;
		background: white;
		margin: unset!important;
	}
	.navbar-collapse ul.navbar-nav ul{
		top: 0px!important;
	}
	.navbar-collapse ul.navbar-nav ul.single-drop-down li{
		padding-left: 24px;
	}
	.mega-dropdown-menu .container{
		max-height: unset;
	}
	.navbar-collapse.collapsing {
		left: -75%;
		transition: height 0s ease;
	}
	.navbar-collapse.show {
		left: 0;
		transition: left 300ms ease-in-out;
	}
	.navbar-toggler.collapsed ~ .navbar-collapse {
		transition: left 500ms ease-in-out;
	}
	.navbar-nav{
		/* 			background: #f5f5f5!important; */
	}
	.dropdown-menu, .mega-dropdown-menu .container{
		background: transparent;
		box-shadow: none;
		border: none;
	}
	.navbar .dropdown-toggle::after{
		display: inline-block;
		margin-left: none;
		vertical-align: middle;
		border-top: none;
		border-right: none;
		border-bottom: none;
		border-left: none;
		content: '\f078';
		float: right;
		text-rendering: auto;
		font: var(--fa-font-regular);
		margin-right: 5px;
	}
	.navbar .dropdown-toggle.show::after{
		content: '\f077';
	}
	.navbar .link-inside-menu:after{
		display: inline-block;
		content: '\f078';
		float: right;
		text-rendering: auto;
		font: var(--fa-font-regular);
		margin-right: 5px;
		color:#000;
		opacity: 0.6;
	}
	.navbar .link-inside-menu.open-menu-inside:after{
		content: '\f077';
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{
		opacity: 0.6;
	}
	.position-relative-mob{
		position: relative;
	}
	.w-75-mob{
		width: 75%;
	}
	.navbar .link-inside-menu:before, .menu-item-mega-mob a:before, .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:before{
		display: none;
		content: '\f111';
		text-rendering: auto;
		font: var(--fa-font-solid);
		color: #000;
		opacity: 0.6;
		font-size: 4px;
		line-height: 20px;
		vertical-align: middle;
		margin-top: -3px;
	}
	a.sibling-1:before, a.sibling-2:before, .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:before{
		margin-right: 8px;
		opacity: 1;
		display: inline-block;
	}
	a.sibling-1:before, a.sibling-2:before{
		content: '\f111';
		display: inline-block;
	}
	a.sibling-1, a.sibling-2{
		/* 			background: white; */
	}
	.spl-menuid-2-1{
		/* 		display: none!important; */
	}
	.space-spl-menuid-2-1{
		margin-top: 8px;
	}
	.siblings-extra:last-child{
		margin-bottom: -16px;
		padding-bottom: 16px!important;
	}
	.spl-menuid-1-1, .sibling-2-2{
		padding-top: 16px!important;
	}
	.spl-menuid-3-1-p, .spl-menuid-4-1-p{
		display: none!important;
	}
	.nav-item.dropdown .dropdown-menu .dropdown-item{
		padding-left: 0px!important;
		opacity: .6;
	}
}
@media only screen and (min-width: 992px) {
    .floating-btn{
        position: absolute;
        right: -30%;
        bottom: 10%;
        z-index: 1;
    }
    .columns-2{
        column-count: 2;
        column-gap: 50px;
    }
	.w-20{
		width: 20%;
	}
	.img-conta-top-banner img{
		max-width: none !important;
		width: calc(50vw - 12px) !important;
	}
	.aspect-ratio-15{
		aspect-ratio: 1.5;
	}

}
@media only screen and (max-width: 992px) {
	.dropdown-menu.mega-dropdown-menu{
		max-height: 40vh;
    	overflow: scroll;
	}
}
@media only screen and (max-width: 450px) {
	h1, h2, .gtranslate_wrapper, .zoom-75-mob{
		zoom: 0.75;
	}
	.zoom-5-mob{
		zoom: 0.5;
	}
	.pt-120{
		padding-top: 2.5rem !important;
	}
	.pt-96 {
		padding-top: 2rem;
	}
	.ps-80 {
		padding-left: 0rem !important;
	}
	.mt-80{
		margin-top: 3rem !important;
	}
	.fs-32-mob{
		font-size: 32px!important;
    	line-height: 44px!important;
	}
}

.main-blog-content h2{
		margin-top: 40px;
    	margin-bottom: 16px;
	}
	.main-blog-content h2:after{
		content: '';
		height: 4px;
		width: 60px;
		display: inline-block;
		background: #4051F3;
		margin-left: 8px;
	}
	.main-blog-content h3{
		border-left: 4px solid #4051F3;
		padding-left: 8px;
	}
	.wp-block-quote{
		border-color: #4b90e2 !important;
		font-size: 20px;
		line-height: 28px;
		font-style: oblique;
	}
	.main-blog-content .wp-block-image{
		margin-top: 40px !important;
		margin-bottom: 24px !important;
		border-radius: 8px;
		padding-left: 11%;
		padding-right: 11%;
		padding-top: 7%;
		padding-bottom: 0px;
		text-align: center;
		background-size: cover!important;
		animation: animatedBackground 10s linear infinite alternate;
	}
	.yutiy figure.wp-block-image{
		background: url('/wp-content/uploads/2024/09/bg-grad.svg')!important;
	}
	.yutiy figure.wp-block-image:nth-of-type(even){
		background: url('/wp-content/uploads/2024/09/bg-black.svg')!important;
		background-size: cover!important;
	}
	.wp-block-image figcaption {
		text-align: center !important;
		text-transform: capitalize;
		margin-top: 1em!important;
		color: white;
    	padding-bottom: 1em;
	}
	.wp-block-image img{
		border-radius: 8px;
	}
	.main-blog-content h3{
		margin-top: 28px;
    	margin-bottom: 12px;
	}
	.main-blog-content ul li{
		margin-bottom: 8px;
    	margin-top: 8px;
	}
	.main-blog-content table td{
		border-color: rgba(0, 0, 0, 0.15);
		border-right: 0px;
		border-left: 0px;
		padding: 20px 24px;
		font-size: 14px;
	}
	.main-blog-content table tr:first-child td{
		background: transparent;
		font-weight: bold;
	}
	.top-150{
		top: 150px;
	}
	.bg-black-50{
		background: rgba(0,0,0,0.5);
	}
	ul.ez-toc-list-level-1{
		list-style: none;
	}
	li.ez-toc-heading-level-2{
		padding-left: 16px!important;
		position: relative;
	}
	li.ez-toc-heading-level-2 > a:before{
		padding-left: 5px;
		content: ""!important;
	}
	li.ez-toc-heading-level-2 ul{
		display: none;
	}
	li.ez-toc-heading-level-2:has(ul):before {
		content: "\f078";
		font-family: "Font Awesome 6 Pro";
		position: absolute;
		top: 3px;
		left: 0px;
		cursor: pointer;
		padding: 2px 0px;
		font-size: 12px;
		line-height: 12px;
		transform-origin: center;
		transition: all 0.34s;
		transform: rotate(-90deg);
	}
	li.ez-toc-heading-level-2.move-arrow:before{
		transform: rotate(0deg);
	}
	#ez-toc-container{
		float: none!important;
	}
	#ez-toc-container nav{
		max-height: 70vh;
		overflow-y: scroll;
	}
	div#ez-toc-container{
		padding-right: 0px!important;
		padding-left: 0px!important;
	}
	div#ez-toc-container ul li{
		font-size: 16px!important;
	}
	div#ez-toc-container ul li ul li{
		font-size: 14px!important;
	}
	.main-blog-content p{
		line-height: 30px;
	}
	.main-blog-content h2{
		font-size: 28px;
		line-height: 36px;
		font-weight: 700;
	}
	.main-blog-content h3{
		font-size: 24px;
	}
	.main-blog-content h4{
		font-weight: 600;
		font-size: 20px;
		line-height: 28px;
	}
	.main-blog-content h5, .main-blog-content h5 strong{
		font-weight: 500;
		font-size: 18px;
		line-height: 24px;
	}
	.ez-toc-counter nav ul li a::before{
		content: "";
	}
	#ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul{
		margin-left: 0.5em;
	}

	.h-80{
		height: 80px;
	}
	.cbhbhgynj{
		display: flex;
	}
	.cbhbhgynj a i{
		display: block;
	}
	.cbhbhgynj a i .icon{
		width: 1.5rem;
		height: 1.5rem;
		fill: #333;
	}
	@media screen and (max-width: 600px) {
		.h-80{
			height: 40px;
		}
	}
	div#ez-toc-container{
		background: transparent;
		border: 0px;
		box-shadow: none;
	}
	div#ez-toc-container ul.ez-toc-list a{
		border-bottom: 1px solid #DEDDE0;
		margin-bottom: 12px;
		display: block;
		color: #636364;
	}
	div#ez-toc-container ul.ez-toc-list a:hover{
		color: #b20000;
	}
	div#ez-toc-container ul.ez-toc-list a:visited{
		color: #222222;
	}
	.wp-block-quote{
		background: #E9EAFE;
		padding: 32px 40px;
		border-radius: 4px;
		border: none;
		font-style: normal;
		position: relative;
		padding-left: 100px;
	}
	.wp-block-quote:before{
		content: url("data:image/svg+xml,%3Csvg width='59' height='40' viewBox='0 0 59 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4035_187)'%3E%3Cpath d='M21.614 0H10.614C3.08772 12.1154 0 15.3846 0 21.5385V40H21.614V18.4615H14.8596C12.9299 18.4615 12.1579 18.6539 10.807 19.2308C9.64916 19.8077 8.10526 20.3846 7.7193 19.2308C7.33333 18.0769 8.29825 17.6923 10.4211 16.5385C11.193 16.1539 12.3508 15 12.7368 14.2308L21.614 0ZM58.6667 0H47.6667C40.1404 12.1154 37.0526 15.3846 37.0526 21.5385V40H58.6667V18.4615H51.9123C49.9825 18.4615 49.2105 18.6539 47.8596 19.2308C46.7018 19.8077 45.1579 20.3846 44.7719 19.2308C44.386 18.0769 45.3508 17.6923 47.4737 16.5385C48.2456 16.1539 49.4036 15 49.7895 14.2308L58.6667 0Z' fill='%233F6AD9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4035_187'%3E%3Crect width='58.6667' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
		display: inline-block;
		position: absolute;
		left: 20px;
	}
	.wp-block-quote p:last-child{
		margin-bottom: 0px;
	}
	table{
		background: white;
		border-radius: 8px;
		margin-bottom: 16px;
		backdrop-filter: blur(5px);
		border-bottom: 2px solid #b20000;
	}
	table tr{
		border-bottom: 1px solid #0000000d;
	}
	.wp-block-embed.is-type-video iframe{
		aspect-ratio: 16 / 9;
		width: 100%;
		height: auto;
	}
	.main-blog-content .wp-block-table th{
		border: 0px;
		background: #b20000;
		color: white;
	}
	.main-blog-content .wp-block-table thead{
		border: none;
	}
	.sccssejajni i{
		display: flex;
		background-color: #b20000;
		font-size: 18px;
		color: #fff;
		font-weight: bold;
		width: 30px;
		height: 30px;
		border-radius: 100px;
		text-align: center;
		justify-content: center;
		align-items: center;
		font-style: normal;
	}

@media screen and (max-width: 992px) {
	.w-100-mob{
		width: 100%!important;
	}
	.w-50-mob{
		width: 50%!important;
	}
}
