
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Noto+Sans+JP:wght@300;400;500;600;700&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap')

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  outline: 0px !important;
  scroll-behavior: smooth;
      word-break: break-word;
      font-family: "Rethink Sans", sans-serif;
}

a:focus, .btn:focus, input:focus {
  box-shadow: none !important;
  outline: 0px;
}

  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    -webkit-text-fill-color: #333;
    -webkit-box-shadow: 0 0 0px 0px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
    filter: none !important;
}


*::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);
  border-radius: 10px;
  background-color: transparent;
}

*::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  background-color: transparent;
}

*::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);
  background-color: #E5E5E5;
}


[data-toggle="tooltip"],  input, [type="file"],input[type=checkbox], input[type=radio] {
  cursor: pointer;
}

img {
  max-width: 100%;
}

a {
  color: #ED772F;
  transition: all 0.3s ease-out;
  
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
}


a:hover {
  color: #ED772F;
}

.underline {
  text-decoration: underline !important;
}

.no-underline {
  text-decoration: unset !important;
}

button {
  transition: all 0.3s ease-out;
  cursor: pointer;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Rethink Sans", sans-serif;
}

body {
  margin: 0;
  color: rgb(51, 51, 51);font-family: "Rethink Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  background-color: #fff;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  height: 100% !important;
  color: #333333;
  
}

.form-row {
  margin-right: -15px;
  margin-left: -15px;
}

  .form-row > .col, .form-row > [class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
  }
.white-space-nowrap{
  white-space: nowrap;
}

/*text style*/

.truncate-1{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.truncate-2{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.truncate-3{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.truncate-4{
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}




h1, .h1 {
font-style: normal;
font-weight: 400;
font-size: 74px;
line-height: 8  6px;
/* or 121% */
letter-spacing: -0.03em;

}

h2, .h2 {
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 76px;
/* or 121% */
letter-spacing: -0.03em;

color: #1E1E1E;
}

h3, .h3 {

font-style: normal;
font-weight: 600;
font-size: 38px;
line-height: 55px;

}

h4, .h4 {
  font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 44px;
}

h5, .h5 {
 font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 34px;
}

h6, .h6 {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 30px;
}

h6.small-text {
    font-size: 16px;
}
  .small-text {
    font-size: 70%;
  }

p{

font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: #1E1E1E;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

p strong {
    color: #062539;
}
p.pera{

font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 40px;
/* or 135% */
letter-spacing: -0.03em;

color: #8E8E8E;


}
p.pera-2{
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 26px;
letter-spacing: -0.03em;

color: #1E1E1E;

opacity: 0.7;

}

.title {
    color: rgba(30, 30, 30, 1);
    margin: auto auto 60px;
    margin-bottom: 45px;
}
/*Line Height*/
.l-h-normal {
  line-height: normal;
}

.l-h-14 {
  line-height: 14px;
}

.l-h-20 {
  line-height: 20px !important;
}

.l-h-24 {
  line-height: 24px !important;
}

.l-h-26 {
  line-height: 26px !important;
}

.l-h-28 {
  line-height: 28px !important;
}

.l-h-30 {
  line-height: 30px !important;
}

.l-h-34 {
  line-height: 34px;
}

.l-h-42 {
  line-height: 42px;
}

.l-h-50 {
  line-height: 50px;
}
/*Line Height*/




.container ,
.container-fluid {
  position: relative;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}
.fw-800 {
  font-weight: 800 !important;
}

.f-12 {
  font-size: 12px !important;
}

.f-14 {
  font-size: 14px !important;
}

.f-16 {
  font-size: 16px !important;
}

.f-18 {
  font-size: 18px !important;
  line-height: 24px !important;
}

.f-20 {
  font-size: 20px !important;
}

.f-22 {
  font-size: 22px !important;
}

.f-24 {
  font-size: 24px !important;
}

.f-26 {
  font-size: 26px !important;
}

.f-28 {
  font-size: 28px !important;
}

.f-30 {
  font-size: 30px !important;
}

.f-32 {
  font-size: 32px !important;
}

.f-34 {
  font-size: 34px !important;
}

.f-36 {
  font-size: 36px !important;
}

.f-38 {
  font-size: 38px !important;
}

.f-40 {
  font-size: 40px !important;
}


ul{
  list-style: none;
}
.list-style li {
    position: relative;
    padding-left: 26px;
}
.list-style li::before {
    content: '';
    width: 12px;
    height: 12px;
    background: url(../images/list-style.svg);
    position: absolute;
    left: 0;
    top: 9px;
}

.primary-color {
  color: rgba(104, 172, 35, 1) !important;
}

.orange-color {

background: linear-gradient(180deg, #F29022 0%, #FD6051 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;


}

.silver-color {
  color: #8F8F8F !important;
}

.dark-color {
  color: rgba(30, 30, 30, 1) !important;
}
.white-color,
.light-color {
  color: #ffffff !important;
}

/*text style*/

/*background color*/
.primary-bg {
  background: rgba(104, 172, 35, 1) !important;
  background-color: rgba(104, 172, 35, 1) !important;
}

.orange-bg {

background: linear-gradient(180deg, #F29022 0%, #FD6051 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.silver-bg{
  background-color: #FBFBFB !important;
  background: #FBFBFB !important;
}
.black-bg,
.dark-bg {
  background-color: #000 !important;
  background: #000 !important;
}
.light-bg,
.white-bg {
  background-color: #fff !important;
  background: #fff !important;
}

/*background color*/

/*button*/
.close {
  opacity: 1;
}

.btn {
  font-style: normal;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 21px;
letter-spacing: -0.03em;

  padding: 16px 26px;
  position: relative;
  overflow: hidden;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  border-radius: 40px;  
  border: 0px;
}

.btn .icon {
    position: relative;
    left: 0;
    top: 0;
    transition: all .3s ease-in-out;
    transition-delay: .1s;
    margin-right: 5px;
    margin-top: -2px;

}
.btn:hover .icon {
    left: 6px;
    filter: brightness(1111);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn.btn-primary {
  background:rgba(30, 30, 30, 1);
  background-color:rgba(30, 30, 30, 1);
  border-color:rgba(30, 30, 30, 1);
  color: #fff;

}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle,
.btn.btn-secondary {
  
background: linear-gradient(180deg, #F29022 0%, #FD6051 100%);
  background-color:linear-gradient(180deg, #F29022 0%, #FD6051 100%);
  border-color: transparent;
  color: #fff;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle,
.btn.btn-outline-primary {
  border: 1px solid #69B336;
  color: #69B336;
  background: #fff;
  background-color: #fff;
}


  .btn .btn-animation {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: linear-gradient(270deg, #FEE601 0%, #F49F12 100%);
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: 1;
  }

  .btn .text {
    z-index: 9;
    position: relative;
  }

  .btn:hover .btn-animation {
    width: 1000px;
    height: 1000px;
  }
  .btn:hover{
    background: linear-gradient(180deg, #F29022 0%, #FD6051 100%);
    background-color:linear-gradient(180deg, #F29022 0%, #FD6051 100%);
    border-color: transparent;
    color: #fff;
  }
  .btn.btn-secondary:hover{
     background:rgba(30, 30, 30, 1);
  background-color:rgba(30, 30, 30, 1);
  border-color:rgba(30, 30, 30, 1);
  color: #fff;
  }
input.btn:hover {
  background: linear-gradient(270deg, #FEE601 0%, #F49F12 100%);
  color: #fff;
}

.btn.btn-sm {
  min-width: inherit;
  padding-left: 22px;
  padding-right: 22px;
}

.btn.disabled, .btn:disabled, .btn[disabled] {
  opacity: .6;
  cursor: not-allowed !important;
}


.store-btn {
  transition: all .3s ease-in-out;
}

  .store-btn:hover {
    opacity: .50;
  }

.action_btn {
  padding: 32px 0;
  text-align: right;
}


  .action_btn .btn {
    margin-left: 30px;
  }

.btn [class^="icon-"], .btn [class*=" icon-"] {
  font-size: 24px;
  position: relative;
  top: 4px;
  margin-top: -8px;
  display: inline-block;
}


/*gaps*/

/*Spacing*/
/*Margins*/
.mr-all-2 {
  margin: 2px !important;
}

.mr-all-4 {
  margin: 4px !important;
}

.mr-all-6 {
  margin: 6px !important;
}

.mr-all-8 {
  margin: 8px !important;
}

.mr-all-10 {
  margin: 10px !important;
}

.mr-all-12 {
  margin: 12px !important;
}

.mr-all-14 {
  margin: 14px !important;
}

.mr-all-16 {
  margin: 16px !important;
}

.mr-all-18 {
  margin: 18px !important;
}

.mr-all-20 {
  margin: 20px !important;
}

.mr-all-22 {
  margin: 22px !important;
}

.mr-all-24 {
  margin: 24px !important;
}

.mr-all-26 {
  margin: 26px !important;
}

.mr-all-28 {
  margin: 28px !important;
}

.mr-all-30 {
  margin: 30px !important;
}

.mr-all-32 {
  margin: 32px !important;
}
/*2px*/
.mr-y-2,
.mr-t-2 {
  margin-top: 2px !important;
}

.mr-y-2,
.mr-b-2 {
  margin-bottom: 2px !important;
}

.mr-x-2,
.mr-l-2 {
  margin-left: 2px !important;
}

.mr-x-2,
.mr-r-2 {
  margin-right: 2px !important;
}
/*4px*/
.mr-y-4,
.mr-t-4 {
  margin-top: 4px !important;
}

.mr-y-4,
.mr-b-4 {
  margin-bottom: 4px !important;
}

.mr-x-4,
.mr-l-4 {
  margin-left: 4px !important;
}

.mr-x-4,
.mr-r-4 {
  margin-right: 4px !important;
}

/*6px*/
.mr-y-6,
.mr-t-6 {
  margin-top: 6px !important;
}

.mr-y-6,
.mr-b-6 {
  margin-bottom: 6px !important;
}

.mr-x-6,
.mr-l-6 {
  margin-left: 6px !important;
}

.mr-x-6,
.mr-r-6 {
  margin-right: 6px !important;
}
/*8px*/
.mr-y-8,
.mr-t-8 {
  margin-top: 8px !important;
}

.mr-y-8,
.mr-b-8 {
  margin-bottom: 8px !important;
}

.mr-x-8,
.mr-l-8 {
  margin-left: 8px !important;
}

.mr-x-8,
.mr-r-8 {
  margin-right: 8px !important;
}
/*10px*/
.mr-y-10,
.mr-t-10 {
  margin-top: 10px !important;
}

.mr-y-10,
.mr-b-10 {
  margin-bottom: 10px !important;
}

.mr-x-10,
.mr-l-10 {
  margin-left: 10px !important;
}

.mr-x-10,
.mr-r-10 {
  margin-right: 10px !important;
}
/*12px*/
.mr-y-12,
.mr-t-12 {
  margin-top: 12px !important;
}

.mr-y-12,
.mr-b-12 {
  margin-bottom: 12px !important;
}

.mr-x-12,
.mr-l-12 {
  margin-left: 12px !important;
}

.mr-x-12,
.mr-r-12 {
  margin-right: 12px !important;
}
/*14px*/
.mr-y-14,
.mr-t-14 {
  margin-top: 14px !important;
}

.mr-y-14,
.mr-b-14 {
  margin-bottom: 14px !important;
}

.mr-x-14,
.mr-l-14 {
  margin-left: 14px !important;
}

.mr-x-14,
.mr-r-14 {
  margin-right: 14px !important;
}
/*16px*/
.mr-y-16,
.mr-t-16 {
  margin-top: 16px !important;
}

.mr-y-16,
.mr-b-16 {
  margin-bottom: 16px !important;
}

.mr-x-16,
.mr-l-16 {
  margin-left: 16px !important;
}

.mr-x-16,
.mr-r-16 {
  margin-right: 16px !important;
}
/*18px*/
.mr-y-18,
.mr-t-18 {
  margin-top: 18px !important;
}

.mr-y-18,
.mr-b-18 {
  margin-bottom: 18px !important;
}

.mr-x-18,
.mr-l-18 {
  margin-left: 18px !important;
}

.mr-x-18,
.mr-r-18 {
  margin-right: 18px !important;
}
/*20px*/
.mr-y-20,
.mr-t-20 {
  margin-top: 20px !important;
}

.mr-y-20,
.mr-b-20 {
  margin-bottom: 20px !important;
}

.mr-x-20,
.mr-l-20 {
  margin-left: 20px !important;
}

.mr-x-20,
.mr-r-20 {
  margin-right: 20px !important;
}
/*22px*/
.mr-y-22,
.mr-t-22 {
  margin-top: 22px !important;
}

.mr-y-22,
.mr-b-22 {
  margin-bottom: 22px !important;
}

.mr-x-22,
.mr-l-22 {
  margin-left: 22px !important;
}

.mr-x-22,
.mr-r-22 {
  margin-right: 22px !important;
}
/*24px*/
.mr-y-24,
.mr-t-24 {
  margin-top: 24px !important;
}

.mr-y-24,
.mr-b-24 {
  margin-bottom: 24px !important;
}

.mr-x-24,
.mr-l-24 {
  margin-left: 24px !important;
}

.mr-x-24,
.mr-r-24 {
  margin-right: 24px !important;
}
/*26px*/
.mr-y-26,
.mr-t-26 {
  margin-top: 26px !important;
}

.mr-y-26,
.mr-b-26 {
  margin-bottom: 26px !important;
}

.mr-x-26,
.mr-l-26 {
  margin-left: 26px !important;
}

.mr-x-26,
.mr-r-26 {
  margin-right: 26px !important;
}
/*28px*/
.mr-y-28,
.mr-t-28 {
  margin-top: 28px !important;
}

.mr-y-28,
.mr-b-28 {
  margin-bottom: 28px !important;
}

.mr-x-28,
.mr-l-28 {
  margin-left: 28px !important;
}

.mr-x-28,
.mr-r-28 {
  margin-right: 28px !important;
}
/*30px*/
.mr-y-30,
.mr-t-30 {
  margin-top: 30px !important;
}

.mr-y-30,
.mr-b-30 {
  margin-bottom: 30px !important;
}

.mr-x-30,
.mr-l-30 {
  margin-left: 30px !important;
}

.mr-x-30,
.mr-r-30 {
  margin-right: 30px !important;
}
/*32px*/
.mr-y-32,
.mr-t-32 {
  margin-top: 32px !important;
}

.mr-y-32,
.mr-b-32 {
  margin-bottom: 32px !important;
}

.mr-x-32,
.mr-l-32 {
  margin-left: 32px !important;
}

.mr-x-32,
.mr-r-32 {
  margin-right: 32px !important;
}
/*Margins*/
/*Paddings*/
.pd-all-2 {
  padding: 2px !important;
}

.pd-all-4 {
  padding: 4px !important;
}

.pd-all-6 {
  padding: 6px !important;
}

.pd-all-8 {
  padding: 8px !important;
}

.pd-all-10 {
  padding: 10px !important;
}

.pd-all-12 {
  padding: 12px !important;
}

.pd-all-14 {
  padding: 14px !important;
}

.pd-all-16 {
  padding: 16px !important;
}

.pd-all-18 {
  padding: 18px !important;
}

.pd-all-20 {
  padding: 20px !important;
}

.pd-all-22 {
  padding: 22px !important;
}

.pd-all-24 {
  padding: 24px !important;
}

.pd-all-26 {
  padding: 26px !important;
}

.pd-all-28 {
  padding: 28px !important;
}

.pd-all-30 {
  padding: 30px !important;
}

.pd-all-32 {
  padding: 32px !important;
}
/*2px*/
.pd-y-2,
.pd-t-2 {
  padding-top: 2px !important;
}

.pd-y-2,
.pd-b-2 {
  padding-bottom: 2px !important;
}

.pd-x-2,
.pd-l-2 {
  padding-left: 2px !important;
}

.pd-x-2,
.pd-r-2 {
  padding-right: 2px !important;
}
/*4px*/
.pd-y-4,
.pd-t-4 {
  padding-top: 4px !important;
}

.pd-y-4,
.pd-b-4 {
  padding-bottom: 4px !important;
}

.pd-x-4,
.pd-l-4 {
  padding-left: 4px !important;
}

.pd-x-4,
.pd-r-4 {
  padding-right: 4px !important;
}
/*6px*/
.pd-y-6,
.pd-t-6 {
  padding-top: 6px !important;
}

.pd-y-6,
.pd-b-6 {
  padding-bottom: 6px !important;
}

.pd-x-6,
.pd-l-6 {
  padding-left: 6px !important;
}

.pd-x-6,
.pd-r-6 {
  padding-right: 6px !important;
}
/*8px*/
.pd-y-8,
.pd-t-8 {
  padding-top: 8px !important;
}

.pd-y-8,
.pd-b-8 {
  padding-bottom: 8px !important;
}

.pd-x-8,
.pd-l-8 {
  padding-left: 8px !important;
}

.pd-x-8,
.pd-r-8 {
  padding-right: 8px !important;
}
/*10px*/
.pd-y-10,
.pd-t-10 {
  padding-top: 10px !important;
}

.pd-y-10,
.pd-b-10 {
  padding-bottom: 10px !important;
}

.pd-x-10,
.pd-l-10 {
  padding-left: 10px !important;
}

.pd-x-10,
.pd-r-10 {
  padding-right: 10px !important;
}
/*12px*/
.pd-y-12,
.pd-t-12 {
  padding-top: 12px !important;
}

.pd-y-12,
.pd-b-12 {
  padding-bottom: 12px !important;
}

.pd-x-12,
.pd-l-12 {
  padding-left: 12px !important;
}

.pd-x-12,
.pd-r-12 {
  padding-right: 12px !important;
}
/*14px*/
.pd-y-14,
.pd-t-14 {
  padding-top: 14px !important;
}

.pd-y-14,
.pd-b-14 {
  padding-bottom: 14px !important;
}

.pd-x-14,
.pd-l-14 {
  padding-left: 14px !important;
}

.pd-x-14,
.pd-r-14 {
  padding-right: 14px !important;
}
/*16px*/
.pd-y-16,
.pd-t-16 {
  padding-top: 16px !important;
}

.pd-y-16,
.pd-b-16 {
  padding-bottom: 16px !important;
}

.pd-x-16,
.pd-l-16 {
  padding-left: 16px !important;
}

.pd-x-16,
.pd-r-16 {
  padding-right: 16px !important;
}
/*20px*/
.pd-y-20,
.pd-t-20 {
  padding-top: 20px !important;
}

.pd-y-20,
.pd-b-20 {
  padding-bottom: 20px !important;
}

.pd-x-20,
.pd-l-20 {
  padding-left: 20px !important;
}

.pd-x-20,
.pd-r-20 {
  padding-right: 20px !important;
}
/*22px*/
.pd-y-22,
.pd-t-22 {
  padding-top: 22px !important;
}

.pd-y-22,
.pd-b-22 {
  padding-bottom: 22px !important;
}

.pd-x-22,
.pd-l-22 {
  padding-left: 22px !important;
}

.pd-x-22,
.pd-r-22 {
  padding-right: 22px !important;
}
/*24px*/
.pd-y-24,
.pd-t-24 {
  padding-top: 24px !important;
}

.pd-y-24,
.pd-b-24 {
  padding-bottom: 24px !important;
}

.pd-x-24,
.pd-l-24 {
  padding-left: 24px !important;
}

.pd-x-24,
.pd-r-24 {
  padding-right: 24px !important;
}
/*26px*/
.pd-y-26,
.pd-t-26 {
  padding-top: 26px !important;
}

.pd-y-26,
.pd-b-26 {
  padding-bottom: 26px !important;
}

.pd-x-26,
.pd-l-26 {
  padding-left: 26px !important;
}

.pd-x-26,
.pd-r-26 {
  padding-right: 26px !important;
}
/*28px*/
.pd-y-28,
.pd-t-28 {
  padding-top: 28px !important;
}

.pd-y-28,
.pd-b-28 {
  padding-bottom: 28px !important;
}

.pd-x-28,
.pd-l-28 {
  padding-left: 28px !important;
}

.pd-x-28,
.pd-r-28 {
  padding-right: 28px !important;
}
/*30px*/
.pd-y-30,
.pd-t-30 {
  padding-top: 30px !important;
}

.pd-y-30,
.pd-b-30 {
  padding-bottom: 30px !important;
}

.pd-x-30,
.pd-l-30 {
  padding-left: 30px !important;
}

.pd-x-30,
.pd-r-30 {
  padding-right: 30px !important;
}
/*32px*/
.pd-y-32,
.pd-t-32 {
  padding-top: 32px !important;
}

.pd-y-32,
.pd-b-32 {
  padding-bottom: 32px !important;
}

.pd-x-32,
.pd-l-32 {
  padding-left: 32px !important;
}

.pd-x-32,
.pd-r-32 {
  padding-right: 32px !important;
}
/*Paddings*/
/*Spacing*/
/*Opacity*/
.opacity-1 {
  opacity: 1 !important;
}

.opacity-80 {
  opacity: 0.8 !important;
}

.opacity-70 {
  opacity: 0.7 !important;
}

.opacity-60 {
  opacity: 0.6 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-40 {
  opacity: 0.4 !important;
}

.opacity-30 {
  opacity: 0.3 !important;
}

.opacity-20 {
  opacity: 0.2 !important;
}

.opacity-10 {
  opacity: 0.1 !important;
}

.opacity-0 {
  opacity: 0 !important;
}
/*Opacity*/
/*Borders*/
.border-left {
  border-left: 1px solid;
}

.border-top {
  border-top: 1px solid;
}

.border-right {
  border-right: 1px solid;
}

.border-bottom {
  border-bottom: 1px solid;
}

.border-light-left {
  border-left: 1px solid;
}

.border,
.border-top,
.border-bottom,
.border-left,
.border-right {
  border-color: #E0E0E0 !important;
}

hr {
    border-color: #E0E0E0 !important;
    margin: 0;
}

.border-light-color{
  border-color: #fff !important;

}
/*Borders*/


/*gaps*/



/*button*/



/*link*/
.link {
  text-decoration: underline;
  word-break: break-word;
  cursor: pointer;
}

  .link:hover {
    text-decoration: unset;
  }

/*link*/

/*section*/
.section,
section{
  padding: 75px 0;
  margin: 75px 0;
  position: relative;
  overflow: hidden;
}
.section-margin{
  margin: 90px 0;
}

.section-title {
    margin-bottom: 80px;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
}
.section-title h2 {
    margin: 0;
}
.section-title p {
      margin: auto;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0;
    margin-top: 20px;
    max-width: 600px;
    color: #062539;
}
/*section end*/




a.go-to-top-button img.go-to-top {
    display: block;
        margin: auto;
    margin-bottom: 12px;
}
a.go-to-top-button {
    font-weight: 800;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #000000;
    display: inline-block;
}