@import url("scid.css");

body {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  color: #000000;
  background-color: white;
}
.wrapper{
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: clip;
}
[class*="container"] {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0px 15px;
}
.button{
	color: white;
	background: #0057FF;
    border-radius: 30px;
    padding: 14px 40px;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    transition: all 0.2s ;
}
.button:hover{
 background: #0007FF;	
}
a:hover{
text-decoration: underline;
}

/*HEADER*/
.header{
width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  background-color: rgba(255, 255, 255, 0.522);
}
.header__row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 80px;
}
.box1{
	display: flex;
	align-items: center;
	gap:60px;
}
.header__body-row {
   gap:40px;
   display: flex;
}
.header__body-row li a{
	font-size: 14px;
   line-height: 26px;
   text-transform: uppercase;
}
.box2{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media(max-width: 991.98px){
	.button{
		padding: 10px 30px;
	}
	.box1{
	display: flex;
	align-items: center;
	gap:50px;
 }
 .header__body-row {
   gap:30px;
   display: flex;
 }
 .header__row{
	min-height: 70px;
 }
}
@media(max-width: 767.98px){
	.icon-menu{
    display: block;
    width: 35px;
    flex: 0 0 auto;
    height: 23px;
    position: relative;
    z-index: 5;
 }
 .button{
	padding: 7px 15px 7px 15px;
	font-size: 12px;
 }
 .header__row{
	min-height: 60px;
 }
 .box2{
  	gap:10px;
 }
  .icon-menu span,
  .icon-menu::before,
  .icon-menu::after {
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: black;
    transition: all 0.3s ease 0s;
  }
   .icon-menu::before {
    top: calc(0% - 1px);
  }
  .icon-menu::after {
   top: calc(100% - 1px);
  }
  .icon-menu span {
    top: calc(50% );
  }
  .header__menu {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #808080;
    left: -100%;
    top: 0;
    padding: 80px 15px 30px 15px;
    overflow: auto;
    transition: left 0.3s ease 0s;
  }
  .header__menu::before {
    content: '';
    width: 100%;
    position: fixed;
    top: 0px;
    left: -100%;
    height: 60px;
    background-color: white;
    z-index: 2;
    transition: left 0.3s ease 0s;
  }
  .header__body-row{
  	flex-direction: column;
  	gap:20px;
  	align-items: center;
  }
  .header__body-row li a{
  	font-size: 30px;
  }
  .heder__logo{
  	z-index: 2;
  }
   .icon-menu span {
    top: calc(49%);
  }
  .menu-open .icon-menu{
  	margin-bottom: 20px;
  }
  .menu-open .icon-menu span {
    width: 0;
  }
  .menu-open .icon-menu::before {
    transform: rotate(-45deg);
    top: calc(90%);
  }
  .menu-open .icon-menu::after {
    transform: rotate(45deg);
    bottom: calc(90%);
  }
  .menu-open .header__menu,
  .menu-open .header__menu::before {
  left: 0;
 }
}

/*MAIN*/
.main__section{
	padding: 80px 0;
}
.main__button{
	background: #FFA332;
	color: white;
    border-radius: 30px;
    padding: 14px 40px;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    transition: all 0.2s;
}
.main__row{
	display: flex;
	align-items: center;
}
.main__box1{
	flex: 0 1 480px;
}
.main__box2-image{
	position: relative;
}
.main__box2-image::before{
	content: '';
	position: absolute;
	right: -16%;
	bottom: 60px;
	background: url(../img/main/04.svg) center;
	background-size: cover;
	height: 40%;
	width: 44%;
}
.main__box2-image::after{
	content: '';
	position: absolute;
	left: 15%;
	top: 20%;
	background: url(../img/main/05.svg) center;
	background-size: cover;
	height: 12%;
	width: 12%;
}
.main__box2-image img{
	max-width: 100%;
}
.n img{
   max-width: 100%;
}
.n{
	position: absolute;
	top: 90%;
}
.n img{
	max-width: 100%;
}
.main__title {
	text-transform: uppercase;
	font-size: 56px;
    line-height: 1.17;
}
.main__title:not(:last-child) {
  margin-bottom: 50px;
}
.main__text {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.6;
}
.main__text:not(:last-child) {
  margin-bottom: 17px;
}
.main__reting {
	display: flex;
	align-items: center;
	gap:20px;
}
.reting__image {
}
.reting__content {
}
.reting__title {
	text-transform: uppercase;
	font-size: 18px;
    line-height: 1.55;
}
.reting__title:not(:last-child) {
  margin-bottom: 6px;
}
.ll{
	margin-top: 40px;
}
.main__button:hover{
	background-color:#FFA999;
}
@media(max-width: 991.98px){
	.main__button{
	 background: #FFA332;
	color: white;
    border-radius: 30px;
    padding: 10px 30px;
    font-size: 14px;
	}
	.main__section{
	padding: 80px 0px 0px 0px;
 }
 .main__title {
	text-transform: uppercase;
	font-size: 40px;
    line-height: 1.15;
}
.main__title:not(:last-child) {
  margin-bottom: 30px;
 }
}
@media(max-width: 767.98px){
 .main__title:not(:last-child) {
  margin-bottom: 20px;
 }
 .main__row{
	flex-direction: column;
 }	
 .main__box1{
	flex: 0 1 auto;
	max-width: 35rem;
	align-self: stretch;
 }
 .main__box2{
	margin-top: 11.6px
 }
 .ll{
	margin-top: 20px;
 }
 .main__button{
	background: #FFA332;
	color: white;
    border-radius: 30px;
    padding: 9px 25px;
    font-size: 13px;
	}
}
@media(max-width: 400px){
	.main__button{
		display: flex;
		justify-content: center;
	}
	.main__title {
	text-transform: uppercase;
	font-size: 36px;
    line-height: 1.14;
 }
}

/*TWO*/
.two{
	padding: 0 0 100px 0;
	text-align: center;
}
.two__a {
	color: #0057FF;
	text-transform: uppercase;
	font-size: 11px;
    line-height: 2;
}
.twi__title {
	text-transform: uppercase;
	font-size: 40px;
    line-height: 1.2;
}
.twi__title:not(:last-child) {
  margin-bottom: 37px;
}
.two__text {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.6;
max-width: 690px;
margin: 0 auto 50px;
}
.two__image {
	margin-bottom: 30px;
	position: relative;
}
.two__image::before{
	content: "";
	background: url(../img/two/02.svg) no-repeat;
	position: absolute;
	background-size: cover;
	right: 0%;
	bottom: -20%;
	height: 38%;
	width: 13%;
	z-index: 3;
}
.two__image img{
	max-width: 100%;
}
.two__h3 {
font-size: 14px;
line-height: 26px;
}
@media(max-width: 991.98px){
 .two{
	padding: 80px 0 50px 0;
 }
 .twi__title{
 	font-size: 40px;
 }
}
@media(max-width: 767.98px){
  .two{
	padding: 50px 0 50px 0;
 }
 .twi__title{
 	font-size: 36px;
 }
 .twi__title:not(:last-child) {
  margin-bottom: 20px;
 }
 .two__text {
  margin: 0 auto 20px;
 }
 .two__image {
	margin-bottom: 20px;
 }
}

/*THREE*/
.three__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:40px;
}
.three__box1 {
	flex: 0 1 488px;
}
.three__title {
	letter-spacing: 1px;
    text-transform: uppercase; 
    font-size: 40px;
    line-height: 1.25;
}
.three__title:not(:last-child) {
  margin-bottom: 48px;
}
.three__text {
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 1.6;
}
.three__text:not(:last-child) {
  margin-bottom: 25px;
}
.flesha__box {
	display: flex;
	justify-content: space-between;
}
.flesha__img {
	margin-bottom: 15px;
}
.flesha__title {
	text-transform: uppercase;
	font-size: 25px;
    line-height: 1.44;
}
.flesha__title:not(:last-child) {
  margin-bottom: 10px;
}
.flesha__text {
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
max-width: 190px;
}
.flesha__button {
	margin-top: 32px;
}
.flesha__box{
	max-width: 455px;
	gap:10px;
}
.three__box2 {
	flex: 0 1 450px;
	background: #FFFFFF;
    box-shadow: 0px 8px 28px rgba(83, 83, 83, 0.15);
    border-radius: 15px;
    text-align: center;
    position: relative;
}
.three__box2::before{
	content: '';
    position: absolute;
    left: -11%;
    top: 14%;
    width: 20%;
    height: 12%;
    background: url(../img/three/one.svg) no-repeat;
    background-size: 100%;
}
.three__box2::after{
	content: '';
    position: absolute;
    bottom: 10%;
    right: -13%;
    width: 28%;
    height: 22%;
    background: url(../img/three/two.svg) no-repeat;
    background-size: 100%;
}
textarea::placeholder{
	color: #000000;
}
input::placeholder{
	color: #000000;
}
.box__input input{
	width: 100%;
	background: #F8F8F8;
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    font-family: 'Roboto';
    font-size: 15px;
    padding: 10px 0 10px 15px;
    margin-bottom: 30px;
}
.box__input{
	display: flex;
	justify-content: space-between;
	gap:25px;
}
.box__input2 input{
	display: block;
	width: 100%;
	background: #F8F8F8;
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    font-family: 'Roboto';
    font-size: 15px;
    padding: 10px 0 10px 15px;
    margin-bottom: 30px;
}
.box__input2 textarea{
	width: 100%;
	min-height: 140px;
	background: #F8F8F8;
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    font-family: 'Roboto';
    font-size: 15px;
    padding: 10px 0 10px 15px;
    margin-bottom: 35px;
}
.box2__title{
	text-transform: uppercase;
    font-size: 29px;
    line-height: 40px;
}
.box2__title:not(:last-child) {
  margin-bottom: 26px;
}
.box2__text{
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 26px;
}
.box2__text:not(:last-child) {
  margin-bottom: 17px;
}
.box__image{
}
.box__image img{
	width: 100%;
}
.box2__body{
	margin: 50px 40px 50px 40px;
}
.button__three{
	width: 100%;
}

@media(max-width: 991.98px){
	.three__title{
    font-size: 34px;
 }
 .box2__title{
 	font-size: 23px;
 }
 .three{
 	padding: 50px 0 ;
 }
}
@media(max-width: 767.9px){
	.three{
 	padding: 10px 0 ;
 }
	.three__row {
	flex-direction: column;
 }
 .three__box1 {
	flex: 1 1 auto;
	max-width: 30rem;
	align-self: flex-start;
 }
 .three__title:not(:last-child) {
  margin-bottom: 15px;
 }
 .flesha__button {
	margin-top: 15px;
 }
 .three__title{
    font-size: 28px;
 }
 .flesha__title {
	font-size: 18px;
 }
 .box__input{
 	flex-direction: column;
 	gap:0;
 }
}

/*DIG*/
.big {
	padding: 190px 0 140px 0;
}
.big__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:25px;
}
.big__images {
	position: relative;
}
.big__images::before{
	content: '';
	position: absolute;
    left: -7%;
    top: 80%;
    width: 20%;
    height: 18%;
    background: url(../img/three/one.svg) no-repeat;
    background-size: 100%;
}
.big__images img{
	max-width: 100%;
}
.big__content {
	display: flex;
	flex-direction: column;
	gap:50px;
}
.big__content1 {
	max-width: 475px;
	position: relative;
	left: -30px;
}
.big__title {
	letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 50px;
}
.big__title:not(:last-child) {
  margin-bottom: 40px;
 }
.big__text {
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 26px;
}
.big__content2 {
}
.big__content2-body {
}
.big__content2-body ul{
	border: 1px solid #E7E7E7;
	border-radius: 5px;
	padding: 30px 40px 30px 40px;
}
.big__content2-body ul li{
	text-transform: uppercase;
	font-size: 16px;
    line-height: 28px;
    background: url(../img/big/pluse.svg) no-repeat right;
}
.aa{
	margin-bottom: 45px;
}
@media(max-width: 991.98px){
 .big__title {
    font-size: 30px;
}
.big__title:not(:last-child) {
  margin-bottom: 40px;
 }
 .big__content2-body ul{
	border: 1px solid #E7E7E7;
	border-radius: 5px;
	padding: 20px 10px 20px 30px;
 }
 .big__content2-body ul li{
	font-size: 14px;
 }
 .big {
	padding: 80px 0 70px 0;
 }
}
@media(max-width: 767.98px){
	.big__title {
    font-size: 30px;
}
.big__title:not(:last-child) {
  margin-bottom: 10px;
 }
 .big__row{
 	flex-direction: column-reverse;
 }
  .big__content1 {
	left: 0px;
 }
 .big__content {
  margin-bottom: 1.5rem;
  gap:25px;
 }
 .big {
	padding: 80px 0 70px 0;
 }
}
@media(max-width: 351px){
	.big__content2-body ul li{
	font-size: 12.5px;
 }
}

/*percent*/
.percent {
}
.percent__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:30px;
}
.percent__box1 {
	flex: 0 1 540px;
}
.percent__title {
	max-width: 388px;
	letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 50px;
}
.percent__title:not(:last-child) {
  margin-bottom: 40px;
}
.percent__text {
max-width: 508px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 24px;
}
.percent__text:not(:last-child) {
  margin-bottom: 40px;
}
.percent__body {
	display: flex;
	flex-direction: column;
	gap:25px;
}
.nyter {
}
.nyter__title {
	text-transform: uppercase;
	font-size: 19px;
    line-height: 30px;
    margin-bottom: 8px;
}
.nyter__title1{
 background: url(../img/percent/01.svg) no-repeat right;
}
.nyter__title2{
 background: url(../img/percent/02.svg) no-repeat right;
}
.nyter__title3{
 background: url(../img/percent/03.svg) no-repeat right;
}
.withe {
	width: 100%;
	height: 4px;
	position: relative;
	background-color: #EBEBEB;
}
.withe1::before {
	content: '';
	width: 85%;
	height: 4px;
	position: absolute;
	background: #0057FF;
}
.withe2::before {
	content: '';
	width: 65%;
	height: 4px;
	position: absolute;
	background: #B861FF;;
}
.withe3::before {
	content: '';
	width: 72%;
	height: 4px;
	position: absolute;
	background: #FF8E32;;
}
.percent__box2 {
 max-width: 500px;
 background-color: white;
	box-shadow: 0px 10px 30px rgba(83, 83, 83, 0.15);
    border-radius: 10px;
}
.percent__image {
	position: relative;
}
.percent__image img{
	width: 100%;
}
.percent__absolute {
	position: absolute;
	text-transform: uppercase;
    font-size: 19px;
    line-height: 30px;
    left: 50%;
    transform: translateX(-50%);
    top: 45%;
    color: #FFFFFF;
}
.percent__body2 {
	padding: 30px 20% 40px 20%;
	text-align: center;
}
.percent__title2 {
	text-transform: uppercase;
	font-size: 40px;
    line-height: 50px;
    margin-bottom: 8px;
}
.percent__text2 {
	text-transform: uppercase;
	font-size: 14px;
    line-height: 20px;
    margin-bottom: 28px;
}
.percent__box2 ul{
  display: flex;
  flex-direction: column;
  gap:15px;
  margin-bottom: 50px;
}
.percent__box2 ul li{
	text-align: left;
	text-transform: uppercase;
	font-size: 12px;
    line-height: 22px;
}
@media(max-width: 991.91px){
 .percent__title{
 	font-size: 30px;
 }
 .percent{
 	padding: 40px 0 0 0;
 }
}
@media(max-width: 767.91px){
  .percent__row {
	flex-direction: column;
	gap:45px;
 }
 .percent__box1 {
	flex: 1 1 auto;
 }
 .percent__title{
 	font-size: 28px;
 }
 .percent__title:not(:last-child) {
  margin-bottom: 10px;
 }
 .percent__text:not(:last-child) {
  margin-bottom: 20px;
 }
 .percent{
 	padding: 20px 0 0 0;
 }
 .percent__absolute{
 	font-size: 17px;
 }
}

/*SLLIC*/
.slick{
	padding: 150px 0 0 0;
}
.slick__sliders{
}
.slick__box {
	max-width: 340px;
	text-align: center;
	padding: 45px 45px;
	background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 10px;
}
.slick__text {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 24px;
margin-bottom: 5px;
}
.slick__image{
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
}
.slick__image img{
	max-width: 100%;
}
.slick__title {
	text-transform: uppercase;
	font-size: 20px;
    line-height: 30px;
}
.slick__title2 {
	text-transform: uppercase;
	font-size: 13px;
    line-height: 24px;
    margin-bottom: 10px;
}
.slick__image-reting {
	display: inline-flex;
}
.slick__box{
	margin-right: 0.30%;
}
.slick__sliders{
	position: relative;
}
.img-left{
	width: 30px;
	opacity: 0.7;
}
.img-right{
	width: 30px;
	opacity: 0.7;
}
.js-button-left{
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 5;
	transform: translateY(-50%);
}
.js-button-right{
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 5;
	transform: translateY(-50%);
}



@media(max-width: 991.98px){
	.slick{
	padding: 100px 0 0 0;
 }
}
@media(max-width: 767.98px){
 .slick__box{
	margin-right: 0.15%;
 }
 .slick{
	padding: 90px 0 0 0;
 }
}
@media(max-width: 578px){
	.slick__box {
	padding: 40px 10px;
 }
}
@media(max-width: 368px){
	.slick__box {
	padding: 45px 3px;
	max-width: 290px;
 }
}

/*ANY*/
.any {
	padding: 140px 0 0px;
}
.any__row {
	text-align: center;
}
.any__box1 {
	position: relative;
	margin-bottom: 148px;
}
.any__box1::before {
	content: '';
	position: absolute;
	background: url(../img/01.svg) no-repeat;
	left: 50%;
	top: -75%;
	width: 500px;
	height: 500px;
	transform: translateX(-50%);
	z-index: -1;
}
.any__text {
	margin: 20px auto 30px;
	font-family: 'Roboto', sans-serif;
	max-width: 765px;
    font-size: 24px;
    line-height: 34px;
}
.any__button {
}
.button {
}
.any__box2 {
	border-top: .5px solid #E7E7E7;
	border-bottom: .5px solid #E7E7E7;
}
.any__box2 ul {
  display: flex;
  justify-content: space-between;
  gap:20px;
  margin: 50px 0;
}

@media(max-width: 991.98px){
 .any__text {
	max-width: 500px;
    font-size: 18px;
    line-height: 25px;
 }
 .any__box1::before {
	top: -110%;
 }
}
@media(max-width: 767.98px){
 .any__box2 ul {
  margin: 15px 0;
 }
}
@media(max-width: 494.98px){
 .any__box1::before {
	top: -90%;
 }
}
@media(max-width: 408.98px){
 .any__box1::before {
	top: -70%;
 }
}

@media(max-width: 991.98px){
	.animate {
  animation-duration: 8s;
  animation-name: slidein;
  animation-iteration-count: infinite;
}
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 200%;
  }

  to {
    margin-left: -120%;
    width: 100%;
  }
 }
}
@media(max-width: 767px){
 .animate {
  animation-duration: 8s;
  animation-name: slidein;
  animation-iteration-count: infinite;
}
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 200%;
  }

  to {
    margin-left: -200%;
    width: 100%;
  }
 }
}
@media(max-width: 595px){
	@keyframes slidein {
  from {
    margin-left: 100%;
    width: 200%;
  }

  to {
    margin-left: -300%;
    width: 100%;
  }
 }
}
@media(max-width: 340px){
	@keyframes slidein {
  from {
    margin-left: 100%;
    width: 200%;
  }

  to {
    margin-left: -360%;
    width: 100%;
  }
 }
}

/*recent*/
.recent{
	padding: 90px 0 0 0;
}
.qq {
	text-align: center;
	margin-bottom: 60px;
	position: relative;
}
.qq::before{
	content: '';
	position: absolute;
	background: url(../img/two/02.svg) no-repeat;
	width: 20%;
    height: 300px;
	background-size: 100%;
	z-index: 3;
	right: -26%;
	bottom: -740%;
}
.recent__title {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 40px;
line-height: 48px;
margin-top: 4px;
}
.recent__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:16px;
}
.recent__box1 {
	position: relative;
}
.recent__box1::before{
	content: '';
	position: absolute;
	width: 15%;
	height: 15%;
	left: -8%;
	top:-13%;
	background-size: 100%;
	background: url(../img/recent/04.svg) no-repeat;
}
.box1__row {
	display: flex;
	flex-direction: column;
	gap:16px;
}
.box1__row1 {
	display: flex;
	gap:30px;
	align-items: center;
	background: #FFFFFF;
    border: 1px solid #D9DCEC;
    border-radius: 10px;
    padding: 20px 20px;
}
.box1__image {
}
.box1__image img{
	width: 100%;
}
.box1__body {
	flex: 0 1 250px;
}
.box1__title {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
}
.box1__text {
font-family: 'Roboto' sans-serif;
font-size: 14px;
line-height: 24px;
}
.recent__box2 {
	padding: 20px 20px;
	background: #FFFFFF;
    border: 1px solid #D9DCEC;
    border-radius: 10px;
    width: 550px;
    position: relative;
}
.ee{
	position: relative;
    overflow: hidden;
	padding: 0 0 97% 0;
}
.recent__box2 img{
	width: 100%;
	height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
}
.recent__body-two {
	position: absolute;
	top: 70%;
	left: 7%;
}
.recent__body-title {
	text-transform: uppercase;
	font-size: 35px;
    line-height: 50px;
    max-width: 450px;
}

@media(max-width: 1079.98px){
 .recent__body-title {
	font-size: 30px;
    line-height: 40px;
    max-width: 330px;
 }
}

@media(max-width: 991.98px){
 .recent{
	padding: 70px 0 0 0;
 }
 .recent__body-title {
	font-size: 25px;
    line-height: 40px;
    max-width: 300px;
 }
 .recent__body-two {
	top: 65%;
	left: 7%;
 }
 .box1__title {
   text-transform: uppercase;
   font-size: 17px;
   line-height: 25px;
   margin-bottom: 4px;
 }
}
@media(max-width: 794.98px){
  .recent__body-title {
	font-size: 25px;
    line-height: 40px;
    max-width: 250px;
 }
 .recent__body-two {
	top: 60%;
	left: 7%;
 }
 .box1__title {
   text-transform: uppercase;
   font-size: 15px;
   line-height: 20px;
   margin-bottom: 2px;
 }
}
@media(max-width: 767.98px){
 .recent__row{
 	flex-direction: column;
 }
 .recent__title{
 	font-size: 30px;
 }
 .qq{
 	margin-bottom: 40px;
 }

 .recent__box2 {
    max-width: 100%;
 }
 .recent__box2 {
    width: 650px;
 }
 .recent__body-title {
	font-size: 25px;
    line-height: 40px;
    max-width: 350px;
 }
 .recent__body-two {
	top: 70%;
	left: 7%;
 }
}
@media(max-width: 453px){
	.recent__body-title {
	font-size: 20px;
    line-height: 30px;
    max-width: 300px;
 }
 .recent__body-two {
	top: 65%;
	left: 7%;
 }
}
@media(max-width: 416px){
	.box1__row1{
		flex-direction: column;
	}
	.box1__body{
		flex: 1 1 auto;
	}
	.box1__image{
		width: 100%;
	}
	.box1__image img{
		width: 100%;
	}
	.box1__row1{
		gap:10px;
	}
}
@media(max-width: 343px){
	.recent__body-title {
	font-size: 18px;
    line-height: 20px;
    max-width: 250px;
 }
 .recent__body-two {
	top: 68%;
	left: 7.5%;
 }
}

/*footer*/
.footer {
  background: #000000;
  color:white;
  margin: 100px 0 0 0;
}
.footer__row{
	display: flex;
	justify-content: space-between;
	padding: 70px 0;
}
.footer__box1 {
	gap:60px;
	display: flex;
	flex-direction: column;
}
.footer__logo img{
	max-width: 100%;
}
.footer__body {
	display: flex;
}
.p{
	margin: 0 8px 0 8px;
}
.footer__title p{
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 22px;
}

.footer__ul {
	display: flex;
	gap:20px;
}
.footer__ul li a{
font-size: 12px;
line-height: 22px;
letter-spacing: 1px;
text-transform: uppercase;
}
.footer__contact {
	display: flex;
	justify-content: flex-end;
	gap:5px;
}
.contact__image {
border: 1px solid rgba(240, 242, 250, 0.33);
border-radius: 100px;
padding: 20px 20px;
position: relative;
transition: all 0.2s ;
}
.contact__image img{
	position: absolute;
	transform: translate(-50%, -50%);
}
.footer__box2{
	gap:60px;
	display: flex;
	flex-direction: column;
}
.contact__image:hover{
 border: 1px solid rgba(240, 242, 250, 1);
}
.contact__image:active{
 border: 1px solid rgba(240, 242, 250, 1);
}
@media(max-width: 991.98px){
 .footer {
  margin: 50px 0 0 0;
 }
 .footer__row{
	padding: 50px 0;
 }
 .footer__box1 {
	gap:30px;
	display: flex;
	flex-direction: column;
 }
 .footer__box2{
	gap:20px;
 }
}
@media(max-width: 767.98px){
	.footer__row{
		flex-direction: column;
		gap:10px;
	}
	.footer__contact {
	display: flex;
	justify-content: flex-start;
	gap:5px;
 }
 .footer__row{
	padding: 30px 0;
 }
 .footer__box1 {
	gap:20px;
	display: flex;
	flex-direction: column;
 }
 .footer__box2{
	gap:10px;
 }
 .footer__ul{
  display: none;
 }
 .footer__ul2{
 	align-self: center;
 	display: flex;
 	flex-direction: column;
 	gap:10px;
 	text-align: center;
 	background-color: rgba(128, 128, 128);
 	padding: 10px 10px;
 	border-radius: 5px;
 	font-size: 20px;
 	width: 100%;
 }
 .click{
 	display: none;
 }
 .footer__bootom{
 	text-transform: uppercase;
 	background-color: rgba(128, 128, 128);
 	padding: 10px 10px;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	border-radius: 5px;
 }
 .footer__bootom div{
 	display: inline-block;
 	position: relative;
 }
 .rotate{
  transform: rotate(179deg);
  transition: all 0.3s;
 }
 .qa{
 	font-size: 25px;
 	position: absolute;
 	top: 5px;
 }
}
@media(min-width: 767.98px){
	.footer__bootom, .click{
		display: none;
	}
}





.main__title{
	--animate-duration: 1.3s;
}