:root {
  --black: #121212;
  --dark: #323232;
  --green: #22B24C;
  --white: #fff;
  --red: #FF0013;
}
@font-face {
  font-family: 'Proxima Nova Rg';
  src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
      url('../fonts/ProximaNova-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova Lt';
  src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
      url('../fonts/ProximaNova-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Proxima Nova Rg';
  src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
      url('../fonts/ProximaNova-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


html {
  font-size: 10px;
  scrollbar-width: thin;
  scroll-behavior: smooth;  
}
/*Fonts*/
.proxima-regular{
  font-family: 'Proxima Nova Rg';
  font-weight: normal;
}
.proxima-bold{
  font-family: 'Proxima Nova Rg';
  font-weight: bold;
}
.anek-latin-bold{
  font-family: "Anek Latin", serif;
  font-weight: 700;
}
/*Fonts*/
/*Universal*/
body{
  font-family: 'Proxima Nova Rg';
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 400;
  background:#fff;
  color:#323232; 
}
* {
  margin: 0;
  padding: 0;
}
button,
button:hover,
button:focus,
button:active {
  border: 0px none;
}

p {
  margin-bottom: 1.6rem;
}

*>p:last-child,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}
a:hover,
a:focus,
a:active,
button:hover,
button:focus,
button:active,
svg:hover,
h4:hover,
select:hover,
select:focus,
input:hover,
input:focus,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
  transition: all 0.1s ease-in-out;
  outline: none !important;
  box-shadow: none !important;
}
.w-100{
  width:100%;
}
.anchor-acop,.anchor-acop:hover,.anchor-acop:focus,.anchor-acop:active{
  border: 0px none;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: transparent;
  font-size: 0;
  text-decoration: none;
}
.header-acop,.footer-acop{
  display:block;
}
/*Universal*/
/*Buttons and Links*/
.btn-green-acop,.btn-green-acop:hover,.btn-green-acop:focus,.btn-green-acop:active{
  display:inline-block;
  padding:0.8rem 2.4rem;
  background:var(--green);
  color:#fff;
  border-radius:10px;
  font-size:1.4rem;  
  letter-spacing: 0.005rem;
}
/*Buttons and Links*/
/*Navigation*/
.header-acop{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  padding:12px 0;
  background:#fff;
  z-index: 100;
}
/*Navigation*/
/*Section 1*/
.acop-sec-1{
  padding:6rem 0;
  background: linear-gradient(180deg, #9FD4FA 0%, #FFFFFF 100%);
}
.acops1-content{
  text-align:center;
}
.acops1-logo-img{
  width:150px;
}
.acops1-title h1{
  font-size:4rem;
  line-height:4rem;
  color:var(--black)
}
.acops1-title h2{
  margin:1rem 0 0 0;
  font-size:3rem;
  line-height:3rem;
  color:#6B6B6B
}
/*Section 1*/
/*Section 2*/
.acop-sec-2{
  padding:6rem 0;
}
.acops2-content-block{
  max-width:1020px;
  margin:0 auto;
}
.acops2-left{
  flex:0 0 48%;
  max-width:515px;
}
.acops2-right{
  flex:0 0 48%;
  max-width:400px;
}
.acops3-content{
  padding:2.4rem 3rem;
  border-radius:16px;
  background:#D8EFFF;
}
.acops2-content h2,.acops3-content h2{
  margin:0 0 1.2rem 0;
  font-size:3rem;
  line-height:3rem;  
  color:var(--black)
}
.acops-right-thumbnail{
  border-radius:8px;
}
.acop-caption{
  margin:1.2rem 0 0 0;
  font-size:1.4rem;
  line-height:1.7rem;
  font-family: 'Proxima Nova Rg';
  font-weight: normal;
  text-align:center; 
}
.acop-caption strong{
  font-weight: bold;
}
/*Section 2*/
/*Section 3*/
.acop-sec-3{
  padding:0;
}
/* .acops3-content-block{
  max-width:1120px;
  margin:0 auto;
} */
.acops3-left{
  flex:0 0 310px;
  max-width:310px;
  text-align: center;
}
.acops3-right{
  flex:0 0 calc(100% - 310px);
  max-width:900px;
}
.acops3-right h2{
  max-width:620px;
}
.acops3-left-img{
  width:270px;
  height:150px;
  border-radius: 8px;
  object-fit: cover;
}
/*Section 3*/
/*Section 4*/
.acop-sec-4{
  padding:6rem 0;
  background: #FFD546;
}
.acops4-content-block{
  margin:0 auto;
  max-width:1220px;
  text-align:center;
}
.acops4-image{
  margin:0 0 1.2rem 0;
}
.acops4-text{
  font-size:2.4rem;
  line-height:2.9rem;
}
/*Section 4*/
/*Section 5*/
.acop-sec-5{
  padding:5rem 0;
}
.acops5-content h3{
  margin:0 0 4rem 0;
  font-size:2rem;
  line-height:2rem;
  text-align:center;
  color:var(--black);
}
.acops5-grid{ 
  display:flex;
  flex-wrap:wrap;
  width:100%;
  justify-content: space-between;
  align-items: flex-start;
}
.acops5-item{
  position:relative;
  text-align:center;
  margin:0 auto;
  align-self: stretch; 
  flex-grow: 1;
  border-right:1px solid rgba(50,50,50,0.2);
}
.acops5-item:first-child{
  padding-right:4rem;
}
.acops5-item:last-child{
  border-right:0px none;
}
.acops5-item .acops5-item-block-2{
  text-align:left;
}
.acops5-item-block-2-top{
  padding:0 0 1.2rem 0;
  border-bottom:1px solid rgba(50,50,50,0.2);
}
.acops5-item-block-2-bottom{
  padding:1.2rem 0 0 0;
}
.block-2-content-text-top{  
  font-size:2rem;
  line-height:2.4rem;
  color:#6B6B6B
}
.block-2-content-text-bottom{  
  font-size:3rem;
  line-height:3.6rem;
}
.block-2-content-text-bottom span{
  color:var(--red)
}
.acop5-item-icon{
  margin:0 0 1.2rem 0;
}
.acops5-img{
  width:80px;
  height:80px;
  border-radius:80px;
  object-fit: cover;
}
.acop5-note{
  margin-top:4rem;
  font-size:1.2rem;
  line-height:1.5rem;
}
.acop5-cta {
  margin-top:3rem;
}
/*Section 5*/
/*Section 6*/
.acop-sec-6{
  padding:5rem 0;
  background: linear-gradient(0deg, #FFFFFF 0.08%, #E0F2FF 47.39%, #FFFFFF 99.93%);
}
.acops6-content h2,.acops8-content h2{
  margin:0 0 1.2rem 0;
  font-size:3rem;
  line-height:3.4rem;
  color:var(--black);
}
.acops6-grid{
  margin:3rem 0;
  display:grid;
  grid-template-columns: repeat(3,1fr);
  column-gap: 1.6rem; 
}
.acops6-grid:focus,.acops6-grid:active{
  outline:none;
}
.acops6-item{
  padding:2.4rem;
  border-radius:10px;
  background:#fff;
}
.acops6-item-image{
  margin:0 0 1.6rem 0;
  aspect-ratio: 1/1;
}
.acops6-item-img{
  width:100%;
  height:100%;
  object-fit: cover;
  border-radius:5px;
}
.flickity-button{
  display:none;
}
/*Section 6*/
/*Footer*/
.footer-acop{
  padding:1.2rem 0;
  background:#121212;
  font-size:1.4rem;
  line-height:1.7rem;
  text-align:center;
  color:var(--white);
  font-family: "Anek Latin", serif;
  font-weight: 400;
}
.footer-acop-content span{
  margin:0 0 0 0.8rem;
}
/*Footer*/
/*Section 7*/
.acop-sec-7{
  padding:6rem 0;
}
.acops7-content{
  justify-content: space-between;
  align-items: flex-start;
}
.acops7-content-item{
  flex:0 0 48%;
  max-width:560px;
}
.acops7-item-img{
  width:100%;
  height:285px;
  object-fit:cover;
  border-radius:8px;
}
.acops7-description{
  margin-top:1.6rem;
  text-align:center;
}
/*Section 7*/
/*Section 8*/
.acops8-content{
  padding:5rem 0;
}
.acop8-banner{
  margin:3rem auto 0 auto;
  /* text-align: center;  */
 /*  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 16px; */
  display: flex;
  width:100%;
  flex-wrap:wrap;
  justify-content: center;
  align-items: flex-start;
}
.acop8-banner-item{
  flex:0 0 45%;
  max-width:350px;
  margin:0 1.6rem;
}
.acop8-banner-img{
  width:100%;
  max-height:220px;  
  border-radius:8px;
  object-fit: contain;
}
.acop8-banner-text{
  margin:1.6rem auto 0 auto;
  /* text-align:center; */
  /* max-width:220px; */
  font-family: 'Proxima Nova Lt';
  font-weight: 600;
}
/*Section 8*/









