:root {

    --title: font-size: clamp(1.2rem, 2.5vw, 2.7rem);
    --content: font-size: clamp(0.7rem, 2vw, 1.8rem);
}

.container-fluid{
	padding: unset;
}

.row {
	align-items: unset;
	align-content: unset;
}

.sec-01-col,
.sec-02-card,
.sec-02-subcol,
.sec-03-subcol1,
.sec-03-subcol2,
.sec-04-col,
.sec-06-col{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* section 1 */
.sec-01-col {
    min-height: 60vw;
}

#sec2 .sec-02-col .sec-02-subrow,
#sec3 .sec-03-col .sec-03-subrow{
	padding:1.5rem 1.5rem 0;
	margin-inline: 0px;
}

/* section 2 */
.sec-02-subcol {
    /* border:1px solid black; */
    aspect-ratio: 16 / 9;
    border-radius: 0.5rem;
    position: relative;
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("wired-bg.webp");
	display: flex;
	justify-content: center;
	align-items: center;
}

.sec-02-content {
    width: 80%;
    font-size: var(--content);
}

/* section 3, 4 & 5 */

#sec4 .sec-04-row{
	gap:1.5rem;
	padding-left:1.5rem;
	padding-right:1.5rem;
	margin-inline: 0px;
	margin-bottom: 1.5rem;
}

.sec-04-col {
    min-height: 30vw;
    background-size: cover;
	border-radius:8px;

}

.sec-04-col p,
.sec-04-col ul {
/*    font-size: var(--content);*/
	font-size: var(--new-para-01);
    padding-left: 0px;
    list-style-position: inside;
}

.sec-05-col {
    min-height: 50vw;
}

/* section 6 */
.sec-06-col {
    background-size: 65vw 50vw;
    min-height: 60vw;
}

/* section 7 */
#sec7 article{
	width:50%;
	text-align: center;
	margin-inline:auto;
	padding: 1.5rem;

}
#sec7 article h5 ,
#sec12 article h5 {
/*    font-size: var(--title);*/
	font-weight: bold;
}

#sec8{
	padding:0 1.5rem 1.5rem;
	width:100%;
}
#sec8 img{
	width:100%;
	aspect-ratio:21 / 9;
	object-fit: cover;
	border-radius:8px ;
}

.new_portfolio #sec9 .box-wrapper,
.new_portfolio #sec11 .box-wrapper{
	border-radius:16px !important;
	display:flex;
	padding: 1.5rem;
	padding-top: 0px;
	
}

#sec9 .box-wrapper img,
#sec11 .box-wrapper img{
	width:50%;
}
#sec9 .box-wrapper img:nth-child(1),
#sec11 .box-wrapper img:nth-child(1){
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}
#sec9 .box-wrapper img:nth-child(2),
#sec11 .box-wrapper img:nth-child(2){
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}

 .new_portfolio #sec10 .box-wrapper{
	display: flex;
	flex-direction: column;
	gap:1.5rem;
	padding:1.5rem;
	padding-top:0px;
	
}

.new_portfolio #sec10 .box-wrapper img{
	width:50%;
	border-radius:8px;
}

.new_portfolio #sec10 .box-wrapper img:nth-child(2){
     align-self: flex-end;
}

.new_portfolio #sec12 article{
	padding:0 1.5rem 1.8rem;
}

.new_portfolio #sec12 .content-1{
	text-align:left;
}
.new_portfolio #sec12 .content-2{
	text-align:right;
}

.new_portfolio #sec13 > img{
	width:100%;
}

.new_portfolio .sec-13-main{
	padding:1.5rem;
	width:100%;
	display:flex;
	flex-direction: column;
}

.new_portfolio .sec-13-main img{
	width:50%;
	border-radius:8px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.new_portfolio .sec-13-main img:nth-of-type(1){
	border-bottom-right-radius:0px;
}
.new_portfolio .sec-13-main img:nth-of-type(2){
	align-self: flex-end;
	border-top-left-radius:0px;
}
.new_portfolio #sec14{
	padding:0 1.5rem 1.5rem;
}
.new_portfolio #sec14 .sec-14-row{
	display:flex;
	gap:24px;
}
.new_portfolio #sec14 .sec-14-row:nth-of-type(1) + img{
	max-width:100%;
	aspect-ratio:16 / 9;
	object-fit: cover;
	border-radius:8px;
	margin-block:1.5rem;
}
.new_portfolio #sec14 .sec-14-row:nth-of-type(2){
      justify-content: flex-end;
}
.new_portfolio #sec14 .sec-14-row img{
	max-width: 400px;
	border-radius:8px;
	aspect-ratio:16 / 9;
}
.new_portfolio #sec14 article{
	text-align: center;
	padding-top: 2rem;
    padding-bottom: 0px;
}
.new_portfolio #sec14 article h5{
	text-transform: capitalize;
	font-weight: 600;
}

@media(max-width:1366px){
	.new_portfolio #sec14 .sec-14-row img{
		max-width: 300px;
	}
}


@media(max-width:992px){
	.new_portfolio #sec14 .sec-14-row img{ max-width: 200px;}
}


@media(max-width:767px) {
	
	.sec-04-col:nth-child(1) { min-height: 50vw;}
	
	.new_portfolio #sec9 .box-wrapper,
	.new_portfolio #sec11 .box-wrapper{
        flex-direction: column;
		gap:1.5rem;
	}

#sec9 .box-wrapper img,
#sec11 .box-wrapper img{
	width:100%;
	aspect-ratio:16 / 10;
	border-radius:16px;
}
	
	.new_portfolio #sec14 .sec-14-row{
		flex-direction: column;
	}
	
	.new_portfolio #sec14 .sec-14-row img{
		max-width:100%;
		object-fit: cover;
		object-position: bottom;
	}
}

@media (max-width:576px) {
   #sec7 article{width:70%;}
   #sec8 img {aspect-ratio: 16 / 9;}
}

@media (max-width:575px) {

    .sec-02-subrow {padding: 16px 16px 0 !important;}

    .sec-02-subcol {min-height: 80vw;}
	
	.new_portfolio #sec10 .box-wrapper img{aspect-ratio:16 / 10;}
    .new_portfolio #sec12 .content-1,
	.new_portfolio #sec12 .content-2{text-align:left;}

    }

@media (max-width:400px) {
  #sec7 article{ width:90%;}
	.new_portfolio .sec-01-col { min-height: 100vw;}
}