@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Questrial&display=swap');
*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}
:root {
   --font-size-h1: 62px;
   --font-size-h2: 48px;
   --font-size-h3: 34px;
   --font-size-h4: 28px;
   --font-size-h5: 24px;
   --font-size-h6: 20px;
   --font-size-body: 16px;
   --font-size-body-sm: 14px;
   --color-black: #000000;
   --color-white: #ffffff;
   --color-title: #141414;
   --color-grey: #D8D3CF;
}

 .img-col img{
   width: 100%;
 }
 .btn{
   padding: 17px 48px;
   background-color: var(--color-white);
   color: var(--color-black);
   transition: all 0.5s ease-in-out;
   position: relative;
   outline: none;
   border: none;
   border-radius: 4px;
   display: inline-flex;
   font-weight: 600;
}
.container{
   max-width: 1360px;
   margin: 0 auto;
   padding: 0 40px;
}
body{
   font-weight: 400;
   font-size: 18px;
   font-family: "Questrial", sans-serif;
   line-height: 1.4;
}
a{
   text-decoration: none;
}
header li{
   list-style: none;
}
.flex{
   display: flex;
   flex-wrap: wrap;
}
.align-center{
   align-items: center;
}
.flex-col{
   flex-direction: column;
}
.sapce-center{
   justify-content: center;
}
.space-between{
   justify-content: space-between;
}
.hide-on-desktop{
   display: none !important;
}
.gap-10{
   gap: 10px;
}
.gap-16{
   gap: 16px;
}
.gap-20{
   gap: 20px;
}
.gap-30{
   gap: 30px;
}
.gap-40{
   gap: 40px;
}
.caps{
   text-transform: uppercase;
}
.border-bottom{
   border-bottom: 2px solid var(--color-grey);
}
li{
   list-style: none;
}
.text-center{
   text-align: center;
}
.m-auto{
   margin: 0 auto;
}

h1, .h1{
   font-size: var(--font-size-h1);
   font-family: "League Spartan", sans-serif;
   line-height: .9;
}
h2, .h2{
   font-family: "League Spartan", sans-serif;
   font-size: var(--font-size-h2);
   line-height: .9;
}
h3, .h3{
   font-size: var(--font-size-h3);
   font-family: "League Spartan", sans-serif;
}
h4, .h4{
   font-size: var(--font-size-h4);
   font-family: "League Spartan", sans-serif;
}
h5, .h5{
   font-family: "League Spartan", sans-serif;
   font-size: var(--font-size-h5);
}
h6, .h6{
   font-family: "League Spartan", sans-serif;
   font-size: var(--font-size-h6);
}
.relative-position{
   position: relative;
}
.partner-comp{
   padding: 36px;
   max-width: 755px;
   background-color: var(--color-theme);
   border-radius: 4px;
   position: absolute;
   bottom: 64px;
   left: 64px;
}

@media(max-width: 767px){
   .mob-full{
      width: 100% !important;
   }
   .two-grid-col{
      grid-template-columns: 1fr;
      gap: 16px;
   }
   .hide-on-desktop{
      display: block !important;
   }
   .hide-on-mob{
      display: none;
   }
}