body {
    font-family: 'HelveticaWorld-Regular';
    color: var(--color-black);
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    width: 100%;
}

html{
  width: 100%;
}

@font-face {
    font-family: 'EurostileLTStdBold';
    src: url('../fonts/EurostileLTStdBold.eot');
    src: url('../fonts/EurostileLTStdBold.eot') format('embedded-opentype'),
         url('../fonts/EurostileLTStdBold.woff2') format('woff2'),
         url('../fonts/EurostileLTStdBold.woff') format('woff'),
         url('../fonts/EurostileLTStdBold.ttf') format('truetype'),
         url('../fonts/EurostileLTStdBold.svg#EurostileLTStdBold') format('svg');
}


@font-face {
    font-family: 'HelveticaWorld-Regular';
    src: url('../fonts/HelveticaWorld-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaWorld-Regular.woff') format('woff'), 
         url('../fonts/HelveticaWorld-Regular.ttf')  format('truetype'), 
         url('../fonts/HelveticaWorld-Regular.svg#HelveticaWorld-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  
@font-face {
    font-family: 'EurostileLTStd';
    src: url('../fonts/EurostileLTStd.eot?#iefix') format('embedded-opentype'),  
         url('../fonts/EurostileLTStd.woff') format('woff'), 
         url('../fonts/EurostileLTStd.ttf')  format('truetype'), 
         url('../fonts/EurostileLTStd.svg#EurostileLTStd') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  

.font-light{
  font-weight: 300 !important;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 600;
}
.font-semi-bold{
  font-weight: 500;
}

.font-italic{
  font-style: italic;
}


/* ============
   Extra Css
   ============ */

   p {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  /* // Padding css */
  .p-0 {
    padding: 0 !important;
  }
  .p-1 {
    padding: 1rem !important;
  }
  .p-2 {
    padding: 1.5rem !important;
  }
  .p-3 {
    padding: 2rem !important;
  }
  .p-4 {
    padding: 2.5rem !important;
  }
  .p-5 {
    padding: 3rem !important;
  }
  
  /* // Padding Top css */
  .pt-0 {
    padding-top: 0 !important;
  }
  .pt-0-5 {
    padding-top: 0.5rem !important;
  }
  .pt-1 {
    padding-top: 1rem !important;
  }
  .pt-2 {
    padding-top: 1.5rem !important;
  }
  .pt-3 {
    padding-top: 2rem !important;
  }
  .pt-4 {
    padding-top: 2.5rem !important;
  }
  .pt-5 {
    padding-top: 3rem !important;
  }
  
  /* // Padding Left css */
  .pl-0 {
    padding-left: 0 !important;
  }
  .pl-0-5 {
    padding-left: 0.5rem !important;
  }
  .pl-1 {
    padding-left: 1rem !important;
  }
  .pl-2 {
    padding-left: 1.5rem !important;
  }
  .pl-3 {
    padding-left: 2rem !important;
  }
  .pl-4 {
    padding-left: 2.5rem !important;
  }
  .pl-5 {
    padding-left: 3rem !important;
  }
  
  /* // Padding Right css */
  .pr-0 {
    padding-right: 0 !important;
  }
  .pr-1 {
    padding-right: 1rem !important;
  }
  .pr-2 {
    padding-right: 1.5rem !important;
  }
.pr-3 {
    padding-right: 2rem !important;
  }
  .pr-4 {
    padding-right: 2.5rem !important;
  }
  .pr-5 {
    padding-right: 3rem !important;
  }
  
  /* // Padding Right css */
  .pb-0 {
    padding-bottom: 0 !important;
  }
  .pb-1 {
    padding-bottom: 1rem !important;
  }
  .pb-2 {
    padding-bottom: 1.5rem !important;
  }
  .pb-3 {
    padding-bottom: 2rem !important;
  }
  .pb-4 {
    padding-bottom: 2.5rem !important;
  }
  .pb-5 {
    padding-bottom: 3rem !important;
  }
  
  /* // Margin css */
  .m-auto {
    margin: 0 auto !important;
  }
  .m-1 {
    margin: 1rem !important;
  }
  .m-2 {
    margin: 1.5rem !important;
  }
  .m-3 {
    margin: 2rem !important;
  }
  .m-4 {
    margin: 2.5rem !important;
  }
  .m-5 {
    margin: 3rem !important;
  }
  
  /* // Margin Top css */
  .mt-0{
    margin-top: 0rem !important;
  }
  .mt-0-5{
    margin-top: 0.5rem !important;
  }
  .mt-1 {
    margin-top: 1rem !important;
  }
  .mt-2 {
    margin-top: 1.5rem !important;
  }
  .mt-3 {
    margin-top: 2rem !important;
  }
  .mt-4 {
    margin-top: 2.5rem !important;
  }
  .mt-5 {
    margin-top: 3rem !important;
  }
  
  /* // Margin right css */
  .mr-0{
    margin-right: 0rem !important;
  }
  .mr-1 {
    margin-right: 1rem !important;
  }
  .mr-2 {
    margin-right: 1.5rem !important;
  }
  .mr-3 {
    margin-right: 2rem !important;
  }
  .mr-4 {
    margin-right: 2.5rem !important;
  }
  .mr-5 {
    margin-right: 3rem !important;
  }
  
  /* // Margin bottom css */
  .mb-0{
    margin-bottom: 0rem !important;
  }
  .mb-1 {
    margin-bottom: 1rem !important;
  }
  .mb-2 {
    margin-bottom: 1.5rem !important;
  }
  .mb-3 {
    margin-bottom: 2rem !important;
  }
  .mb-4 {
    margin-bottom: 2.5rem !important;
  }
  .mb-5 {
    margin-bottom: 3rem !important;
  }
  
  /* // Margin left css */
  .ml-0{
    margin-left: 0rem !important;
  }
  .ml-1 {
    margin-left: 1rem !important;
  }
  .ml-2 {
    margin-left: 1.5rem !important;
  }
  .ml-3 {
    margin-left: 2rem !important;
  }
  .ml-4 {
    margin-left: 2.5rem !important;
  }
  .ml-5 {
    margin-left: 3rem !important;
  }

  .ml_-6{
    margin-left: -6rem;
  }
  
  /* // width css */
  .row{
      width: 100%;
      float: left;
  }

  .w-100 {
    width: 100%;
  }
  .w-90 {
    width: 90%;
  }
  .w-80 {
    width: 80%;
  }
  .w-70 {
    width: 70%;
  }
  .w-60 {
    width: 60%;
  }
  .w-55 {
    width: 55%;
  }
  .w-50 {
    width: 50%;
  }
  .w-45 {
    width: 45%;
  }
  .w-40 {
    width: 40%;
  }
  .w-30 {
    width: 30%;
  }
  .w-20 {
    width: 20%;
  }
  .w-10 {
    width: 10%;
  }

  .w-20__px{
    width: 20px;
  }
  .w-25__px{
    width: 25px;
  }
  .w-30__px{
    width: 30px;
  }
  .w-40__px{
    width: 40px;
  }
  .w-auto{
    width: auto;
  }
  
  .h-20__px{
    height:20px;
  }
  .h-25__px{
    height: 25px;
  }
  .h-30__px{
    height: 30px;
  }
  .h-auto{
    height: auto;
  }
  
  
  /* // height css */
  .h-100 {
    height: 100%;
  }
  .h-70 {
    height: 70%;
  }
  .h-50 {
    height: 50%;
  }
  .h-20 {
    height: 20%;
  }
  
  /* // float css */
  .float-l {
    float: left;
  }
  .float-r {
    float: right;
  }
  
  /* // text align css */
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-justify {
    text-align: justify;
  }

  .text-uppercase{
    text-transform: uppercase !important;
  }
  
  .text-capitalize{
    text-transform: capitalize !important;
  }
  

  .content-center-middle{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .content-center{
    display: flex;
    justify-content: center;
  }
  .content-right{
    display: flex;
    justify-content: flex-end;
  }

  .flex-column{
    flex-direction: column;
  }
  .flex-row{
    flex-direction: row;
  }

  .overflow-hidden{
    overflow: hidden !important;
  }

  .cursor-pointer{
    cursor: pointer;
  }

  .hover-text-underline:hover{
    text-decoration: underline;
  }

  .display-inline-block{
    display: inline-block;
  }

  .display-f{
    display: flex;
  }

  .justify-space-between{
    justify-content: space-between;
  }

  .position-relative{
    position: relative;
  }

  .border-radius-10{
    border-radius: 10px;
  }

  .overflow-x-scroll{
    overflow-x: auto;
    margin: 0 auto;
    display: flex;
  }

  .overflow-hidden-none{
    overflow: inherit !important;
  }


  /* Fonts Size */
.font-10 {
  font-size: 10px;
}
.font-11 {
  font-size: 11px;
}
.font-12 {
  font-size: 12px;
}
.font-13 {
  font-size: 13px;
}
.font-14 {
  font-size: 14px;
}
.font-15 {
  font-size: 15px;
}
.font-16 {
  font-size: 16px;
}
.font-18 {
  font-size: 18px;
}
.font-20 {
  font-size: 20px;
}
.font-22 {
  font-size: 22px;
}
.font-24 {
  font-size: 24px;
  line-height: 35px;
}
.font-26 {
  font-size: 26px;
  line-height: 35px;
}
.font-28{
  font-size: 28px;
  line-height: 35px;
}
.font-30 {
  font-size: 30px;
  line-height: 30px;
}
.font-36 {
  font-size: 36px;
  line-height: 36px;
}

/* ============
   All Color
   ============ */

:root {
  --main-color: #E51636;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray:#666666;
  --color-border:#eee;
  --color-green:#2EBAA0;
  --color-input-border:#F1F1F1;
  --color-secondary: #F6F0ED;
}

.main-color{
  color: var(--main-color);
}
.color-black{
  color: var(--color-black) !important;
}
.color-black2{
  color: var(--color-black2);
}
.color-gray{
  color: var(--color-gray);
}

.color-white{
  color: var(--color-white);
}

.bg-gray{
  background-color: var(--color-gray3);
}


.border-bottom{
  border-bottom: 1px solid;
}
.border-top{
  border-top: 1px solid;
}
.border-left{
  border-left: 1px solid;
}

.border-color{
  border-color: var(--color-border);
}
.border-yellow-left{
  border-left: 1px solid rgba(253,166,15,0.4);
}

ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container {
    width: 1170px;
}

.section-content {
    padding: 100px 0;
    box-sizing: border-box;
}

.content__pl--pr{
    padding: 0px 20px;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5{
    font-family: 'EurostileLTStdBold';
}

h1{
    font-size: 60px;
}
h2{
    font-size: 35px;
}
h3{
    font-size: 22px;
}
h5{
    font-size: 16px;
}


.btn{
    /* min-width: 200px; */
    height: 50px;
    border-radius: 25px;
    background-color: var(--color-white);
    display: inline-block;
    box-sizing: border-box;
    transition: transform .25s ease;
    cursor: pointer;
}

.btn:hover{
  -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.btn-text{
    font-family: 'EurostileLTStdBold';
}

a{
    text-decoration: none;
}