*{
    margin: 0;
    padding: 0;
}
:root{
    --bs-font-ibx:"IBM Plex Sans", sans-serif;
   /* font-family: "IBM Plex Sans", sans-serif; */
    /* font-family: "Poppins", sans-serif;  */
}

body{
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    background-color: #ffffff;
}
.rounded-10{
    border-radius: 10px;
}
/* loder */
/* #preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../img/loder/loder.gif') 50% 50% no-repeat rgb(249,249,249);
} */
/* end */
a{
    text-decoration: none;
}
.navbar{
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
.logo{
    min-width: 120px;
    height: auto;
}
.sudhakar-logo{
    max-width: 170px;
    height: 55px;
}
nav .active a {
    color: #007FFF !important;
    font-weight:600;
}
.form-control:focus{
    box-shadow: unset;
    border-color: unset;
}
.form-select:focus{
    box-shadow: unset;
    border-color: unset;
}
.little-height{
    height: 35px;
    font-size: 12px;
}
.small-filter{
    height: 35px;
    font-size: 14px;
    border-radius: 7px;
    padding: 5px 20px;
}
.small-filter:first-child{
    background-color: #DD612E;
    border: 1px solid #DD612E;
}
.btn:active:focus{
    box-shadow: unset;
}
.contact-us{

}
.contact-us a{
    color: var(--bs-dark);
    font-weight: 500;
    font-style: italic;
    font-family: "IBM Plex Sans", sans-serif;
}
.nav-item a{
    padding: 5px 20px;
}
.home-hero{
        margin-top: 80px;
}
.main-hero-banner{
    position: relative;
}
.main-hero-banner .shap-first{
    position: absolute;
    top: 0;
    left: -60px;
}
.main-hero-banner h5{
    font-size: 30px;
    font-family: "IBM Plex Sans", sans-serif;
}
.main-hero-banner h2{
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 85px;
    font-weight: 400;
    z-index: 9;
    position: relative;
    line-height: 70px;
}
.main-hero-banner h2 span{
    font-weight: 700;
    font-size: 50px;
}
.hero-banner-img img{
    width: 100%;
}
.first-hero-btn {
    background-color: var(--bs-dark);
    padding: 10px 15px;
    color: #fff;
    border: 1px solid var(--bs-dark);
}
.first-hero-btn img {
    max-width: 16px;
}
 .main-hero-banner p{
    font-size: 16px;
 }
.first-hero-btn:hover {
    background-color: #fff;
    border: 1px solid var(--bs-dark);
    color: var(--bs-dark);
}
.contact-email{
    display: flex;
    align-items: center;
}
.contact-email a{
    color: var(--bs-dark);
    font-style: italic;
    font-weight: 500;
}
.about h3{
    font-weight: 600;
    font-size: 50px;
    color: var(--bs-dark);
}
.about p{
    color: var(--bs-dark);
    font-size: 16px;
}
.bg-greadent{
    /* background: linear-gradient(90deg, hsla(280, 65%, 65%, 1) 0%, hsla(3, 100%, 69%, 1) 53%, hsla(35, 100%, 64%, 1) 100%); */
    background: rgb(0,127,255);
    background: linear-gradient(90deg, rgba(0,127,255,1) 0%, rgba(42,82,190,1) 100%);
    padding: 85px 10px;
    margin: 20px 0px;
}
.small-header-contact{
    max-width: 32px;
}
.heading-greadent{
    color: #fff;
}
.heading-greadent h6{
    font-family: var(--bs-font-ibx);
    color: #ffffff;
}
.heading-greadent h3{
    color: #ffffff;
    font-size: 38px;
    font-weight: 600;
}
.heading-greadent p{
    font-size: 18px;
}
.exprience-10{

}
.white-arrow-experience{
    max-width: 280px;
    rotate: 340deg;
    width: 100%;
}
.exprience-10 h2{
    color: #ffffff;
    font-weight: 600;
    font-size: 48px;
}
.exprience-10 span{
    color: #ffffff;
    font-weight: 300;
    font-size: 25px;
}
.exprience-10 p{
    color: #ffffff;
    font-size: 16px;
}
.points-count{
    display: flex;
    align-items: center;
}
.points-count h1{
   margin-bottom: 0;
}
.points-greadent{
    border-bottom: 1px solid #fff;
    margin-bottom: 25px;

}
.points-count p{
    margin: 0;
}
.points-greadent h2{
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    font-size: 23px;
    margin-bottom: 25px;
}
.greadent-count{
    /* background: linear-gradient(90deg, hsla(280, 65%, 65%, 1) 0%, hsla(3, 100%, 69%, 1) 53%, hsla(35, 100%, 64%, 1) 100%); */
    background: linear-gradient(90deg, rgba(0,127,255,1) 0%, rgba(42,82,190,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 80px;
    font-weight: 600;
}
.points-count h6{
    font-weight: 600;
    font-size: 25px;
}
.heading-topbar{

}
.stap-img img{
    max-width: 80px;
    margin: auto;
}

.heading-topbar h2{
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--bs-font-ibx);
}
.heading-topbar p{
    font-style: italic;
}
.boxes-two{

}
.boxes-two h4{
    margin-bottom: 20px;
}
.boxes-two{
    padding: 15px;
    border: 1px solid #dedede;
    position: relative;
}
.boxes-ul{
    padding: 0;
    margin: 0;
}
.boxes-ul li{
    list-style-type: none;
    margin-bottom: 5px;
}
.box-shapright{
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto;
    display: flex;
    align-items: end;
    justify-content: end;
}
.box-shapright img{
    max-width: 15%;
}
.dubai-splace img{
    max-width: 350px;
    margin: auto;
}

.connect-form{
    background: #272727;
    border: 1px solid #626262;
    padding: 10px 10px;
    color: #fff;
    border-radius: 0px;
}
.connect-form:focus{
    background-color: #272727;
    color: #fff;
}
.whats-upp-stickey{
    position: fixed;
    right: 0;
    bottom: 40px;
}
.whats-upp-stickey a{
    font-size: 48px;
    color: #4CAF50;
}
.boxes-ul-whychoose{
    padding: 0;
    list-style-type: none;
}
.boxes-ul-whychoose li{
    font-size: 14px;
}   
.high-return-section{
    margin: 50px 0px;
}
/* timeline */


/* 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: 0px;
    background-color: #ffffff;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
    border: 1px dashed #9d9d9d;
}

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

/* The circles on the timeline */
.container-custom::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -13px;
    background-color: #1D2939;
    /* border: 5px solid #505050; */
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}
.container-custom-left::after {
    background-color: #007FFF;
    /* border: 5px solid #505050; */
}
/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}

/* 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 #3f3f3e;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #3f3f3e;
} */

/* 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 #3f3f3e;
  border-width: 10px 10px 10px 0;
  border-color: transparent #3f3f3e transparent transparent;
} */

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

/* The actual content */
.content-timeline {
    /* padding: 7px 16px; */
    border: 1px solid var(--Line);
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.05);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.content-timeline h4{
    font-size: 25px;
}
/* .content-timeline:hover h2{
    color: #d1f801;
}
.content-timeline:hover{
    border: 1px solid #cddc3961;
} */
 .end-content{
    text-align: end;
 }

.content-timeline h2{
   color: #98A2B3;
    font-size: 55px;
    font-weight: 600;
    margin: 0;
}

/* 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-custom {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .container-custom::before {
  left: 60px;
  border: medium solid #B99A35;
  border-width: 10px 10px 10px 0;
  border-color: transparent #B99A35 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%;
  }
}

/* end */


.why-client-img img{
    max-width: 410px;
    margin: auto;
}
footer{
    background-color: #272727;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.greadent-btn{
    background: linear-gradient(90deg, rgba(0,127,255,1) 0%, rgba(42,82,190,1) 100%);
    padding: 10px 20px;
    color: #fff;
}
.greadent-btn:hover{
    color: #fff;
}
.about-img{
    max-width: 560px;
    margin: auto;
    border-radius: 30px;
}


.my-slider{
  padding: 0 70px;
}
.slick-initialized .slick-slide{
  background-color: #ededed;
  color: #FFF;
  height: 200px;
  margin: 0 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slick-next, .slick-prev{
  z-index: 5;
}
.slick-next{
  right: 15px;
}
.slick-prev{
  left: 15px;
}
.slick-next:before, .slick-prev:before{
  color: #000;
  font-size: 26px;
}
.dev-img{

}
.dev-img img{
    width: 100%;
}
.dubai-bg{
    background-image: url(../img/dev-logo/dubai-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
        padding: 110px 0px 110px;
}

.partner-box {
    border-radius: 20px;
    background: #eeeeff6e;
    backdrop-filter: blur(6px);
    /* width: 300px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    box-shadow: 0 12px 20px #00000024, inset 2px 1px 10px #ededed4a, inset -2px -1px 10px #00000030;
    transition: all 0.3s ease;
}
/* .partner-box::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: -25px;
    left: -25px;
    bottom: 0;
    right: 0;
    background: inherit;
    box-shadow: inset 0 0 0 200px rgba(255, 255, 255, 0.2);
    filter: blur(10px);
} */

.partner-box img {
    max-width: 150px;
}
.new-types-dubai{
    border-radius: 20px;
    background: #eeeeff6e;
    backdrop-filter: blur(6px);
    /* width: 300px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    box-shadow: 0 12px 20px #00000024, inset 2px 1px 10px #ededed4a, inset -2px -1px 10px #00000030;
    transition: all 0.3s ease;
}
.new-types-dubai img{
    width: 100%;
    max-width: 300px;
    height: 190px;
    border-radius: 20px;
}
.new-types-dubai h6{
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}
.thanks-box{
    text-align: center;
}
.thanks-box img{
    width: 100%;
       max-width: 560px;
    margin-bottom: 20px;
}
.thanks-box h3{
    font-weight: 500;
    margin-bottom: 15px;
}
.thanks-box p{
margin-bottom: 0px;
    font-size: 14px;
    color: #666666;
}


@media only screen and (max-width:1440px) {
    .box-process:nth-child(1){
        margin-top: -65px;
    }
    .box-process:nth-child(2){
        margin-top: -80px;
    }
    .box-process:nth-child(3){
        margin-top: -62px;
    }
    .box-process:nth-child(4){
        margin-top: -68px;
    }
    .box-process:nth-child(5){
        margin-top: -54px;
    } 
}
@media only screen and (max-width:1024px) {

    .custom-header li{
        padding: 5px 10px;
    }
    .custom-header li a{
        letter-spacing: 1px;
    }
    .content-hero h1{
        font-size: 60px;
    }
    .img-content{
        bottom: 70px;
    }
    .main-hero-banner h2{
        font-size: 75px;
    }
   
 
}

@media only screen and (max-width:768px) {
    .navbar-collapse{
        position: absolute;
        width: 100%;
        top: 90%;
        left: 0;
        padding: 10px;
        background: #fff;
        z-index: 99;
        border-radius: 0px;
    }
    .custom-header{
        background-color: #fff;
        box-shadow: 1px 11px 15px #f8f8f8;
    }
    .custom-header li {
        padding: 15px 10px;
        border-bottom:1px solid #e6e6e6;
    }
    .custom-header li:nth-last-child(-n+1){
        border: 0;
        padding-bottom: 15px;
   }
    .contact-us {
        display: none;
    }
    .main-hero-banner h2 {
        font-size: 50px;
    }
    .contact-email a{
        display: block;
    }
    .points-greadent h2{
        font-size: 14px;
    }
    .heading-greadent h3{
        font-size: 30px;
    }
    .why-client-img img {
        max-width: 260px;
    }
    .home-hero {
        margin-top: 100px;
    }
}
@media only screen and (max-width:430px) {
    .count-hero{
        padding-left: 1.2rem;
    }
    .content-hero {
        width: 100%;
        padding-top: 20px;
    }
    .content-hero h1 {
        font-size: 50px;
    }
    .hero-side-img {
        margin-top: 30px;
    }
    .main-hero-banner{
        text-align: center;
    }
    .about{
        text-align: center;
    }
    .heading-greadent{
        text-align: center;
        margin-bottom: 50px;
    }
    .exprience-10 h2{
        justify-content: center;
    }
    .points-count{
        text-align: start;
    }
    .boxes-two h4{
        font-size: 16px;
    }
    .boxes-ul li{
        font-size: 12px;
    }
    .dubai-ul-li li{
        font-size: 14px;
    }
    .dubai-splace{
        margin-bottom: 30px;
    }
     .end-content{
        text-align: start;
    }
    .left::after, .right::after {
        left: 18px;
    }
    .not-show{
        display: none;
    }
    .points-greadent h2 {
        font-size: 12px;
    }
    .contact-email{
        display: none;
    }
    .main-hero-banner h5{
        font-size: 18px;
    }
    .main-hero-banner p{
        font-size: 11px;
    }
    .bg-greadent{
        padding: 35px 10px;
    }
    .new-types-dubai img{
        max-width: 400px;
        height: 220px;
    }
    .white-arrow-experience {
    max-width: 140px;
    rotate: 440deg;
    width: 100%;
    margin-top: 50px;
}
}