@charset "utf-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
*{ padding: 0; margin: 0; box-sizing: border-box;}
html, body {min-height: 100%;overflow-x: hidden !important;}
body{padding:0px 0 0 0; margin: 0;font-family: "Outfit", sans-serif;/*font-family: "Inter", sans-serif;*/font-size: 15px; font-weight: normal; background: #fff;  color:var(--theme-black-bg);overflow-x: hidden !important;}
img,form,iframe{max-width: 100%;}
a,a:hover,a.active,a:active,a:focus{outline: none; text-decoration: none;}
a, a:hover, a:focus, a:active, a.active {outline: 0;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;text-decoration: none; cursor: pointer;}
.vid-player {position: relative;border-radius: 10px;overflow: hidden;background: #000;}
#main-page {min-height: 100vh;/*padding-top: 69px;*/}
.top-sector {
	position: relative;
	padding-top: 30px;
	padding: 139px 0;/*
	background: #30384a;*/
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}/*
.top-sector .row {margin-left: -5px;margin-right: -5px;}
.top-sector .col-lg-6 {padding: 0 5px;}*/
.top-sector .col-lg-12 {padding: 0 5px;}
.vid-player video,.vid-player img,.vid-player iframe {width: 100%;height: 100%;object-fit: cover;aspect-ratio: 16/9;margin: 0; padding: 0}
.bg-01 {background: #ECF1FA ;border-radius: 10px;padding: 15px;display: flex;flex-direction: column;font-weight: 300;color: #0F0F0F;}
.bg-01 span{color: #0F0F0F; font-size: 30px; font-weight: 500;}
.bg-02 {background: #EBF6EE;border-radius: 10px;padding: 15px;display: flex;flex-direction: column;font-weight: 300;color: #0F0F0F;}
.bg-02 span{color: #0F0F0F; font-size: 30px; font-weight: 500;}
.mb-10{ margin-bottom: 10px;}
.mt-10{margin-top: 10px;}
.blue-Employee {background: #265DF5 /*url("../img/bg1.png") center top repeat*/;border-radius: 10px;padding: 15px;min-height: 100%;display: flex;flex-direction: column;justify-content: flex-start;background-size: cover;}
.blue-Employee h1 {font-size: 30px;font-weight: 500;color: #fff;}
.blue-Employee h3 {font-size: 20px;font-weight: 500;color: #fff;}

.blue-Employee ul {margin: 0;padding: 0;padding-left: 15px;color: #fff;font-size: 16px;}
.green-Employee {background: #35a854 /*url("../img/bg1.png") center top repeat*/;border-radius: 10px;padding: 15px;min-height: 100%;display: flex;flex-direction: column;justify-content:flex-start;background-size: cover;min-height:250px;}
.green-Employee h1 {font-size: 30px;font-weight: 500;color: #fff;}
.green-Employee h3 {font-size: 20px;font-weight: 500;color: #fff;}

.green-Employee ul {margin: 0;padding: 0;padding-left: 15px;color: #fff;font-size: 16px;}

.main-counter {/*background: #FDDC2F url("../img/bg1.png") center top repeat;background-size: cover;*//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fddc2f+0,d4f738+100 */
background: linear-gradient(to bottom,  rgba(253,220,47,1) 0%,rgba(212,247,56,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius: 10px;padding: 3rem 3rem;}
.main-counter ul {margin: 0;padding: 0;list-style: none;display: flex;gap: 0px;justify-content: space-evenly;text-align: center;}
.main-counter li {display: flex;  width: 100%;text-align: center;justify-content: center;flex-direction: column;gap: 15px;position: relative;align-items: center;font-size: 16px;color: #0f0f0f;font-weight: 400;}
.main-counter li:after {position: absolute;right: 0px;top: 50%;transform: translateY(-50%);background: rgba(0,0,0,0.2);content: "";width: 1px;height: 50%;
}

.main-counter li:last-child:after {display: none;}
.main-counter h2{color: #0F0F0F; font-size: 40px; font-weight: 500;margin: 0 ;}
.testi-box {border: 0px solid #e1e1e1;border-radius: 10px;padding: 0rem;margin-bottom: 30px;display: flex;flex-direction: column;gap: 15px;}
.testi-content {display: flex;flex-direction: column;gap: 15px;font-size: 16px;text-align:center;}
.testi-content p {margin: 0;}
.client-names {display: flex;gap: 15px;align-items: center;justify-content:center;text-align:center;}
.client-pic {width: 45px;max-width: 45px;min-width: 45px;height: 45px;overflow: hidden;border-radius: 50%;}
.name-desg {
	display: flex;
	flex-direction: column;
	font-size: 18px;
}
.name-desg small{color:rgba(0,0,0,0.5);}
#page-footer {background: #30384a;padding: 2rem 0 0;}
.copy {background: #0F0F0F;height: 50px;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 14px;margin-top: 2rem;}
.footer-content {display: flex;/*flex-direction: column;*/gap: 20px;font-size: 16px;}
.footer-links {display: flex;flex-direction: column;gap: 20px;}
.footer-links a {color: #0f0f0f;font-size: 16px;}
.footer-content p {margin: 0;}
.footer-address {display: flex;flex-direction: column;gap: 20px;}
.footer-address h4 {margin: 0;font-size: 20px;}
.footer-address ul {margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 20px;font-size: 16px;}
.navbar-toggler {padding: 0;border: none !important;outline: none !important;box-shadow: 0 0 0 #fff !important;}
.login-main {min-height: 100vh;position: relative;display: flex;align-items: center;flex-wrap: wrap;background: #fff;}
.login-main .container {position: relative;  z-index: 2;}
.login-bg {width: 40%;min-height: 100%;background: #000;position: absolute;left: 0;top: 0;border-radius: 0 0px 129px 0px;overflow: hidden;z-index: 1;}
.login-bg img {width: 100%;height: 100%;object-fit: cover;object-position: top;position: absolute;left: 0;top: 0;}
.login-form {margin: 0 auto;max-width: 390px;}
.form-control {border-radius: 25px;/*border: none;padding: .875rem 1.3rem;*/}

.form-select {border-radius: 25px;/*border: none;padding: .875rem 1.3rem;*/}
.login-main h1 {font-size: 28px;font-weight: 500;color: #0f0f0f;}.login-main h1 span{color: #265DF5;}
.btn {border-radius: 25px;}
.box{display: none;}
/* ============ only desktop view ============ */
@media screen and (min-width:768px) {
.navbar-nav.center-navs {background: #F3F3F3;border-radius: 35px;}
header .nav-link {padding-left: 25px !important;padding-right: 25px !important;border-radius: 25px;font-size: 16px;}
header .nav-link.active {background: #0F0F0F;color: #fff !important;}
header .navbar-nav.loginnavs {background: none;border: 0px solid #265DF5;border-radius: 35px;}
header .navbar-nav.loginnavs .nav-link {color: #fff;font-size: 16px;}
header .navbar-nav.loginnavs .nav-link:hover {/*color: #fff;background: #265DF5;*/}
.vid-player {position: relative;border-radius: 10px;overflow: hidden;min-height: 265px;margin-bottom: 10px;background: #000;}
}

@media screen and (max-width:1080px) {
.container{max-width: 100%}
header .nav-link {border-radius: 25px;font-size: 14px; text-align: center;}
header .nav-link.active {background: #0F0F0F;color: #fff !important;}
header .navbar-nav.loginnavs .nav-link {font-size: 14px;}
}

@media screen and (max-width:992px) {
#md-devices {
  justify-content: center !important;
}

.vid-player video, .vid-player img, .vid-player iframe{position: absolute;left: 0; top: 0;}
}

@media screen and (max-width:667px) {
.main-counter ul{flex-wrap: wrap;}.main-counter li{margin-bottom: 50px;}.main-counter li:last-child{margin: 0;}.main-counter li:after{top: auto;transform: translateY(0);width: 100%; height: 1px; bottom: -25px;}
.vid-player video, .vid-player img, .vid-player iframe{position:relative;}
}

/*---------------------- dashboard css start from here ---------------------*/
#masthead-dashboard .navbar {box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.dashboards-main{background: #ecf1fa}
.dashboardnavs li:last-child a {background: #fff;border: 1px solid #265DF5;color: #265DF5;}
.dashboardnavs li:last-child a:hover,.dashboardnavs li:last-child a:focus {background: #265DF5;color: #fff;}
.dashboards-main {position: relative;padding-left: 315px;padding-right: 15px;}
.profile-sidebar {position: fixed;left: 0;top: 0;width: 300px;min-height: 100vh;background: #fff;color: #000;padding: 1rem;padding-top: 99px;}
.dashboard-content {min-height: 100vh;padding: 30px 15px;}

.profile-sidebar ul {position: absolute;left: 0;bottom: 0;list-style: none;padding: 0; margin: 0;display: flex;justify-content: center;align-items: center;border-top: 1px solid rgba(0,0,0,0.1);
  height: 50px;width: 100%;}
.profile-sidebar li a { color: #848484;display: flex;gap: 10px;align-items: center;}
.profile-sidebar li {display: flex;align-items: center;justify-content:center;width: 100%;padding: 0 15px;font-size: 16px;gap: 10px;}
.dash-info{display:flex;flex-direction:column;gap:15px}
.dash-info h4{margin:0;font-size:22px;color:#0f0f0f;font-weight:500}.dash-info p{font-size:16px;color:#0f0f0f;margin: 0}
.dash-info a{color: #1967D2; font-size: 16px}
.dash-pro-pic-edit{display:flex;max-width:150px;height:150px;border:1px solid rgba(0,0,0,.1);border-radius:10px;align-items:center;justify-content:center;position:relative;overflow: hidden;}
.edit-ico {position: absolute;right: -1px;bottom: -1px;z-index: 1;}
.edit-ico a {display: flex;width: 36px;height: 36px;background: #ECF1FA;justify-content: center;align-items: center;}

.box1 {border-radius: 10px;background: #fff;padding: 1.5rem;overflow: hidden;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
.page-titles h1 {color: #0f0f0f;font-size: 28px;font-weight: 500;}
.page-titles p {font-size: 16px;color: #0f0f0f;}

.stepper-item.completed::after,.stepper-item::after{position:absolute;content:"";width:100%;top:20px;left:50%}
.stepper-wrapper{margin-top:auto;display:flex;justify-content:space-between;margin-bottom:20px}
.stepper-item{position:relative;display:flex;flex-direction:column;align-items:center;flex:1}
.stepper-item::after{border-bottom:2px solid #EBF6EE;z-index:2}
.stepper-item .step-counter{position:relative;z-index:5;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#EBF6EE;margin-bottom:6px}
.stepper-item.active{font-weight:700}.stepper-item.completed .step-counter{background-color:#35A854;color:#fff;}.stepper-item.completed::after{border-bottom:2px solid #4bb543;z-index:3}.stepper-item:first-child::before,.stepper-item:last-child::after{content:none}
.step-name {color: #35a854;font-size: 14px; text-align: center;}

.search-group {
  position: relative;
  max-width: 450px;
  width: 100%;
}

.search-group input {
  padding-left: 50px;
}

.search-group i {
  position: absolute;
  left: 20px;
  top: 17px;
  color: #848484;
  font-size: 18px;
}

.btn.btn-filter {
  border: 1px solid #D9D9D9;box-shadow: 0 0 0 #fff!important;outline: none!important;
}

.search-cards{position:relative;border-bottom:1px solid #ccc;padding-bottom:1.5rem;margin-bottom:1.5rem}.card-top1{display:flex;justify-content:flex-start;gap:1.5rem}
.card-img1{width:95px;border-radius:50%;overflow:hidden;height:95px;display:flex;justify-content:center;align-items:center;min-width: 95px; max-width: 95px}
.card-content1{display:flex;align-items:start;width:100%;flex-direction:column;gap:15px}.names{font-size:16px;font-weight:600;color:#0f0f0f;width:100%}.names span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;background:#ecf1fa;border-radius:.25rem}.card-content1 ul{display:flex;flex-direction:column;/*! gap: 15px; */font-size:14px;color:#848484;padding:0;margin:0;list-style:none}.card-content1 li{display:flex;align-items:center;gap:7px;margin-bottom:5px}.card-content1 li:last-child{margin:0}.pro-infos{gap:15px}.card-content1 a{color:#0f0f0f}
.backto a {color: #848484;font-size: 16px;}
.backto a:hover {color: #0f0f0f;}
.profile-picture {border-radius: 10px;overflow: hidden;}

.qualifications,.techno-uses{padding:0;list-style:none;margin:0}.destination{color:#848484;font-size:16px;font-weight:400;margin-bottom:.5rem}.name-big h3{margin:0;font-size:34px;font-weight:600}.name-big span{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:#ecf1fa}.nav-underline .nav-link,.qualifications li span{color:#0f0f0f}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:#1967d2;border-bottom-color:#1967d2}.qualifications li{height:45px;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;color:#848484;font-size:16px;gap:15px}.downloads a{color:#0f0f0f;font-size:16px;display:flex;align-items:center;gap:10px}.techno-uses{display:flex;flex-wrap:wrap;gap:10px}.techno-uses li{display:flex;border:1px solid #d9d9d9;border-radius:.25rem;padding:5px 15px;gap:15px;align-items:center;color:#1967d2;margin-bottom:7px}

@media screen and (max-width:1079px) {
.dashboards-main {position: relative;padding-left: 15px;padding-right: 15px;}
.profile-sidebar {
  /* display: none; */
  position: relative;
  padding: 15px;
  margin-top: 15px;
  border-radius: 10px;
  width: 100%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);min-height: fit-content;
}

.dash-info{flex-direction: row}
.dash-pro-pic-edit{max-width: 150px; min-width: 150px;}
.profile-sidebar ul{display: none;}
.dashboard-content{padding: 15px 0px  }
}

.accordion-button::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");transition:.5s}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E")}.accordion-item{margin-bottom:15px;border-radius:15px}.accordion-header button{background:0 0;font-size:20px;font-weight:600}.accordion-item:not(:first-of-type){border-top:1px solid rgba(0,0,0,.125)}
.accordion-button:not(.collapsed) {
  color: #0f0f0f!important;
  background: none!important;
  box-shadow: inset 0 calc(-0 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-item:first-of-type {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

:root {
  --colorPrimaryNormal: #00b3bb;
  --colorPrimaryDark: #00979f;
  --colorPrimaryGlare: #00cdd7;
  --colorPrimaryHalf: #80d9dd;
  --colorPrimaryQuarter: #bfecee;
  --colorPrimaryEighth: #dff5f7;
  --colorPrimaryPale: #f3f5f7;
  --colorPrimarySeparator: #f3f5f7;
  --colorPrimaryOutline: #dff5f7;
  --colorButtonNormal: #00b3bb;
  --colorButtonHover: #00cdd7;
  --colorLinkNormal: #00979f;
  --colorLinkHover: #00cdd7;
}

.upload_dropZone{color:#0f3c4b;background-color:var(--colorPrimaryPale,#c8dadf);outline:2px dashed var(--colorPrimaryHalf,#c1ddef);outline-offset:-12px;transition:outline-offset .2s ease-out,outline-color .3s ease-in-out,background-color .2s ease-out}.upload_dropZone.highlight{outline-offset:-4px;outline-color:var(--colorPrimaryNormal,#0576bd);background-color:var(--colorPrimaryEighth,#c8dadf)}.upload_svg{fill:var(--colorPrimaryNormal,#0576bd)}.btn-upload{color:#fff;background-color:var(--colorPrimaryNormal)}.btn-upload:focus,.btn-upload:hover{color:#fff;background-color:var(--colorPrimaryGlare)}.upload_img{width:calc(33.333% - (2rem / 3));object-fit:contain}

/*----------------- css 03-07-2024 -----------------*/

.candidate-listings {display: flex;margin:0;padding: 0; list-style: none;flex-direction: column;}
.candidate-listings li{display: flex;justify-content: space-between; gap: 20px;width: 100%; border-bottom: 1px solid #D9D9D9;padding-bottom: 1rem; margin-bottom: 1rem;}
.candidate-imgs{width:50px; min-width:50px;max-width: 50px;height: 50px;overflow: hidden;border-radius: 50%;}
.candidate-infos{display: flex; gap: 0px;width: 100%; flex-direction: column;font-size: 16px;}
.candidate-bio { display: flex;gap: 20px;width: 100%;}
.candidates-contents {display: flex;justify-content: space-between;width: 100%;}
.candidates-contents span {color: #848484;display: flex;gap: 10px; align-items: center;}
.candidate-infos a {font-weight: 600;color: #0f0f0f;}
.action-icons {display: flex;gap: 10px;}
.action-icons a {width: 30px;height: 30px;border-radius: .25rem;display: flex;justify-content: center;align-items: center;background: #ECF1FA;}

@media screen and (max-width:667px) {
.candidates-contents{flex-direction: column; gap: 5px;}
}

textarea{resize: none;}

.candidate-address p {
  display: flex;
  align-items: flex-start;
  color: #0f0f0f;
  gap: 10px;
}

.candidate-address p img {
  margin-top: 5px;
}

.gj-datepicker-bootstrap button[role="right-icon"] .gj-icon, .gj-datepicker-bootstrap button[role="right-icon"] .material-icons {
  top: 1rem;
}

.track-application {
  color: #848484;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 10px;
}

.track-application p {
  margin: 0;
}

.emp-dashboardnavs li a {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.profile-picture {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #d9d9d9;
}

.card-img1{ border: 1px solid #d9d9d9;}
.emp-lists {
  list-style: none;
  padding: 0;
  margin: 0;
}

.emp-lists li {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  font-size: 14px;
}

.search-cards .btn {
  padding: .5rem 1rem;
  color: #265df5;
} 

.search-cards .btn:hover {
  color: #fff;
} 

.btn-outline-primary {
  --bs-btn-color: #265df5;
  --bs-btn-border-color: #265df5;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #265df5;
  --bs-btn-hover-border-color: #265df5;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.candidate-imgs{border: 1px solid #d9d9d9;}
.stepper-item.active .step-name {
  color: #848484;font-weight: 400;}
  .box1{min-height: 100vh;}

.navbar-nav.mb-0.mb-md-0.loginnavs li:first-child .nav-link {
  border-radius: 35px 0 0 35px !important;
}

.navbar-nav.mb-0.mb-md-0.loginnavs li:last-child .nav-link {
  border-radius: 0px 35px 35px 0px !important;
}

.navbar-nav.mb-0.mb-md-0.loginnavs li .nav-link.active {
  background: #265DF5;
  color: #fff !important;
}

.resume1 a {
  background: #ECF1FA;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  color: #0f0f0f;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.resume1 a:hover{background: #265df5; color: #fff;}

.head-titles {
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #35A854;
  min-height: 200px;
  color: #fff;
  font-weight: 700;
  margin-top: 30px;
}

.about-content h1 {
  font-size: 40px;
  font-weight: 700;
  color: #0F0F0F;
}

.about-content p {
  color: #0F0F0F;
  font-size: 16px;
}

.over-img{border-radius: 10px; overflow: hidden;}.over-img img{width: 100%; height: 100%; object-fit: cover;}
.privacy-content {
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
}

.privacy-content h1,.privacy-content h2,.privacy-content h3,.privacy-content h4,.privacy-content h5,.privacy-content h6,.privacy-content p,.privacy-content ul,.privacy-content ol {
  margin: 0;
}

.privacy-content p,.privacy-content li {
  font-size: 18px;
  color: #0F0F0F;
}

.privacy-content h2 {
  color: #0F0F0F;
  font-size: 24px;
  font-weight: 700;
}

.privacy-content ul{display: flex;gap: 10px; flex-direction: column;}
@media screen and (max-width:768px) {
.navbar-brand {
  max-width: 180px;
}
}

@media screen and (max-width:667px) {
.privacy-content p,.privacy-content li {
  font-size: 14px;
}

.privacy-content h2 {
  font-size: 18px;
}

.navbar-brand {
  max-width:fit-content;
}

.navbar-nav.mb-0.mb-md-0.loginnavs li:last-child .nav-link{border-radius: 35px!important}
}

/* new change */

@media (max-width:1080px) {
  .login-main{padding:3rem 0;align-items:flex-start}
  }

@media (max-width:680px) {
  .login-main{padding:3rem 0;align-items:flex-start}
  }

  .dash-pro-pic-edit img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.testimonial_dist {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-box-orient: vertical;
	font-size: 22px;
	color: rgba(0,0,0,0.5);
	text-align: center;
	line-height: 180%;
	font-weight: 400;
}
    
    /*----------------- new css for home pages --------------------*/
    
.counter-main .container {
  position: relative;
}
.counter-main.pt-5.pb-5 {
}
.counter-main .container:before {
  position: absolute;
  left: -18px;
  top: 30px;
  content: "";
  width: 61px;
  height: 61px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#35a854+0,61e047+100 */
background: radial-gradient(ellipse at center,  rgba(53,168,84,1) 0%,rgba(97,224,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius:50%;
  z-index:1;
  animation: blinker 2s linear infinite;
}

.counter-main .container:after {
  position: absolute;
  right: -18px;
  bottom:  30px;
  content: "";
  width: 61px;
  height: 61px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#35a854+0,61e047+100 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#265df5+0,26c0ef+100 */
background: radial-gradient(ellipse at center,  rgba(38,93,245,1) 0%,rgba(38,192,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius:50%;
  z-index:1;
animation: blinker 2s linear infinite;
    
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.counter-main {
  background: #30384a;
  padding: 5rem 0 !important;
}
.main-counter {
  background-size: cover;
  background: url("https://resonance.bestlooker.pro/images/demo-gradient/section-bg-1.jpg") left bottom no-repeat;
  border-radius: 10px;
  padding:3rem 3rem 1rem 3rem;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;text-align:left;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.main-counter::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: #101828;
  width: 100%;
  height: 100%;
  opacity: .8;
}
.main-counter .row {
	position: relative;
	z-index: 1;
}
.main-counter p {
  color: rgba(255,255,255, .7);
  font-size: 18px;
  line-height: 28px;
}
.main-counter h1 {
  font-size: 58px;
}
.main-counter h2 {
  font-size: 80px;color:#fff;
}
.main-counter ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	gap: 0px;
	justify-content: space-evenly;
	text-align: center;
	flex-wrap: wrap;
}
.main-counter li::after {display:none;}
.main-counter li img{display:none;}
.main-counter li {
	display: flex;
	width: 100%;
	text-align: left;
	justify-content:start;
	flex-direction: column;
	gap: 15px;
	position: relative;
	align-items: center;
	font-weight: 400;
	flex: 0 0 50%;
	max-width: 50%;
	margin-bottom: 2rem;
  color: rgba(255,255,255, .7);
  font-size: 18px;
  line-height: 28px;
}
.testimonials {
	background: #f2f2f2;
	font-size: 18px;
	line-height: 28px;
	padding: 5rem 0;
}

.testimonials h2 {
  position: relative;
	font-size: 68px;
	line-height: 120%;
font-weight:700;margin-bottom:60px;
}.testimonials h2 span{font-weight:300}
.center-images {
  display: flex;
  justify-content: center;
}
.center-images svg {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 15px;
}
.center-images svg path {
	fill: #35a854;
}

.img-one {
  position: absolute;
  width: 90px;
  height: 90px;
  display: flex;
  max-width: 90px;
  border-radius: 50%;
  overflow: hidden;
  min-width: 90px;
  left: 21%;
  z-index: 1;
  top: 0;
}
.img-one img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.text1 {
  position: relative;
  z-index: 2;
}
.img-two {
  position: absolute;
  right: 199px;
  width: 45px;
  height: 45px;
  overflow: hidden;
  border-radius: 50%;
  bottom: 0;
  min-width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.img-two img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.text1 {
	position: relative;
	z-index: 2;
}
.top-sector h1 {
	font-size: 74px;font-weight:600;
}
.top-sector h1 span {font-weight:300;
}
.top-sector .container {
	position: relative;
	z-index: 2;
}
.top-sector::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 1;
	background: url("https://resonance.bestlooker.pro/images/demo-fancy/bg-shape-1.svg") left top no-repeat;
	opacity: 0.1;transform:rotate(180deg);
}
.top-sector  p {
	color: rgba(255,255,255, .95);
	font-size: 18px;
	line-height: 28px;
}

.ani-ball {
  position: relative;
}
.ani-ball:before {
	position: absolute;
	right:  -54px;
	top: -54px;
	content: "";
	width: 121px;
	height: 121px;
	/*background: radial-gradient(ellipse at center, rgba(53,168,84,1) 0%,rgba(97,224,71,1) 100%);*/
	background: linear-gradient(-90deg, #35a854, #265df5, #fddc2f, #444c5c);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;border-radius: 50%;
	z-index: 1;/*
	animation: blinker 3s linear infinite;z-index: 1;*/
}
.vid-player {
	position: relative;
	z-index: 2;box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.new-section {
  padding: 4rem 0;
  position: relative;
}
.box-two {
	position: relative;
	position: relative;
	/* background: linear-gradient(to right, #35a854, #265df5); */
	background: linear-gradient(-45deg, #35a854, #265df5, #fddc2f, #444c5c);
	background-size: 200% 200%;
	animation: gradient 15s ease infinite;
	padding: 5px;
	border-radius: 10px;
	display: flex;
	align-items: stretch;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.box-two-inside {
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
  display: flex;align-items:stretch;
  gap: 30px;width:100%;
}
.box-two-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;min-width:220px; max-width:220px;
  height: 100%;
  background: #000;
}
.box-two-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.box-two-content {
	width: 100%;
	padding: 2rem 0;
}

.box-two-content h3 {
  font-size: 31px;
}
.box-two-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 18px;
  color: rgb(0, 0, 0,0.75);
  line-height: 30px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.box-two-content li {
	display: flex;
	align-items: center;
	gap: 10px;
}
.box-two-content li i {
	background: #000;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
}
.box-two-content.green-texts li i {
  background: #35a854;}
.box-two-content.blue-texts li i {
  background:#265df5;
}
.box-two-content.green-texts h3 {
  position: relative;
  padding-bottom: 1rem;
  color: #35a854;
}
.box-two-content.green-texts h3:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 75px;
  height: 2px;
  background: #35a854;
  content: "";
}

.box-two-content.blue-texts h3 {
  position: relative;
  padding-bottom: 1rem;
  color:#265df5;
}
.box-two-content.blue-texts h3:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 75px;
  height: 2px;
  background:#265df5;
  content: "";
}
.about-content {
	padding: 5rem 0 !important;
	background: #f2f2f2;
}
.about-content h1 {
	font-size: 75px;
	font-weight: 700;
	color: #0F0F0F;
}
.about-content p {
	color: rgba(0,0,0,0.75);
	font-size: 18px;
	line-height: 28px;
}

.footer-address {
	color: rgba(255,255,255,0.75);
}
.footer-links a {
	color: rgba(255,255,255,0.75);
	font-size: 16px;
}
.footer-content .form-control {
	border-radius: .25rem;
	padding: .375rem .75rem;
	background: rgba(0,0,0,0.2);
	color: #fff !important;
	border-color: rgba(0,0,0,0.5);
	border: none;
	opacity: 1;
}
.footer-content .btn{border-radius: .25rem;
	padding: .375rem .75rem;border: none;
	}

.footer-content .form-control::placeholder {
  color:#fff;
  opacity: 1; /* Firefox */
}
.bg-new1 {
	background: rgba(255,255,255,0.95) !important;transition: all .5s ease-in-out;
}
.navbar-nav.mb-0.mb-md-0.loginnavs.ms-auto li:last-child a {
	border: 1px solid #fff;
	border-radius: 35px !important;
}
.bg-new1 .nav-link {
	color: #265df5 !important;
}
.bg-new1 .navbar-nav.mb-0.mb-md-0.loginnavs.ms-auto li:last-child a{border-color: #265df5;}

.rating-img-div {
   height: 36px;
    align-items: center;
}
.rating-img-div img {
       width: 15px;
    height: 15px;
}