.search-form .form-control {
    width: 107px;
    border-radius: 10px;
}

.form-control{
margin-left:100px; 

}
.input-group{
border:none !important
 }
img{
vertical-align: middle !important;

}

.form-control img{
    width: 75%;
}
.col-lg-6{
    padding-left: 50px;
}

.navbar {
  background-color:#FFFFFF ;
  background-image:none;
}

input#myBrowser {
    border: 1px solid;
    border-radius: 3px;
}
button#submit {
padding: 10px;
}
.hero-title{
font-size:42px;
font-weight:700;
line-height:1.5;

/* Gradient Text */
background: linear-gradient(90deg, #30E297, #0EC5E6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}

btn enroll-btn{
    background: linear-gradient(90deg, #30E297, #0EC5E6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;

}
.pay-badge{
align-items:center;
background:#19c0a0;
color:#fff;
border-radius:30px;
font-weight:600;
padding: 0px 30px;
width: 260px;
}



.hero-text{
font-size:18px;
color:#555;
margin-top:25px;
}

.hero-buttons .btn{
padding:10px 22px;
font-weight:600;
border-radius:6px;
margin-right:10px;
}

.enroll-btn{
background:#000;
color:#30E297;

}

.navbar{
position:absolute;
top:0;
left:0;
width:100%;
z-index:1000;
background:transparent;
}

.navbar .nav-link{
color:#000;
font-weight:500;
}

.navbar .nav-link:hover{
color:#0EC5E6;
}

.hero-section{
background:#eef5f3;
padding:140px 0 80px 0;

background-image:url('https://www.arboracademy.in/Arbor_web/images/bg_top_banner.png');
background-size:auto;
background-repeat:no-repeat;
background-position:right;
}

.brochure-btn{
background:#f1f1f1;
border:1px solid #ccc;
}

.hero-img{
max-height:350px;
}

/* Courses Section */

.courses-section{
padding-bottom:60px;
}

.section-title{
display: flow;
text-align:center;
font-size:36px;
margin-bottom:40px;
font-weight: 500;
background:none;
}



.course-row{
position:relative;
}

.course-row::before{
content:"";
position:absolute;
top:80px;
left:10%;
width:77%;
border-top:2px dotted #bbb;
z-index:0;
}

.course-card{
z-index:1;
}

.card-box{
background:#fff;
border-radius:10px;
padding:25px;
text-align:center;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
width: 188px;
height: 218px;
position: relative;
}

.card-box img{
width:50px;
margin-bottom:10px;
}

.card-box h5{
font-size:16px;
margin-bottom:8px;
}

.card-box p{
font-size:12px;
color:#666;
}

.learn-btn{
background:linear-gradient(90deg,#36d1a5,#1eb7d5);
border:none;
color:white;
padding:6px 15px;
border-radius:20px;
font-size:12px;
position: absolute;
    bottom: 10px;
    left: calc(50% - 45px);
}
a.learn-btn:hover{color:#fff;}
button.learn-btn.aws {
    margin-top: 15px;
}

/* Why Section */

.why-section{
background:linear-gradient(90deg,#36d1a5,#1eb7d5);
padding: 20px 0px 50px 0px;
}

.why-title{
text-align:center;
color:white;
font-size:36px;
margin-bottom:30px;
}

.why-box{
background:white;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.15);
padding:15px;
}

.why-item{
text-align:center;
padding:20px;
}

.why-item img{
width:50px;
margin-bottom:10px;
}

.why-item p{
font-size:14px;
font-weight:500;
}

hr{
margin:20px 0;
}

.why-flex{
display:flex;
align-items:center;
gap:15px;
text-align: left;
}

.why-flex img{
width:70px;
height: 70px;
}

.why-flex p{
margin:0;
font-size:16px;
font-weight:500;
}

.why-item{
border-right:1px solid #ddd;
}

.why-item:nth-child(4){
border-right:none;
}

body{
font-family:Arial;
}

/* Hiring Companies */

.hiring-section{
padding:60px 0;
text-align:center;
}

.hire_comp{
    font-size: 40px;
    font-weight: 800;
    line-height: 1.5;
    background: linear-gradient(90deg, #30E297, #0EC5E6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.section-sub{
color:#000000;
margin-bottom:30px;
font-weight:300px;
font-size:28px;
font-style:normal   ;
}

.company-logos{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
}

.company-logos img{
width:110px;
padding:10px;
border:1px solid #ddd;
border-radius:6px;
background:white;
}



/* Testimonials */

.testimonial-section{
background:linear-gradient(90deg,#36d1a5,#1eb7d5);
padding:70px 0;
text-align:center;
}
.why-section:before{content:" ";background:url('img/ic-quotes.png');}
.test-title{
color:white;
font-size:32px;
margin-bottom:40px;
}
.testimonial-header{
display:flex;
justify-content:space-between;
align-items:center;
}

.rating{
color:#f6b100;
font-size:13px;
}

.col-md-4 {
    width: 318px;
    height: 241px;

}

.video-card{
background:white;
border-radius:8px;
overflow:hidden;
position:relative;
box-shadow:0 4px 10px rgba(0,0,0,0.15);
}

.video-card img{
width:100%;
}
.row.video-testimonials{
margin-left:240px;}
.row{
    margin-left:0px;
}

.play-btn{
position:absolute;
top:40%;
left:50%;
transform:translate(-50%,-50%);
background:white;
width:50px;
height:50px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
}

.video-info{
padding:10px;
text-align:left;
}

.video-info h6{
margin:0;
}

.video-info p{
font-size:13px;
color:#666;
}


.review-section{
display:flex;
justify-content:center;
gap:25px;
margin-top:50px;
flex-wrap:wrap;
}

.review-card{
background:white;
width:280px;
padding:18px;
border-radius:8px;
box-shadow:0 6px 12px rgba(0,0,0,0.2);
position:relative;
transform:rotate(-5deg);
}

.review-card:nth-child(2){
transform:rotate(4deg);
scale:80%;
}

.review-card:nth-child(3){
transform:rotate(-3deg);
}

.review-card:nth-child(4){
transform:rotate(5deg);
scale:80%;
}

.review-header{
display:flex;
align-items:center;
gap:10px;
margin-bottom:8px;
}

.review-header img{
width:30px;
height:30px;
border-radius:50%;
}

.review-card p{
font-size:12px;
color:#555;
}

.pin{
position:absolute;
top:-12px;
left:50%;
transform:translateX(-50%);
width:25px;
}



/* CTA */

.career-cta{
text-align:center;
padding:50px 0;
}

.career-cta h2{
background: linear-gradient(90deg, #30E297, #0EC5E6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
font-size:40px;
font-weight: 700;
margin-bottom:20px;
}

.apply-btn{
background:linear-gradient(90deg,#36d1a5,#1eb7d5);
border:none;
padding:10px 25px;
color:white;
border-radius:6px;
}

.site-footer{
    padding-bottom: 70px;
}

/* Media Query Mobile*/

@media (max-width: 768px){
/* .container {
    display: grid ;
    align-items: center;
    flex-wrap: initial   !important;

}
.input-group{
    display: none;
} */

.input-group{
flex-wrap:nowrap;
}

#myBrowser{
font-size:14px;
padding:8px 10px;
}

.search-box{
width:45px;
padding:5px;
display:flex;
align-items:center;
justify-content:center;
}

.search-box img{
width:20px;
}

.navbar{
position:relative;
background:#fff;
}

.form-control{
margin-left:0;
}

.search-form{
width:100%;
margin:10px 0;
}

.search-form .form-control{
width:100%;
border-radius:25px;
}

.navbar-brand img{
width:150px;
}
.section-title{
font-size: 20px;
margin-bottom: 10px;
}
.course-card {
z-index: 1;
margin-left: 90px;
margin-bottom: 20px;
}
.why-title{
font-size: 20px;
}

.why-flex img {
width: 40px;
height: 40px;
}
.why-flex {
padding-left:40px

}

.hire_comp{
font-size: 30px;
}

.section-sub {
font-size:20px;
margin-bottom:10px;
}
.hiring-section{
    padding:20px 0px;
}
.col-lg-6{
    padding-left: 0px;
}
.hero-section{
    padding: 10px 0 80px 0;
}
.hero-title{
font-size:25px;
line-height:1.4;
}
.hero-text{
color: #00b116;
margin-top: 10px;
font-weight: 600;
    }
.btn.enroll-btn {
    padding: 5px 35px;
    margin-bottom: 10px;
}
.career-cta h2{
    font-size:30px
}
.site-footer {
 padding-bottom: 315px; 
  margin-left: 0px;
}

.test-title{
    font-size: 25px;
    margin-bottom: 20px;
}
.row.video-testimonials {
    margin-left:20px;
    
}
.col-md-4 {
    width: 250px;
    height: 225px;
}
.testimonial-section{
    padding: 15px 0px;
}

.input-group{
flex-wrap:nowrap;
}

#myBrowser{
font-size:14px;
padding:8px 10px;
}

.search-box{
width:45px;
padding:5px;
display:flex;
align-items:center;
justify-content:center;
}

.search-box img{
width:20px;
}

}