/* Contra - Interior Creator HTML Template */
.image-top{
		top:8vh;
	}
.about-section .content-column .inner-column{
	position: relative;
	padding-top: 71px;
    padding-bottom: 50px;
	
}


@media only screen and (max-width: 1800px){
	.image-size{
		width: 800px;
		height: 1500px;
	}
	.about-section .content-column .content-box {
	    position: relative;
	    padding: 70px 90px 74px;
	    background-color: #ffffff;
	    border: 20px solid #f2f2f2;
	    border-left: 0;
	    box-shadow: 0 15px 74px rgb(0 0 0 / 10%);
	}
	.image-top{
		top:7vh;
	}

}

@media only screen and (max-width: 1439px){
	.image-size{
		width: 100;
		height: 100;
	}
	.about-section .content-column .content-box {
	    position: relative;
	    padding: 70px 90px 74px;
	    background-color: #ffffff;
	    border: 20px solid #f2f2f2;
	    border-left: 0;
	    box-shadow: 0 15px 74px rgb(0 0 0 / 10%);
	}
}


@media only screen and (max-width: 1139px){
	.image-size{
		width: 100;
		height: 100;
	}
	.about-section .content-column .content-box {
	    position: relative;
	    padding: 70px 90px 74px;
	    background-color: #ffffff;
	    border: 20px solid #f2f2f2;
	    border-left: 0;
	    box-shadow: 0 15px 74px rgb(0 0 0 / 10%);
	}
}


@media only screen and (max-width: 992px){
	.about-section .content-column .inner-column{
		position: relative;
		padding-top: 45px;
	    padding-bottom: 13px;
		
	}
	.image-column .image-box {
        padding-top: 2px !important;
        text-align: center;
    }
}

@media only screen and (min-width: 768px){
	.about-header h2 {
        font-size: 26px;
        padding-bottom: 10px;
    }
    /*.about-section .content-column .inner-column, .about-section .image-column .image-box {
        padding-top: 5px;
        text-align: center;
    }*/
    .about-section .content-column .content-box {
	    position: relative;
	    padding: 30px 30px 30px 30px;
	    background-color: #ffffff;
	    border: 20px solid #f2f2f2;
	    border-left: 0;
	    box-shadow: 0 15px 74px rgb(0 0 0 / 10%);
	}
	.about-section .content-column .content-box .text {
	    position: relative;
	    display: block;
	    font-size: 14px;
	    line-height: 28px;
	    color: #777777;
	    margin-bottom: 3px;
	}
}

	
@media only screen and (max-width: 600px) {
	.about-header h2 {
        font-size: 26px;
        padding-bottom: 10px;
    }
    .about-section .content-column .content-box {
	    position: relative;
	    padding: 30px 30px 30px 30px;
	    background-color: #ffffff;
	    border: 20px solid #f2f2f2;
	    border-left: 0;
	    box-shadow: 0 15px 74px rgb(0 0 0 / 10%);
	}
	.about-section .content-column .content-box .text {
	    position: relative;
	    display: block;
	    font-size: 14px;
	    line-height: 28px;
	    color: #777777;
	    margin-bottom: 3px;
	}
}

@media only screen and (max-width: 479px) {
	.about-header h2 {
        font-size: 26px;
        padding-bottom: 10px;
    }
    .about-section .content-column .content-box {
	    position: relative;
	    padding: 10px 30px 1px 30px;
	    background-color: #ffffff;
	    border: 1px solid #f2f2f2;
	    border-bottom: 10px;
	    border-left: 0;
	    box-shadow: 0 15px 74px rgb(0 0 0 / 10%);
	}
	.about-section .content-column .content-box .text {
	    position: relative;
	    display: block;
	    font-size: 14px;
	    line-height: 28px;
	    color: #777777;
	    margin-bottom: 3px;
	}
}
.carousel-caption{
	right: unset !important;
}
.custom-carousel-img {
  width: 100%;        /* Makes the image fit the screen width */
  height: auto;       /* Adjusts height automatically based on width */
  object-fit: cover;  /* Ensures the image covers the container proportionally */
  max-height: 70vh;  /* Prevents the image from becoming too tall */
  top: 10vh;
  margin-top:0vh;
}
@media(max-width: 2000px) {
  .custom-carousel-img {
      max-height: 70vh; /* Further adjust height for extra small devices */
  }
}
@media(max-width: 1800px) { 
  .custom-carousel-img {
      max-height: 70vh; /* Further adjust height for extra small devices */
      /*transform: scale(0.8);*/
  }
    
}
@media(max-width: 1291px) {  
  .custom-carousel-img {
      max-height: 70vh; /* Further adjust height for extra small devices */
  }
    
}
@media (max-width: 991px) { 
  .custom-carousel-img {
      max-height: 70vh; /* Further adjust height for extra small devices */
  }
   
}
@media (max-width: 768px) { 
  	.custom-carousel-img {
      	max-height: 60vh; /* Adjust height for smaller devices */
  	}
} 
/* Very small devices (phones) */
@media (max-width: 480px) { 
  	.custom-carousel-img {
      	max-height: 80vh; /* Further adjust height for extra small devices */
  	}

	.carousel-caption{
		top:5%;
		bottom:unset;
		left: 8%;
	}
	.custom-carousel-caption{
		font-size: 1.9rem !important;
	}
}
/* Very small devices (phones) */
@media (max-width: 370px) {  
	.custom-carousel-caption{
		font-size: 1.5rem !important;
	}
}
/* Very small devices (phones) */
@media (max-width: 320px) {  
	.custom-carousel-caption{
		font-size: 1.2rem !important;
	}
}
@media(max-height: 768px) { 
  .custom-carousel-img {
      max-height: 100vh; /* Further adjust height for extra small devices */
  } 
}