*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}
:root {
   --font-size-h1: 100px;
   --font-size-h2: 80px;
   --font-size-h3: 36px;
   --font-size-h4: 26px;
   --font-size-h5: 24px;
   --font-size-h6: 20px;
   --font-size-body: 17px;
   --font-size-body-sm: 14px;
   --font-size-body-lg: 18px;
   --color-body: #FBF6F0;
   --font-book: 'Circular Std Book';
   --color-black: #000000;
   --color-white: #ffffff;
   --color-title: #141414;
   --color-themecolor: #292C45;
   --color-lightgrey: #F0F3F7;
   --color-grey: #D8D3CF;
   --color-text: #464646;
   --color-textheading: #8FA5B9;
   --color-text-light: #5D5D5D;
   --color-logocolor1: #DDC3E9;
   --color-orangeprimary: #E06F5C;
   --color-orangeshape2: #FFAA75;
   --color-white: #ffffff;
   --color-title: #141414;
   --color-lightgrey: #F0F3F7;
   --color-grey: #D8D3CF;
   --color-text: #464646;
   --color-textheading: #8FA5B9;
   --color-text-light: #5D5D5D;
   --color-purple: #7F5F8C;
   --color-lightpurple: #DDC3E9;
   --color-logocolor1: #DDC3E9;
   --color-lightyellow: #F5DC8A;
   --color-secondrylightyellow: #FFE077;
   --color-logocolorwhite: #FBF6F0;
   --color-orangeprimary: #E06F5C;
   --color-orangeshape2: #FFAA75;
   --color-orangeshape3: #FFAC92;
   --color-lightred: #EB5962;
   --color-lightgreen: #4C8C9F;
   --color-lightgreenshape2: #769ABC;
   --color-darkgreen: #68AE7F;
   --color-lightchoco: #B49981;
   --color-lightblue: #C8E8FF;
   --color-lightgrey: #DADADA;
   --color-darkblue: #4D5493;
   --color-headercolor: #4c8c9f;
}
.text-white{
   color: #E5E5E5
}
body{
   font-weight: 400;
   font-size: var(--font-size-body);
   background-color: var(--color-body);
   line-height: 1;
   color: #292c45;
   font-family: 'Circular Std';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.02em;
}
.container{
   max-width: 1270px;
   margin: 0 auto;
   padding: 0 20px;
}
.py-10{
   padding: 10px 0 !important;
}
.px-10{
   padding: 0 10px !important;
}
.py-20{
   padding: 20px 0 !important;
}
.px-20{
   padding: 0 20px !important;
}
.py-30{
   padding: 30px 0 !important;
}
.px-30{
   padding: 0 30px !important;
}
.py-40{
   padding: 40px 0 !important;
}
.px-40{
   padding: 0 40px !important;
}
.py-50{
   padding: 50px 0 !important;
}
.px-50{
   padding: 0 50px !important;
}
.py-60{
   padding: 60px 0 !important;
}
.px-60{
   padding: 0 60px !important;
}
.py-80{
   padding: 80px 0 !important;
}
.px-80{
   padding: 0 80px !important;
}
.py-100{
   padding: 100px 0 !important;
}
.px-100{
   padding: 0 100px !important;
}
h1, h2, h3, h4, h5, h6{
   color: var(--color-dark-blue);
}
.three-card-box{
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 16px;
}
::-webkit-scrollbar {
   width: 5px;
}
::-webkit-scrollbar-track {
   background: none;
   width: 0;
}
::-webkit-scrollbar-thumb {
   background: var(--color-dark-blue);
   border-radius: 0;
}
textarea::-webkit-scrollbar-thumb {
   background: var(--color-white);
   padding-right: 15px !important;
}

@font-face {
  font-family: 'Circular Std';
  src: url('../fonts/CircularStd-Book.eot');
  src: url('../fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
       url('../fonts/CircularStd-Book.woff') format('woff'),
       url('../fonts/CircularStd-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-MediumItalic.eot');
    src: url('../fonts/CircularStd-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CircularStd-MediumItalic.woff2') format('woff2'),
        url('../fonts/CircularStd-MediumItalic.woff') format('woff'),
        url('../fonts/CircularStd-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std Book';
    src: url('../fonts/CircularStd-BookItalic.eot');
    src: url('../fonts/CircularStd-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CircularStd-BookItalic.woff2') format('woff2'),
        url('../fonts/CircularStd-BookItalic.woff') format('woff'),
        url('../fonts/CircularStd-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Medium.eot');
    src: url('../fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CircularStd-Medium.woff2') format('woff2'),
        url('../fonts/CircularStd-Medium.woff') format('woff'),
        url('../fonts/CircularStd-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std Book';
    src: url('../fonts/CircularStd-Book.eot');
    src: url('../fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CircularStd-Book.woff2') format('woff2'),
        url('../fonts/CircularStd-Book.woff') format('woff'),
        url('../fonts/CircularStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-BoldItalic.eot');
    src: url('../fonts/CircularStd-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CircularStd-BoldItalic.woff2') format('woff2'),
        url('../fonts/CircularStd-BoldItalic.woff') format('woff'),
        url('../fonts/CircularStd-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Bold.eot');
    src: url('../fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CircularStd-Bold.woff2') format('woff2'),
        url('../fonts/CircularStd-Bold.woff') format('woff'),
        url('../fonts/CircularStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-BlackItalic.eot');
    src: url('../fonts/CircularStd-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CircularStd-BlackItalic.woff2') format('woff2'),
        url('../fonts/CircularStd-BlackItalic.woff') format('woff'),
        url('../fonts/CircularStd-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Black.eot');
    src: url('../fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CircularStd-Black.woff2') format('woff2'),
        url('../fonts/CircularStd-Black.woff') format('woff'),
        url('../fonts/CircularStd-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
   font-family: CircularStd-Black;
   src: url(../fonts/CircularStd-Black.eot);
   src: local("0"),url(../fonts/CircularStd-Black.otf) format("opentype"),url(../fonts/CircularStd-Black.woff) format("woff"),url(../fonts/CircularStd-Black.ttf) format("truetype"),url(../fonts/CircularStd-Black.svg#CircularStd-Black) format("svg");
   font-display: swap
}

@font-face {
   font-family: CircularStd-BlackItalic;
   src: url(../fonts/CircularStd-BlackItalic.eot);
   src: local("0"),url(../fonts/CircularStd-BlackItalic.otf) format("opentype"),url(../fonts/CircularStd-BlackItalic.woff) format("woff"),url(../fonts/CircularStd-BlackItalic.ttf) format("truetype"),url(../fonts/CircularStd-BlackItalic.svg#CircularStd-BlackItalic) format("svg");
   font-display: swap
}

@font-face {
   font-family: CircularStd-Bold;
   src: url(../fonts/CircularStd-Bold.eot);
   src: local("0"),url(../fonts/CircularStd-Bold.otf) format("opentype"),url(../fonts/CircularStd-Bold.woff) format("woff"),url(../fonts/CircularStd-Bold.ttf) format("truetype"),url(../fonts/CircularStd-Bold.svg#CircularStd-Bold) format("svg");
   font-display: swap
}

@font-face {
   font-family: CircularStd-BoldItalic;
   src: url(../fonts/CircularStd-BoldItalic.eot);
   src: local("0"),url(../fonts/CircularStd-BoldItalic.otf) format("opentype"),url(../fonts/CircularStd-BoldItalic.woff) format("woff"),url(../fonts/CircularStd-BoldItalic.ttf) format("truetype"),url(../fonts/CircularStd-BoldItalic.svg#CircularStd-BoldItalic) format("svg");
   font-display: swap
}

@font-face {
   font-family: Romana;
   src: url(../fonts/Romana.eot);
   src: local("0"),url(../fonts/Romana.otf) format("opentype"),url(../fonts/Romana.woff) format("woff"),url(../fonts/Romana.ttf) format("truetype"),url(../fonts/Romana.svg#Romana) format("svg");
   font-display: swap
}

@font-face {
   font-family: Romana-Bold;
   src: url(../fonts/Romana-Bold.eot);
   src: local("0"),url(../fonts/Romana-Bold.otf) format("opentype"),url(../fonts/Romana-Bold.woff) format("woff"),url(../fonts/Romana-Bold.ttf) format("truetype"),url(../fonts/Romana-Bold.svg#Romana) format("svg");
   font-display: swap
}

@font-face {
   font-family: GT-America;
   src: url(../fonts/GT-America.eot);
   src: local("0"),url(../fonts/GT-America.woff) format("woff"),url(../fonts/GT-America.ttf) format("truetype"),url(../fonts/GT-America.svg#GT-America) format("svg");
   font-display: swap
}

@font-face {
   font-family: GT-America-Regular;
   src: url(../fonts/GTAmerica-Regular.otf);
   src: local("0"),url(../fonts/GTAmerica-Regular.otf) format("opentype"),url(../fonts/GTAmerica-Regular.woff) format("woff"),url(../fonts/GTAmerica-Regular.ttf) format("truetype"),url(../fonts/GTAmerica-Regular.svg) format("svg");
   font-display: swap
}

@font-face {
   font-family: survivornet;
   src: url(../fonts/survivornet.eot?b9kajz);
   src: url(../fonts/survivornet.eot?b9kajz#iefix) format("embedded-opentype"),url(../fonts/survivornet.ttf?b9kajz) format("truetype"),url(../fonts/survivornet.woff?b9kajz) format("woff"),url(../fonts/survivornet.svg?b9kajz#survivornet) format("svg");
   font-weight: 400;
   font-style: normal;
   font-display: swap
}
@font-face {
   font-family: CircularStd-Book;
   src: url(../fonts/CircularStd-Book.eot);
   src: local("0"),url(../fonts/CircularStd-Book.otf) format("opentype"),url(../fonts/CircularStd-Book.woff) format("woff"),url(../fonts/CircularStd-Book.ttf) format("truetype"),url(../fonts/CircularStd-Book.svg#CircularStd-Book) format("svg");
   font-display: swap
}

@font-face {
   font-family: CircularStd-BookItalic;
   src: url(../fonts/CircularStd-BookItalic.eot);
   src: local("0"),url(../fonts/CircularStd-BookItalic.otf) format("opentype"),url(../fonts/CircularStd-BookItalic.woff) format("woff"),url(../fonts/CircularStd-BookItalic.ttf) format("truetype"),url(../fonts/CircularStd-BookItalic.svg#CircularStd-BookItalic) format("svg");
   font-display: swap
}

@font-face {
   font-family: CircularStd-Medium;
   src: url(../fonts/CircularStd-Medium.eot);
   src: local("0"),url(../fonts/CircularStd-Medium.otf) format("opentype"),url(../fonts/CircularStd-Medium.woff) format("woff"),url(../fonts/CircularStd-Medium.ttf) format("truetype"),url(../fonts/CircularStd-Medium.svg#CircularStd-Medium) format("svg");
   font-display: swap
}

@font-face {
   font-family: CircularStd-MediumItalic;
   src: url(../fonts/CircularStd-MediumItalic.eot);
   src: local("0"),url(../fonts/CircularStd-MediumItalic.otf) format("opentype"),url(../fonts/CircularStd-MediumItalic.woff) format("woff"),url(../fonts/CircularStd-MediumItalic.ttf) format("truetype"),url(../fonts/CircularStd-MediumItalic.svg#CircularStd-MediumItalic) format("svg");
   font-display: swap
}
 .img-col img{
   width: 100%;
 }

a{
   text-decoration: none;
}
header li{
   list-style: none;
}
.placement-div{
   margin: 54px 0;
}
.placement-div .inner-content{
   max-width: 728px;
   margin: 0 auto;
}
.placement-div img{
   width: 100%;;
}

.flex{
   display: flex;
   flex-wrap: wrap;
}
.align-center{
   align-items: center;
}
.flex-col{
   flex-direction: column;
}
.space-between{
   justify-content: space-between;
}
.hide-on-desktop{
   display: none !important;
}
.gap-10{
   gap: 10px;
}
.gap-1{
   gap: 16px 1% !important;
}
.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);
}

.text-center{
   text-align: center;
}
.m-auto{
   margin: 0 auto;
}

h1, .h1{
   font-size: var(--font-size-h1);
   letter-spacing: -0.05em;
   font-weight: 500;
   line-height: .9;
}
h2, .h2{
   font-size: var(--font-size-h2);
   line-height: .9;
   letter-spacing: -0.06em;
   font-weight: 500;
}
h3, .h3{
   font-size: var(--font-size-h3);
   letter-spacing: -0.05em;
   font-weight: 500;
}
h4, .h4{
   font-size: var(--font-size-h4);
   font-weight: 500;
}
h5, .h5{
   font-size: var(--font-size-h5);
   font-weight: 500;
   letter-spacing: -0.04em;
}
h6, .h6{
   font-weight: 500;
   font-size: var(--font-size-h6);
   letter-spacing: -0.05em;
}
.relative-position{
   position: relative;
}
.two-grid-col{
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
}
.tab-full img, .mob-full img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}

@media(max-width: 1280px){
   .container{
      padding: 0 25px;
   }
   :root {
   --font-size-h1: 80px;
   --font-size-h2: 60px;
   --font-size-h3: 28px;
   --font-size-h4: 26px;
   --font-size-h5: 22px;
   --font-size-h6: 18px;
   } 
}
@media(max-width: 992px){
   .tab-full{
      width: 100% !important;
   }
   .three-card-box{
      grid-template-columns: 1fr 1fr;
   }
   :root {
      --font-size-h1: 60px;
      --font-size-h2: 50px;
      --font-size-h3: 26px;
      --font-size-h4: 24px;
      --font-size-h5: 20px;
      --font-size-h6: 18px;
   }
   .container{
      padding: 0 25px;
   }
}

@media(max-width: 767px){
   .mob-full{
      width: 100% !important;
   }
   .three-card-box{
      grid-template-columns: 1fr;
   }
   :root {
      --font-size-h1: 40px;
      --font-size-h2: 40px;
      --font-size-h3: 24px;
      --font-size-h4: 24px;
      --font-size-h5: 20px;
      --font-size-h6: 18px;
   }
   .two-grid-col{
      grid-template-columns: 1fr;
      gap: 16px;
   }
   .hide-on-desktop{
      display: block !important;
   }
   .hide-on-mob{
      display: none;
   }
   .container{
      padding: 0 10px;
   }
   
}