/* CSS Document */

.new_portfolio .home-sec-hero {height: 100vh;}
.new_portfolio .home-sec-hero img.hero-img{width:100%; height:100%; object-fit: cover;}
/*.new_portfolio .home-sec-01{border:1px solid black;}*/
.new_portfolio .home-sec-01 .container-fluid{height: 100vh;}
.new_portfolio .home-sec-01 .main-row{}
.new_portfolio .home-sec-01 .main-row .columns{}
.new_portfolio .home-sec-01 .main-row .columns img{ display: block; margin-inline:auto;}

.new_portfolio .home-sec-02 .container-fluid { padding-block: 40px; }
.new_portfolio .home-sec-02 .container-fluid .main-row {  padding-inline:5rem; gap: 40px 0px;}
/*.new_portfolio .home-sec-02 .container-fluid .main-row .columns{border:1px solid black; }*/
.new_portfolio .home-sec-02 .img-container {position: relative;}
.new_portfolio .home-sec-02 .img-container img.logo {position: absolute; right: 9%; top: -5%; width: 300px;}
.new_portfolio .home-sec-02 .main-row .columns img{ display: block; margin-inline:auto; border-radius: 40px;}

.new_portfolio .home-sec-03 .img-container img{height:100vh; width:100%; object-fit: cover;}
.new_portfolio .home-sec-03 .img-container:last-of-type img{width:auto;}
/*.new_portfolio .home-sec-03 .img-container img{width:100%; height:100%;}*/
.new_portfolio .home-sec-03 .container-fluid {padding-top: 0px;padding-inline:0px;padding-bottom: 0px;}
.sec-03-scroll {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
	background-color: #008B43;

}

.sec-03-track {
    display: flex;
    animation: scrollLeft 30s linear infinite;
    width: max-content;
}

.sec-03-track img {
    width: 300px;
}

@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}
@media (max-width:1366px){
	.new_portfolio .home-sec-03 .img-container {padding:48px 0px;}
	.new_portfolio .home-sec-03 .img-container:last-of-type{padding: 90px 0px 0px;}
	.new_portfolio .home-sec-03 .img-container img { height: 90vh;}
}
@media (max-width:1280px){

	.new_portfolio .home-sec-01 .main-row ,.new_portfolio .home-sec-01 .main-row .columns{ height: 100%; }
	.new_portfolio .home-sec-01 .main-row .columns img {margin-top: 2.5rem;}
}

@media (max-width:768px){
	.new_portfolio .home-sec-hero, .new_portfolio .home-sec-01 .container-fluid { height: auto;}
	.new_portfolio .home-sec-02 .container-fluid .main-row { padding-inline: 1rem; }
	.new_portfolio .home-sec-02 .img-container img.logo { position: absolute; right: 8%; top: -9%; width: 200px; }
    .new_portfolio .home-sec-03 .img-container img { height: 45vh;}
	.new_portfolio .home-sec-03 .container-fluid {padding-bottom:0px;}
	.new_portfolio .home-sec-03 .img-container img { height: 50vh;}
	.new_portfolio .home-sec-03 .img-container:last-of-type { padding: 90px 0px 50px; }
}
@media (max-width:576px){
    .new_portfolio .home-sec-03 .img-container img {
        height: auto;
    }
}
@media (max-width:480px){
	.new_portfolio .home-sec-hero{height:50vh;}
	.new_portfolio .home-sec-02 .container-fluid {padding-inline:0px;}
	.new_portfolio .home-sec-02 .main-row .columns img { border-radius: 20px;}
	.new_portfolio .home-sec-02 .img-container img.logo { top: -11%; width: 100px;}
	.sec-03-track img { width: 200px; }
    .new_portfolio .home-sec-03 .img-container:last-of-type {  padding: 45px 0px;}
	
}