.animation {-webkit-animation:tilt-in-top-1 .6s cubic-bezier(.25,.46,.45,.94) both;animation:tilt-in-top-1 .6s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes tilt-in-top-1{0%{-webkit-transform:rotateY(30deg) translateY(-300px) skewY(-30deg);transform:rotateY(30deg) translateY(-300px) skewY(-30deg);opacity:0}100%{-webkit-transform:rotateY(0deg) translateY(0) skewY(0deg);transform:rotateY(0deg) translateY(0) skewY(0deg);opacity:1}}@keyframes tilt-in-top-1{0%{-webkit-transform:rotateY(30deg) translateY(-300px) skewY(-30deg);transform:rotateY(30deg) translateY(-300px) skewY(-30deg);opacity:0}100%{-webkit-transform:rotateY(0deg) translateY(0) skewY(0deg);transform:rotateY(0deg) translateY(0) skewY(0deg);opacity:1}}

html {scroll-behavior: smooth !important;cursor:url('../img/icon-box.png'), auto;}
body {color: #052732;line-height: 1.5;font-family: 'Montserrat', sans-serif;font-size: 16px; margin: 0!important; }
*{cursor:url('../img/cursor.png'), auto !important;}
/*a,a:hover,*/
/*a:hover span,*/
/*.checkbox-checkmark {cursor:url('../img/icon-box.png'), auto !important;}*/

.img-full {width: 100%;}
.btn-more{background-color:#052732;width:185px;height:185px;display:flex;align-items:center;justify-content:center;margin-top:auto}
.btn-more:hover {
  -webkit-animation: color-change-2x 2s linear infinite alternate both;
  animation: color-change-2x 2s linear infinite alternate both;
}
.btn-more:hover img {
  -webkit-animation: rotate-center .6s ease-in-out both;
  animation: rotate-center .6s ease-in-out both
}
.back-btn{border:1px solid #052731;width:70px;height:70px;display:flex;align-items:center;justify-content:center;font-size:50px}
.back-btn .arrow-top,
.back-btn .arrow-bottom {background-color: #6E878E;width: 30px;}
.back-btn .arrow-top {transform-origin: top left;}
.back-btn .arrow-bottom {transform-origin: top left;}
.back-btn .arrow-top:after, .back-btn .arrow-bottom:after {background-color: #000;}

.container{padding-left:10px;padding-right:10px;width:100%;height:100%;width:1500px;max-width:1500px;margin:0 auto}
.green {color: #4BCAAB;}
.orange {color: #EF9016;}
.bg-orange {background-color: #FF9B51 !important;}
a{color:#052732;text-decoration:none}
a:hover{color:#45beff;text-decoration:none}
h1, h2, h3, h4, h5, h6{
  font-family: 'Syncopate', sans-serif;color: #052732;text-transform: uppercase;font-weight: 700;
}
.title{font-weight:400;font-size:50px;margin-bottom:80px}
h2 {font-size: 50px}
h3 {font-size: 25px}
h4 {font-size: 20px}
*{outline: 0;}
.required,
.form-control.required {border: 1px solid #FF0000;background-color: #fffdee;}
.admin-menu{background-color:#000;position:fixed;top:0;z-index:9999;width:100%;padding:0;height:50px}
.admin-menu .navbar a,
.admin-menu .navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-size:14px;color:#fff;white-space:nowrap;transition:all .3s}
.admin-menu .dropdown-menu{background-color:#000;margin:0;border:0;border-radius:0}
.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:99999;background:#68a4c4;width:40px;height:40px;border-radius:4px;transition:all .4s}
.back-to-top i{font-size:24px;color:#fff;line-height:0}
.back-to-top:hover{background:#85b6cf;color:#fff}
.back-to-top.active{visibility:visible;opacity:1}
.btn.btn-primary{background:#052732;border:0;font-size:14px;text-transform:uppercase;padding:12px 35px;border-radius:8px}
.btn.btn-success{background-color:#4bcaab;border-color:#4bcaab;border-radius:25px;padding:12px 35px}
.btn.btn-orange {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff8100+0,ff9a33+44,ff8100+100 */
  background: rgb(255,129,0); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,129,0,1) 0%, rgba(255,154,51,1) 44%, rgba(255,129,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,129,0,1) 0%,rgba(255,154,51,1) 44%,rgba(255,129,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,129,0,1) 0%,rgba(255,154,51,1) 44%,rgba(255,129,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8100', endColorstr='#ff8100',GradientType=0 ); /* IE6-9 */
}
.btn.btn-transparent{color:#486169;border:2px solid #052732;text-transform:uppercase;border-radius:0;font-family:Syncopate,sans-serif;font-weight:400}
.btn.btn-transparent:hover {background-color: #023256;border-color: #023256;color: #FFF;}
.btn.btn-transparent.btn-white{color:#fff;border-color:#fff}
.img-border{background-color:#fff;padding:10px;box-shadow:0 0 30px rgb(183 183 183 / 60%)}
.tel,
.mobile,
.email,
.web {padding-left: 25px;}
.tel:before {content: '\f095';font-family: 'FontAwesome';margin-right: 5px;font-size: 22px;color: #CCCCCC;margin-left: -25px;float: left;}
.mobile:before {content: '\f10b';font-family: 'FontAwesome';margin-right: 5px;font-size: 30px;color: #CCCCCC;margin-left: -25px;float: left;}
.email:before {content: '\f0e0';font-family: 'FontAwesome';margin-right: 5px;font-size: 20px;color: #CCCCCC;margin-left: -25px;float: left;}
.web:before {content: '\f0ac';font-family: 'FontAwesome';margin-right: 5px;font-size: 22px;color: #CCCCCC;margin-left: -25px;float: left;}

ul.check {margin: 0;padding: 0;list-style: none;}
ul.check li{padding-left:25px;margin-bottom:10px}
ul.check li:before{content:'\f058';font-family:FontAwesome;color:#4bcaab;float:left;margin-left:-25px;font-size:20px}
ul.bullet {margin: 0;padding: 0;}
ul.bullet li {list-style: none;}
ul.bullet li:before{content:'\f111';font-family:FontAwesome;font-size:12px;margin-right:5px;color:#f2a746;float:left}
.page-banner {margin-bottom: 90px;}
.page-banner h3 {font-size: 25px;}
.page-banner .img-fluid {width: 100%;}
.page-banner .row {margin-left: 0;margin-right: 0;}
.page-banner .col {padding: 0;}
.page-banner .box{background-image:url(../img/vactor5.png);background-position:60px -318px;background-repeat:no-repeat;background-color:#ffc0d8;font-size:30px;transition:all 1s;position:relative;overflow:hidden}
.page-banner .box-inner {padding: 50px;display: flex;flex-direction: column;height: 100%;width: 100%;}
.page-banner .box-inner p{margin-top:auto;margin-bottom:0}
.page-banner .box:hover .box-inner {z-index: 2;position: absolute;color: #FFF;}
.page-banner .box:hover .box-inner h3 {color: #FFF;}
.banner-hover-animation{background-color:#052731;transition:transform .6s ease-in-out;transform:translateY(-100%);width:740px;height:680px;position:absolute}
.page-banner .col:hover .banner-hover-animation{transform:translateY(0)}

#header{z-index:997;transition:all .5s;padding:20px 0 70px 0}.logo{padding:15px 0}
.primary-menu .navbar{padding:0;margin-top:30px;display:block}
.primary-menu .navbar a{color:#052732;font-size:12.5px;padding:0 30px;display:inline-flex;font-family:Syncopate,sans-serif;font-weight:700;text-transform:uppercase;line-height:30px}
.primary-menu .navbar li:last-child a {padding-right: 0;}
.primary-menu ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
.primary-menu li:last-child{margin-left:auto}
.primary-menu .navbar .fa{font-size:26px;padding-left:25px;display: none;}
.primary-menu li{position:static}
.primary-menu .navbar a:hover,
.primary-menu .navbar li.active a{color:#6e878e}
.primary-menu .dropdown .dropdown-menu{display:block;position:absolute;left:0;top:auto;margin:40px auto 0;z-index:99;opacity:0;visibility:hidden;background:#fff;transition:all .3s;width:100%;padding:30px;border:0;box-shadow:3px 0 5px #ccc inset;border-radius:0}
.primary-menu .dropdown:hover>.dropdown-menu{opacity:1;visibility:visible}
.primary-menu .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}
.primary-menu .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}
.primary-menu .dropdown .dropdown-menu.show{opacity:1;visibility:visible}
.bi.mobile-nav-toggle.bi-list:before {content: url("../img/bi-bar.png");}

/**
* Mobile Navigation
*/
.mobile-nav-toggle{color:#052731;/*font-size:40px;*/cursor:pointer;display:none;line-height:0;transition:all .5s;padding:5px;float:right}
/*@media (max-width: 1200px) {*/
  .mobile-nav-toggle{display:block}
  .navbar ul{display:none}
/*}*/
.navbar-mobile{position:absolute;/*overflow:hidden;*/top:0;right:0;left:0;bottom:0;text-align:right;transition:all .3s;z-index:99}
.navbar-mobile .mobile-nav-toggle{position:absolute;top:0;right:0}
.navbar-mobile ul{display:inline-block;position:relative;bottom:15px;right:15px;padding:0;background-color:#fff;overflow-y:auto;transition:all .3s;top:50px;text-align:left}
.navbar-mobile ul li{padding:10px 0;border-bottom:1px solid #c7c7c7}
.navbar.navbar-mobile ul li a{font-size:18px}
.navbar-mobile .active,
.navbar-mobile a:hover,
.navbar-mobile li:hover>a{color:#6e878e;}
.navbar-mobile .getstarted{margin:15px}
.primary-menu{margin-left:35px;position: relative;}
.primary-menu.navbar-mobile .dropdown .dropdown-menu{position:absolute;display:none}
.primary-menu.navbar-mobile .dropdown .dropdown-menu.show{display:block}
.navbar-mobile .dropdown ul{position:static;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:0 0}
.primary-menu.navbar-mobile>ul>li{line-height:50px;border-bottom:1px solid #ccc}
.primary-menu.navbar-mobile>ul>li>a{display:block}
.primary-menu.navbar-mobile .dropdown .dropdown-menu{margin-top:0}
.navbar-mobile .dropdown ul a{padding:10px 20px}
.navbar-mobile .dropdown ul a i{font-size:12px}
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul li:hover>a{color:#68a4c4}
.navbar-mobile .dropdown>.dropdown-active{display:block}
.slide-text{color:#fff;font-family:Syncopate,sans-serif;font-size:20px;margin-bottom:0;bottom:0;position:absolute;display:inline-flex;text-transform:uppercase;width:100%}
.slide-text .box1{width:493px;padding:45px;background-color:#6e878e;display:flex;margin-top:auto;transition:all 1s;height:450px;align-items:flex-end;font-size:25px;line-height:32px}
.slide-text .box1:hover{background-color:#0d2830}
.slide-text .box2{display:flex;align-self:flex-end;background-color:#00564d;background-image:url("../img/course-value-bg.jpg");background-repeat:no-repeat;width:247px;height:247px}
.slide-text .box2 a{color:#fff;padding:45px;margin-top:auto}
.slide-text .box2:hover{-webkit-animation:color-change-2x 2s linear infinite alternate both;animation:color-change-2x 2s linear infinite alternate both}
.slide-text .box3{width:247px;height:247px;background-color:#6e878e;display:-webkit-flex; display:flex;margin-left:auto;align-self:flex-end;position: relative;}
.slide-text .box3 a{background-color:#052732;justify-content:center;align-items:center;padding:0;/*display:-webkit-flex;display:-webkit-box;display:flex;*/width:100%;transition:all 1s;/*position: relative;*/}
/*.slide-text .box3 a:hover {background-color: #6E878E;}*/
.owl-carousel .owl-item .slide-text img {width: auto;}
.slide-text .box3 a:hover img{-webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both}
.marquee-box{margin:100px 0 80px}
.marquee{color:#052732;width:100%;font-size:75px;font-family:Syncopate,sans-serif}#leftScroll{margin-bottom:13px}
.home-box .row{margin-top:78px;margin-left:0;margin-right:0;margin-bottom:90px}
.home-box{font-size:25px}
.home-box .col{background-repeat:no-repeat;display:flex;flex-direction:column;font-size:16px;transition:all 1s;position:relative;flex-grow:2;line-height:1.5;padding:0;overflow:hidden;position:relative}
.home-box .col h3{font-size:21px;transition:2s}
.home-box .col p{margin-top:auto;margin-bottom:0;transition:2s}
.hover-animation{background-color:#052731;transition:transform .6s ease-in-out;transform:translateY(-105%);width:370px;height:446px;position:absolute}
.col:hover .hover-animation{transform:translateY(0)}
.home-box .col .box{width:370px;height:446px;padding:45px;display:flex;flex-direction:column}
.col:hover .box {color: #FFF; z-index: 2;}
.col:hover h3 {color: #FFFFFF;}
.home-box .box-1{background-color:#ffc0d8;background-image:url("../img/vactor1.png");background-position:-25px -370px}
.home-box .box-2{background-color:#ff9b51;background-image:url("../img/vactor2.png");background-position:-450px -155px}
.home-box .box-3{background-color:#b4bbc8;background-image:url("../img/vactor3.png");background-position:-45px -55px}
.home-box .box-4{background-color:#b0c1ff;background-image:url("../img/vactor4.png");background-position:-320px -250px}
.recent-project {margin-bottom: 100px;font-size: 16px;}
.recent-project h2 {
  font-weight: 400;
  margin-bottom: 55px;
}
.recent-project h3 {
  margin-top: 120px;
  color: #052732;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  text-transform: none;
  font-size: 25px;
  margin-bottom: 20px;
}
.recent-project .col-4 {
  width: 380px;
  padding-right: 0;
  margin-right: 50px;flex-direction: column;
  display: flex;
}
.recent-project .col-8 {
  width: 1060px;padding: 0;
}
.recent-project .img-fluid {width: 100%;}
.recent-project  .project-nav {margin-top: 35px;}

.arrow-left,
.arrow-right {
  border: 1px solid #052732;
  width: 81px;
  height: 41px;
  display: inline-block;
  text-align: center;
  padding: 0;
}
.arrow-left {
  margin-right: 19px;
}
.arrow-left img,.arrow-right img {width: 40px;}
.arrow-left:hover,
.arrow-right:hover {
  background-color: #6E878E;
}


.all-projects {
  display: inline-flex;
  margin-top: auto;font-size: 20px;
}
.all-projects .box {
  width: 185px;
  height: 185px;
  background-color: #6E878E;
  padding: 25px;
  display: flex;
}
.all-projects .box.box1 {padding: 30px 40px;}
.all-projects .box:hover {background-color: #0D2830;}
.all-projects .box a {
  text-transform: uppercase;
  color: #FFF;
}
.all-projects .box1 a {
  margin-top: auto;
}
.all-projects .box2 {
  padding: 0;
}
.all-projects .box2 a {
  background-color: #052732;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: block;
  width: 100%;
}
.all-projects .box2 a:hover {
  -webkit-animation: color-change-2x 2s linear infinite alternate both;
  animation: color-change-2x 2s linear infinite alternate both;
}
.all-projects .box2 a:hover img {
  -webkit-animation: rotate-center .6s ease-in-out both;
  animation: rotate-center .6s ease-in-out both
}

.testimonials {
  background-color: #A0E4CD;
  padding: 120px 0 105px;
}
.testimonials .owl-carousel .owl-item img {
  width: auto;
}
.testimonial-item {
  font-style: italic;
  color: #052732;
  font-size: 25px;
  font-weight: 500;
  text-align: center;
}
.testimonial-item h4 {
  color: #052732;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  text-transform: none;font-size: 50px;
}
.testimonial-item h4 .fa {font-weight: 700;}

.testimonial-item h6 {
  font-family: 'Montserrat', sans-serif;
  text-transform: none;
  font-size: 14px;font-weight: 400;
}
.testimonial-item .desc {
  margin-bottom: 40px;
  min-height: 130px;
}
.testimonial-item .thumb {
  border-radius: 100%;
  overflow: hidden;
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #FEFEFE;
  vertical-align: middle;
  margin-right: 15px;
  line-height: 50px;float: left;
}
.testimonial-item .thumb img {
  width: 100% !important;
}

.value h3 {color: #00564D;margin-bottom: 50px;}
.value h3:before {content: url("../img/icon-box.png");margin-right: 30px;float: left;}

.team {font-size: 25px;
}
.team .container {
  padding-top: 130px;
  padding-bottom: 100px;
  background-image: url(../img/vactor6.png);
  background-repeat: no-repeat;
  background-position: -310px 0px;
}
.team .col-4 {
  width: 370px;
  /*padding: 0;*/
  margin-right: 50px;flex-direction: column;
  display: flex;
}
.team .col-8 {
  width: 1060px;padding: 0;
}
.team .swiper-slide {font-size: 16px;}
.team .thumb {position: relative;}
.thumb .img-fluid {width: 100%;}
.team .hover {
  background-color: #052732;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;transition: all .5s ease-in-out;
}
.team .hover .social {
  top: 43%;
  position: relative;
  font-size: 35px;
}
.team .social a {color: #FFF;}
.team .thumb:hover .hover {opacity: 1; cursor: pointer;}
.team h3 {margin-top: 30px;font-family: 'Montserrat', sans-serif;font-weight: 500;position: relative;}
.team h3:after {
  content: "\f105";
  font-family: 'FontAwesome';
  font-size: 35px;
  position: absolute;
  right: 0;
  top: -3px;
  line-height: initial;
}
.team .team-nav .swiper-button-prev,
.team .team-nav .swiper-button-next {
  position: relative;
  line-height: 22px;
  display: inline-block;
  left: 0;
}
.swiper-button-prev:after, .swiper-button-next:after {display: none;}

.services {margin-bottom: 150px;}
.services .col-4 {width: 370px;padding: 0;margin-right: 135px;}
.services .col-8 {
  width: 900px;
  padding: 0;
}
.services-sidebar .box {
  width: 370px;
  height: 370px;
  background-color: #FFC0D8;
  margin-bottom: 30px;
  display: flex;transition: 2s;position: relative;overflow: hidden;
}
.services-sidebar .box-inner {
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*align-items: center;*/
}
.services-sidebar .box:hover .box-inner {z-index: 2;}
.services-sidebar .box:hover .box-inner h3 {color: #FFF}
.services-sidebar .box:hover .hover-animation {
  transform: translateY(0);
}

.services-sidebar h3 {
  font-size: 20px;
}
.services-sidebar .box.box-1 {
  background-color: #FFC0D8;
  background-image: url("../img/vactor1.png");
  background-repeat: no-repeat;
  background-position: -25px bottom;
}
.services-sidebar .box.box-2 {
  background-color: #FF9B51;
  background-image: url("../img/vactor2.png");
  background-repeat: no-repeat;
  background-position: -450px -290px;
}
.services-sidebar .box.box-3 {
  background-color: #B4BBC8;
  background-image: url("../img/vactor3.png");
  background-repeat: no-repeat;
  background-position: -65px -90px;
}
.services-sidebar .box.box-4 {
  background-color: #B0C1FF;
  background-image: url("../img/vactor4.png");
  background-repeat: no-repeat;
  background-position: -320px -250px;
}
.services-sidebar .box.active {background-color: #052731;}
.services-sidebar .box.active h3 {color: #FFF;}

.service-details {
  padding-left: 60px;
  padding-right: 60px;
}
.service-details .img-fluid {width: 100%;}
.service-banner {
  margin: 50px 0;
}
.service-details h4 {font-family: 'Montserrat', sans-serif;font-size: 25px;font-weight: 500;text-transform: none;}
.contact {margin-bottom: 150px;}
.contact-info h4 {
  font-family: 'Montserrat', sans-serif;
  text-transform: none;margin-bottom: 25px;
}
.contact-info p {margin-bottom: 20px;}
.address {margin-bottom: 95px;}
/*.php-email-form {
  background-image: url("../img/contact-bg.jpg");
  background-size: cover;
  padding: 50px 45px 75px 45px;position: relative;
}*/
.php-email-form {
  background-image: url("../img/contact-vector.png");
  background-color: #6E878E;
  padding: 50px 45px 75px 45px;
  position: relative;
  background-position: 220px -570px;
  background-repeat: no-repeat;
}
.php-email-form .form-control {
  background: transparent;
  border: 1px solid transparent;
  color: #FFF;
  min-height: 55px;
  margin-bottom: 0;
  border-radius: 0;
  font-family: 'Syncopate', sans-serif;
  text-transform: uppercase;
  font-size: 25px;transition: all .5s ease-in-out;padding: 12px 0;
}
.php-email-form .form-control:focus {border-color: #FFF;box-shadow: none;}
.php-email-form .form-control::placeholder {color: #FFF;}
.php-email-form .form-control.required {border: 1px solid #FF0000;}
.php-email-form .checkbox {font-size: 25px;text-transform: uppercase;font-family: 'Syncopate', sans-serif;}
.php-email-form .checkbox-checkmark-box {margin-right: 45px;}
.php-email-form textarea.form-control {height: 199px;}
/*.php-email-form .btn-submit {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 185px;
  height: 185px;
  align-items: center;
  justify-content: center;
  background-color: #052732;
  border-radius: 0;
  box-shadow: none;
}*/
.php-email-form .btn-submit {
  position: relative;
  right: -45px;
  margin-bottom: -90px;
  width: 185px;
  height: 185px;
  align-items: center;
  justify-content: center;
  background-color: #052732;
  border-radius: 0;
  box-shadow: none;
}
.php-email-form .btn-submit:hover {
  -webkit-animation: color-change-2x 2s linear infinite alternate both;
  animation: color-change-2x 2s linear infinite alternate both;
}
.php-email-form .btn-submit:hover img {
  -webkit-animation: rotate-center .6s ease-in-out both;
  animation: rotate-center .6s ease-in-out both
}
.contact .col-4 {width: 485px;}
.contact .col-8 {width: 1005px;padding: 0;}
.checkbox {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  user-select: none;color: #FFF;
}
.contact-email {
  margin-bottom: 0;
  margin-top: 80px;
}
.checkbox-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox-input:focus ~ .checkbox-checkmark-box {
  border-color: #052731;
}
.checkbox-input:checked ~ .checkbox-checkmark-box .checkbox-checkmark:after {
  display: block;
}
.checkbox-input:checked ~ .checkbox-checkmark-box .checkbox-checkmark {
  background-color: #052731;
  border: 2px solid #052731;
}
.checkbox-input:disabled ~ .checkbox-checkmark-box .checkbox-checkmark {
  border: 2px solid #b0b0b0;
  cursor: not-allowed;
}
.checkbox-input:disabled:checked ~ .checkbox-checkmark-box .checkbox-checkmark {
  background-color: #b0b0b0;
}
.checkbox-input:disabled:checked ~ .checkbox-checkmark-box .checkbox-checkmark:after {
  background: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.8866 9.91722L0.0873348 5.36761C0.0596566 5.34137 0.037692 5.31018 0.0227039 5.27582C0.00771585 5.24146 0 5.20461 0 5.1674C0 5.13019 0.00771585 5.09335 0.0227039 5.05899C0.037692 5.02463 0.0596566 4.99343 0.0873348 4.96719L1.29893 3.81086C1.41471 3.70049 1.60183 3.70049 1.71761 3.81086L4.87718 6.80501C4.99296 6.91538 5.18143 6.91409 5.2972 6.80372L12.2787 0.0839022C12.3945 -0.0277526 12.5829 -0.0277526 12.7001 0.0826188L13.913 1.23895C14.0288 1.34932 14.0288 1.52771 13.9143 1.63809L6.30821 8.95468L6.30956 8.95597L5.30662 9.91722C5.19085 10.0276 5.00238 10.0276 4.8866 9.91722Z' fill='%2374767B'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
}
.checkbox-checkmark {
  min-width: 70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFF;
  cursor: pointer;
}
.checkbox-checkmark:after {
  content: "";
  display: none;
  background: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.8866 9.91722L0.0873348 5.36761C0.0596566 5.34137 0.037692 5.31018 0.0227039 5.27582C0.00771585 5.24146 0 5.20461 0 5.1674C0 5.13019 0.00771585 5.09335 0.0227039 5.05899C0.037692 5.02463 0.0596566 4.99343 0.0873348 4.96719L1.29893 3.81086C1.41471 3.70049 1.60183 3.70049 1.71761 3.81086L4.87718 6.80501C4.99296 6.91538 5.18143 6.91409 5.2972 6.80372L12.2787 0.0839022C12.3945 -0.0277526 12.5829 -0.0277526 12.7001 0.0826188L13.913 1.23895C14.0288 1.34932 14.0288 1.52771 13.9143 1.63809L6.30821 8.95468L6.30956 8.95597L5.30662 9.91722C5.19085 10.0276 5.00238 10.0276 4.8866 9.91722Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
  width: 24px;
  height: 20px;
  background-size: contain;
}

.works {
  background-image: url("../img/vactor7.png");
  background-repeat: no-repeat;
  padding-bottom: 100px;
  background-position: 250px 220%;
}
.work-banner {margin-bottom: 100px;}
.work-banner .row {
  padding: 0;
  margin: 0;
}
.work-banner .col-4 {width: 420px;padding: 0;}
.work-banner .col-8 {width: 1060px;padding: 0;}
.work-banner .img-fluid {width: 100%;}
.work-banner-left {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.work-box,
.work-arrow {
  flex-grow: 1;
}
.work-box {
  background-color: #6E878E;
  background-image: url(../img/vactor2.png);
  background-repeat: no-repeat;
  background-position: -300px -195px;
  padding: 45px;
  color: #FFF;
  display: flex;
  flex-direction: column;height: 0;font-size: 20px;
}
.work-box:hover {
  color: #FFF;
  -webkit-animation: color-change-2x 2s linear infinite alternate both;
  animation: color-change-2x 2s linear infinite alternate both;
}
.work-box h3 {
  color: #FFF;
}
.work-box:hover h3 {color: #FFF;}
.work-box p {margin-top: auto;}
.work-arrow {
  background-color: #052732;
  display: flex;
}
.work-arrow:hover {
  -webkit-animation:color-change-2x 2s linear infinite alternate both;animation:color-change-2x 2s linear infinite alternate both
}
.work-arrow a {
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100%;
}
.work-arrow a:hover {
  -webkit-animation: rotate-center .6s ease-in-out both;
  animation: rotate-center .6s ease-in-out both
}

.work-list {margin-bottom: 100px;}
.work-list .img-fluid {width: 100%;}
.work-desc {
  display: flex;
  flex-direction: column;height: 100%;
}
.work-desc h3 {
  font-family: 'Montserrat', sans-serif;
  text-transform: none;
}

.work-slide {text-align: center;position: relative;
  padding-bottom: 50px;
  margin-bottom: 70px;
}
.work-slide .img-fluid {
  width: 100%;
}
.work-slide .swiper-pagination-fraction {
  bottom: 0;
  color: #000;
}
.work-slide .swiper-button-next,
.work-slide .swiper-button-prev {
  width: unset;
  height: unset;
  margin: unset;display: inline-flex;
}
.work-slide .swiper-button-next:after,
.work-slide .swiper-button-prev:after {content: '';}
.work-summery {
  background-image: url(../img/vactor4.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #B4BBC8;
  padding: 45px;
  color: #FFFFFF;
  font-weight: 700;
  text-transform: uppercase;
}
.work-summery h4 {color: #FFF;}
.work-testimonial {
  background-color: #052732;
  padding: 80px 0;
  color: #FFFFFF;margin: 100px 0;
}
.work-testimonial .testimonial-item h4 {
  color: #FFF;
}
.related-work {}
.related-work .row>* {
  padding: 0;
}
.related-work .img-fluid {
  width: 100%;
}
.related-work .work-box {
  background-color: #A0E4CD;
  padding: 30px;
  background-image: none;
}
.related-work .work-box h4 {
  font-weight: 400;
  color: #052732;
}
.related-nav {
  margin: 100px 0;
}
.related-nav .swiper-button-next, .related-nav .swiper-button-prev {
  position: unset;
  width: unset;
  height: unset;
  margin: unset;
  display: inline-flex;
}

.page-banner .insights-banner-text {
  background-color: #6E878E;
  color: #FFF;
}
.page-banner .insights-banner-text h3 {
  color: #FFF;
}

.insights {
  background-image: url("../img/insights-bg.png");
  background-repeat: no-repeat;
  padding-bottom: 100px;
  background-position: 75% -13%;
}
.news-grid {position: relative;margin-bottom: 30px;}
.news-grid .img-fluid {width: 100%;}
.news-grid .news-title {
  position: absolute;
  top: 0;
  width: 250px;
  background-color: #FF9B51;
  padding: 30px;
  height: 70%;display: flex;
}
.news-grid .news-title:hover {
  -webkit-animation: color-change-2x 2s linear infinite alternate both;
  animation: color-change-2x 2s linear infinite alternate both;
}
.news-grid .news-title h3 {
  font-weight: 400;display: flex;
}
.news-grid .news-title h3 a {color: #000;}
.news-grid .news-title:hover h3 a {color: #FFF;}
.news-grid .news-title.position-2 {right: 0;background-color: #B4BBC8;}
.news-grid .news-title.position-3 {right: 0;bottom:0;top:auto;background-color: #FFC0D8;}
.news-grid .news-title.position-4 {bottom: 0;top:auto;background-color: #B0C1FF;}
.insights .btn {margin-top: 100px;}

.news-details {
  margin-bottom: 100px;
}

.social-share {
  margin-top: 25px;
  margin-bottom: 80px;
}
.social-share h4 {font-size: 14px;margin-right: 30px;}
.social-share img {
  background-color: #00564D;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  padding: 3px;
  margin-right: 5px;
}

.related-news {
  margin: 90px 0;
}
.related-news .col {
  background-color: #FFC0D8;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  transition: all 1s;
  min-height: 450px;padding: 0;overflow: hidden;
  position: relative;
}
.related-news .col .box {padding: 50px}
.related-news .box-1 {
  background-color: #FFC0D8;
  background-image: url("../img/vactor1.png");
  background-position: -30px -240px;
  background-repeat: no-repeat;
}
.related-news .box-2 {
  background-color: #FF9B51;
  background-image: url("../img/vactor2.png");
  background-position: -430px -20px;
  background-repeat: no-repeat;
}
.related-news .box-3 {
  background-color: #B4BBC8;
  background-image: url("../img/vactor3.png");
  background-position: 20px -55px;
  background-repeat: no-repeat;
}
.related-news .col h3 {
  margin-bottom: 90px;
  font-size: 1.66rem;
}
.related-news .col p {
  margin-top: auto;
  margin-bottom: 0;
}
.related-news .hover-animation{
  transform: translateY(-100%);
  width: 501px;
  height: 450px;
}


footer {
  color: #B4BBC8;
  font-size: 12.5px;
  background-color: #052732;
  display: flex;
  padding: 65px 0;
  letter-spacing: 1px;line-height: 35px;font-family: 'Syncopate', sans-serif;
}
footer .fa.fa-angle-right:before {
  content: url("../img/footer-arrow.png");
  vertical-align: middle;
  margin-left: 30px;
}
footer .align-items-center {
  display: inline-block;
  vertical-align: middle;
}
footer a {color: #FFF;letter-spacing: 0;}
footer a:hover {color:#FFF;text-decoration: underline;}
footer .border-right {
  border-right: 1px solid #282E3D;margin-right: 50px;
}
footer a.links {
  font-weight: 700;
  margin: 0 20px;
}
.social img {
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 20px;
  margin-left: 30px;
  border-radius: 3px;
}
.social .bxl-facebook:hover {color: #4867AA;}
.social .bxl-twitter:hover {color: #5DA9DD;}
.social .bxl-instagram:hover {color: #B731B8;}
.social .bxl-linkedin:hover {color: #0077B5;}
.social .bxl-youtube:hover {color: #FE0000;}
.copyright {
  text-transform: uppercase;
  font-family: 'Syncopate', sans-serif;line-height: 40px;
}
.copyright a {font-weight: 700;color: #B4BBC8;}
.items-right .links {
  margin-right: 50px;
  font-family: 'Syncopate', sans-serif;
  font-weight: 700;
}
.items-right .links .fa {
  font-size: 25px;
  vertical-align: middle;
  margin-left: 30px;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background-color: #f3f8fa;
  min-height: 40px;
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 300;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #6c757d;
  content: "/";
}

@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }
  .breadcrumbs ol {
    display: block;
  }
  .breadcrumbs ol li {
    display: inline-block;
  }
}



/*coockie css*/
.cookie-content {
  background: #052731;
  position: fixed;
  bottom: 0;
  width: 370px;
  padding: 30px;
  right: 0;
  z-index: 999;
  margin: 0;
  color: #FFF;
  height: 300px;
  font-size: 14px;
}
.cookie-content h3 {
  color: #FFF;
  font-size: 16px;
}
#cookie_bar .btn {
  border-radius: 25px;
  padding: 5px 15px;
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
}
#cookie_bar .btn.btn-primary {
  background-color: #FFF;
  color: #000;
  margin-left: 15px;
}
/*coockie css*/


.arrow {cursor: pointer;transform: translateX(0%) translateY(0%);transition: transform 0.1s;width: 38px;height: 100%;margin: auto;/*position: relative;*/}
.arrow-top, .arrow-bottom {
  background-color: #FFF;
  height: 2px;
  /* left: -15px; */
  position: absolute;
  width: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  left: 0;
  right: 0;top: 50%;
}
.arrow-top:after, .arrow-bottom:after {background-color: #6E878E;content: "";height: 100%;position: absolute;top: 0;transition: all 0.15s;}
.arrow-top {transform: rotate(45deg);transform-origin: bottom right;}
.arrow-top:after {left: 100%;right: 0;transition-delay: 0s;}
.arrow-bottom {transform: rotate(-45deg);transform-origin: top right;}
.arrow-bottom:after {left: 0;right: 100%;transition-delay: 0.15s;}
.btn-submit:hover .arrow .arrow-top:after,
a:hover .arrow .arrow-top:after {left: 0;transition-delay: 0.15s;}
.btn-submit:hover .arrow .arrow-bottom:after,
a:hover .arrow .arrow-bottom:after {right: 0;transition-delay: 0s;}
.arrow:active {transform: translateX(0%) translateY(0%) scale(1);}

ul.list {
  list-style: none;
  padding: 0;
}
ul.list li {
  position: relative;
  font-weight: 500;
  transition: all .5s;
  border: 1px solid transparent;
}


ul.list li a {
  display: block;
  padding: 10px 0;
  color:#052732;
  transition: all .5s;
}
ul.list li:first-child {
  border: 1px solid #052732;
}
ul.list li:first-child a {
  padding: 10px;
}

ul.list .arrow {
  float: right;
  margin-top: 12px;
}
ul.list .arrow-top, ul.list .arrow-bottom {
  width: 20px;
}
ul.list li:hover .arrow .arrow-top:after,
ul.list li:first-child .arrow .arrow-top:after {left: 0;transition-delay: 0.15s;}
ul.list li:hover .arrow .arrow-bottom:after,
ul.list li:first-child .arrow .arrow-bottom:after {right: 0;transition-delay: 0s;}


ul.list:hover li:first-child {border: 0;}
ul.list:hover li:first-child a {padding:10px 0;}
ul.list:hover li:first-child .arrow-top:after,
ul.list:hover li:first-child .arrow .arrow-bottom:after {background-color: transparent}

ul.list li a:hover {padding: 10px !important;}
ul.list li:hover {border: 1px solid #052732 !important;}
ul.list:hover li:first-child a:hover .arrow-top:after,
ul.list:hover li:first-child a:hover .arrow-bottom:after {background-color: #6E878E}




.floating-wpp .floating-wpp-popup.active {background-color: #6E878E;}




@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes flip-horizontal-bottom{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}@keyframes flip-horizontal-bottom{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}
@-webkit-keyframes flip-2-hor-top-1{0%{-webkit-transform:translateY(0) rotateX(0);transform:translateY(0) rotateX(0);-webkit-transform-origin:50% 0;transform-origin:50% 0}100%{-webkit-transform:translateY(-100%) rotateX(-180deg);transform:translateY(-100%) rotateX(-180deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes flip-2-hor-top-1{0%{-webkit-transform:translateY(0) rotateX(0);transform:translateY(0) rotateX(0);-webkit-transform-origin:50% 0;transform-origin:50% 0}100%{-webkit-transform:translateY(-100%) rotateX(-180deg);transform:translateY(-100%) rotateX(-180deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}
@-webkit-keyframes rotate-scale-up{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(2) rotateZ(180deg);transform:scale(2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@keyframes rotate-scale-up{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(2) rotateZ(180deg);transform:scale(2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}
@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@-webkit-keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}
@-webkit-keyframes color-change-2x{0%{background:#0d2830}100%{background:#0d2830}}@keyframes color-change-2x{0%{background:#0d2830}100%{background:#0d2830}}