/* Font Sizes */
h1, .fnt64{font-size: 64px;line-height: 76px; letter-spacing: -1.92px;}
h2, .fnt40{font-size: 40px;line-height: 48px;letter-spacing: -2px;}
h3, .fnt32{font-size: 34px;line-height: 48px;letter-spacing: -0.96px;}
h4, .fnt26{font-size: 26px;line-height: 34px;letter-spacing: -1.3px;}
h5, .fnt24{font-size: 24px;line-height: 28.8px;letter-spacing: -0.5px;}
h6, .fnt20{font-size: 20px;line-height: 28px;letter-spacing: -0.4px;}

p{font-size: 16px;line-height: 24px;font-weight: 500;letter-spacing: 0px;}
.p_primary{font-size: 14px;line-height: 28px;font-weight: 700;letter-spacing: 0px;}
.p_sec{font-size: 13px;line-height: 20px;font-weight: 400;letter-spacing: 0px;}

h1, h2, h3, h4, h5, h6 {color: #000;}

p { color:565966;}

/* Font Weights */
.fw300{font-weight: 300 !important;}
.fw400{font-weight: 400 !important;}
.fw500{font-weight: 500 !important;}
.fw600{font-weight: 600 !important;}
.fw700{font-weight: 700 !important;}
.fw800{font-weight: 800 !important;}

/* colors */
.txt-white{color: #ffffff !important;}
.txt-black{color: #000 !important;} 
.txt-blue{color: #181E3B !important;} 
.txt-primary-blue{color: #191B4A !important;}
.txt-orange{color: #FF5D18 !important;}
.txt-primary-orange{color: #F3723B !important;} 
.txt-grey{color: #565966 !important;} 
.txt-primary-grey{color: #36363D !important;} 
.txt-sec-white{color: #F0F0F1 !important;}

/* Bg-colors */
.bg-vinilla{background: linear-gradient(66deg, #FFEDED 9.06%, #FFE7D8 88.66%);}
.bg-blue{background-color: #191B4A;}

/* buttons */
.btnOrange{border: 0;background: #FF5D18;border-radius: 5px;height: 44px;display: inline-block;font-weight: 700 !important;font-size: 14px;line-height: 28px;color: #FFF;padding: 8px 26px;transition: all .5s;}
.btnOrange:hover, .btnOrange:active, .btnOrange:focus{color: #FFFFFF;background: #191B4A;}
.btnOrange img{transition: transform 0.3s ease-in-out;margin-bottom: 5px;}
.btnOrange:hover img, .btnOrange:active img, .btnOrange:focus img{transform: rotate(45deg);transition: transform 0.3s ease-in-out;}

.btnpurple{border: 0;background: #FFDFD1;border-radius: 5px;height: 48px;display: inline-block;font-weight: 700 !important;font-size: 16px;line-height: 28px;color: #F3723B;padding: 10px 20px;transition: all .5s;}
.btnpurple:hover, .btnpurple:active, .btnpurple:focus{color: #F3723B;border:2px solid #F3723B;transition: transform 0.3s ease-in-out;}
.btnpurple img{transition: transform 0.3s ease-in-out;object-fit: scale-down;margin-bottom: 5px;}
.btnpurple:hover img, .btnpurple:active img, .btnpurple:focus img{transform: rotate(45deg);transition: transform 0.3s ease-in-out; margin-bottom: 0;}

.borderbtnorange{font-size: 16px;line-height: 24px;letter-spacing: -0.48px;transition: all .5s;}
.borderbtnorange img{transition: transform 0.3s ease-in-out;margin-bottom:3px;}
.borderbtnorange:hover, .borderbtnorange:active, .borderbtnorange:focus{text-decoration: underline;transition: all .5s;}
.borderbtnorange:hover img, .borderbtnorange:active img, .borderbtnorange:focus img{transform: rotate(45deg);transition: transform 0.3s ease-in-out;}

.btntext{font-size: 14px;line-height: 28px;transition: all .5s;padding: 8px 26px;background-color: #FF5D18;border-radius: 5px;height: 44px;display: inline-block;}
.btntext:hover, .btntext:active, .btntext:focus{background-color: #191B4A;text-decoration: none !important;}

/* font-families */
.manrope-ff {font-family: "Manrope", sans-serif;font-optical-sizing: auto;font-style: normal;}
.dm-serif-italic {font-family: "DM Serif Display", serif;font-weight: 400;font-style: italic;}
.dm-serif-regular {font-family: "DM Serif Display", serif;font-weight: 400;font-style: normal;}

/* Resposnive-Typography */
@media only screen and (max-width: 767px) {

    .container{max-width: 1120px;margin: 0 auto;padding: 0 24px;}

    h1, .fnt64{font-size: 40px;line-height: 46px;letter-spacing: -1.2px;}
    h2, .fnt40{font-size: 26px;line-height: 34px;letter-spacing: -1.3px;}
    h3, .fnt32{font-size: 26px;line-height: 34px;letter-spacing: -0.78px;}
    h4, .fnt26{font-size: 26px;line-height: 34px;letter-spacing: -1.3px;}
    h5, .fnt24{font-size: 20px;line-height: 28px;letter-spacing: -0.4px;}
    h6, .fnt20{font-size: 18px;line-height: 24px;letter-spacing: -0.3px;}

    p{font-size: 14px;line-height: 24px;}
    .p_primary{font-size: 14px;line-height: 28px;}
    .p_sec{font-size: 12px;line-height: 20px;}
}