@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

*{ margin:0; padding:0; font-family:'Poppins', sans-serif; }
h1{ font-size: 44px; } 
h2{font-size: 40px !important;} 
p{margin: 0; padding: 0; text-decoration: none;} 
a:link { text-decoration: none; cursor:pointer;}
a:hover { color: #fff; }

#left-flex .ribbon *{ position:relative; } 
#left-flex .ribbon:before{ content:''; display:block; height:525px; left:0; position:absolute; width:100%; z-index:0; } 
#left-flex .ribbon{ -webkit-box-align:center; -ms-flex-align:center; align-items:end; background-size:cover; background:url('../images/image/cummercial-vehicle-Page.webp') center center / cover no-repeat; display:-webkit-box; display:-ms-flexbox; display:flex; height:525px; -webkit-box-pack:center; -ms-flex-pack:center; /* justify-content:center; */ margin:0; width:100%; z-index:-1; }
#left-flex .title-wrapper{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:0; max-width:1040px; min-width:200px; padding:0; text-align:left; width:45%; background: #00000042; }
#left-flex .title-wrapper > *{ color:#f2f2f2; font-weight:400; margin:0; padding:0; text-align:left; } 
#left-flex h1{ font-size:3.5rem; line-height:1.1; } 
#left-flex p{ font-size:1.75rem; }




.list-ic a { color: #788288; text-decoration: none; padding-left: 12px; } 
.list-ic li { position: relative; } 
.list-ic li span { display: inline-block; font-weight: 800; width: 2em; height: 2em; text-align: center; line-height: 2em; border-radius: 1em; background: #62ac2f; color: white; position: relative; } 
.list-ic.horizontal li { display: inline-block; } 
.list-ic.horizontal li span { margin: 0 1em; } 
.list-ic.horizontal li::before { top: 0.9em; left: -25px; width: 4em; height: 0.2em; } 
.list-ic.vertical { padding: 0; margin: 0; } 
.list-ic.vertical li { list-style-type: none; text-align: left; } 
.list-ic.vertical li span { margin: 0.5rem 0; } 
.list-ic.vertical li::before { top: -35px; left: 13px; width: 0.2em; height: 4em; } 
.list-ic li:first-child::before { display: none; } 
.list-ic .active { background: dodgerblue; } 
.list-ic .active ~ li { background: lightblue; } 
.list-ic .active ~ li::before { background: lightblue; }



  
.contentLeft .row .imgWrapper:nth-child(odd){ transform: translateY(-20px); } 
.contentLeft .row .imgWrapper:nth-child(even){ transform: translateY(20px); } 
.contentRight .content{ display: flex; flex-direction: column; align-items: flex-start; gap: 15px; } 
.contentRight .content h4{ font-size: 22px; font-weight: 400; color: #d35400; } 
.contentRight .content h2{ font-size: 40px; color: #1e272e; } 
.contentRight .content p{ font-size: 16px; color: #343434; line-height: 28px; padding-bottom: 10px; } 


.card .card-body .card-title{color: #62ac2f;}
.AddBtn{display: inline-block;text-decoration: none; font-size: 16px; letter-spacing: 1px; padding: 13px 30px; color: #fff; background: #62ac2f; cursor:pointer;  user-select: none; outline: none !important; border: none;}

/* Inder CSS Start */

.hero_title{
  font-size: 44px !important;
}


/* Inder CSS End */

/* responsive  */
/* Media query for tablets (portrait and landscape) */
@media (max-width: 768px) {
  .orderTwo{order: 1;}
  .orderOne{order: 0;}
  #left-flex .title-wrapper{width: 100%;}
  #left-flex h1{font-size: 2.5rem;}
  .aboutSectioTwo{padding-top: unset !important;}
}

/* Media query for mobile devices (portrait and landscape) */
@media (max-width: 480px) {
  h2{font-size: 30px !important;} 

  #left-flex .title-wrapper{width: 100%;}
  #left-flex h1{font-size: 2.5rem;}
  .orderTwo{order: 1;}
  .orderOne{order: 0;}
  .aboutSectioTwo{padding-top: unset !important;}

}
  
@media only screen and (max-width:629px){
	#left-flex .title-wrapper{
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
	}
	#left-flex #title-wrapper h1{
		font-size:2.75rem;
	}
	#left-flex p{
		font-size:1.4rem;
	}
}