@font-face {
    font-family: 'ivypresto-display';
    src:
      url('../fonts/Mona-Sans.woff2') format('woff2 supports variations'),
      url('../fonts/Mona-Sans.woff2') format('woff2-variations'),
      url('../fonts/Mona-Sans.woff') format('woff');
    font-weight: 400 500 600 700;
    font-display: swap;
     /*font-stretch: 75% 125%; */
}
:root {
    --font-main: 'ivypresto-display';
	--font-size-h1: 32px;
	--font-size-h2: 28px;
	--font-size-h3: 26px;
	--font-size-h4: 20px;
	--font-size-h5: 18px;
	--line-height-h1: 42px;
	--line-height-h2: 36px;
	--line-height-h3: 34px;
	--line-height-h4: 30px;
	--line-height-h5: 26px;
    
}

@media (min-width: 768px) {
	:root {
		--font-size-h1: 36px;
		--font-size-h2: 32px;
		--font-size-h3: 30px;
        --font-size-h4: 20px;
        --font-size-h5: 20px;
        --line-height-h1: 44px;
		--line-height-h2: 42px;
        --line-height-h3: 38px;
        --line-height-h4: 30.6px;
        --line-height-h5: 25px;
    }
}
@media (min-width: 992px) {
	:root {
		--font-size-h1: 56px;
		--font-size-h2: 38px;
		--font-size-h3: 24px;
        --font-size-h4: 22px;
        --font-size-h5: 20px;
        --line-height-h1: 106.78px;
		--line-height-h2: 56.35px;
        --line-height-h3: 33.6px;
        --line-height-h4: 30.8px;
        --line-height-h5: 23.44px;
	}	
}

/**** heading ***/
h1{ 
	font-family: var(--font-main); 
	font-size: var(--font-size-h1);
	line-height: var(--line-height-h1);
    font-weight: 600;
    color:#131313;
}

h2{ 
	font-family: var(--font-main);
	font-size: var(--font-size-h2);
	line-height: var(--line-height-h2);
    font-weight: 400;
    color:#131313;
}

h3{ 
	font-family: var(--font-main);
	font-size: var(--font-size-h3);
	line-height: var(--line-height-h3);
    font-weight: 600;
    color:#131313;
}

h4{ 
	font-family: var(--font-main);
	font-size: var(--font-size-h4);
	line-height: var(--line-height-h4);
    font-weight: 600;
    color:#131313;
}

h5{ 
	font-family: var(--font-main);
	font-size: var(--font-size-h5);
	line-height: var(--line-height-h5);
    font-weight: 500;
    color:#131313;
}

/**** paragraph****/
p, li{ 
    font-size: 18px;
	font-family: 'Roboto', sans-serif;
	line-height: 25.2px;
	color:#59625D;
    font-weight: normal;
}
.roboto-font{
    font-family: 'Roboto', sans-serif !important;
}
/* a{ font-weight: 400;} */
.fs-20{
    font-size: 20px;
    line-height: 28px;
}
@media (min-width: 1200px) {
    p, li{ 
        font-size: 18px;
        line-height: 25.2px;
    }
    a{ font-size: 16px;color:#59625D;}
}

@media (min-width: 1440px) {
    p, li{ 
        font-size: 18px;
        line-height: 25.2px;
    }
    a{ font-size: 16px;color:#59625D;}
}

a{
	font-family:  'Roboto', sans-serif; 
	text-decoration: none;
	color:#59625D;
}
.fs-16{
    font-size: 16px;
}
.fs-14{
    font-size: 14px;
}
.mb-13{
    margin-bottom: 13px;
}
.mb-24{
    margin-bottom: 24px;
}
.fw-600{
    font-weight: 600;
}
.z-index-1{
    position: relative;
    z-index: 1;
}
.spt-100{
    padding-top: 100px;
}
.sp-60{
    padding-top:60px;
    padding-bottom:60px;
}
.spt-60{
    padding-top:60px;
}
.spb-60{
    padding-bottom:60px;
}
.spt-90{
    padding-top:90px;
}
.fw-500{
    font-weight: 500 !important;
}
.ls-5{
    letter-spacing: 0.5px !important;
}
.mb-8{
    margin-bottom: 8px;
}
.fs-28{
    font-size: 28px;
    line-height: 41.52px;
}
.fs-22{
    font-size: 22px !important;
    line-height: 30.8px !important; 
}
@media screen and (min-width:1200px){
    .sp-150{
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .desk-none{
        display: none;
    }
    .db{
        display: block;
    }
    .max-1000{
        max-width:1001px;
        margin: auto;
    }
    .max-880{
        max-width: 880px;
        margin:auto;
    }
    .max-782 {
        max-width: 782px;
        margin: auto;
    }
}
@media screen and (min-width:768px) and (max-width:1080px){
    .sp-150{
        padding-top: 130px;
        padding-bottom: 130px;
    }
    .sp-60{
        padding-top:50px;
        padding-bottom:50px;
    }
    .spt-60{
        padding-top:50px;
    }
    .spt-90{
        padding-top:80px;
    }
    .spb-60{
        padding-bottom:50px;
    }
    p, li {
        font-size: 18px;
        line-height: 26px;
    }
    .fs-20 {
        font-size: 18px;
        line-height: 26px;
    }
    .mbl-fs-16 {
        font-size: 18px !important;
        line-height: 26px !important;
    }
    .tab-pb-30{
        padding-bottom: 30px;
    }
    .tab-w-100{
        width: 100%;
    }
    .tab-pt-100{
        padding-top: 100px !important;
    }
    .max-880{
        max-width: 600px;
        margin: auto;
    }
    .col-md-reverse{
        flex-direction: column-reverse;
    }
    .dd-block{
        display:block;
    }
}
@media screen and (max-width:1200px){
    .mobile-none{
        display: none;
    }
}
@media screen and (min-width:1080px) and (max-width:1200px){
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1100px;
    }
    .sp-150{
        padding-top: 150px;
        padding-bottom: 150px;
    }
}
@media screen and (max-width:500px){
    .sp-150{
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .sp-60{
        padding-top:40px;
        padding-bottom:40px;
    }
    .spt-90{
        padding-top:60px;
    }
    .spt-60{
        padding-top:40px;
    }
    .spb-60{
        padding-bottom: 40px;
    }
    .mbl-mb-20{
        margin-bottom: 20px !important;
    }
    .mbl-md-40{
        margin-bottom:40px !important;
    }
    .mbl-pb-30{
        padding-bottom: 30px !important;
    }
    .mbl-pt-100{
        padding-top:100px !important;
    }
    .xs-d-block{
        display: block;
    }
    .col-xs-reverse{
        flex-direction: column-reverse;
    }
    p, li {
        font-size: 16px;
        line-height: 24px;
    }
    .fs-20 {
        font-size: 16px;
        line-height: 24px;
    }
    .mbl-fs-16 {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .m-xs-auto{
        margin: auto;
    }
}