@font-face {
  font-family: 'Merriweather';
  src: url('/font/Merriweather_24pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather';
  src: url('/font/Merriweather_24pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Merriweather';
  src: url('/font/Merriweather_24pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather';
  src: url('/font/Merriweather_24pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather';
  src: url('/font/Merriweather_24pt-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
body {
    font-family: "Lato", sans-serif;
    background-color: #f6f6f6;
}
.footer h6{
     font-family: 'Merriweather'; 
}
section h2 {
  font-size: 36px;
  font-weight: bold; 
  line-height: 1.55;  
  text-align: center;
  color: #124074;
  font-family: 'Merriweather';
}
.header_height{
    margin-top: 56px;;
}
.rmt_80{
    margin-top: 80px;
} 
.rmb_80{
    margin-bottom: 80px;
}
.rpb_72{
padding-bottom: 72px;
}
.rpt_72{
padding-top: 72px;
}
.font_18{
  font-size: 18px;
  font-weight: normal;
  line-height: 1.55; 
  color: #434444;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.21px;
}

.centerloader,
.modal {
    bottom: 0;
    right: 0;
    top: 0
}

.centerloader,
.payment-model .rigister-section img {
    max-width: 100%
}

:root {
    
    --pr-light: #e1f3f7;
    --primary-blue: #008cac;
    --accent-red: #e42255;
    --text-black: #2c3a46;
    --icon-gray: #0f0e0e;
    --borger-gray: #e2e2e2;
    --light-blue: #e1f3f7;
    --pale-gray: #f8f9fa;
    --success-green: #0bb00b;
    --secondary-blue: #293353;
    --pale-blue: #f1f5f8;
    --error-red: #e13131;
    --accent-hover: #c1204b;
    --accent-gray: #c0c0c0;
    --plain-white: #ffffff;
    --text-zdark: #757575;
    --text-gray-drk: #454545;
    --zdark-bluebg: #151924;
    --hover-blue: #d8e6eb;
    --hover-gray: #f0f2f5;
    --light-red: #f8edf1;
    --light-violet: #e2e5ef;
    --pale-blue: #f1f5f8;
    --background-gray: #f6f8fa;
    --plyr-control-padding: 0px;
    --plyr-menu-background: rgba(255, 255, 255, 0.1);
    --plyr-control-radius: 0px;
    --plyr-color-main: #e31f52;
    --plyr-tooltip-radius: 10px;
    --accent-red: #e42255;
    --icon-gray: #8e8e8e;
    --pale-gray: #f8f9fa;
    --pale-blue: #f1f5f8;
    --accent-hover: #c1204b;
    --plain-white: #ffffff !important
}

body::-webkit-scrollbar {
    width: 8px
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
}

body::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: #708090 solid 0
}

@media screen and (device-aspect-ratio:2/3) {

    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        font-size: 16px !important
    }
}

@media screen and (device-aspect-ratio:40/71) {

    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        font-size: 16px !important
    }
}

@media screen and (device-aspect-ratio:375/667) {

    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        font-size: 16px !important
    }
}

@media screen and (device-aspect-ratio:9/16) {

    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        font-size: 16px !important
    }
}

/* custom class  */
.rpt-32 {
    padding-top: 32px;
}

.rmt-32 {
    margin-top: 32px;
}

.rpt-72 {
    padding-top: 72px
}

.rmt-72 {
    margin-top: 72px;
}

.zpx {
    padding-left: 9%;
    padding-right: 9%;
}

.rmb-48 {
    margin-bottom: 48px
}

.rpb48 {
    padding-bottom: 48px
}

.rpt48 {
    padding-top: 48px
}

.rzmt-96 {
    margin-top: 96px
}

.rpb-72 {
    padding-bottom: 72px
}

.font_40b {
    font-size: 40px;
    color: #2C3A46;
    font-weight: bold;
    text-transform: inherit;
}

.font_40 {
    font-size: 40px;
    color: #2C3A46;
    font-weight: normal;
    text-transform: inherit;
}

.font_30b {
    font-size: 30px;
    color: #2C3A46;
    font-weight: bold;
    text-transform: capitalize;
}

.font_24b {
    font-size: 24px;
    font-weight: bold;
}

.font_20b {
    font-size: 20px;
    color: #2C3A46;
    font-weight: bold;
}

.font_20 {
    font-size: 20px;
    color: #2C3A46;
    font-weight: normal;
}

.font_16n {
    font-size: 16px;
    color: #2C3A46;
    line-height: 1.6;
}

.font_16 {
    font-size: 16px;
    color: #2C3A46;
    line-height: 1.6;
}

.font_16b {
    font-size: 16px;
    color: #2C3A46;
    font-weight: bold;
}

.font_14b {
    font-size: 14px;
    color: #2C3A46;
    font-weight: bold;
}

.font_14 {
    font-size: 14px;
    color: #2C3A46;
}

.underline {
    position: relative;
}
.btn-primary-custom {
      background-color: #1c3f77;
      border: none;
      color: #fff;
      padding: 12px 30px;
      font-size: 1rem;
      line-height: 1.5;
      border-radius: 10px;
      transition: 0.3s;
      min-width:264px;
    }
    .btn-primary-custom:hover {
      background-color: #1c3f77;
    }
    .btn-outline-custom {
      background: #fff;
      border: 2px solid #124074;
      color: #2d4356;
      padding: 12px 30px;
      font-size: 1rem;
      line-height: 1.5;
      border-radius: 10px;
      transition: 0.3s;
      min-width:264px;
    }
    .btn-outline-custom:hover {
      background: #fff;
      color: #124074;
    } 
    .modal-header {
    padding: 0px !important;
    border: 0px !important;
    margin: 8px 15px 0px 0px !important;
}
@media(max-width:768px){
    .rmt_80{
        margin-top: 24px;
    } 
    .rmb_80{
        margin-bottom: 24px;
    }
    .rpb-72{
    padding-bottom: 24px;
    }
    
    .rpt-72{
    padding-top:24px;
    }
    
}