/*
Template Name: Consultip
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************center****************/
/* HERO SECTION (Modern & Premium Refinement) */
#center_h {
  padding-top: 20px !important;
  padding-bottom: 80px !important;
  background: #033f47;
  position: relative;
}

/* Improve slide spacing */
.center_h1i {
  align-items: center;
  padding: 40px 0;
}

/* TITLE */
.center_h1il h1 {
  font-size: 58px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.5px;
}

/* SUBTEXT – more readable */
.center_h1il p {
  font-size: 20px !important;
  line-height: 1.6;
  opacity: 0.95;
  max-width: 90%;
}

/* BUTTONS – clean, modern, flat */
.center_h1il .button,
.center_h1il .button_1 {
  font-size: 18px;
  padding: 16px 35px;
  border-radius: 10px;
  font-weight: 600;
  transition: 0.3s ease;
}

.center_h1il .button:hover {
  background: #cadf74;
}

.center_h1il .button_1:hover {
  background: #fff !important;
  color: #033f47 !important;
}

/* Image section */
.center_h1ir img {
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
  transform: translateY(0px);
  transition: 0.4s ease;
}

.center_h1ir img:hover {
  transform: translateY(-6px);
}

/* Indicators */
.carousel-indicators [data-bs-target] {
  background-color: #cadf74 !important;
  width: 40px !important;
  height: 4px !important;
  border-radius: 10px;
  transition: width .3s;
}

.carousel-indicators .active {
  width: 70px !important;
}



/*********************center_end****************/

/*********************process****************/
.process_1l{
padding:80px 40px;
min-height:500px; 
 }
/*********************process_end****************/


@media screen and (max-width : 767px){
.center_h1il .font_50{
font-size:30px; 
 }
.center_h1il .button{
padding:15px 15px; 
 }
.center_h1il .button_1{
padding:15px 15px; 
 }
.center_h1ir{
margin-top:15px;
 }
.about_h1r{
margin-top:15px; 
 }
.about_h1ril{
text-align:center;
margin-top:8px;
margin-bottom:8px; 
 }
.about_h1r h6{
text-align:center;
 }
.about_h2r{
margin-top:15px;  
 }
.about_h2l h6{
text-align:center; 
 }
.process_1l .font_50{
font-size:32px; 
 }
.process_1l br{
display:none;
 }
.process_1l .button{
padding:15px 10px;
font-size:14px;
 }
.process_1l .button_1{
padding:15px 10px;
font-size:14px;
 }
.process_1l {
padding: 30px 15px;
min-height: auto;
margin-bottom:15px;
}
.process_1 .pe-0{
padding-right:12px!important; 
 }
.process_1 .ps-0{
padding-left:12px!important; 
 }
.process_1r img{
height:auto; 
 }
 }

@media (min-width:576px) and (max-width:767px) {

 }
@media (min-width:768px) and (max-width:991px) {
.center_h1il .font_50{
font-size:30px; 
 }
.center_h1il p{
font-size:16px!important; 
 }
.about_h1r .font_50{
font-size:30px;  
 }
.about_h2l .font_50{
font-size:30px; 
 }
.process_1l .font_50{
font-size:36px; 
 }
.process_1l br{
display:none;
 }
.process_1l .button{
padding:15px 10px;
font-size:14px;
 }
.process_1l .button_1{
padding:15px 10px;
font-size:14px;
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.center_h1il .font_50{
font-size:30px; 
 }
.process_1l .font_50{
font-size:36px; 
 }
 }
@media (min-width:1201px) and (max-width:1360px) {

 }