@font-face {
  font-family: 'Graphik Medium';
  font-style: normal;
  font-weight: 100;
  src: url(./fonts/Graphik-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Graphik Medium';
  font-style: normal;
  font-weight: 200;
  src: url(./fonts/Graphik-ExtraLight.otf) format('opentype');
}
@font-face {
  font-family: 'Graphik Medium';
  font-style: normal;
  font-weight: 300;
  src: url(./fonts/Graphik-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Graphik Medium';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/Graphik-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Graphik Medium';
  font-style: normal;
  font-weight: 500;
  src: url(./fonts/Graphik-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Graphik Medium';
  font-style: normal;
  font-weight: 600;
  src: url(./fonts/Graphik-Semibold.otf) format('opentype');
}
@font-face {
  font-family: 'Graphik Medium';
  font-style: normal;
  font-weight: 700;
  src: url(./fonts/Graphik-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Graphik Medium';
  font-style: normal;
  font-weight: 800;
  src: url(./fonts/Graphik-Super.otf) format('opentype');
}
@font-face {
  font-family: 'Graphik Medium';
  font-style: normal;
  font-weight: 900;
  src: url(./fonts/Graphik-Black.otf) format('opentype');
}

.values-slides-boxes:hover .title1{
	display: none;
}
.values-slides-boxes .title2{
	display: none;
}
.values-slides-boxes:hover .title2{
	display: block;
}
.values-slides-boxes .img{
	filter: brightness(0) invert(1);
}
.values-slides-boxes:hover .img{
	filter: none;
}

.offer-box .title2{
	display: none;
	opacity: 0;
	animation: fadeInUp 1s;
}
.offer-box:hover .title1{
	display: none;
}
.offer-box:hover .title2{
	display: block;
	opacity: 1;
}

@keyframes fadeInUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}
.home{
	position: relative;
}
.home:before{
	content: "";
	position: absolute;
	left: 100px;
	right: 100px;
	top: -100px;
	bottom: 50px;
	background-image: url(../img/ellipse.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
    animation: rotate 5s infinite;
}



@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
body{
	color: #333;
}
.swiper-1:hover .title{
	color: #fff;
}
.swiper-1:hover .bg-blur{
	background: var(--Style-1, linear-gradient(180deg, #0072bc 0, #009bff 100%));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .5s;
}
#ourValues{
	margin-top: 175px;
}
.-bottom-2{
	bottom: -2rem;
}
.hover\:bg-\[\#50B848\]:hover {
	background-color: #50B848;
}
.hover\:text-\[\#50B848\]:hover {
	color: #50B848;
}

.top-9rem{
	top: 9rem;
}

.leading-\[50px\] {
    line-height: 50px;
}
@media(min-width:768px){
	.only-m{
		display: none !important;
	}
}

@media(max-width:768px){
	.only-d{
		display: none !important;
	}
	.home-box{
		right: 0;
		width: auto;
		margin: 10px 20px 0;
	}
	.home .gap-x-2{
		left: 42%;
	}
	.swiper-slide-active.effect1 img{
		transform: scale(1);
	}

	.home .title{
		font-size: 28px;
	}
	.home h2{
		font-size: 16px;
		line-height: 19.2px;
	}
	.home .top-\[200px\]{
		top: 250px;
	}
	.home .-bottom-2{
		bottom: -9rem;
	}
	.glss{
		height: auto;
		padding: 0;
	}
	.glass-effect, .glass-effect-active{
		margin-left: 4rem;
	}
	.txt{
		padding-top: 28rem;
	}
	.glss .mb-96{
		margin-bottom: 0;
	}
	#ourValues .h-\[324px\].mt-\[50px\]{
		height: 284px;
		margin-top: 30px;
	}
	#ourValues .top-9rem{
		top: 0;
	}
	#ourValues .mb-\[500px\]{
		margin-bottom: 350px;
	}
	#solutions .max-w-\[604px\]{
		font-size: 16px;
    line-height: 19.2px;
	}
	#solutions .text-\[\#0072C1\]{
		font-size: 34px;
		line-height: 45px;
	}
	#solutions h2{
		font-size: 16px;
		line-height: 19.2px;
		font-weight: 400;
	}
	#solutions .swiper-slide img.-bottom-24{
		max-width: 300px;
		bottom: -2rem;
	}
	#whatWeOffer .text-\[44px\]{
		font-size: 24px;
		line-height: 27px;
	}
	#whatWeOffer .max-w-full{
		margin-left: 20px !important;
		margin-right: 20px;
	}
	#whatWeOffer .max-w-full .h-\[300px\]{
		height: auto;
	}
	.we-offer{
		font-size: 48px;
		line-height: 58.8px;
	}
	.we-offer-area .bg-contain{
		background-size: cover;
	}
	.we-offer-area .bg-white.rounded-full{
		width: 35px;
		height: 35px;
	}
	#partners{
		text-align: center;
	}
	#partners .contact-button p{
		font-size: 16px;
		font-weight: 400;
		line-height: 19.2px;
	}
	#partners .contact-button h2{
		font-weight: 500;
		font-size: 34px;
		line-height: 45px;
		margin-top: 1.5rem;
	}
	.bg-\[\#0072BC\] .flex.flex-col.mt-8.text-white{
		margin-top: 0;
	}
	#whatWeAchieved .h-\[676px\]{
		height: auto;
	}
	#whatWeAchieved .h-\[1000px\]{
		height: auto;
		padding-bottom: 3rem;
	}
	.glss .txt{
		padding-top: 2rem;
		display: block;
	}
	#ourValues{
		overflow: hidden;
		margin-top: 90px;
	}
	#ourValues .h-\[324px\]{
		height: auto;
	}
	#ourValues .h-\[324px\].mt-\[50px\]{
		height: auto;
	}
	#ourValues .mb-\[500px\]{
		margin-bottom: -3.2rem;
    margin-top: 2rem;
	}
	#solutions .absolute.top-32{
		margin-left: -205px !important;
		width: calc(100% + 200px) !important;
	}
	#ourValues .top-9rem{
		position: static;
	}
	#whatWeOffer .max-w-full{
		margin-left: -50px !important;
		margin-right: 0 !important;
    width: calc(100% + -25px) !important;
	}
	#whatWeOffer .max-w-full .swiper{
		scale: 1.4;
	}

	#solutions .swiper-slide img.-bottom-24{
		width: 280px;
	}
	#solutions .absolute.top-32{
		position: static;
	}
	#solutions .h-\[500px\]{
		height: auto;
	}
	#solutions .mb-48{
		margin-bottom: 6rem;
	}
}

.alert-box{
	position: absolute;
	right: 30px;
	bottom: 30px;
	background: rgba(0, 0, 0, 1);
	color: #fff;
	padding: 10px 20px;
	border-radius: 10px;
	display: none;
}
body {
	overflow-x:hidden;
}
.success {
	    background: #4CAF50;
    color: white;
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    z-index: 999;
}