body{box-sizing: border-box;margin: 0;padding: 0;font-family: 'Syne';background: #FFF;}
a,a:hover,img {
	text-decoration: none;
	transition: all ease-in-out 0.3s;
}
.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Syne';margin: 0;color: #243353;line-height: 1.2;font-weight: 400;}
.h1{font-size: 50px;}
.h2{font-size: 64px;}
.h3{font-size: 44px;}
.h4{font-size: 33px;}
.h5{font-size: 29px;}
.h6{font-size: 26px;font-weight: bold;}
p{font-size: 18px;opacity: 0.9;color: #000;font-family: Syne;font-weight: 400;margin: 0;}
.p-mini{font-size: 16px;}
.wrapper{max-width: 1324px;padding: 0px 15px;margin: 0 auto;}
.center{text-align: center;}
.navbar {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.w-600{font-weight: 600;}
.bold{font-weight: 800;}
.hamburger {
	background: transparent;
	border: none;
	cursor: pointer;
	display: none;
	outline: none;
	height: 30px;
	position: relative;
	width: 30px;
	z-index: 99991;
}
.hamburger-line {
	background: #000;
	height: 3px;
	position: absolute;
	left: 0;
	transition: all 0.2s ease-out;
	width: 100%;
}
.hamburger-line-top {
	top: 3px;
}
.menu-active .hamburger-line-top {
	top: 50%;
	transform: rotate(45deg) translatey(-50%);
}
.hamburger-line-middle {
	top: 50%;
	transform: translatey(-50%);
}
.menu-active .hamburger-line-middle {
	left: 50%;
	opacity: 0;
	width: 0;
}
.hamburger-line-bottom {
	bottom: 3px;
}
.menu-active .hamburger-line-bottom {
	bottom: 50%;
	transform: rotate(-45deg) translatey(50%);
}
.nav-menu {
	display: flex;
	list-style: none;
	margin: 0;
  gap: 50px;
	padding: 0;
	transition: all 0.25s ease-in;
}
.nav-menu .menu-item a {
	color: #000;
	font-weight: 400;
	font-size: 16px;
	text-transform: capitalize;
	position: relative;
    font-family: Syne;
}

.nav-menu .menu-item a:after {
	background: none repeat scroll 0 0 transparent;
	bottom: -16px;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	background: #F38120;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
}
.nav-menu .menu-item a:hover:after {
	width: 100%;
	left: 0;
}
header{width: 100%;position: fixed;top: 0;z-index: 999;background: transparent;}
header.fixed{background: rgba(255, 255, 255, 0.2);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);}
header .logo a{padding: 22px 47px 22px 14px;background: #3A3A3A;clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%);display: inline-block;}
header .rightside{display: flex;align-items: center;gap: 50px;}
header .btnblock .headerbtn{color: #fff;font-family: Syne;font-size: 20px;font-weight: 400;background: #F38120;clip-path: polygon(28% 0, 100% 0, 100% 100%, 0% 100%);width: 168.5px;height: 84px;display: inline-block;text-align: center;line-height: 84px;padding-left: 18px;}
header .btnblock .headerbtn:hover{background: #3A3A3A;}
footer{padding: 50px 0px;background-image: url('../image/footerbg.svg');background-repeat: no-repeat;background-size: cover;margin-top: 50px;}
.footer-container {
      display: flex;flex-direction: column;align-items: center;
      gap: 30px;
      margin: auto;
      padding: 32px;
      border: 1px solid #FFF;
      background: radial-gradient(1009.73% 137.52% at 8.26% 5.35%, rgba(229, 229, 229, 0.69) 0%, rgba(255, 255, 255, 0.37) 100%);
      backdrop-filter: blur(30px);
}    
.homebanner{height: 100vh;display: flex;align-items: center;justify-content: center;background-image: url('../image/home-banner.svg');background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.homebanner:before{content: "";position: absolute;background-image: url('../image/banner-after.svg');background-size: cover;background-position: center;
bottom: -180px;left: 0;width: 100%;height: 350px;}.rewording_sec{padding-top: 50px;}
.homebanner .info{max-width: 800px;z-index: 2;position: relative;}
.homebanner .info h1{padding-bottom: 45px;}
.homebanner .wrapper{margin-left: 150px;}
.orangebtn,.blackbtn{clip-path: polygon(0 0, 100% 0, 83% 100%, 0% 100%);background: #F38120;font-family: Syne;font-size: 14px;font-weight: 400;line-height: 1.2;text-align: center;text-transform: uppercase;color: #fff;padding: 19px 46px 19px 34px;display: inline-block;}
.orangebtn:hover{background: #3A3A3A;}
.blackbtn{clip-path: polygon(11% 0, 100% 0, 100% 100%, 0% 100%);background: #3A3A3A;color: #fff;padding: 19px 29px 19px 45px;}
.blackbtn.widthmargin{margin-left: -25px;}
.blackbtn:hover{background: #F38120;}
.btnblock{display: flex;align-items: center;gap: 5px;}
.rewording_sec .mainblock{display: flex;}
.rewording_sec .mainblock .left{width: 40%;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.rewording_sec .mainblock .right{width: 60%;}
.rewording_sec .mainblock .left img,
.rewording_sec .mainblock .right img{width: 100%;height: 100%;object-fit: cover;}
.rewording_sec .mainblock .left p{padding-top: 20px;padding-bottom: 40px;}
.rewording_sec .mainblock:nth-child(even) .right{width: 57%;}
.rewording_sec .mainblock .info{padding-left: 30px;}
.rewording_sec .mainblock:nth-child(even) .info{padding-left: 0px;padding-right: 30px;}
.rewording_sec .mainblock .number{color: #000;
    font-family: 'Inter 18pt';
font-size: 200px;
font-weight: 500;
line-height: 120%; 
letter-spacing: -16px;opacity: 0.1;}
footer .footer-menu{display: flex;align-items: center;justify-content: center;gap: 16px;list-style: none;flex-wrap: wrap;margin: 0;padding: 0;}
footer .footer-menu a{
  color: #ae9595;
 font-family: 'Inter 18pt';
font-size: 15px;
font-weight: 400;
line-height: 120%;
}footer .footer-menu a:hover{color: #F38120;}
header .topbar{background: #3A3A3A;color: #fff;display: flex;justify-content: space-between;align-items: center;gap: 50px;padding: 16px 24px;transition: all 0.4s ease;
overflow: hidden;opacity: 1;}
header .topbar a{color: #fff;font-size: 15px;display: flex;align-items: center;gap: 8px; font-family: 'Inter 18pt';}header .topbar a img{width: 12px;height: 12px;}
header.fixed .topbar{ opacity: 0;padding: 0;height: 0;}
.commonbanner .info{max-width: 100%;}.commonbanner .info h1{padding: 20px 0px !important;}
.commonbanner .wrapper{margin-left: auto;}
.commonbanner .info .title{color: #243353;
font-family: Syne;
font-size: 20px;
font-weight: 400;
line-height: 120%;
letter-spacing: 6px;
text-transform: uppercase;
}
.vision-sec{padding-top: 70px;padding-bottom: 100px;}
.vision-sec .info{max-width: 600px;margin: 0 auto;padding-bottom: 50px;}
.vision-sec .visionblock{display: flex;gap: 30px;justify-content: center;flex-wrap: wrap;}
.vision-sec .visionblock .box{border: 1px solid #F38120;padding: 50px 30px 30px 30px;background: #fffbf7;position: relative;text-align: center;width: 27%;transition: all 0.4s;}
.vision-sec .visionblock .box:hover,
.installs_sec .imageslider .element img:hover{transform: translateY(-8px);}
.vision-sec .visionblock .box .midle{padding-top: 30px;padding-bottom: 15px;}
.vision-sec .visionblock .box img{width: 72px;height: 72px;animation: 3s linear infinite rubberBand;}
@keyframes rubberBand {
  0% {
	transform: scale3d(1, 1, 1);
  }
  30% {
	transform: scale3d(1.25, 0.75, 1);
  }
  40% {
	transform: scale3d(0.75, 1.25, 1);
  }
  50% {
	transform: scale3d(1.15, 0.85, 1);
  }
  65% {
	transform: scale3d(0.95, 1.05, 1);
  }
  75% {
	transform: scale3d(1.05, 0.95, 1);
  }
  100% {
	transform: scale3d(1, 1, 1);
  }
}
@keyframes jollo {
 0%, 100%, 11.1% {
    transform: translateZ(0);
}
22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    transform: skewX(-.78125deg) skewY(-.78125deg);
}
77.7% {
    transform: skewX(.390625deg) skewY(.390625deg);
}
88.8% {
    transform: skewX(-.1953125deg) skewY(-.1953125deg);
}
}
.vision-sec.gols-sec .box{padding: 0;width: 31%;text-align: left;background: #fff;}
.vision-sec.gols-sec .box img{width: 100%;height: 300px;object-fit: cover;animation: none;}
.vision-sec.gols-sec .box ul{margin: 0;text-align: left;}
.vision-sec.gols-sec .box ul li{color: #4D4D4D;padding-bottom: 8px;}
.vision-sec.gols-sec .box .bottom{padding: 115px 16px 30px 16px;
    position: relative;
    margin-top: -150px;
    z-index: 1;
  }
.vision-sec.gols-sec .box .bottom::after{position: absolute;content: '';background-image: url('../image/globlebox-bg.svg');background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;left: 0;z-index: -1;top: 0;}
.vision-sec.gols-sec .box .bottom p{padding-top: 0;}
.vision-sec .info p{padding-top: 10px;}
.vision-sec .visionblock .box .top{animation: none;width: 198px;height: 73px;position: absolute;top: 0;right: 0;}
.solution-banner .info p{font-weight: 400;}
.solution-banner.homebanner{flex-direction: column;height: 1100px;}
.solution-banner.homebanner::before{z-index: 0;}
.solution-banner.homebanner::before,
.homebanner.casestudy-sec::before{background-image: url('../image/banner-before-two.svg');height: 270px;}
.solution-banner .vision-sec{padding-bottom: 0;}
.vision-sec.gols-sec .box{padding: 0;width: 31%;text-align: left;background: #fff;}
.vision-sec.gols-sec .box img{width: 100%;height: 300px;object-fit: cover;}
.vision-sec.gols-sec .box ul{margin: 0;text-align: left;}
.vision-sec.gols-sec .box ul li{color: #4D4D4D;padding-bottom: 8px;}
.vision-sec.gols-sec .box .bottom{padding: 115px 16px 30px 16px;
    position: relative;
    margin-top: -150px;
    z-index: 1;
}
.vision-sec.gols-sec .box .bottom::after{position: absolute;content: '';background-image: url('../image/globlebox-bg.svg');background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;left: 0;z-index: -1;top: 0;}
.vision-sec.gols-sec .box .bottom h6{padding-top: 0;}
.testimonial .testislider .box{border-radius: 20px;background: #FAFAFA;padding: 40px 30px 30px 30px;display: flex !important;align-items: flex-start;gap: 20px;position: relative;}
.testimonial .testislider .box img{height: 260px;width: 100%;object-fit: cover;border-radius: 10px;}.testimonial .testislider .box .left{width: 40%;}
.testimonial .testislider .box .right{width: 60%;}
.testimonial .testislider .box .right .name{text-transform: uppercase;padding:18px 0px 3px 0px;font-family: 'Inter 18pt';color: #202020;}
.testimonial .testislider .box .right span{color: #808080;font-weight: 400;font-size: 14px;}
.testimonial .testislider .slick-slide{margin: 0px 40px;opacity: 0.3;}
.testimonial .testislider .slick-slide.slick-current{opacity: 1;}
.testimonial .testislider {padding: 60px 0px;}
.testimonial .testislider .slick-dots li button:before{font-size: 15px;}
.testimonial .testislider .slick-dots li.slick-active button:before{color: #F38120;}
.testimonial .testislider .slick-arrow{bottom: 0;top: auto;z-index: 2;}
.testimonial .testislider .slick-arrow::before{opacity: 0;}
.testimonial .testislider .slick-arrow.slick-prev{left: 40%;}
.testimonial .testislider .slick-arrow.slick-next{right: 40%;}
.testimonial .testislider .box .quotes{position: absolute;top: 15px;right: 15px;width: 35px;height: 25px;}
.installs_sec .logo_slider{padding-top: 60px;}
.installs_sec .logo_slider .box img{width: 100%;height: 170px;}
.installs_sec .logo_slider .box img:hover{transform: scale(0.9);}
.installs_sec{padding: 100px 0px;}
.installs_sec h2{padding-bottom: 20px;}
.installs_sec .logos{max-width: 1100px;margin: 0 auto;}
.aboutbanner .info p{max-width: 800px;margin: 0 auto;}
.expert_sec{position: relative;z-index: 2;}
.expert_sec .expertblock{display: flex;}
.expert_sec .expertblock .left{width: 60%;border: 1px solid #000;border-right: 0px;background: #fff;margin: 20px 0px;}
.expert_sec .expertblock .right{width: 40%;}
.expert_sec .expertblock .left h2{max-width: 500px;color: #243353;}
.expert_sec .expertblock .left h5{font-weight: 700;color: #243353;font-size: 24px;margin: 0;padding-top: 30px;padding-bottom: 8px;}
.expert_sec .expertblock .left h4{color: #243353;font-weight: 700;padding:40px 0px;}
.expert_sec .expertblock .left ul{margin: 0;padding: 0;list-style: none;}
.expert_sec .expertblock .left ul li{display: flex;align-items: center;gap: 10px;font-size: 18px;color: #000;font-family: 'Inter 24pt';padding-bottom: 18px;}
.expert_sec .expertblock .left ul li img{animation: 2s linear infinite jollo;}
.expert_sec .expertblock .right{background: #FFF;box-shadow: 0 554px 155px 0 rgba(0, 0, 0, 0.00), 0 354px 142px 0 rgba(0, 0, 0, 0.01), 0 199px 120px 0 rgba(0, 0, 0, 0.05), 0 89px 89px 0 rgba(0, 0, 0, 0.09), 0 22px 49px 0 rgba(0, 0, 0, 0.10);padding: 24px;}
.expert_sec .expertblock .right form{display: flex;flex-wrap: wrap;column-gap: 30px;row-gap: 20px;}.expert_sec .expertblock .right .grup .custom_input{border: 1px solid #262626;padding: 12px 16px;font-size: 16px;font-weight: 400;color: #000;}
.expert_sec .expertblock .right .grup .custom_input::placeholder{color: rgba(108, 108, 108, 0.60);}
.expert_sec .expertblock .right .grup{display: flex;flex-direction: column;gap: 8px;}
.expert_sec .expertblock .right .grup{width: 47%;}
.expert_sec .expertblock .right .grup.full{width: 100%;}
.expert_sec .expertblock .right .grup textarea{height: 120px;font-size: 16px;}
.expert_sec .expertblock .right .grup textarea::placeholder{font-size: 16px;}
.expert_sec .expertblock .right .grup img{height: 70px;width: 100%;max-width: 270px;}
.expert_sec .expertblock .right .grup select{border: 1px solid #262626;padding: 12px 16px;color: rgba(108, 108, 108, 0.60);}
.expert_sec .expertblock .left  .leftblock{padding: 20px 20px 20px 40px;}
.contectusbanner.homebanner::before{display: none;}
.contectusbanner.homebanner{height: auto;padding: 250px 0px 100px 0px;}
.aboutus-main .wrapper{display: flex;align-items: center;justify-content: space-between;gap: 30px;}.aboutus-main .right p{padding-top: 18px;}
.aboutus-main .left,.aboutus-main .right{width: 50%;}
.aboutbanner::before{z-index: 0;}.aboutus-main{z-index: 1;position: relative;padding-top: 100px;padding-bottom: 150px;}.aboutus-main .left img{width: 100%;height: auto;object-fit: cover;}
.whyranex-sec .flexbox{padding-top: 150px;display: flex;gap: 5px;width: 950px;margin: 0 auto;    margin-right: 220px;}.whyranex-sec .whybox{width: 250px;height: 250px;border-radius: 50%;background: #F38120;display: flex;align-items: center;justify-content: center;text-align: center;}
.whyranex-sec .whybox p{font-size: 22px;font-weight: 600;color: #fff;opacity: 0.9;padding: 10px;}
.whyranex-sec .flexbox .box{width: 20%;height: 480px;display: flex;flex-direction: column-reverse;position: relative;}
.whyranex-sec .flexbox .box:nth-child(even){flex-direction: column;margin-top: -50px;}
.whyranex-sec .box .bgimg {
    position: absolute;
    top: 0;
    left: -25px;
    width: 300px;
    height: 500px;
}.whyranex-sec .flexbox .box:nth-child(even) .bgimg{bottom: 0;top: inherit;}
.mission-sec{padding: 150px 0px;}
.mission-sec .block{display: flex;flex-direction: column;gap: 50px;padding-top: 60px;}
.mission-sec .column{display: flex;align-items: center;gap:20px;background: #EBECED;border-right: 18px solid #F38120;width: 650px;}
.mission-sec .column .info h6{padding-bottom: 15px;color: #F38120;}
.mission-sec .column img{width: 145px;height: 145px;border-radius: 50%;margin-left: -78px;}
.mission-sec .column .info p{max-width: 500px;}
.mission-sec .column:last-child{align-self: flex-end;}
.mission-sec .column:first-child{margin-left: 70px;}.expertice-sec .right ul{list-style: none;padding: 0;}
.expertice-sec .right ul li{color: #4D4D4D;font-size: 20px;margin-bottom: 30px;background: linear-gradient(90deg, #FFF 37.34%, #DCDCDC 100%);display: flex;flex-direction: row;gap: 10px;align-items: center;}
.expertice-sec .right ul li span{background-image: url('../image/icons.svg');background-repeat: no-repeat;
    background-size: cover;
    width: 54px;
    height: 50px;
    flex-shrink: 0;
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 50px;
    padding-left: 10px;
}
.aboutus-main.expertice-sec{padding-top: 0;}
.service-sec{position: relative;z-index: 1;padding: 80px 0px;}
.service-sec .block{display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;padding-top: 50px;}
.service-sec .block .box{width: 48%;position: relative;}
.service-sec .block .box img{width: 100%;height: auto;object-fit: cover;}
.service-sec .block .box p{font-size: 24px;color: #243353;font-weight: 700;position: absolute;bottom: 0;left: 0;right: 0;padding: 20px;}
.core-section .block{display: flex;justify-content: center;padding-top: 130px;max-width: 1000px;margin: 0 auto;padding: 230px 0px 230px 0px;}.core-section .block .service-circle{height: auto;width: 496px;}
.core-section .block .box{display: flex;gap: 15px;align-items: center;flex-direction: column;}
.core-section .block .box p{font-size: 24px;color: #243353;font-weight: 700;text-align: center;}.core-section .block .box.second{flex-direction: column-reverse;}
.core-section .block .box.one{transform: translate(70px, -130px);}
.core-section .block .box.two{transform: translate(80px, 150px);}
.core-section .block .box.three{transform: translate(-75px, -130px);}
.core-section .block .box.four{transform: translate(-75px, 150px);}
.aboutposter .imgblock img{width: 100%;height: 100%;}.aboutposter .imgblock{position: relative;}.aboutposter{padding-bottom: 120px;}
.aboutposter .imgblock p{color: #FFF;font-size: 26px;font-weight: 700;position: absolute;top: 20px;left: 20px;max-width: 500px;}
.nav-menu .menu-item a.contect{display: none;}

.team-sec{padding-top: 150px;position: relative;overflow-x: hidden;}
.team-sec .team-block{display: flex;flex-wrap: wrap;gap: 30px;align-items: center;justify-content: center;padding-top: 50px;max-width: 1000px;margin: 0 auto;}.team-sec .team-block .team-box{padding: 40px;border: 1px solid #F38120;background: #FFF;box-shadow: 0 71px 20px 0 rgba(0, 0, 0, 0.00), 0 45px 18px 0 rgba(0, 0, 0, 0.01), 0 26px 15px 0 rgba(0, 0, 0, 0.03), 0 11px 11px 0 rgba(0, 0, 0, 0.04), 0 3px 6px 0 rgba(0, 0, 0, 0.05);width: 22%;text-align: center;transition: all 0.4s;}
.team-sec .team-box h5{font-size: 18px;margin-bottom: 10px;}.team-sec .team-box p{color: #D97520;}.team-sec .team-block .team-box:hover{transform: translateY(-8px);}
.team-sec .team-box img{width: 120px;height: 120px;border-radius: 50%;}
.team-sec .teambg{position: absolute;top: 180px;left: -110px;right: 0;margin: 0 auto;height: 355px;width: 1725px;}