:root {
  --blue: #2167AE;
  --white:#fff;
  --black: #000000;
 --light-blue:#F4F9FC;
  --grey: #e9e9e9;
  --darckblue:#23366F;
  --lightyellow:#FFFCC7;
}

* { box-sizing: border-box; font-style: normal;}
html, body { margin: 0;	padding: 0;	border: 0; vertical-align: baseline; font-weight: 400; list-style: none; font-size: 16px; font-optical-sizing: auto; font-style: normal; font-optical-sizing: auto;font-family: 'Zurich Sans';}

a:focus,button:focus,input:focus,textarea:focus { outline:0; text-decoration:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; -webkit-font-smoothing:antialiased; margin-bottom:15px; line-height: normal; line-height: 1.2;}
h1 { font-size: 70px;}
h2 { font-size: 48px; line-height: 1; margin-bottom: 15px; color: var(--darckblue);  font-weight: 300; font-family: 'Zurich Sans'; font-style: normal;}

h2 span{font-family: 'Ogg'; font-weight: 300;}
b{font-weight: bolder;font-family: 'Zurich Sans';}

a { color:#018aff; text-decoration:none; transition:all ease-out .3s; -webkit-transition:all ease-out .3s; -moz-transition:all ease-out .3s;-ms-transition:all ease-out .3s; -o-transition:all ease-out .3s;}
a:hover { text-decoration:none; color:#3b90ff;}
label { font-weight:400;margin:0;}

p { 
  font-size: 22px; 
  line-height:normal; 
  color: var(--paragraph-color); 
  margin:0; 
  padding:0; 
  font-weight: 300; 
  margin-bottom:15px; 
  font-family: 'Zurich Sans'; 
  color: var(--darckblue); 
  font-weight: 300; 
  font-style: normal;
}

li,ol,ul { list-style:none; margin:0; padding:0;}
focus { outline:0;}
.small-text p{font-size: 16px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #979797; font-size: 14px;}
::-moz-placeholder { /* Firefox 19+ */ color: #979797; font-size: 14px;}
:-ms-input-placeholder { /* IE 10+ */ color: #979797; font-size: 14px;}
:-moz-placeholder { /* Firefox 18- */ color: #979797; font-size: 14px;}


.btn-style{background-color:var(--darckblue); padding: 10px 13px;-webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px; color: var(--white); font-weight: 300;}
  .btn-style:hover{background-color: var(--blue); color: var(--white);} 


@font-face {
  font-family: 'Zurich Sans';
  src: url('../fonts/ZurichSans-Light.woff2') format('woff2'),
      url('../fonts/ZurichSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zurich Sans';
  src: url('../fonts/ZurichSans-Regular.woff2') format('woff2'),
      url('../fonts/ZurichSans-Regular.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zurich Sans';
  src: url('../fonts/ZurichSans-SemiBold.woff2') format('woff2'),
      url('../fonts/ZurichSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zurich Sans';
  src: url('../fonts/ZurichSans-Bold.woff2') format('woff2'),
      url('../fonts/ZurichSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zurich Sans';
  src: url('../fonts/ZurichSans-Medium.woff2') format('woff2'),
      url('../fonts/ZurichSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Ogg';
  src: url('../fonts/OggTRIAL-Medium.woff2') format('woff2'),
      url('../fonts/OggTRIAL-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal !important;
  font-display: swap;
}

@font-face {
  font-family: 'Ogg TRIAL';
  src: url('../fonts/OggTRIAL-Light.woff2') format('woff2'),
      url('../fonts/OggTRIAL-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ogg';
  src: url('../fonts/OggTRIAL-Regular.woff2') format('woff2'),
      url('../fonts/OggTRIAL-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


.banner-video{
  background-color: #000;
  height: 680px;
  width: 100%;
  top: 0;
  left: 0;
  position: relative;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.banner-video video{width: 100%;}

.container-fluid{padding: 0 5%;}
.banner-contant{position: absolute; z-index: 99999999;width: 100%;}
.banner-contant h1{color: var(--white);}
.banner-contant h1 span{font-family: Ogg, Arial, sans-serif; display: block;font-weight: 300}
.banner-contant h1 i{font-weight: 300; display: block; font-style: normal;}

.about-block{padding: 80px 0;}
.about-block h2{margin-bottom: 24px;}
.about-block p{font-size: 30px; text-align: left; margin: 0px;}

.graph-block{
  background-position: bottom;
  background-repeat: no-repeat; 

}
 
.unique-block{padding: 100px 0;}
.unique-block p{ 
  font-size: 25px;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  color: var(--darckblue);
}

.unique-block p a {
  color: unset;
  font-weight: 600;
}
.unique-block h2{margin-bottom: 60px;}
.winner-block{text-align: center; color: var(--darckblue);}
.winner-block img{margin-bottom: 30px;}
.winner-block h3{  font-family: 'Ogg'; font-style: normal; margin-bottom: 10px;}
.winner-block h4{font-style: normal;font-weight: 300;line-height: 35px;}
.winner-block h4 b{display: block; }

.unique-block h5{font-size: 30px; color: var(--darckblue); font-weight: 300;}
.unique-block h5 span{font-family: 'Ogg';}

.profile-block{display: flex;align-items: center; color: var(--darckblue);}
.profile-block .img {margin-right: 20px;}
.profile-block .img img{width: 248px;
  height: 248px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;}

  .profile-block .profile-text{text-align: left;}
  .profile-block h4{font-size: 36px;}
  .profile-block h4 span{display: block;}
  .profile-block h6{font-size: 20px; font-weight: 300; display: block; margin-bottom: 30px;}
  .profile-block h6 span{margin-top: 10px; display: block;}


  footer{background-color: var(--blue); padding: 30px 0; position: relative;}
  footer h5{color: var(--white); font-weight: 300;}
 .list-link ul li{padding: 5px 0;}
 .list-link ul li a{color: var(--white); font-weight: 300;}

 ul.social-list{margin-top: 25px;}
 ul.social-list li{display: inline-block; margin-right: 50px;}
 ul.social-list li a{color: var(--white);}
 ul.social-list li:last-child{margin-right: 0px;}

ul.botm-link li{display: inline-block; margin-right: 20px;}
ul.botm-link li:last-child{margin-right: 0px;}
ul.botm-link li a{color: var(--white); font-weight: 300; font-size: 15px;}

.left-block{background-color:#23366F; height: 100%; width: 490px; height: auto; padding: 0 0 0 0%;}

.left_blue{
  position: absolute; 
  background-color: #23366F; 
  height: 100%;
  width: 30%;
}

.graph-box{
  width: 90%; 
  position: relative;
  padding: 0 0 50px 65px;
} 
.graph-box h3{
  color: var(--white); 
  font-weight: 700;
  font-size:35px ;
}
.graph-box p{
  color: var(--white); 
  font-size: 19px;
  
}
.graph-box::before {
  content: "";
  position: absolute;
  width: 45px;
  height: 45px;
  background: #ffc828;
  border-radius: 100%;
  margin-left: -65px;
  z-index: 9999;
}
.graph-box::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background: #fff;
  left: 21px;
  top: 15px;
}
.graph-box p button,
.graph-box p a {color:#1fb1e6 !important; font-weight:600; cursor: pointer; background: none; border: none; padding-inline: 0;}
.graph-box p button img,
.graph-box p a img {width: 16px;}
.graph-box p button:hover,
.graph-box p a:hover {text-decoration: underline;}
.graph-item ul li:last-child .graph-box::after{display: none;} 

.pop-block1 {
  width: 250px;
  height: auto;
  background-color: #a5e0f5;
  position: absolute;
  z-index: 999999;
  left: 510px;
  top: 0;
  border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
padding: 14px;

}
.pop-block1 h6{color:var(--darckblue) !important; font-size: 17px; margin-bottom: 5px;}

.pop-block1 h6 a{
  color: unset; 
}

.pop-block1 h6 a:hover{
  text-decoration: underline;
}

.pop-block1 p{color:var(--darckblue); font-size: 16px;}
.close-icon{position: absolute; right: 13px; top: 6px; background: none; border: none;}
.close-icon img{width: 12px;}

.pop-block1, .pop-block2{display: none;}
.paragraph-block {
  position: relative;
  z-index: 999999;
  width: 1320px;
  padding: 60px 0;
}



.paragraph-block p{
  color: var(--white); 
  width: 100%;
  font-size: 30px;
  font-family: 'Zurich Sans'; 
  font-weight: 300;
  font-style:normal; 
}



.feedback-btn{position: absolute; left: 0; bottom: 30%; z-index: 99999;}