@import 'swiper.min.css';
     @import 'bootstrap.min.css';
     @font-face {
         font-family: 'CircularStd-Bold';
         src: url('../fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'), 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-weight: normal;
         font-style: normal;
     }
     
     @font-face {
         font-family: 'CircularStd-Medium';
         src: url('../fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'), 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-weight: normal;
         font-style: normal;
     }
     
     @font-face {
         font-family: 'CircularStd-Book';
         src: url('../fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'), 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-weight: normal;
         font-style: normal;
     }
     
     @font-face {
         font-family: 'CircularStd-Black';
         src: url('../fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'), 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-weight: normal;
         font-style: normal;
     }
     
     @font-face {
         font-family: 'AvenirLT-Roman';
         src: url('../fonts/AvenirLT-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLT-Roman.woff') format('woff'), url('../fonts/AvenirLT-Roman.ttf') format('truetype'), url('../fonts/AvenirLT-Roman.svg#AvenirLT-Roman') format('svg');
         font-weight: normal;
         font-style: normal;
     }
     
     @font-face {
         font-family: 'AvenirLT-Heavy';
         src: url('../fonts/AvenirLT-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLT-Heavy.woff') format('woff'), url('../fonts/AvenirLT-Heavy.ttf') format('truetype'), url('../fonts/AvenirLT-Heavy.svg#AvenirLT-Heavy') format('svg');
         font-weight: normal;
         font-style: normal;
     }
     
     @font-face {
         font-family: 'Avenir-Book';
         src: url('../fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Book.woff') format('woff'), url('../fonts/Avenir-Book.ttf') format('truetype'), url('../fonts/Avenir-Book.svg#Avenir-Book') format('svg');
         font-weight: normal;
         font-style: normal;
     }
     
     @font-face {
         font-family: 'Avenir-Medium';
         src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Medium.woff') format('woff'), url('../fonts/Avenir-Medium.ttf') format('truetype'), url('../fonts/Avenir-Medium.svg#Avenir-Medium') format('svg');
         font-weight: normal;
         font-style: normal;
     }
     
     @font-face {
         font-family: 'Avenir-Black';
         src: url('../fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Black.woff') format('woff'), url('../fonts/Avenir-Black.ttf') format('truetype'), url('../fonts/Avenir-Black.svg#Avenir-Black') format('svg');
         font-weight: normal;
         font-style: normal;
     }
     
     body {
         background-color: #fff;
     }
     
     a {
         text-decoration: none;
     }
     
     a:hover {
         text-decoration: none;
     }
     
     h1,
     h2,
     h3,
     h4,
     h5 {
         margin: 0;
     }
     
     p {
         margin: 0;
         color: #333333;
     }
     
     ul,
     ol {
         list-style: none;
         padding: 0;
         margin: 0;
     }
     /***************MIAN PAGE CSS******************/
     
     .bg-dark-cst {
         background-color: #222222;
     }
     
     header {
         position: absolute;
         top: 0;
         right: 0;
         left: 0;
         z-index: 5;
     }
     
     header .navbar-brand {
         padding: 0;
         margin: 0;
     }
     
     header .navbar-brand img {
         width: 150px;
         object-fit: cover;
     }
     
     header .navbar-nav li img {
         width: 19px;
     }
     
     header .navbar-nav li {
         margin-left: 49px;
     }
     
     header .navbar {
         padding: 46px 0;
         align-items: center;
     }
     
     header .navbar-nav li a {
         font-size: 18px;
         color: #FFFFFF;
         opacity: 0.5;
         font-family: 'CircularStd-Bold';
         transition: all 0.3s;
         padding: 0 0;
         position: relative;
     }
     
     header .navbar.navbar-dark .navbar-nav li a {
         color: #222;
     }
     
     header .navbar-nav li a:hover,
     header .navbar-nav li.active a {
         color: #fff;
         opacity: 1;
     }
     
     header .navbar.navbar-dark .navbar-nav li a:hover,
     header .navbar.navbar-dark .navbar-nav li.active a {
         color: #222;
         opacity: 1;
     }
     
     header .navbar-nav li.active a:before {
         width: 5px;
         height: 5px;
         border-radius: 50%;
         position: absolute;
         content: '';
         top: 50%;
         background-color: #76CD44;
         transform: translate(-50%, -50%);
         left: 0;
     }
     
     .wrapper {
         overflow: hidden;
     }
     
     .btn.btn-secondary {
         max-width: 245px;
         height: 36px;
         padding: 0;
         line-height: 36px;
         background-color: rgba(6, 152, 214, 0.2);
         border: 1px solid #0698D6;
         color: #0698D6;
         font-size: 16px;
         border-radius: 3px;
         font-family: 'CircularStd-Medium';
     }
     
     .btn.btn-secondary:focus {
         box-shadow: none;
     }
     
     .text-holder .btn.btn-secondary {
         margin-bottom: 8px;
         position: relative;
         z-index: 1;
         display: block;
     }
     
     .text-holder .btn.btn-primary {
         position: relative;
         z-index: 1;
     }
     
     .btn.btn-primary {
         width: 293px;
         height: 67px;
         padding: 0;
         line-height: 67px;
         font-size: 18px;
         border-radius: 3px;
         background-color: transparent;
         font-family: 'CircularStd-Bold';
         color: #222222;
         background-image: url(../images/bg-btn.png);
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
         border: 1px solid transparent;
         display: block;
     }
     
     .btn.btn-primary:focus {
         box-shadow: none;
         background-color: transparent;
     }
     
     .btn-primary:not(:disabled):not(.disabled).active:focus,
     .btn-primary:not(:disabled):not(.disabled):active:focus,
     .show>.btn-primary.dropdown-toggle:focus {
         box-shadow: none;
         background-color: transparent;
         border: none;
     }
     
     .btn.btn-primary span {
         display: inline-block;
     }
     
     .btn.btn-primary img {
         height: 12px;
         display: inline-block;
     }
     
     .text-holder .txt_img {
         position: relative;
         margin-bottom: 30px;
         z-index: 1;
     }
     
     .text-holder .txt_img:before {
         background-image: url(../images/txt-b.png);
         content: '';
         position: absolute;
         left: -255px;
         width: 100%;
         height: 190px;
         background-repeat: no-repeat;
         z-index: -1;
     }
     
     .text-holder .txt_img:after {
         background-image: url(../images/txt-a.png);
         content: '';
         position: absolute;
         right: -276px;
         width: 100%;
         height: 190px;
         background-repeat: no-repeat;
         z-index: 0;
         top: 23px;
     }
     
     .text-holder .txt_img h2 {
         font-size: 91px;
         color: #fff;
         line-height: 100px;
         font-family: 'CircularStd-Black';
     }
     
     .hero-banner {
         padding: 0 0;
         height: 100vh;
         display: flex;
         align-items: center;
         background-color: #222222;
         position: relative;
     }
     
     .shap_animal {
         position: absolute;
         top: -48px;
         right: -48px;
     }
     
     .hero-banner [class*="col-"] {
         position: initial;
     }
     
     .ring_top {
         position: absolute;
         top: 30px;
         right: -170px;
     }
     
     .move-down {
         width: 30px;
         display: block;
         text-align: center;
         position: absolute;
         left: 0;
         right: 0;
         bottom: 64px;
         margin: 0 auto;
     }
     
     .move-down span {
         display: block;
     }
     
     .move-down .arrow_down img {
         height: 24px;
         margin-bottom: 15px;
         -moz-animation: bounce 2s infinite;
         -webkit-animation: bounce 2s infinite;
         animation: bounce 2s infinite;
     }
     
     @keyframes bounce {
         0%,
         20%,
         50%,
         80%,
         100% {
             transform: translateY(0);
         }
         40% {
             transform: translateY(-15px);
         }
         60% {
             transform: translateY(-15px);
         }
     }
     
     .move-down .mouse_icon img {
         width: 30px;
     }
     
     .who_we_are {
         padding: 108px 0 0;
         background-color: #222222;
         display: block;
     }
     
     .content_blue {
         background-color: #0698D6;
         position: relative;
         z-index: 4;
         padding: 126px 0 110px;
     }
     
     .content_blue:before {
         content: "we are";
         position: absolute;
         left: -130px;
         top: -84px;
         font-size: 430px;
         font-family: 'CircularStd-Black';
         color: #0682B5;
         opacity: 0.3;
         line-height: 474px;
     }
     
     .content_blue:after {
         background-color: #222222;
         width: 253px;
         height: 100%;
         position: absolute;
         right: 0;
         top: 0;
         bottom: 0;
         content: '';
         z-index: -1;
     }
     
     .heading {
         font-family: 'CircularStd-Black';
         font-size: 75px;
         line-height: 81px;
         margin-bottom: 8px;
     }
     
     .txt_who {
         padding-top: 54px;
         padding-right: 23px;
     }
     
     .txt_who p {
         font-family: 'AvenirLT-Roman';
         color: #fff;
         font-size: 17px;
         line-height: 25px;
         margin-bottom: 43px;
     }
     
     .links {
         color: #004663;
         font-size: 18px;
         font-family: 'CircularStd-Bold';
         display: inline-block;
     }
     
     .links:hover {
         color: #004663;
     }
     
     .links img {
         width: 18px;
     }
     
     .video_holder {
         border-radius: 8px;
         box-shadow: 0px 0px 99px rgba(0, 0, 0, 0.24);
         position: relative;
         overflow: hidden;
         max-width: 539px;
     }
     
     .who_we_are .video_holder {
         margin-left: 30px;
		 max-width: 539px;
     }
     
     .play_btn {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
     
     .video_holder img {
         width: 100%;
     }
     
     .our_process {
         background-color: #222222;
     }
     
     .title_txt .sl-txt {
         color: #76CD44;
         font-family: 'CircularStd-Book';
         font-size: 28px;
         line-height: 35px;
         letter-spacing: 0.05em;
         margin-bottom: 8px;
     }
     
     .title_txt {
         padding-right: 23px;
     }
     
     .title_txt p {
         font-size: 17px;
         font-family: 'AvenirLT-Roman';
         color: #fff;
         letter-spacing: 0.05em;
         line-height: 35px;
     }
     
     .our_process {
         padding: 102px 0;
     }
     
     .process_slider_main {
         height: 430px;
         display: flex;
         align-items: center
     }
     
     .process_slider_main .swiper-container {
         width: 100%;
         height: 430px;
         margin-left: auto;
         margin-right: auto;
     }
     
     .process_slider_main .swiper-slide {
         background-size: cover;
         background-position: center;
     }
     
     .process_slider_main .gallery-top {
         width: calc(100% - 364px);
     }
     
     .process_slider_main .gallery-thumbs {
         box-sizing: border-box;
         padding: 10px 0;
         width: 264px;
         margin-right: 100px;
         height: 329px;
     }
     
     .process_slider_main .gallery-thumbs .swiper-slide {
         display: flex;
         align-items: center;
         justify-content: flex-end;
         height: 56px !important;
         margin-bottom: 25px;
         position: relative;
     }
     
     .process_slider_main .gallery-thumbs .swiper-slide:after {
         position: absolute;
         content: '';
         height: 25px;
         background: rgba(255, 255, 255, 0.11);
         width: 3px;
         right: 19px;
         bottom: 56px;
     }
     
     .process_slider_main .gallery-thumbs .swiper-slide:first-child:after {
         content: none;
     }
     
     .process_slider_main .gallery-thumbs .swiper-slide-thumb-active {
         opacity: 1;
     }
     
     .process_slider_main .gallery-thumbs .swiper-wrapper {
         display: flex;
         align-items: center;
         justify-content: center;
     }
     
     .slider_num div {
         cursor: pointer;
         display: flex;
         align-items: center;
         width: 100%;
     }
     
     .slider_num .number {
         width: 42px;
         height: 42px;
         border-radius: 50%;
         background-color: #707070;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         font-size: 25px;
         color: #fff;
         font-family: 'CircularStd-Black';
     }
     
     .slider_num span.title {
         display: none;
         font-size: 18px;
         font-family: 'AvenirLT-Roman';
         width: calc(100% - 42px);
         text-align: center;
         line-height: 16px;
     }
     
     .process_slider_main .swiper-slide-thumb-active .slider_num {
         width: 100%;
         height: 56px;
         border-radius: 28px;
         background: rgba(6, 152, 214, 0.08);
         border: 2px solid #0698d6;
         text-align: right;
         display: flex;
         align-items: center;
         justify-content: flex-end;
     }
     
     .process_slider_main .swiper-slide-thumb-active .slider_num .number {
         background-color: transparent;
         color: #0698D6;
     }
     
     .process_slider_main .swiper-slide-thumb-active .slider_num span.title {
         display: block;
         color: #0698D6;
     }
     
     .process_slider_main .box_cont_slide {
         border-radius: 13px;
         background: #fff;
         padding: 0 0;
         max-width: 430px;
     }
     
     .process_slider_main .img_ana {
         padding: 30px 0;
     }
     
     .process_slider_main .img_ana img {
         max-width: 390px;
         margin-bottom: 0;
     }
     
     .process_slider_main .txtan {
         padding: 0 0 40px;
     }
     
     .process_slider_main .txtan P {
         font-family: 'AvenirLT-Roman';
         font-size: 17px;
         letter-spacing: 0.05em;
         line-height: 20px;
         text-align: center;
         color: #343434;
     }
     
     .process_slider_main .swiper-button-next.swiper-button-white,
     .process_slider_main .swiper-container-rtl .swiper-button-prev.swiper-button-white {
         background-image: none;
         outline: none;
     }
     
     .process_slider_main .swiper-button-prev.swiper-button-white,
     .process_slider_main .swiper-container-rtl .swiper-button-next.swiper-button-white {
         background-image: none;
         outline: none;
     }
     
     .process_slider_main .swiper-button-prev,
     .process_slider_main .swiper-container-rtl .swiper-button-next {
         right: 0;
         left: auto;
     }
     
     .process_slider_main .swiper-button-next {
         top: 38%;
         transform: translate(0)
     }
     
     .process_slider_main .swiper-button-prev {
         top: 55%;
         transform: translate(0);
         right: 10px;
     }
     
     .services {
         background-image: url(../images/bg-white.svg);
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
         padding: 432px 0 131px;
     }
     
     .title_txt {
         padding-right: 23px;
     }
     
     .serv_box {
         max-width: 300px;
         margin-bottom: 121px;
     }
     
     .serv_box img {
         width: 119px;
     }
     
     .serv_box h3 {
         font-family: 'CircularStd-Bold';
         font-size: 20px;
         letter-spacing: 0.05em;
         line-height: 25px;
         color: #222;
     }
     
     .serv_box p {
         font-family: 'AvenirLT-Heavy';
         font-size: 17px;
         letter-spacing: 0.05em;
         line-height: 25px;
         text-align: left;
         color: #959595;
         opacity: 0.98;
     }
     
     .proof {
         background-image: url(../images/bg-portfolio.png);
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
         padding: 143px 0 0;
         margin-top: -43px;
         min-height: 1285px;
         position: relative;
         z-index: 1
     }
     
     .flip-card {
         background-color: transparent;
         width: 100%;
         height: 404px;
         perspective: 1000px;
     }
     
     .flip-card-inner {
         position: relative;
         width: 100%;
         height: 100%;
         text-align: center;
         transition: transform 0.6s;
         transform-style: preserve-3d;
     }
     
     .flip-card:hover .flip-card-inner {
         transform: rotateY(180deg);
     }
     
     .flip-card-front,
     .flip-card-back {
         position: absolute;
         width: 100%;
         height: 404px;
         backface-visibility: hidden;
         box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.06);
         border-radius: 18px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         overflow: hidden;
     }
     
     .flip-card-front {
         z-index: 2;
     }
     
     .flip-card-back {
         background-color: #0698D6;
         color: white;
         transform: rotateY(180deg);
         z-index: 1;
     }
     
     .flip-card-front img {
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
     
     .flip-card-back h3 {
         font-family: 'CircularStd-Black';
         font-size: 49px;
         line-height: 62px;
         text-align: left;
         color: #fff;
     }
     
     .flip-card-back p {
         font-family: 'CircularStd-Bold';
         font-size: 22px;
         letter-spacing: 0.05em;
         line-height: 28px;
         text-align: left;
         color: #fff;
         margin-bottom: 15px;
     }
     
     .flip-card-back a img {
         width: 24px;
         filter: brightness(0) invert(1);
     }
     
     .swiper-cst {
         padding: 103px 0 50px;
     }
     
     .swiper-cst .swiper-slide {
         padding: 0 12px;
     }
     
     .swiper-cst .swiper-button-next,
     .swiper-cst .swiper-container-rtl .swiper-button-prev,
     .swiper-cst .swiper-button-prev,
     .swiper-cst .swiper-container-rtl .swiper-button-next {
         background-image: none;
         outline: none;
     }
     
     .swiper-cst .swiper-button-next,
     .swiper-cst .swiper-button-prev {
         top: 22px;
         right: 20px;
         width: 32px;
     }
     
     .swiper-cst .swiper-button-prev {
         left: auto;
         right: 72px;
         transform: rotate(180deg);
         top: 6px
     }
     
     .link-view a {
         font-family: 'CircularStd-Bold';
         font-size: 18px;
         color: #222222;
         letter-spacing: -0.03em;
     }
     
     .link-view a img {
         width: 18px;
         margin-left: 15px;
     }
     
     .founder {
         background: linear-gradient(#f6f6f6 0%, #f5f5f5 100%);
         margin-top: -29px;
     }
     
     .founder_det {
         max-width: 412px;
         margin-top: 79px;
     }
     
     .founder_det p {
         font-family: 'CircularStd-Book';
         font-size: 25px;
         line-height: 35px;
         color: #222;
         margin-bottom: 64px;
     }
     
     .founder .title_txt {
         padding-top: 73px;
     }
     
     .founder_det h3 {
         font-family: 'CircularStd-Bold';
         font-size: 25px;
         letter-spacing: 0.05em;
         line-height: 35px;
         text-align: left;
         color: #222;
     }
     
     .founder_txt {
         position: relative;
         z-index: 1;
     }
     
     .founder_det h3 span.line img {
         width: 20px;
     }
     
     .founder .img-holder {
         margin-left: -207px;
     }
     
     .founder .img-holder img {
         max-width: 726px;
     }
     
     .team_img li a span.av-holder {
         width: 99px;
         height: 99px;
         border-radius: 50%;
         overflow: hidden;
         display: inline-block;
         margin-right: 25px;
         border: 2px solid transparent;
     }
     
     .team_img li a h3 {
         font-family: 'CircularStd-Bold';
         font-size: 21px;
         letter-spacing: 0.05em;
         line-height: 26px;
         color: #222;
     }
     
     .team_img li a span.av-holder img {
         width: 100%;
         border-radius: 50%;
         object-fit: cover;
     }
     
     .team_img li {
         margin-bottom: 40px;
     }
     
     .team_img li a {
         font-family: 'CircularStd-Bold';
         font-size: 21px;
         letter-spacing: 0.05em;
         line-height: 26px;
         color: #222;
         display: flex;
         align-items: center;
         transition: all 0.3s;
     }
     
     .team_img {
         height: 100%;
         display: flex;
         justify-content: center;
         flex-direction: column;
         margin-left: -70px;
         position: relative;
         z-index: 1;
     }
     
     .team_img:after {
         background-image: url(../images/Line5.png);
         background-repeat: no-repeat;
         background-position: left;
         content: '';
         position: absolute;
         height: 100%;
         width: 100%;
         left: -57px;
         z-index: -1;
     }
     
     .team_img li:nth-child(2) {
         margin-left: 57px;
     }
     
     .team_img li:nth-child(3) {
         margin-left: 114px;
     }
     
     .team_img li.active a {
         color: #0698D6;
     }
     
     .team_img li a:hover h3 {
         color: #0698D6;
     }
     
     .team_img li a:hover span.av-holder {
         border: 2px solid #0698D6;
     }
     
     .team_img li.active a span.av-holder {
         border: 2px solid #0698D6;
     }
     
     .lets_talk {
         padding: 178px 0 50px;
         position: relative;
     }
     
     .lets_talk .cst-form {
         padding-top: 26px;
     }
     
     .cst-form .form-group {
         margin-bottom: 37px;
     }
     
     .cst-form .form-group .form-control {
         border-radius: 5px;
         background: transparent;
         border: 1.5px solid #4a4a4a;
         height: 58px;
         padding: 20px 47px;
         font-size: 20px;
         text-align: left;
         font-family: 'AvenirLT-Heavy';
         color: #fff;
     }
     
     .cst-form .form-group textarea.form-control {
         height: auto;
     }
     
     .cst-form .form-group .form-control::placeholder {
         color: #555555;
     }
     
     .cst-form .form-group .form-control:focus {
         box-shadow: none;
         border: 1.5px solid #4a4a4a;
     }
     
     .cst-form .btn-links {
         margin-top: 50px;
     }
     
     .img_talk {
         border-radius: 219px;
         position: absolute;
         right: -191px;
     }
     
     .pos-in {
         position: initial;
     }
     
     .blog {
         padding: 178px 0 0;
         position: relative;
         z-index: 1;
     }
     
     .blog_bg {
         position: absolute;
         bottom: 58px;
         left: -212px;
         z-index: -1;
     }
     
     .blog .card-body {
         padding: 39px 39px;
     }
     
     .blog .card-body a {
         display: inline-block;
     }
     
     .blog .card-body a img {
         width: 29.81px;
         margin: 0 auto;
     }
     
     .blog .card {
         border-radius: 5px;
         background: #fff;
         border: none;
     }
     
     .blog .card_header {
         position: relative;
         border-radius: 5px;
         overflow: hidden;
     }
     
     .blog .date_title {
         position: absolute;
         left: 0;
         right: 0;
         top: 46px;
         padding: 0 39px;
         display: flex;
         justify-content: space-between;
         align-items: center;
     }
     
     .blog .date_title span {
         display: inline-block;
     }
     
     .blog .date_title span.dte_blog {
         font-family: 'CircularStd-Bold';
         width: 182px;
         height: 39px;
         border-radius: 19.5px;
         background: #FFECFF;
         line-height: 39px;
         text-align: center;
         font-size: 18px;
         letter-spacing: 0.05em;
         color: #222;
     }
     
     .blog .date_title span.bl_type {
         font-family: 'AvenirLT-Heavy';
         font-weight: 900;
         font-size: 14px;
         letter-spacing: 0.03em;
         line-height: 20px;
         text-align: right;
         color: #fff;
     }
     
     .blog .card-body .card-title {
         font-family: 'CircularStd-Bold';
         font-size: 23px;
         letter-spacing: 0.03em;
         line-height: 26px;
         color: #222;
         margin-bottom: 16px;
     }
     
     .blog .card-body .card-text {
         font-family: 'AvenirLT-Heavy';
         font-size: 14px;
         letter-spacing: 0.03em;
         line-height: 20px;
         text-align: left;
         color: #959595;
         margin-bottom: 32px;
     }
     
     .blog-slider.swiper-cst .swiper-button-next img,
     .blog-slider.swiper-cst .swiper-button-prev img {
         filter: brightness(0) invert(1);
     }
     
     .blog-slider.swiper-cst {
         padding-bottom: 118px;
     }
     
     .clients {
         background-color: #fff;
     }
     
     .text_client {
         max-width: 702px;
         margin: 0 auto;
         padding: 87px 0;
     }
     
     .text_client p {
         font-family: 'CircularStd-Book';
         font-size: 28px;
         letter-spacing: 0.05em;
         line-height: 35px;
         color: #222;
     }
     
     .logos-wrapper {
         max-width: 1701.44px;
         margin: 0 auto;
         position: relative;
         padding-bottom: 82px;
     }
     
     .cli_logo {
         text-align: center;
     }
     
     .logos-wrapper:after {
         position: absolute;
         bottom: 0;
         max-width: 746px;
         margin: 0 auto;
         height: 3px;
         background-color: #F0F0F0;
         content: '';
         left: 0;
         right: 0;
     }
     
     .testiomonial {
         padding: 143px 0 183px;
         background-color: #FFFFFF;
     }
     
     .testimonial_slider {
         width: 100%;
         padding-top: 100px;
         padding-bottom: 100px;
         overflow: hidden;
         position: relative;
         z-index: 1;
     }
     
     .testimonial_slider .swiper-slide {
         background-position: center;
         background-size: cover;
         width: 300px;
         height: 300px;
     }
     
     .addres {
         margin-bottom: 48px;
     }
     
     .addres p {
         font-family: 'CircularStd-Book';
         font-size: 24px;
         letter-spacing: 0.03em;
         line-height: 35px;
         text-align: left;
         color: #222;
     }
     
     .contacts {
         padding: 70px 0 178px;
         background-image: url(../images/bg-cont.png);
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
         margin-top: -1px;
     }
     
     .contacts .cst-form {
         position: relative;
         border-radius: 13px;
         background: #fff;
         box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.04);
         padding: 60px;
     }
     
     .contacts .cst-form .form-group {
         margin-bottom: 21px;
     }
     
     .contacts .cst-form .form-group .form-control {
         height: 58px;
         color: #222;
         border: 1.5px solid #eff1f0;
     }
     
     .contacts .cst-form .form-group .form-control::placeholder {
         color: #E0E0E0;
     }
     
     .contacts .cst-form .form-group textarea.form-control {
         height: auto;
     }
     
     .cst-form h2 {
         font-family: 'CircularStd-Black';
         font-size: 75px;
         line-height: 81px;
         text-align: center;
         color: #222;
         transform: rotate(270deg);
     }
     
     .cap_form {
         position: absolute;
         left: 96px;
         top: 50%;
         transform: translate(-50%, -50%);
     }
     
     .cont_form {
         width: calc(100% - 185px);
         margin-left: auto;
     }
     
     .contacts .cst-form .btn.btn-primary {
         background-image: url(../images/btn-bg2.png);
         color: #fff;
     }
     
     .contacts .cst-form .btn.btn-primary img {
         filter: brightness(0) invert(1);
     }
     
     footer {
         padding: 151px 0 82px;
         position: relative;
         background-image: url(../images/footer_bg.png);
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
     }
     
     .footer-links {
         margin-right: 157px;
         position: relative;
         z-index: 1;
     }
     
     .footer-links li a {
         font-family: 'CircularStd-Book';
         font-size: 18px;
         letter-spacing: 0.03em;
         line-height: 32px;
         text-align: left;
         color: #fff;
         display: block;
     }
     
     .footer_wraper {
         display: flex;
         justify-content: space-between;
     }
     
     .footer_logo {
         position: absolute;
         left: 50%;
         right: 0;
         transform: translate(-50%, 7px);
     }
     
     .footer_logo {
         text-align: center;
         color: #0698d6;
     }
     
     .footer_logo img {
         width: 150px;
         margin-bottom: 40px;
     }
     
     .footer_logo p {
         font-family: 'Avenir-Book';
         font-size: 18px;
         text-align: center;
         color: #fff;
         margin-bottom: 11px;
     }
     
     .footer_logo a {
         font-family: 'AvenirLT-Heavy';
         font-size: 16px;
         text-align: center;
         color: #0698d6;
     }
     
     .social_links {
         display: flex;
         position: relative;
         z-index: 1;
     }
     
     .social_links a {
         width: 43.06px;
         height: 43.06px;
         border-radius: 50%;
         display: block;
         line-height: 43.06px;
         border: 2px solid #95989A;
         color: #95989A;
         text-align: center;
         font-size: 22px;
         margin-left: 21px;
     }
     
     .test_box {
         border-radius: 13px;
         background: #fff;
         box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.04);
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 30px;
     }
     
     .test_box .av_test {
         width: 75px;
         height: 75px;
         border-radius: 50%;
         overflow: hidden;
         margin: 0 auto 23px;
     }
     
     .test_box .av_test img {
         width: 100%;
         object-fit: cover;
         border-radius: 50%;
     }
     
     .test_box h4 {
         font-size: 17px;
         letter-spacing: 0.04em;
         line-height: 27px;
         text-align: center;
         color: #222;
         font-family: 'Avenir-Black';
         margin-bottom: 20px;
     }
     
     .test_box p {
         font-size: 17px;
         letter-spacing: 0.05em;
         line-height: 27px;
         text-align: center;
         font-family: 'Avenir-Medium';
         color: #c4c4c4;
     }
     
     .swiper-button-prev,
     .swiper-container-rtl .swiper-button-next,
     .swiper-button-next,
     .swiper-container-rtl .swiper-button-prev {
         background-image: none;
         outline: none;
     }
     
     .testimonial_slider .swiper-button-next,
     .testimonial_slider .swiper-container-rtl .swiper-button-prev {
         transform: rotate(180deg)
     }
     
     .testimonial_slider .swiper-button-next,
     .testimonial_slider .swiper-button-prev {
         width: 49px;
     }
     
     .testimonial_slider .swiper-button-next {
         top: 46%;
     }
     
     .wrapper_test {
         max-width: 1054px;
         margin: 0 auto;
         position: relative;
     }
     
     .wrapper_test:before {
         content: '“';
         position: absolute;
         top: -249px;
         left: 0;
         font-size: 473px;
         color: #707070;
         font-family: 'CircularStd-Black';
         opacity: 0.1;
     }
     
     .wrapper_test:after {
         content: '“';
         position: absolute;
         right: 171px;
         bottom: -129px;
         font-size: 473px;
         color: #707070;
         font-family: 'CircularStd-Black';
         transform: rotate(180deg);
         opacity: 0.1;
     }
     
     .links {
         display: block;
         position: relative;
         z-index: 1;
     }
     
     .links a {
         font-family: 'CircularStd-Bold';
         font-size: 18px;
         letter-spacing: -0.03em;
         line-height: 28px;
         text-align: left;
         color: #222;
     }
     
     .docs_upload {
         max-width: 1162px;
         margin: 0 auto;
         border-radius: 14px;
         background: transparent;
         border: 3px solid #f5f5f5;
         display: flex;
         justify-content: space-between;
         padding: 50px 116px;
     }
     
     .docs_upload .doc_cap {
         display: flex;
         align-items: flex-start;
     }
     
     .docs_upload .doc_cap img {
         width: 46px;
         margin-right: 90px;
     }
     
     .docs_upload .txt_new h3 {
         font-family: 'CircularStd-Black';
         font-size: 28px;
         color: #222222;
         ;
     }
     
     .docs_upload .txt_new p {
         font-family: 'AvenirLT-Heavy';
         color: #959595;
         font-size: 24px;
     }
     
     .upload img {
         width: 70px;
     }
     
     .navbar-toggler {
         color: #fff;
     }
     /*---------services Css----------------*/
     
     .serv-banner {
         background-image: url(../images/bg-ser-banner.png);
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
         overflow: hidden;
         position: relative;
         padding-top: 374px;
         padding-bottom: 285px;
     }
     
     .serv-banner .text-holder h2 {
         font-size: 91px;
         color: #fff;
         line-height: 100px;
         font-family: 'CircularStd-Black';
         margin-bottom: 18px;
     }
     
     .serv-banner .text-holder h3 {
         font-family: 'CircularStd-Medium';
         font-size: 25px;
         color: #fff;
         margin-bottom: 40px;
     }
     
     .serv-banner .text-holder p {
         font-family: 'CircularStd-Medium';
         font-size: 18px;
         line-height: 28px;
         color: rgba(255, 255, 255, 0.8);
         padding-right: 54px;
     }
     
     .serv-banner .text-holder {
         position: relative;
         z-index: 1;
     }
     
     .serv-banner .text-holder .btn.btn-secondary {
         font-family: 'CircularStd-Medium';
         font-size: 16px;
         letter-spacing: 0.03em;
         color: #fff;
         max-width: 314px;
         height: 36px;
         line-height: 36px;
         border-radius: 3px;
         background: rgba(255, 255, 255, 0.2);
         border: 1px solid #fff;
         display: block;
     }
     
     .left-ring {
         position: absolute;
         left: -500px;
         top: 0;
     }
     
     .serv-banner .cst-form {
         border-radius: 13px;
         background: #fff;
         box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.13);
         padding: 45px;
         position: relative;
         z-index: 1;
     }
     
     .serv-banner .cst-form h3 {
         font-family: 'CircularStd-Medium';
         font-size: 25px;
         color: #004f71;
     }
     
     .serv-banner .cst-form p {
         font-family: 'Avenir-Medium';
         font-size: 16px;
         text-align: left;
         color: #959595;
         margin-bottom: 32px;
     }
     
     .serv-banner .cst-form .form-group {
         margin-bottom: 20px;
     }
     
     .serv-banner .cst-form .form-group .form-control {
         height: 47px;
         border-radius: 5px;
         background: transparent;
         border: 1.5px solid #e2e3e5;
         line-height: 47px;
         color: #222222;
         padding: 0 26px;
     }
     
     .serv-banner .cst-form .form-group textarea.form-control {
         height: auto;
         ;
     }
     
     .serv-banner .cst-form .form-group .form-control::placeholder {
         font-family: 'AvenirLT-Heavy';
         color: #e0e0e0;
     }
     
     .serv-banner .cst-form .btn.btn-primary {
         color: #fff;
         margin-top: 50px;
     }
     
     .serv-banner .cst-form .btn.btn-primary img {
         filter: brightness(0) invert(1);
     }
     
     .form-wrapper {
         position: relative;
     }
     
     .serv-banner .tri_img {
         position: absolute;
         left: -181px;
         bottom: -59px;
         z-index: 0;
     }
     
     .plant-form {
         position: absolute;
         right: -64px;
         bottom: -72px;
         z-index: 2;
     }
     
     .serv-banner .move-down {
         bottom: 139px;
     }
     
     .section_links {
         position: fixed;
         top: 50%;
         transform: translate(0, -50%);
         left: 37px;
         margin: 0;
         width: 57.87px;
         border-radius: 28.94px;
         background: rgba(255, 255, 255, 0.2);
         border: 2px solid #eff1f0;
         z-index: 2;
         padding: 37px 25px;
     }
     
     .section_links li {
         margin-bottom: 60px;
         position: relative;
     }
     
     .section_links li img {
         filter: brightness(0) invert(1);
         width: 15px;
         margin-left: 10px;
     }
     
     .section_links .txt_show {
         width: 141px;
         height: 38.86px;
         background: #222;
         opacity: 0.7;
         color: #fff;
         text-align: center;
         line-height: 38.86px;
         position: absolute;
         top: -16px;
         left: 33px;
         display: none;
     }
     
     .section_links li:hover .txt_show,
     .section_links li.active .txt_show {
         display: block;
     }
     
     .section_links .txt_show:after,
     .section_links .txt_show:before {
         right: 100%;
         top: 50%;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
     }
     
     .section_links .txt_show:after {
         border-color: rgba(136, 183, 213, 0);
         border-right-color: #222;
         border-width: 19px;
         margin-top: -19px;
     }
     
     .section_links .txt_show:before {
         border-color: rgba(194, 225, 245, 0);
         border-right-color: #c2e1f5;
         border-width: 19px;
         margin-top: -19px;
     }
     
     .section_links li:last-child {
         margin-bottom: 0;
     }
     
     .section_links li a {
         display: block;
         transition: all 0.3s;
     }
     
     .section_links li a span {
         width: 8.27px;
         height: 8.27px;
         background: #d1d1d1;
         border-radius: 50%;
         display: block;
     }
     
     .section_links li a:hover span {
         background-color: #76CD44;
         transform: scale(1.3);
     }
     
     .section_links li.active a span {
         background-color: #76CD44;
         transform: scale(1.3);
     }
     
     .strategy {
         padding: 108px 0 0;
         background-image: url(../images/bg-services.png);
         background-position: center;
         background-repeat: no-repeat;
         background-color: transparent;
         background-size: cover;
         position: relative;
         z-index: 1;
         margin-top: -36px;
     }
     
     .strategy .img-holder img {
         max-width: 512px;
     }
     
     .title {
         max-width: 825px;
     }
     
     .strategy .title {
         margin-bottom: 160px;
     }
     
     .title h2 {
         font-family: 'CircularStd-Black';
         font-size: 41px;
         letter-spacing: 0.01em;
         line-height: 51px;
         color: #222;
     }
     
     .strategy_txt img {
         max-width: 119px;
         margin-bottom: 9px
     }
     
     .strategy_txt h3 {
         font-family: 'CircularStd-Black';
         font-size: 50px;
         line-height: 50px;
         color: #222;
         margin-bottom: 9px;
     }
     
     .strategy_txt h4 {
         font-family: 'CircularStd-Book';
         font-size: 28px;
         letter-spacing: 0.05em;
         line-height: 28px;
         text-align: left;
         color: #76cd44;
         margin-bottom: 19px;
     }
     
     .strategy_txt p {
         font-family: 'Avenir-Medium';
         font-size: 17px;
         color: #959595;
         line-height: 1.65;
         margin-bottom: 34px;
         max-width: 522px;
     }
     
     .strategy_txt a {
         font-family: 'CircularStd-Bold';
         font-size: 18px;
         letter-spacing: -0.03em;
         color: #222;
         transition: all 0.3s;
     }
     
     .strategy_txt a:hover {
         color: #76cd44;
     }
     
     .strategy_txt a img {
         width: 18px;
         margin: 0;
     }
     
     .service-for {
         padding-bottom: 323px;
     }
     
     .strategy .service-for:nth-child(3) {
         padding-bottom: 390px;
     }
     
     .strategy .service-for:nth-child(4) {
         padding-bottom: 430px;
     }
     
     .strategy .service-for:last-child {
         padding-bottom: 300px;
     }
     
     .ser_process {
         background-image: url(../images/our_processbg.png);
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
         padding: 86px 0 30px;
         margin-top: -25px;
     }
     
     .title h3 {
         font-family: 'CircularStd-Book';
         font-size: 28px;
         letter-spacing: 0.05em;
         color: #76cd44;
     }
     
     .process_list {
         padding: 147px 0;
     }
     
     .process_box {
         border-radius: 13px;
         background: #fff;
         box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
         min-height: 339px;
         display: flex;
         align-items: center;
         justify-content: center;
         width: 100%;
         overflow: hidden;
     }
     
     .number_pro {
         margin-top: -55px;
         display: flex;
         justify-content: flex-end;
     }
     
     .number_pro h1 {
         font-family: 'CircularStd-Black';
         font-size: 249px;
         color: #0698d6;
         display: inline-block;
         float: left;
         line-height: 157px;
     }
     
     .number_pro span {
         display: inline-block;
         height: 56px;
         border-radius: 28px;
         background: rgba(6, 152, 214, 0.08);
         border: 2px solid #0698d6;
         line-height: 56px;
         font-size: 16px;
         color: #0698d6;
         font-family: 'Avenir-Medium';
         padding: 0 30px;
         margin-left: -19px;
         margin-top: 80px;
         float: left;
         text-align: center;
     }
     
     .process_list [class*="col-"] {
         max-width: 339px;
         padding: 0;
         margin: 0 auto;
     }
     
     .process_list [class*="col-"]:first-child .number_pro span {
         width: 189px;
         margin-top: 75px;
     }
     
     .process_list [class*="col-"]:nth-child(2) .number_pro span {
         margin-top: 0;
     }
     
     .process_list [class*="col-"]:nth-child(2) .process_box {
         margin-top: -30px;
     }
     
     .process_list [class*="col-"]:nth-child(2) .number_pro {
         margin-top: -8px;
         align-items: center;
     }
     
     .process_list [class*="col-"]:last-child {
         margin-top: -100px;
     }
     
     .process_list [class*="col-"]:last-child .number_pro span {
         margin: 0;
     }
     
     .process_list [class*="col-"]:last-child .number_pro {
         margin-left: -30px;
         justify-content: flex-start;
     }
     
     .process_list [class*="col-"]:last-child .process_top {
         margin-top: -100px;
     }
     
     .process_list [class*="col-"]:nth-child(3) .number_pro span {
         margin: 0;
     }
     
     .process_list [class*="col-"]:nth-child(3) {
         margin-top: -36px;
     }
     
     .process_list [class*="col-"]:last-child .process_box {
         margin-top: -88px;
     }
     
     .services-pg .proof {
         background-image: url(../images/portfolio_bg_serv.png);
         min-height: auto;
         background-size: contain;
         padding: 164px 0 255px;
     }
     
     .services-pg .flip-card-front,
     .flip-card-back {
         height: 446px;
     }
     
     .services-pg .flip-card {
         height: 446px;
     }
     
     .case_study {
         background-image: url(../images/case-bg.png);
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
         padding: 311px 0 261px;
         margin-top: -150px;
         position: relative;
     }
     
     .case_study .docs_upload {
         max-width: 876px;
         border-radius: 14px;
         background: transparent;
         border: 3px solid #e2e3e5;
         padding: 22px 88px;
         align-items: center;
         margin: 0;
     }
     
     .case_study .docs_upload .doc_cap img {
         margin-right: 76px;
     }
     
     .case_study .upload img {
         width: 52px;
     }
     
     .case_study .title {
         margin-bottom: 33px;
     }
     
     .upload_img {
         position: absolute;
         right: 0;
         top: 118px;
         max-width: 585px;
     }
     /*About CSS*/
     
     .globally {
         padding: 204px 0 0;
     }
     
     .text-globally {
         max-width: 958px;
         margin: 0 auto;
     }
     
     .text-globally h2 {
         font-family: 'CircularStd-Black';
         font-size: 91px;
         line-height: 90px;
         text-align: center;
         color: #222;
     }
     
     .text-globally p {
         font-size: 25px;
         line-height: 120px;
         text-align: center;
         color: #76cd44;
         font-family: 'CircularStd-Medium';
     }
     
     .countries_saved {
         background-image: url(../images/bg-saved-cntry.png);
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
         max-width: 273px;
         min-height: 226px;
         text-align: center;
         margin-left: auto;
         margin-right: 258px;
         margin-top: -103px;
     }
     
     .countries_saved h3 {
         font-family: 'CircularStd-Black';
         font-size: 158px;
         letter-spacing: -0.05em;
         line-height: 136px;
         color: #e2e3e5;
     }
     
     .countries_saved p {
         font-family: 'CircularStd-Black';
         font-size: 18px;
         line-height: 18px;
         color: #959595;
     }
     
     .map_wrapper img {
         width: 100%;
         object-fit: cover;
     }
     
     .abt-video {
         background-color: #222;
         padding: 103px 0 118px;
         position: relative;
     }
     
     .video_holder {
         max-width: 979px;
         margin: 0 auto;
     }
     
     .video_holder video {
         width: 100%;
         background: #222;
     }
     
     .elipse_vid {
         position: absolute;
         left: -180px;
         top: 100px;
     }
     
     .abt-video .video_holder {
         overflow: initial;
         z-index: 0;
     }
     
     .video_holder .pl_vid {
         position: absolute;
         bottom: 0;
         right: -86px;
         height: 252px;
         width: 174px;
         object-fit: cover;
         z-index: -1;
     }
     
     .caption_s {
         margin: auto;
         max-width: 1073px;
         position: relative;
         z-index: 1;
     }
     
     .about_founder {
         padding: 57px 0;
         background-color: #fff;
         position: relative;
     }
     
     .about_founder:before {
         background-image: url(../images/bg-founder.png);
         content: '';
         position: absolute;
         right: -150px;
         background-position: right;
         height: 574px;
         width: 431px;
         background-repeat: no-repeat;
         top: 172px;
     }
     
     .founder-bx {
         padding: 100px 0;
     }
     
     .caption_s h2 {
         font-family: 'CircularStd-Black';
         font-size: 41px;
         letter-spacing: 0.01em;
         line-height: 51px;
         text-align: left;
         color: #222;
     }
     
     .caption_s:before {
         background-image: url(../images/img-comm.png);
         content: '';
         background-position: top left;
         background-repeat: no-repeat;
         position: absolute;
         left: -165px;
         top: 0;
         height: 198px;
         width: 311px;
         z-index: -1;
     }
     
     .img-wrapper {
         max-width: 924px;
         position: absolute;
         left: -401px;
     }
     
     .img-wrapper img {
         width: 100%;
     }
     
     .founder_des {
         padding-top: 146px;
     }
     
     .founder_des h2 {
         font-family: 'CircularStd-Black';
         font-size: 50px;
         color: #222;
     }
     
     .founder_des h3 {
         font-family: 'CircularStd-Book';
         font-size: 28px;
         letter-spacing: 0.05em;
         line-height: 35px;
         color: #76cd44;
         margin-bottom: 79px;
     }
     
     .founder_des p {
         font-family: 'CircularStd-Book';
         font-size: 25px;
         line-height: 35px;
         color: #222;
         margin-bottom: 63px;
     }
     
     .founder_des h4 {
         font-family: 'CircularStd-Bold';
         font-size: 25px;
         letter-spacing: 0.05em;
         color: #222;
         position: relative;
     }
     
     .founder_des h4 span.line img {
         width: 20px;
         margin-right: 8px;
     }
     
     .founder_detail {
         padding-top: 146px;
     }
     
     .founder_detail p {
         font-family: 'Avenir-Medium';
         font-size: 17px;
         line-height: 30px;
         text-align: left;
         color: #959595;
         margin-bottom: 60px;
     }
     
     .founder_detail a {
         font-family: 'CircularStd-Bold';
         font-size: 18px;
         letter-spacing: -0.03em;
         color: #0698d6;
     }
     
     .founder_detail a img {
         width: 18px;
         margin-left: 18px;
     }
     
     .cst_flex {
         display: flex;
     }
     
     .cst_flex .point_found:first-child {
         padding-right: 30px;
     }
     
     .point_who .title {
         margin-bottom: 25px;
     }
     
     .point_who h3 {
         font-family: 'CircularStd-Book';
         font-size: 28px;
         letter-spacing: 0.05em;
         line-height: 35px;
         color: #76cd44;
         margin-bottom: 14px;
     }
     
     .who_founder {
         padding-top: 160px;
     }
     
     .point_found {
         font-family: 'Avenir-Medium';
         font-size: 18px;
         line-height: 30px;
         text-align: left;
         color: #222;
         padding: 0 20px;
     }
     
     .point_found li {
         list-style: disc;
     }
     
     .who_des {
         display: flex;
         align-items: flex-end;
         justify-content: flex-end;
     }
     
     .who_des .img_holder {
         padding-bottom: 40px;
     }
     
     .des_f {
         max-width: 457px;
         margin-left: -17px;
     }
     
     .des_f p {
         font-family: 'Avenir-Medium';
         font-size: 17px;
         line-height: 30px;
         color: #959595;
         margin-bottom: 40px;
     }
     
     .principles {
         background-color: #F7FCFE;
         padding: 87px 0 165px;
     }
     
     .principles .title {
         height: 100%;
         display: flex;
         flex-direction: column;
         justify-content: center;
     }
     
     .principles_media {
         background-color: #FFFFFF;
         padding: 42px 30px;
         display: flex;
         justify-content: space-between;
         align-items: center;
         margin-bottom: 27px;
     }
     
     .title-p h3 {
         font-family: 'CircularStd-Bold';
         font-size: 25px;
         letter-spacing: 0.05em;
         line-height: 35px;
         color: #222;
     }
     
     .des_p p {
         font-family: 'Avenir-Medium';
         font-size: 17px;
         line-height: 30px;
         text-align: left;
         color: #959595;
     }
     
     .about_pge footer {
         margin-top: -63px;
     }
     /*----------------Blog--------------------*/
     
     .blog-banner {
         min-height: 100vh;
         position: relative;
     }
     
     .blog-banner:after {
         position: absolute;
         background-image: url(../images/ring-blogt.png);
         top: 30px;
         right: -170px;
         width: 341px;
         height: 341px;
         content: '';
     }
     
     .wrapper.blog {
         background-color: #fff;
     }
     
     .blog-txt a img {
         width: 18px;
     }
     
     .blog-txt a {
         font-size: 18px;
         font-family: 'CircularStd-Bold';
         color: #222222;
         letter-spacing: -0.03em;
         margin-bottom: 40px;
         display: inline-block;
     }
     
     .blog-txt h2 {
         font-family: 'CircularStd-Black';
         font-size: 91px;
         line-height: 90px;
         color: #222222;
         position: relative;
     }
     
     .blog-txt h2:before {
         content: '01';
         font-family: 'CircularStd-Black';
         font-size: 335px;
         line-height: 332px;
         color: rgba(118, 205, 68, 0.1);
         position: absolute;
         top: -50px;
         left: -141px;
     }
     
     .blog-txt p {
         font-family: 'CircularStd-Medium';
         font-size: 18px;
         color: #959595;
         margin-bottom: 80px;
     }
     
     .blog-txt h3 {
         font-family: 'CircularStd-Black';
         font-size: 18px;
         letter-spacing: -0.03em;
         color: #0698d6;
     }
     
     .blog-txt .dte_blg {
         font-family: 'CircularStd-Bold';
         font-size: 18px;
         letter-spacing: 0.03em;
         color: #959595;
     }
     
     .blog-inner {
         height: 100vh;
         display: flex;
         justify-content: center;
         align-items: center;
     }
     
     .blog-inner .move-down {
         margin: 0;
         margin-left: 61px;
     }
     
     .social_blogs {
         width: 147px;
         height: 51px;
         border-radius: 25.5px;
         background: rgba(34, 34, 34, 0.11);
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: 0 12px;
     }
     
     .social_blogs li a {
         display: flex;
         width: 32.66px;
         height: 32.66px;
         border-radius: 50%;
         color: #fff;
         border: 2px solid #fff;
         align-items: center;
         justify-content: center;
         font-size: 18px;
     }
     
     .blog-c {
         height: 100%;
         display: flex;
         justify-content: flex-end;
         align-items: flex-end;
         padding: 56px 0;
         position: relative;
         z-index: 1
     }
     
     .style_ro h2 {
         font-family: 'CircularStd-Black';
         font-size: 18px;
         letter-spacing: 0.03em;
         color: #222;
         transform: rotate(90deg);
         position: absolute;
         top: 50%;
     }
     
     .blog_des {
         padding: 120px 0;
         position: relative;
     }
     
     .btn.btn-links {
         width: 245px;
         height: 42px;
         border-radius: 3px;
         background: rgba(6, 152, 214, 0.08);
         border: 1px solid rgba(6, 152, 214, 0.36);
         line-height: 42px;
         padding: 0;
     }
     
     .blog_des .btn.btn-links {
         margin-bottom: 21px;
     }
     
     .links_blog {
         padding: 0 15px;
     }
     
     .links_blog li a {
         font-family: 'AvenirLT-Heavy';
         text-decoration: underline;
         font-size: 17px;
         letter-spacing: 0.02em;
         line-height: 35px;
         text-align: left;
         color: #222;
     }
     
     .title_blog h2 {
         font-family: 'CircularStd-Black';
         font-size: 41px;
         letter-spacing: 0.01em;
         line-height: 51px;
         text-align: left;
         color: #222;
     }
     
     .share_option {
         display: flex;
         align-items: center;
         margin-bottom: 47px;
     }
     
     .share_option li a {
         display: inline-block;
         font-family: 'CircularStd-Black';
         font-size: 18px;
         letter-spacing: -0.03em;
         line-height: 120px;
         text-align: left;
         color: #222;
         margin-right: 33px;
     }
     
     .share_option li a img {
         margin-right: 18px;
     }
     
     .blog-text {
         max-width: 457px;
     }
     
     .blog-text p {
         font-family: 'Avenir-Medium';
         font-size: 17px;
         line-height: 30px;
         text-align: left;
         color: #959595;
         margin-bottom: 28px;
     }
     
     .blog_des .video_holder {
         max-width: 1128px;
         margin: 0 auto;
     }
     
     .blog-video {
         padding: 20px 0 127px 0;
     }
     
     .p_line {
         font-family: 'Avenir-Medium';
         font-size: 17px;
         line-height: 30px;
         text-align: left;
         color: #222;
         margin-bottom: 81px;
         position: relative;
     }
     
     .p_line:before {
         background-image: url(../images/comma.png);
         content: '';
         background-position: top left;
         background-repeat: no-repeat;
         position: absolute;
         left: -91px;
         top: -43px;
         height: 67px;
         width: 160px;
         z-index: -1;
     }
     
     .txt-style h2 {
         font-family: 'CircularStd-Black';
         font-size: 18px;
         letter-spacing: 0.03em;
         text-align: left;
         color: #222;
         transform: rotate(90deg);
         position: absolute;
         left: 0;
         top: 37%;
     }
     
     .ring_blog {
         position: absolute;
         left: -170px;
     }
     
     img.triangle {
         position: absolute;
         right: 0;
         top: 349px;
     }
     
     .relatiive {
         position: relative;
     }
     
     .elpse39 {
         position: absolute;
         bottom: -200px;
         left: -279px;
     }
     
     .gallery-slider.swiper-cst {
         padding: 100px 0 50px;
     }
     
     .gallery-box {
         border-radius: 15px;
         overflow: hidden;
         box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.19);
         display: block;
         transition: all 0.3s;
     }
     
     .gallery-box:hover {
         transform: translateY(-28px)
     }
     
     .gallery-main {
         position: relative;
     }
     
     .triangle-b {
         position: absolute;
         right: 0;
         bottom: -62px;
     }
     
     .blog-bottom {
         padding: 154px 0 100px;
         position: relative;
     }
     
     .tri_rotate {
         position: absolute;
         left: -133px;
         bottom: -242px;
         z-index: -1;
     }
     
     .mw-100 {
         max-width: 100%;
         padding-top: 45px;
     }
     
     .pagination-box .post-c h3 {
         font-family: 'CircularStd-Black';
         font-size: 18px;
         letter-spacing: -0.03em;
         line-height: 43px;
         color: #fff;
     }
     
     .pagination-box .post-c p {
         font-family: 'CircularStd-Black';
         text-decoration: underline;
         font-size: 34px;
         color: #fff;
         max-width: 503px;
     }
     
     .prev-post {
         background-image: url(../images/previous.png);
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
         min-height: 364px;
         text-align: right;
         padding: 0 151px;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         position: relative;
     }
     
     .prev-post .post-c p {
         margin-right: 0;
         margin-left: auto;
     }
     
     .next-post {
         background-image: url(../images/next.png);
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
         min-height: 364px;
         padding: 0 151px;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         position: relative;
     }
     
     .pd-0 {
         padding: 0;
     }
     
     .pagination-box [class*="col-"] {
         padding: 0;
     }
     
     .post-c {
         position: relative;
     }
     
     .next-post img {
         position: absolute;
         right: -70px;
         top: 50%;
         transform: translate(-50%, -50%);
     }
     
     .prev-post img {
         position: absolute;
         left: -70px;
         top: 50%;
         transform: translate(-50%, -50%);
     }
     
     .comments_form {
         padding: 109px 0 94px;
     }
     
     .comments_form .cst-form {
         border-radius: 13px;
         background: #fff;
         box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.04);
         padding: 66px 46px;
     }
     
     .comments_form .cont_form {
         width: calc(100% - 136px);
         margin-left: auto;
     }
     
     .comments_form .cst-form .form-group {
         margin-bottom: 30px;
     }
     
     .comments_form .cst-form .form-group .form-control {
         border-radius: 5px;
         background: transparent;
         border: 1.5px solid #eff1f0;
         color: #222222;
     }
     
     .comments_form .cst-form .form-group .form-control::placeholder {
         color: #e0e0e0;
     }
     
     .comments_form .cst-form .btn.btn-primary {
         color: #fff;
         background-image: url(../images/btn-bg2.png);
     }
     
     .comments_form .cst-form .btn.btn-primary img {
         filter: brightness(0) invert(1)
     }
     
     .diveider-line {
         text-align: center;
     }
     
     .diveider-line img {
         max-width: 100%;
     }
     
     .author-blog {
         padding: 90px 0;
     }
     
     .author-blog .media {
         max-width: 520px;
         margin: 0 auto 30px;
     }
     
     .author-blog .media .author {
         width: 77px;
         height: 77px;
         border-radius: 50%;
         overflow: hidden;
         border: 1px solid #76CD44;
         margin-right: 33px;
     }
     
     .author-blog .media .author img {
         width: 100%;
         height: 100%;
     }
     
     .cont_auth p {
         font-family: 'CircularStd-Book';
         font-size: 18px;
         letter-spacing: 0.02em;
         text-align: left;
         color: #959595;
         margin-bottom: 10px;
     }
     
     .cont_auth h3 {
         font-family: 'CircularStd-Black';
         font-size: 18px;
         letter-spacing: 0.02em;
         text-align: left;
         color: #222;
     }
     
     .cont_auth h5 {
         font-family: 'CircularStd-Black';
         font-size: 18px;
         letter-spacing: 0.02em;
         text-align: left;
         color: #dedede;
     }
     
     .img_over {
         position: absolute;
         right: 0;
         height: 100vh;
     }
     
     .img_over img {
         height: 100vh;
         width: 100%;
     }
     
     .map_contact {
         height: 100vh;
         position: relative;
     }
     
     .map_main img {
         width: 100%;
         height: 100vh;
         object-fit: cover
     }
     
     .text_contact {
         max-width: 812px;
     }
     
     .text_contact img {
         margin-bottom: 20px;
     }
     
     .text_contact h2 {
         font-family: 'CircularStd-Black';
         font-size: 91px;
         line-height: 90px;
         text-align: left;
         color: #fff;
     }
     
     .text_contact p {
         font-family: 'CircularStd-Book';
         font-size: 25px;
         text-align: left;
         color: #fff;
     }
     
     .ab-content {
         position: absolute;
         right: 0;
         z-index: 1;
         top: 50%;
         transform: translate(-50%, -50%);
         left: 50%;
     }
     
     .cont_ring {
         width: 780px;
         position: absolute;
         bottom: 0;
         left: -102px;
     }
     
     .contact_form {
         background-color: #fff;
     }
     
     .contact_form .cst-form .form-group .form-control {
         border-radius: 5px;
         background: transparent;
         border: 1.5px solid #eff1f0;
         color: #222222;
     }
     
     .contact_form .cst-form .form-group .form-control::placeholder {
         color: #E0E0E0;
     }
     
     .contact_form .cst-form .btn.btn-primary {
         color: #fff;
     }
     
     .contact_form .cst-form .btn.btn-primary img {
         filter: brightness(0) invert(1);
     }
     
     .contact_form .cst-form h3 {
         font-family: 'CircularStd-Book';
         font-size: 25px;
         text-align: left;
         color: #222;
         margin-bottom: 52px;
     }
     
     .contact_form .cst-form h3 img {
         width: 70px;
         margin-right: 30px;
     }
     
     .contact_form .cst-form .form-group {
         margin-bottom: 24px;
     }
     
     .contact_form .cst-form {
         padding: 92px 50px;
         position: relative;
     }
     
     .contact_form .form-wrapper {
         border-radius: 6px;
         background: #fff;
         box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
         margin-top: -196px;
     }
     
     .address_box {
         border-radius: 0px 6px 6px 0px;
         background: #0698d6;
         height: 100%;
         padding: 92px 50px;
         position: relative;
     }
     
     .address_box .media {
         margin-bottom: 65px;
     }
     
     .icon-ad {
         width: 55.19px;
         height: 55.19px;
         background: #0682b5;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         margin-right: 40px;
     }
     
     .add_con h2 {
         font-family: 'CircularStd-Black';
         font-size: 25px;
         text-align: left;
         color: #fff;
         margin-bottom: 16px;
     }
     
     .add_con p {
         font-family: 'CircularStd-Book';
         font-size: 20px;
         line-height: 25px;
         text-align: left;
         color: rgba(255, 255, 255, 0.6);
     }
     
     .divider_line {
         height: 1px;
         width: 100%;
         background: rgba(255, 255, 255, 0.15);
     }
     
     .social_contacts {
         text-align: center;
         padding-top: 42px;
     }
     
     .social_contacts li a {
         width: 32.66px;
         height: 32.66px;
         border-radius: 50%;
         font-size: 16px;
         color: rgba(255, 255, 255, 0.6);
         border: 2px solid rgba(255, 255, 255, 0.6);
         margin: 0 18px;
         display: flex;
         align-items: center;
         justify-content: center;
     }
     
     .social_contacts li {
         display: inline-block;
     }
     
     .contact_form {
         padding: 116px 0;
     }
     
     .contact_page .move-down {
         bottom: 111px;
     }
     
     .hotel_c {
         position: absolute;
         top: -156px;
         left: 0;
         right: 0;
         text-align: center;
     }
     
     .men-b {
         position: absolute;
         left: -34px;
         z-index: 1;
         bottom: -241px;
     }
     
     .contact_form {
         background-image: url(../images/bg-contact.svg);
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
     }
     
     .nav-item.relative {
         position: relative;
     }
     
     .search_box {
         position: relative;
     }
     
     .search_box .search_btn img {
         width: 19px;
         margin-left: 26px;
     }
     
     .form_overlay {
         width: 487px;
         transition: all 0.3s ease;
         opacity: 0;
         position: absolute;
         left: -487px;
     }
     
     .form_overlay.active {
         opacity: 1;
     }
     
     .search_form {
         padding: 11px 18px;
         background-color: #fff;
         position: relative;
     }
     
     .search_form:after {
         left: 100%;
         top: 50%;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
     }
     
     .search_form:after {
         border-color: transparent;
         border-left-color: #fff;
         border-width: 13px;
         margin-top: -13px;
     }
     
     .search_form button img {
         width: 19px;
     }
     
     .search_form .form-control {
         height: 43px;
         border: 1px solid #e2e3e5;
     }
     
     .search_form .form-control:focus {
         box-shadow: none;
     }
     
     .search_form button {
         font-family: 'CircularStd-Bold';
         font-size: 18px;
         letter-spacing: -0.03em;
         color: #222;
         background-color: #fff;
         border: transparent;
         cursor: pointer;
         outline: none;
     }
     
     .search_form button:focus {
         box-shadow: none;
         border: none;
     }
     
     .search_form button img {
         margin-left: 10px;
     }
     
     .search_form .input-group-append {
         margin: 0;
     }
     
     .mobile-process_slider {
         display: none;
     }