/* two-col */
.two-col-section{
    &:not(.border-m) {
        .img-holder{
            margin-bottom: 0 !important;
        }
        .content-wrap{
            justify-content: space-between;
            --gap: 50px;
			--right-content: calc(var(--width) * 1%);
            --left-content: calc(100% - var(--right-content) - calc(var(--gap)));
        }
    }
    .main-title h2{
        font-family: var(--primary-fonts);
        color: var(--dark-green);
        font-weight: 800;
		font-size: 32px;
		line-height: 1.4;
    }
    .left-content{
        .img-holder{
            height: 130px;
            width: 110px;
        }
        .img-holder + .content{
            margin-top: 32px;
        }
        .content{
            display: flex;
            flex-direction: column;
            gap: 50px;
            justify-content: space-between;
            height: 100%;
            .bottom-img{
                img{
                    height: 42px;
                    width: auto;
                }
            }
        }
    }
    .right-content > .content{
        display: flex;
        flex-direction: column;
        gap: 0;
        font-size: 18px;
        color: var(--text-color);
        font-family: var(--secondary-fonts);
        line-height: 1.6;
        a{
            color: inherit;
            text-decoration: underline;
            text-underline-offset: 2px;
        }
        p{
			margin-bottom: 32px;
			font-size: 18px;
			letter-spacing: 0.5px;
			&:last-of-type{
				margin-bottom: 0;
			}
		}
        ul{
            margin-bottom: 32px;
        }
        .title{
            font-size: 32px;
            line-height: 1.4;
            color: var(--title-color);
            letter-spacing: 0.5px;
        }
		span.title{
			font-size: 24px;
			font-family: var(--primary-fonts);
			font-weight: 700;
		}
    }
    &.arrow-right {
        .bottom-img{
            text-align: end;
        }
    }
    &.border-m{
        .content-wrap{
            --gap: 0;
            --p-gap: 64px;
            --left-content: calc(50%);
            --right-content: calc(50%);
            position: relative;
            justify-content: space-between;
            
            .left-content{
                padding-right: var(--p-gap);
                border-right: 2px solid var(--dark-green);
            }
            .right-content{
                padding-left: var(--p-gap);
            }
        }
    }
    &.min{
        .content-wrap{
            --gap: 24px !important;
            --left-content: 355px !important;
            --right-content: calc(100% - var(--left-content) - var(--gap)) !important;
        }
    }
    &.column{
        .content-wrap{
            flex-direction: column;
        }
        .left-content{
            .img-holder{
                height: 80px;
                width: 65px;
            }
        }
        .right-content{
            flex: unset;
            .bottom-img img{
                width: 30px;
            }
        }
    }
    .img-wrap{
        display: flex;
        flex-wrap: wrap;
        gap: 60px;
        .img-holder{
            width: calc(20% - 48px);
        }
    }
    &.contact-section-block {
        .content-wrap{
            --left-content: 670px;
            --right-content: calc(100% - var(--left-content) - calc(var(--gap)));
        }
        .left-content .bottom-img img{
            height: 100px !important;
        }
    }
    .contact-info {
        --gap: 16px;
        .item{
            padding: 32px; 
            background-color: var(--dark-green);
        }
        .title{ 
            font-weight: 400;
            margin: 0 0 24px;
        }
        .text br{display: none;}
    }
	&.contact-section-block {
		.right-content {
			.mobile-icon{
				display: none;
			}
		}
	}
}

@media (width < 991px) {
    .two-col-section {
        &:not(.border-m) {
            .content{
                .title{
                    font-size: 24px;
                }
            }
        }
        &.min{
            .content-wrap{
                flex-direction: column;
                --right-content: 100% !important;
                --left-content: 100% !important;
            }  
        }
        .content-wrap{
            flex-direction: column;
            --right-content: 100% !important;
            --left-content: 100% !important;
        } 
        &.border-m{
            .content-wrap{
                --p-gap: 0px;
            }
            .left-content{
                border-right: 0 !important;
            }
            .right-content{
                padding-top: 70px;
                margin-top: 70px;
                border-top: 2px solid var(--dark-green);
            }
        }
        .main-title h2{
            font-size: 24px !important;
            line-height: 1.5 !important;
        }
        .left-content {
            .img-holder{
                height: 100px;
                width: 80px;
            }
            .content{gap: 80px;}
            .bottom-img{
                text-align: center;
                height: 120px;
                img{
                    transform: rotate(90deg) translateX(40px);
                }
            }
        }
        &.contact-section-block {
            .left-content .bottom-img{
                height: auto;
                text-align: end;
                img{
                    height: 100px !important;
                    transform: unset;
                }
            }
        }
		&.contact-section-block {
			.right-content {
				.mobile-icon{
					display: block;
					margin-top: 44px;
					text-align: end;
					img{
						height: 100px;
						width: 95px;
					}
				}
			}
			.left-content {
				.bottom-img{
					display: none;
				}
			}
		}
    }
}
@media (width < 767px) {
	.home .two-col-section{
		padding: 60px 0 70px !important;
	}
	.two-col-section.pt-80{
		padding-bottom: 80px;
	}
    .two-col-section{
        .img-wrap{
            gap: 32px;
            justify-content: center;
            .img-holder {
                width: 100%;
                text-align: center;
                img{
                    max-width: 150px;
                }
            }
        }
        &.contact-section-block{
            .item-list .text{
                font-size: 16px;
            }
            .contact-info .item + .item{
                margin-top: 16px !important;
            } 
        }
    }
}
/* two-col */