@font-face {
    font-family: 'Euclid Circular B';
    src: url('../webfonts/EuclidCircularB-SemiBold.woff2') format('woff2'),
        url('../webfonts/EuclidCircularB-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../webfonts/EuclidCircularB-Regular.woff2') format('woff2'),
        url('../webfonts/EuclidCircularB-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../webfonts/EuclidCircularB-Medium.woff2') format('woff2'),
        url('../webfonts/EuclidCircularB-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../webfonts/EuclidCircularB-BoldItalic.woff2') format('woff2'),
        url('../webfonts/EuclidCircularB-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../webfonts/EuclidCircularB-MediumItalic.woff2') format('woff2'),
        url('../webfonts/EuclidCircularB-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../webfonts/EuclidCircularB-Bold.woff2') format('woff2'),
        url('../webfonts/EuclidCircularB-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../webfonts/EuclidCircularB-Italic.woff2') format('woff2'),
        url('../webfonts/EuclidCircularB-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../webfonts/EuclidCircularB-SemiBoldItalic.woff2') format('woff2'),
        url('../webfonts/EuclidCircularB-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../webfonts/EuclidCircularB-LightItalic.woff2') format('woff2'),
        url('../webfonts/EuclidCircularB-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../webfonts/EuclidCircularB-Light.woff2') format('woff2'),
        url('../webfonts/EuclidCircularB-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


* {
  outline: 0;
}

body,
html {
  background: #EEF3FC;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  font-family: 'Euclid Circular B', 'Arial', sans-serif;
  padding-right: 0 !important;
  padding-left: 0 !important;
  min-height: 100vh;
}

button:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}

nav.navbar {
  z-index: 999;
}

.cursor-pointer {
  cursor: pointer;
}

.btn:focus,
.form-control:focus,
input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

a {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}


b,
strong {
  font-weight: bold;
}

textarea {
  resize: none;
}

input:focus {
  -webkit-box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.06) !important;
}


.border-light {
  border: 1px solid #e5e5ea !important;
}

.ob-none {
  -o-object-fit: none;
  object-fit: none;
  -o-object-position: center;
  object-position: center
}

.ob-scale {
  -o-object-fit: scale-down;
  object-fit: scale-down;
  -o-object-position: center;
  object-position: center
}

.ob-cover {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.ob-top {
  -o-object-position: top;
  object-position: top;
}

.hide {
  visibility: hidden;
  opacity: 0;
}

.show {
  visibility: visible;
  opacity: 1;
}

.text-gray {
  color: #7e7e7e !important
}

.text-12 {
  font-size: 12px;
}

.text-14 {
  font-size: 14px;
}
.text-15 {
  font-size: 15px;
}


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

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

.text-19 {
  font-size: 19px;
}

.text-20 {
  font-size: 20px;
}

.text-24 {
  font-size: 24px;
}

.text-25 {
  font-size: 25px;
}

.text-27 {
  font-size: 27px;
}

.text-30 {
  font-size: 30px;
}
.text-32 {
  font-size: 32px;
}

.text-36 {
  font-size: 36px;
}

.text-40 {
  font-size: 40px;
  line-height: 1.3;
}

.text-42 {
  font-size: 42px;
}

.text-48 {
  font-size: 48px;
}

.text-60 {
  font-size: 60px;
}

.text-65 {
  font-size: 65px;
}

.text-73 {
  font-size: 73px;
}

.text-75 {
  font-size: 75px;
}

.top {
  top: 0;
}

.left {
  left: 0;
}

.right {
  right: 0;
}

.bottom {
  bottom: 0;
}

.w1 {
  font-weight: 100
}

.w2 {
  font-weight: 200
}

.w3 {
  font-weight: 300
}

.w4 {
  font-weight: 400
}

.w5 {
  font-weight: 500
}

.w6 {
  font-weight: 600
}

.w7 {
  font-weight: 700
}

.w8 {
  font-weight: 800
}

.w9 {
  font-weight: 900
}


/* style */

@media (min-width: 1850px) {}

@media (min-width:1500px) {
}

@media (max-width:1500px) {}

@media (min-width:1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1335px
  }
}

@media (max-width: 1200px) {
  .text-40 {
    font-size: 30px;
  }
  .btn.w7 {
    font-weight: 500;
  }
}

@media (max-width:1300px) and (min-width: 992px) {}

@media (max-width: 992px) {
  
  .ob-none {
    -o-object-fit: unset;
       object-fit: unset;
  }
}

@media (min-width:992px) {}

@media (max-width:768px) {}

@media (min-width:768px) {}

@media (min-width:576px) {}

@media (max-width:576px) {
  .text-40 {
    font-size: 20px;
  }
}

@media (max-width:450px) {}