html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
menu,
nav {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit
}

menu,
nav,
section {
    display: block
}

body {
    line-height: 1.5;
    font-family: "Biotif", sans-serif;
    color: #1F1F21;
    transition: 0.2s ease-in-out
}

ol,
ul {
    list-style: none
}


blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}


.row {
    width: 100%;
    position: relative;
    z-index: 10;
    transition: padding 0.2s ease-in-out
}

main {
    position: relative;
    overflow: hidden
}


.text-18 {
	color: #FFF;
	font-family: 'Inter';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.72px;
}

.title-72 {
    font-weight: 500;
    font-size: 56px;
	font-family: Space Grotesk;
    line-height: 56px;
	font-style: normal;
    letter-spacing: -.05em;
    letter-spacing: 1.12px;
    margin-bottom: 22px
}

.title-102 {
    font-weight: 500;
    font-size: 102px;
    line-height: 1.02;
    letter-spacing: -.05em;
    letter-spacing: -.8px
}

.home-why-section {
    background: #196ba2;
    color: #fff;
    position: relative
}


.home-why-section-top {
    margin-bottom: 230px
}

.home-why-section .section-label {
	color: #6D9BD3;
	font-family: Space Grotesk;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px; 
	letter-spacing: 0.48px;
    margin-bottom: 22px;
}

.home-why-fixed-hold {
    position: relative
}

.home-why-fixed-hold:before {
    content: '';
    position: absolute;
    top: -100px;
    left: 0;
    bottom: 0;
    width: calc(50% - 0px);
    background: #fff
}

.home-why-fixed-items {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.home-why-fixed-images-items {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.home-why-fixed-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden
}

.home-why-fixed-image-item {
    height: 100vh;
    pointer-events: none
}

.hw-image-hold {
    height: 100vh;
    position: relative;
    padding-top: 0;
    padding-right: 80px;
    position: relative;
    overflow: hidden
}

.hw-image-holder {
    position: relative;
    padding-right: 20px
}

.hw-image {
    max-height: 100%;
    padding-left: 15%;
    padding-top: 5%;
    transform: translateY(50%);
}

.home-why-fixed-image-item:first-child .hw-image img {
    transform: translateY(0%)
}

.hw-content-hold {
    padding-left: 85px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.home-why-fixed-item .section-label {
    margin-bottom: 36px
}

.home-why-fixed-item .title-72 {
    margin-bottom: 90px;
	width: 468px;
}

.hw-text {
	color: #FFF;
	font-family: 'Inter';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.72px;
	position: relative;
	margin-bottom: 34px;
	padding-left: 60px;
}


.hw-link {
    padding-left: 80px
}

.home-why-fixed-hold.top-reached .home-why-fixed-items {
    position: fixed
}

.home-why-fixed-hold.top-3-reached .home-why-fixed-image-item:nth-child(2) .hw-image img {
    transform: translateY(0) !important
}

.hiw-section {
    padding: 140px 0
}

.hiw-hold {
    color: #fff;
    padding: 80px 9.5% 70px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px
}

.hiw-hold .section-label {
    color: #fff
}

.hiw-hold .title-72 {
    margin-bottom: 0
}

.home-why-fixed-hold.hw-text-1-reached .home-why-fixed-item-1 {
    opacity: 1;
    visibility: visible
}

.home-why-fixed-hold.hw-text-2-reached .home-why-fixed-item-1 {
    opacity: 0;
    visibility: hidden
}

.home-why-fixed-hold.hw-text-2-reached .home-why-fixed-item-2 {
    opacity: 1;
    visibility: visible
}

.home-why-fixed-hold.hw-text-3-reached .home-why-fixed-item-2 {
    opacity: 0;
    visibility: hidden
}

.home-why-fixed-hold.hw-text-3-reached .home-why-fixed-item-3 {
    opacity: 1;
    visibility: visible
}

.home-why-fixed-hold.hw-text-4-reached .home-why-fixed-item-3 {
    opacity: 0;
    visibility: hidden
}

.home-why-fixed-hold.hw-text-4-reached .home-why-fixed-item-4 {
    opacity: 1;
    visibility: visible
}

.home-why-fixed-image-item-last {
    height: 1px
}


.home-why-fixed-hold.top-reached.last-reached .home-why-fixed-items {
    position: absolute;
    top: auto;
    bottom: 0
}

.home-why-fixed-hold.top-reached.last-reached .home-why-fixed-item {
    top: auto;
    bottom: 0
}

.intro-lgi-button {
    margin-top: 35px
}

.hw-breads {
    position: absolute;
    top: 5px;
    left: 0;
    line-height: 1
}

.hw-breads:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 6px;
    bottom: 10px;
    width: 1px;
    background: #1F518C;
}

.hw-breads ul li {
    margin-bottom: 10px
}

.hw-breads ul li:last-child {
    margin-bottom: 0
}

.hw-breads ul li span {
    display: inline-block;
    position: relative;
    z-index: 5;
    width: 13px;
    height: 13px;
    background: #1F518C;
    border-radius: 50%
}

.home-why-fixed-item-1 .hw-breads ul li:nth-child(1) span {
    background: #8FC1FC;

}

.home-why-fixed-item-2 .hw-breads ul li:nth-child(2) span {
    background: #8FC1FC;

}

.home-why-fixed-item-3 .hw-breads ul li:nth-child(3) span {
    background: #8FC1FC;

}


@media only screen and (max-width:1199px) {

    .hw-image-hold {
        padding-right: 30px
    }

    .home-why-fixed-hold:before {
        top: -60px
    }

    .text-18 {
        font-size: 16px
    }

    .hw-content-hold {
        padding-left: 40px
    }

    .hw-text {
        margin-bottom: 22px
    }

    .home-why-fixed-item .section-label {
        margin-bottom: 22px
    }

    .home-why-fixed-item .title-72 {
        margin-bottom: 30px;
		margin-right: 50px;
    }

}

@media only screen and (max-width:1023px) {

    .title-72 {
        font-size: 60px;
    }

    .hw-content-hold .title-72 {
        transition-delay: 0s
    }

    .hw-content-hold .hw-text-hold {
        transition-delay: 0s
    }

    .hw-content-hold .hw-link {
        transition-delay: 0s
    }

    .hw-text {
        padding-left: 0
    }

    .hw-link {
        padding-left: 0
    }

    .hw-content-hold {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        padding: 50px 130px;
    }

    .home-why-section {
        padding: 90px 0
    }

    .hw-mob-image {
        margin-bottom: 40px;
		text-align: center;
    }

    .hw-mob-item {
        margin-bottom: 80px
    }

    .hw-mob-item:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:786px) {
    .title-72 {
        font-weight: 500;
        font-size: 48px;
        line-height: 1.06;
        letter-spacing: -.05em;
        letter-spacing: -.8px;
        margin-bottom: 22px;
    }

    .hw-text{
    	width: 90% !important;
    }

    .hw-content-hold{
    	padding: 50px 50px;
    }
}
@media screen and (max-width:639px) {
    .home-why-section {
        padding: 0px 0 0px
    }
}
@media screen and (max-width: 768px) {
    .hw-text{
    	width: auto !important;
    }
    .scroll-slider .home-why-fixed-item .title-72{
        width: 100% !important;
        color: #FFF;
    text-align: center;
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.48px;
    }
.home-why-section {
        padding: 0px 0 0px
    }

.scroll-slider .hw-text{
    color: #FFF;
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.72px;
}
.hw-content-hold {
    padding: 25px 25px;
}
.home-why-section .section-label{
    width: auto !important;
}

.scroll-slider .hw-mob-image{
        padding: 50px 50px;
    }
}