@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');

:root {
  --red: #FF494D;
  --blue: #316CF4;
  --white: #fff;
  --main-color: #14297C;
  --red-color: #BC080C;
  --blue-2: #14297C;
}

* {
  padding: 0;
  margin: 0;
  list-style-type: none;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  line-height: 100%;
}

body {
  color: #535353;
  line-height: 26px;
  font-size: 16px;
  font-family: "Lexend", sans-serif;
  background-repeat: repeat;
  background: #F6F9FF url("/res/images/vcap/banner-bg.png") no-repeat;
  background-size: 100%;
}

a,
button {
  text-decoration: none !important;
  transition: 0.5s;
  border: none;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

h1,
h2,
h3 {
  font-family: "Lexend", sans-serif;
}

.c-heading-1 {
  padding-bottom: 20px;
  color: #000;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 25px;
  position: relative;
}

.c-heading-1:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 3px;
  background-color: var(--main-color);
}

.c-heading-2 {
  padding-bottom: 20px;
  color: #000;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 35px;
  position: relative;
  text-align: center;
}

.c-heading-2:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 80px;
  height: 3px;
  background-color: var(--main-color);
  transform: translateX(-50%);
}




.c-heading-3 h2 {
  padding-bottom: 20px;
  color: #000;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 8px;
  position: relative;
  text-align: center;
}

.c-heading-3 h2:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 80px;
  height: 3px;
  background-color: var(--main-color);
  transform: translateX(-50%);
}

.c-heading-3 p {
  margin: 0;
  font-size: 20px;
  text-align: center;
}

.c-heading-3 {
  margin-bottom: 35px;
}

.c-btn-1 {
  border: none;
  background-color: var(--blue);
  color: #000;
  padding: 14px 40px;
  font-weight: bold;
  border-radius: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  line-height: 100%;
  font-size: 20px;
  color: #fff;
}

.c-btn-1 span {
  position: relative;
  z-index: 2;
}

.c-btn-1:before {
  content: "";
  display: block;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--main-color);
  transition: 0.5s;
}

.c-btn-1:hover:before {
  left: 0;
}

.c-btn-1:hover {
  color: #fff;
}


.c-btn-2 {
  background-color: var(--main-color);
  color: #000;
  padding: 14px 30px;
  font-weight: bold;
  border-radius: 30px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  line-height: 100%;
  font-size: 20px;
  color: #fff;
}

.c-btn-2 span {
  position: relative;
  z-index: 2;
}

.c-btn-2:before {
  content: "";
  display: block;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--red-color);
  transition: 0.5s;
}

.c-btn-2:hover:before {
  left: 0;
}

.c-btn-2:hover {
  color: #fff;
}

/*header*/
.c-header-w {
  /* background-color: #fff; */
}

.c-nav-top {
  display: flex;
  justify-content: space-between;
}

.c-nav-top-info {
  /* background-color:var(--main-color); */
  padding: 11px 0px;
  transform: skew(-30deg);
}

.c-nav-top-info-in {
  transform: skew(30deg);
}

.c-nav-top-info-in ul {
  display: flex;
}

.c-nav-top-info-in li {
  padding-left: 37px;
  position: relative;
  margin-right: 20px;
  min-height: 30px;
  display: flex;
  align-items: center;
}

.c-nav-top-info-in li span {
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
}

.c-nav-top-info-in li a {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  line-height: 100%;
}

.c-nav-top-info-in li:last-child {
  margin: 0;
}

.c-nav-top-social {
  padding: 7px 0px;
  transform: skew(-30deg);
  display: flex;
  align-items: center;
  /* background-color: #000; */
}

.c-nav-top-social ul {
  display: flex;
  transform: skew(30deg);
}

.c-nav-top-social ul li {
  padding-right: 6px;
}

.c-nav-top-social ul li:last-child {
  padding-right: 0px;
}

.c-nav-top-social ul li a {
  display: flex;
  background-color: #fff;
  color: var(--main-color);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.c-nav-top-social ul li a:hover {
  background-color: var(--main-color);
  color: #fff;
}

.c-logo-w {
  padding: 8px 0;
}

.c-logo-w img {
  width: 110px;
}

.c-nav-bottom-list>ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 15px 0;
}

.c-nav-bottom-list>ul>li {
  padding: 0 15px;
  font-size: 18px;
}

.c-nav-bottom-list>ul>li>a {
  padding: 10px 0;
  color: #050505;
  position: relative;
  display: block;
}

.c-menu-btn {
  display: none;
}

/*banner*/
.c-banner-list-in {
  position: relative;
}

.c-banner-list-img img {
  width: 100%;
}

.c-banner-list-con {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}

.c-banner-w {
  position: relative;
}

.c-banner-list-con h2 {
  color: #fff;
  font-size: 42px;
  margin-bottom: 20px;
}

.c-banner-list-con h3 {
  display: inline-block;
  padding: 10px 25px 15px;
  border-radius: 12px;
  background: rgb(226, 195, 36);
  background: linear-gradient(121deg, rgba(226, 195, 36, 1) 0%, rgba(207, 134, 12, 1) 70%);
  color: #fff;
  font-size: 25px;
}


.c-form-w {
  background: #ffffff;
  padding: 30px 20px;
}

.c-form-w h3 {
  color: #000;
  text-align: center;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
}

.c-form-w .form-control {
  padding: 10px;
  padding-left: 50px;
  font-size: 18px;
  background: #FFF9EB;
  border: 1px solid #9F6E1D;
}

.c-form-w .form-group {
  margin-bottom: 15px;
  position: relative;
}

.c-form-w .form-group span {
  position: absolute;
  left: 11px;
  top: 10px;
  width: 27px;
  z-index: 9;
}

.c-form-w textarea.form-control {
  height: 90px;
}

.c-form-w .c-btn-1 {
  padding: 13px;
  text-align: center;
  width: 100%;
  background: #cf860c;
  border-radius: 8px;
  justify-content: center;
  transition: 0.5s;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  border: none;
}

.c-form-w .c-btn-1:hover {
  background: #000000;
  border: none;
  /* color: #fff; */
  font-weight: bold;
  font-size: 20px;
}

.c-banner-form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}


.c-banner-w .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
}

.c-banner-w .slick-dots li {
  margin: 0 5px;
}

.c-banner-w .slick-dots li button {
  position: relative;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  border: 2px solid transparent;

  background: transparent;
  font-size: 0;
  position: relative;
}

.c-banner-w .slick-dots li.slick-active button {
  border-color: var(--main-color);
}

.c-banner-w .slick-dots li button:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.c-banner-w .slick-dots li.slick-active button:after {
  background-color: var(--main-color);
}

/*property*/
.property-info-area {
  padding: 15px 0 30px;
  background-color: var(--main-color)
}

.property-info-area p {
  color: #fff;
  margin-bottom: 8px;
  font-weight: 600;
}

.property-info-area .form-control {
  background-color: #9F6E1D;
  color: #fff;
}

.property-info-area .form-control::-ms-input-placeholder {
  color: #fff;
}

.property-info-area .form-control::placeholder {
  color: #fff;
}

.property-info-area .btn {
  background-color: var(--red-color);
  display: inline-flex;
  margin-left: auto;
  border: none;
  color: #fff;
}

/*about*/
.c-about-w {
  padding: 50px 0;
}

.c-about-con {
  padding-left: 30px;
}

.c-about-con a {
  margin-top: 20px;
}


.c-why-inru-w {
  padding-bottom: 60px;
}

.c-why-inru-box {
  transition: 0.5s;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 35px 15px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.1);
  text-align: center;
  height: 100%;
  border: 1px solid #81F1FF;
}

.c-why-inru-box img {
  height: 80px;
  object-fit: contain;
}

.c-why-inru-box h3 {
  color: var(--blue-2);
  font-size: 21px;
  margin: 0;
  font-weight: 600;
  line-height: 27px;
  padding: 0 18px;
  margin-top: 16px;
}

.c-why-inru-box p {
  color: #635B5B;
  font-size: 16px;
  margin: 0;
}

.c-why-inru-w .col-lg-3:nth-child(2) .c-why-inru-box img {
  height: 130px;
  padding: 10px 0;
}

.c-why-inru-w .col-lg-3:nth-child(4) .c-why-inru-box img {
  height: 140px;
  padding: 5px 0;
}

.c-why-inru-box:hover {
  transform: scale(1.1);
}

/*testi*/
.c-testi-w {
  padding: 50px 0;
  background: url(/res/images/vcap/testi-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.c-testi-w .col-md-3 {
  margin-bottom: 30px;
}

.c-testi-box {
  transition: 0.5s;
  height: 100%;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
  background: #fff;
  text-align: center;
  /* padding-bottom: 40px; */
  position: relative;
}

.c-testi-box h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 8px;
  color: #14297C;
  line-height: 22px;
  /* min-height: 44px; */
}

.c-testi-box:after {
  content: "";
  background: url("/res/images/vcap/half-round.png") no-repeat;
  background-size: 100% 100%;
  width: 130px;
  height: 40px;
  position: absolute;
  left: 50%;
  display: block;
  bottom: 0;
  transform: translateX(-50%);
}


.c-app-w {
  padding-top: 40px;
}

.c-app-w h2 {
  line-height: normal;
  font-size: 30px;
}

.c-app-w p {
  color: #000;
  font-size: 18px;
}

.c-app-w li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
  font-size: 18px;
  color: #000;
}

.c-app-w li:after {
  content: "";
  width: 9px;
  height: 9px;
  background-color: var(--red-color);
  position: absolute;

  left: 0;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
}

.menu-item-type-wpcas {
  position: absolute;
  top: 0;
  right: 0;
}

header #menu_main .menu-item-type-wpcas li a {
  color: #fff !important;
  font-size: 20px !important
}

@media only screen and (min-width: 1680px) {
  header #menu_main .menu-item-type-wpcas {
    right: 310px;
  }
}

@media only screen and (max-width: 991px) {
  header #menu_main .menu-item-type-wpcas {
    top: -136px;
    right: 130px;
  }
}

@media only screen and (min-width:767px) {
  .sc_layouts_menu {
    display: flex !important;
    justify-content: flex-end !important;
  }

  .sf-arrows {
    width: 100%;
  }

  .sf-arrows .menu-collapse {
    width: 100%;
  }

  .sf-arrows .menu-collapse a {
    display: block;
    width: 29px;
    margin-left: auto;
  }
}

#wpcas_search_keyword {
  color: #000 !important
}

#wpcas_search_keyword::-ms-input-placeholder {
  color: #000;
}

#wpcas_search_keyword::placeholder {
  color: #000;
}


/*book*/
.c-book-banner {
  padding: 30px 0 20px;
  background: url("/res/images/vcap/book-bg.png") no-repeat;
  background-size: cover;
}

.c-book-con h2 {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
}

.c-book-con h3 {
  font-size: 40px;
  font-weight: bold;
}

.c-book-con h3 a {
  color: #fff;
}

/*how its work*/
.c-how-work {
  padding: 50px 0;
}

.c-how-work .prd-tab li {
  cursor: pointer;
  text-align: center;
  position: relative;
  z-index: 99
}

.c-how-work .prd-tab li span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #000;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--main-color);
  background: #fff;
}

.c-how-work .prd-tab li p {
  margin: 0;
  margin-top: 10px;
  font-weight: bold;
  color: #000;
}

.prd-tab {
  margin-bottom: 40px;
}

.prd-tab ul {
  position: relative;
}

.prd-tab ul:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 25px;
  width: 85%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 3px dashed #000000;
}

.prd-tab .slick-list {
  z-index: 99;
}

.prd-tab ul .slick-slide.slick-active.on span {
  color: #fff;
  background: var(--main-color)
}

.c-prd-tab-img img {
  width: 100%;
}

.c-prd-tab-con h3 {
  color: #000;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 32px;
  color: #000;
}

.c-prd-tab-con h3 span {
  color: var(--main-color);
  margin-right: 10px;
}

/*achivement*/
.c-achive-w {
  padding: 50px 0;
  background: url("/res/images/vcap/acive-bg.jpg") no-repeat;
  background-size: cover;
}

.achive-counter {
  background: #FFFFFF;
  box-shadow: 0px 6px 30px rgba(14, 18, 29, 0.06);
  border-radius: 10px;
  position: relative;
  padding: 24px 30px 24px 120px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
  margin-top: 20px;
}


.achive-counter_icon {
  display: inline-block;
  width: 90px;
  width: 70px;
  position: absolute;
  top: 0;
  left: 30px;
  text-align: center;
}

.achive-counter_number {
  color: var(--main-color);
  font-size: 36px;
  margin-bottom: 0;
}

.achive-counter .counter-number {
  font-weight: 900;
}

.achive-counter_text {
  margin-bottom: 0;
}

.c-heading-main p {
  margin-bottom: 6px;
  color: var(--main-color);
  font-weight: bold;
}

.c-achive-img img {
  position: relative;
  border-radius: 8px;
  width: 100%;
}

.c-achive-img {
  padding-left: 40px;
}

/*package*/
.c-packge-w {
  padding: 50px 0;
}

.c-packge-box {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.c-packge-box .bb-package-selected {
  background-color: var(--main-color);
  color: #fff;
  margin-bottom: 0;
  padding: 10px;
  text-align: left;
  font-size: 18px !important;
  font-weight: bold;
  text-align: center;
}

.c-packge-box .card-header {
  padding: 0px;
  box-shadow: none;
  margin: 0;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
  background: #fff;
  border-top: 0;
}

.c-packge-box .accordion-button {
  line-height: 100%;
  box-shadow: none;
  background: #fff;
  border: none;
  color: #000;
  font-weight: bold;
}

.c-packge-box .card {
  box-shadow: none;
  border: none;
}

.c-packge-w .row {
  padding: 0 50px;
}

.c-accordion-bottom {
  background: #fff;
  padding: 10px 10px 20px;
  text-align: center;
}

/*calculater*/
.c-calculater-w {
  padding-bottom: 50px;
}

.c-calculater-tab .nav-tabs {
  justify-content: center;
  border-radius: 0px;
  margin-bottom: 30px;
}

.c-calculater-tab .nav-tabs li button {
  background: #fff;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  border-radius: 0px;
  padding: 10px 20px;
}

.c-calculater-tab .nav-tabs li button.active {
  background: var(--main-color);
  color: #fff;
}

.c-tab-con .form-control {
  padding: 10px;
  border: 1px solid var(--main-color);
  color: #000;
}

.c-tab-con .form-group {
  margin-bottom: 15px;
  position: relative;
}

.c-tab-con .form-group span {
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 20px;
  color: var(--main-color);
  font-weight: bold;
}

.c-tab-con label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  color: #000;
}

.c-calculater-result-box {
  text-align: center;
}

.c-calculater-result-box h3 {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
}

.c-calculater-result-box h4 {
  color: var(--main-color);
  font-size: 24px;
  font-weight: bold;
}

.c-calculater-result {
  margin-top: 20px;
}

.c-calculater-con-1 .form-control {
  padding-left: 40px;
}

/*project*/
.c-project-in {
  background: url("/res/images/vcap/project-bg.png") no-repeat;
  padding: 30px;
  background-size: cover;
  background-attachment: fixed;
}

.c-project-w .c-heading-1 {
  color: #fff;
}

.c-project-list-box {
  padding: 0 10px;
  text-align: center;
}

.c-project-list-box h3 {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
}

.c-project-list-con {
  margin-top: 20px;
}

.c-project-list-con ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.c-project-list-con ul li {
  margin-bottom: 10px;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.c-project-list-con ul li:last-child {
  margin: 0;
}

.c-project-list-con ul li span img {
  height: 34px;
}

.c-project-list-con ul li:first-child span img {
  height: 30px;
}

.c-project-list-con ul li:last-child span img {
  height: 30px;
}

.c-project-list-con ul li strong {
  color: #fff;
  font-weight: bold;
  margin-left: 10px;
}

.c-project-list-con p {
  color: #fff;
}

.c-project-list-con .c-btn-group {
  margin-top: 30px;
}

.c-project-list-con .c-btn-group a {
  margin: 0 5px;
  font-size: 16px;
  padding: 8px 15px 10px;
  line-height: 100%;
}

.c-project-list-con .c-btn-group a:last-child {
  color: var(--main-color);
  background: #fff;
}

.c-project-in .slick-arrow {
  content: "";
  display: block;
  border: none;
  box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);
  width: 45px;
  height: 45px;
  border-radius: 4px;
  background: var(--main-color);
  color: #fff;
  font-size: 28px;
  position: absolute;
  right: 50px;
  z-index: 2;
  top: -79px;
  transform: inherit;
}

.c-project-in .slick-next {
  left: inherit;
  right: 0px;
  background-color: var(--red-color)
}

.c-project-in .slick-next i {
  position: relative;
  left: 2px;
}

/*testimonial*/
.c-testimonial-w {
  padding: 50px 0;
  background: #fff;
}

.c-testi-list-box {
  padding: 10px;
}

.c-testi-list-box-in {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 8px rgb(0 0 0 / 0.2);
}

.c-testi-list-box-in p {
  margin: 0;
  padding: 15px;
}

.c-testi-list-box-info {
  width: calc(100% - 100px);
  position: relative;
  position: relative;
  margin-top: 30px;
}

.c-testi-list-box-info-in {
  background-color: var(--main-color);
  padding: 10px;
  padding-left: 120px;
  clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);
  width: 100%;
}

.c-testi-list-box-info h3 {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
}

.c-testi-list-box-info h4 {
  font-size: 16px;
  color: #fff;
}

.c-testi-list-box-info span {
  z-index: 99;
  width: 86px;
  position: absolute;
  height: 86px;
  display: block;
  left: 15px;
  top: -30px;
}

.c-testi-list-box-info:after {
  content: "";
  display: block;
  position: absolute;
  right: -70px;
  bottom: 0;
  width: 60px;
  height: 60px;
  background: url("/res/images/vcap/testi-bg.png") no-repeat;
  background-size: 100% 100%;
}

.c-testimonial-w .slick-arrow {
  content: "";
  display: block;
  border: none;
  box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);
  width: 45px;
  height: 45px;
  border-radius: 4px;
  background: var(--main-color);
  color: #fff;
  font-size: 28px;
  position: absolute;
  right: 56px;
  z-index: 2;
  top: -62px;
  transform: inherit;
  clip-path: polygon(100% 0, 34% 59%, 100% 100%);
}

.c-testimonial-w .slick-next {
  left: inherit;
  right: 0px;
  background-color: var(--blue);
  clip-path: polygon(0 0, 0% 100%, 62% 58%);
}

.c-testimonial-w .slick-next i {
  position: relative;
  left: 2px;
}

.marquee-1 {
  overflow: hidden;
}

.c-client-list .js-marquee li {
  margin: 0 8px;
  background-color: #fff;
  border-radius: 8px;
  padding: 15px;
}

.c-client-list .js-marquee {
  display: flex;
}

.marquee-1:after,
.marquee-1:before {
  clear: both;
  display: block;
  content: "";
}

/*footer*/
.c-footer-top img {
  width: 100%;
}

.c-footer-w {
  margin-top: 0;
}

.c-footer-in {
  background: url("/res/images/vcap/footer-bg.jpg") no-repeat;
  background-size: cover;
  padding: 40px 0;
}

.c-footer-in h2 {
  color: #fff;
  font-size: 28px;
}

.c-footer-con p {
  color: #fff;
  line-height: 28px;
}

.c-footer-social {
  display: flex;
  /* justify-content: center; */
}

.c-footer-social ul {
  display: flex;
}

.c-footer-social ul li {
  padding-right: 10px;
}

.c-footer-social ul li:last-child {
  padding-right: 0px;
}

.c-footer-social ul li a {
  display: flex;
  background-color: #fff;
  color: var(--main-color);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.c-footer-social ul li a:hover {
  background-color: #ddaa39;
  color: #fff;
}

.c-logo-w {
  padding: 8px 0;
}

.c-footer-info li {
  padding-left: 44px;
  position: relative;
  margin-bottom: 15px;
  min-height: 27px;
  line-height: normal;
  display: flex;
  align-items: center;
}

.c-footer-info li span {
  position: absolute;
  left: 0;
  top: -2px;
  width: 25px;
}

.c-footer-info li a {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  line-height: normal;
}

a {}

.c-footer-bottom img {
  width: 90px;
}

.c-footer-bottom p {
  margin: 0;
  color: #fff;
  font-size: 15px;
  text-align: center;
}

.property-info-area h3 {
  display: none;
}

.c-info-model .modal-body {
  background: var(--blue);
  background-size: cover;
}

.c-nav-top-info {
  position: relative;
}

.c-nav-top-info .btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 99;
  display: none;
}

.c-calculater-result input {
  width: 100%;
  display: block;
  opacity: 1;
  background: transparent;
  border: none;
  outline: none;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: var(--main-color);
}

#loading {
  display: none;
  width: 100px;
  height: 100px;
  margin: 2em auto;
  border: 2px solid #b3b7e2;
  border-radius: 50%;
  border-top-color: #191d3a;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

#results {
  display: none;
  transition: display 0.3s;
}

.c-result-2 {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
}

.c-result-2 h3 {
  color: var(--main-color);
  font-weight: bold;
  margin-top: 8px;
  font-size: 30px;
}

/*singale page*/

/*description*/
.c-singale-description {
  padding: 40px 0;
  background: url(/res/images/vcap/testi-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.c-singale-description p {
  text-align: center;
  margin: 0;
}

/*over view*/
.c-singale-view {
  padding: 40px 0;
}

.c-singale-view-box {
  height: 100%;
  background: #fff;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
  padding: 15px;
  border-radius: 6px;
  position: relative;
  padding-left: 80px;
}

.c-singale-view-box span {
  width: 50px;
  position: absolute;
  left: 14px;
  top: 10px;
}

.c-singale-view-box h3 {
  color: #000000;
  font-size: 20px;
  margin-bottom: 8px;
  font-weight: bold;
}

.c-singale-view-box h4 {
  color: #686868;
  font-size: 20px;
}

.c-singale-view .col-md-6 {
  margin-bottom: 20px;
}

.c-singale-view .col-md-6:nth-child(1) .c-singale-view-box,
.c-singale-view .col-md-6:nth-child(3) .c-singale-view-box,
.c-singale-view .col-md-6:nth-child(5) .c-singale-view-box,
.c-singale-view .col-md-6:nth-child(7) .c-singale-view-box,
.c-singale-view .col-md-6:nth-child(9) .c-singale-view-box,
.c-singale-view .col-md-6:nth-child(11) .c-singale-view-box {
  background: #FFF6E6;
}

/*plan*/
.c-singale-plan .nav-tabs {
  justify-content: center;
  border-radius: 0px;
  margin-bottom: 30px;
}

.c-singale-plan .nav-tabs li button {
  background: #fff;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  border-radius: 0px;
  padding: 10px 20px;
}

.c-singale-plan .nav-tabs li button.active {
  background: var(--main-color);
  color: #fff;
}

.c-singale-plan .slick-arrow {
  content: "";
  display: block;
  border: none;
  box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);
  width: 45px;
  height: 45px;
  border-radius: 4px;
  background: var(--main-color);
  color: #fff;
  font-size: 28px;
  position: absolute;
  left: 0;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
}

.c-singale-plan img {
  width: 100%;
  height: 400px;
  object-fit: contain;
}

.c-singale-plan .slick-next {
  left: inherit;
  right: 0px;
  background-color: var(--red-color)
}

.c-singale-plan .slick-next i {
  position: relative;
  left: 2px;
}

.c-singale-plan .tab-content>.active {
  height: auto;
}

/*animites*/
.c-singale-amenities-w {
  padding: 40px 0;
}

.c-singale-amenities-w ul {
  display: flex;
  flex-wrap: wrap;
}

.c-singale-amenities-w ul li {
  padding: 15px;
  text-align: center;
  flex: 0 0 auto;
  width: calc(25% - 10px);
  background: #fff;
  border-radius: 8px;
  box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);
  margin: 0 5px;
  margin-bottom: 10px;
}

.c-singale-amenities-w ul li:nth-child(4n+4) {
  border-right: 0px;
}

.c-singale-amenities-w ul li h3 {
  margin-top: 8px;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: normal;
}

.c-singale-amenities-w ul li span img {
  height: 55px;
}

/*location*/
.c-singale-location {
  padding-bottom: 40px;
}

.c-singale-location h3 {
  margin-bottom: 15px;
  font-weight: bold;
  color: #000;
  font-weight: bold;
  font-size: 20px;
}

.c-singale-location h3 span {
  color: var(--main-color);
}

.c-singale-location iframe {
  box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);
  border: 6px solid #fff !important;
  display: block;
}

/*near*/
.c-singale-near-in {
  padding: 25px;
  background: url(/res/images/vcap/testi-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 40px;
}

.c-singale-near-box h3 {
  font-weight: bold;
  color: var(--main-color);
  margin-bottom: 15px;
  font-size: 22px;
}

.c-singale-near-box ul li {
  color: #000;
  padding-left: 18px;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 7px;
  display: flex;
  justify-content: space-between;
}

.c-singale-near-box ul li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--main-color);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/*facilities*/
.c-singale-facilities-img .col-6 {
  margin-top: 20px;
}

.c-singale-facilities {
  padding-bottom: 40px;
}

.c-singale-facilities-img .col-6 img,
.c-singale-facilities-img .col-12 img {
  width: 100%;
}

.c-singale-facilities-list li {
  color: #000;
  background: transparent url(/res/images/vcap/list-bullet-icon.png) no-repeat left top 1px;
  padding-left: 42px;
  margin: 10px 0;
  font-size: 18px
}

.c-singale-facilities p {
  margin-bottom: 10px;
}

.c-singale-facilities .tab-content {
  margin-top: 20px;
}

.c-singale-facilities .nav-tabs .nav-link {
  color: #000;
  font-weight: bold;
  font-size: 18px;
  background: #fff;
  border-radius: 8px;
  margin-right: 3px;
}

.c-singale-facilities .nav-tabs .nav-link.active {
  background: var(--main-color);
  color: #fff;
}

.c-singale-btn {
  padding-bottom: 40px;
}

.c-singale-btn-in {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.c-singale-btn-in a {
  margin: 0 10px;
}

.c-singale-btn-in a:nth-child(2) {
  background: #5A5957;
}

.c-form-model .form-group {
  margin-bottom: 15px;
}

.c-form-model .form-group .form-control {
  padding: 10px;
  font-size: 18px;
  background: #FFF9EB;
  border: 1px solid #9F6E1D;
}

.c-form-model .btn.btn-info {
  transition: 0.5s;
  color: #fff;
  background: var(--main-color);
  border: 1px solid var(--main-color);
}

.c-form-model .btn.btn-info:hover {
  background: var(--red-color);
}

.c-singale-page {
  position: relative;
  overflow: hidden;
}

.c-singale-page .c-banner-w .c-singale-btn-in {
  z-index: 9;
  position: fixed;
  right: -270px;
  top: 360px;
  transform: rotate(90deg);
}

.c-singale-page .c-banner-w .c-singale-btn-in a {
  border-radius: 8px;
}

/*inner banner*/
.c-inner-banner-w {
  position: relative;
}

.c-inner-banner-w img {
  width: 100%;
}

.c-inner-banner-con {
  width: 100%;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.c-inner-banner-con h1 {
  font-weight: bold;
  color: #fff;
  font-size: 40px;
  text-align: center;
}

.c-inner-banner-con h1 span {
  display: block;
  margin-top: 10px;
}

.c-inner-banner-con h1 span strong {
  color: var(--main-color);
}

.c-inner-banner-con ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 15px;
}

.c-inner-banner-con ul li a,
.c-inner-banner-con ul li {
  font-weight: bold;
  color: #fff;
}

.c-inner-banner-con ul li {
  padding-right: 25px;
  position: relative;
}

.c-inner-banner-con ul li:after {
  content: "\f101";
  color: #fff;
  font-size: 18px;
  position: absolute;
  right: 6px;
  top: 0;
  font-family: "Lexend", sans-serif;
}

.c-inner-banner-con ul li:last-child {
  padding: 0;
}

.c-inner-banner-con ul li:last-child:after {
  display: none;
}

.c-listing-page {
  padding: 40px 0;
}

.c-listing-page .c-project-list-con {
  text-align: center;
  background: #fff;
  padding: 15px;
}

.c-listing-page .c-project-list-con h3 {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

.c-listing-page .c-project-list-img img {
  width: 100%;
}

.c-listing-page .c-project-list-con p {
  color: #000;
}

.c-listing-page .c-project-list-con ul li strong {
  color: #000;
}

.c-listing-page .c-project-list-con ul li:last-child {
  width: 100%;
}

.c-listing-page .c-project-list-con .c-btn-group a:last-child {
  background: #000;
  color: #fff;
}

.c-listing-page .c-project-list-con ul li span img {
  -webkit-filter: invert(100%);
  /* Safari/Chrome */
  filter: invert(100%);
}

.c-listing-page .c-project-list-con {
  margin: 0px;
}

.c-listing-page .c-project-list-box-in {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 30px;
}

.c-listing-page .nav-tabs {
  justify-content: center;
  border-radius: 0px;
  margin-bottom: 30px;
}

.c-listing-page .nav-tabs li button {
  background: #fff;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  border-radius: 0px;
  padding: 10px 20px;
}

.c-listing-page .nav-tabs li button.active {
  background: var(--main-color);
  color: #fff;
}

.c-sidebar-w {
  padding-left: 40px;
}

.c-sidebar-w .property-info-area {
  padding: 0;
}

.c-sidebar-w .property-info-area h3 {
  background: #000;
  color: #fff;
  display: block;
  text-align: center;
  padding: 18px 10px;
  font-size: 20px;
  text-align: center;
}

.c-sidebar-w .property-info-area .info-form form {
  padding: 20px;
}

.c-sidebar-w .property-info-area .single-field {
  margin-bottom: 10px;
}

.c-sidebar-w .property-info-area .btn-info {
  width: 100%;
  text-align: center;
  display: block;
}

.c-slingale-form-2 {
  margin-top: 30px;
}

.c-singale-page .c-btn-2 {
  font-size: 16px;
  padding: 14px 20px;
  margin: 0 3px;
}

.c-singale-video {
  padding-top: 40px;
}

.c-singale-video iframe {
  border: 8px solid #fff;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.nav-tabs {
  border: none !important;
}

.c-singale-facilities .nav-tabs .nav-link {
  border: none;
  margin-right: 10px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.c-singale-plan .nav-tabs li {
  padding: 0 5px;
}

.c-singale-plan .nav-tabs li .nav-link {
  border: none;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.c-calculater-tab .nav-tabs li {
  padding: 0 5px;
}

.c-calculater-tab .nav-tabs li button {
  border: none;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.c-banner-in video {
  width: 100%;
  height: 570px;
  object-fit: fill;
}

.c-home-page .c-singale-btn-in {
  z-index: 9;
  position: fixed;
  right: -100px;
  top: 360px;
  transform: rotate(90deg);
}

.c-home-page .c-singale-btn-in a {
  border-radius: 8px;
}

.c-home-page .c-banner-form {
  display: none;
}

.c-singale-btn-in a {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.c-location-plan {
  border: 8px solid #fff;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.c-location-plan img {
  width: 100%;
}

.c-listing-page-tab .nav-tabs {
  box-shadow: none;
}

.c-listing-page-tab .nav-tabs li {
  margin: 0 7px;
  box-shadow: none;
  border: none;
}

.c-listing-page-tab .nav-tabs li button {
  border: none;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
  margin: 0;
}

.form-group {
  margin-bottom: 15px;
}

.c-banner-list-img {
  position: relative;
}

.c-banner-list-img:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.c-banner-list-img img {
  height: 570px;
  object-fit: cover;
}

.c-form-tab-main {
  padding: 20px;
  background: #FFF9EB;
  border: 1px solid #9F6E1D;
}

.c-form-tab-main .form-control {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.c-form-tab-main .form-control::placeholder {
  opacity: 1;
  color: #000;
}

.c-form-tab-main .form-control::-ms-input-placeholder {
  opacity: 1;
  color: #000;
}

.c-form-tab-main select.form-control {
  background-image: url("/res/images/vcap/drop-down-arrow.png");
  background-position: 96% 50%;
  background-repeat: no-repeat;
}

.c-note-con p {
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 5px;
}

.c-note-con {
  background: var(--main-color);
  padding: 10px;
  margin-bottom: 30px;
  padding-bottom: 49px;
  position: relative;
  border-radius: 12px;
}

.c-note-con h2 {
  color: #fff;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 26px;
}

.c-note-con h2:after {
  background-color: #fff;
}



.waves {
  position: absolute;
  width: 100%;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  bottom: 0;
  left: 0;
}

.parallax use {
  animation: 25s cubic-bezier(.55, .5, .45, .5) infinite move-forever
}

.parallax use:first-child {
  animation-delay: -2s;
  animation-duration: 7s
}

.parallax use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s
}

.parallax use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s
}

.parallax use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }

  100% {
    transform: translate3d(85px, 0, 0);
  }
}

.contact_address p {
  padding-left: 40px;
  position: relative;
  margin-bottom: 20px;
}

.contact_address p i {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: -8px;
  border-radius: 50%;
  background: var(--main-color);
  color: #fff;
}


@media (max-width: 992px) {
  .c-contact-amenities li {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 10px !important;
  }
}

.c-singale-contact-map {
  box-shadow: 5px 4px 8px 6px rgb(0 0 0 / 5%);
  border: 6px solid #fff !important;
  display: block;
  margin-top: 30px;
}



/*footer    */

.c-footer-in h2 {
  padding-left: 28px;
  padding-bottom: 0;
}

.c-footer-in h2:after {
  width: 8px;
  height: 100%;
  background: #DDAA39;
  position: absolute;
  left: 0;
  top: 0;
  bottom: inherit;
}

.c-footer-bottom {
  background: #14297C;
}

.c-footer-nav ul li {
  display: block;
  line-height: 100%;
}

.c-footer-nav ul li a {
  color: #fff;
  font-size: 18px;
  display: inline-flex;
  margin-bottom: 20px;
  display: inline-flex;
  padding-left: 20px;
  position: relative;
  /* font-weight: 600; */
}

.c-footer-nav ul li a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--main-color);
  position: absolute;
  left: 0;
  top: 4px;
}

.c-footer-nav ul li:last-child a {
  margin: 0;
}

.c-footer-nav ul li a:hover {
  color: var(--main-color)
}

.c-footer-bottom {
  padding: 15px 0;
  text-align: center;
}

.c-footer-top-in {
  padding: 25px;
  background: rgb(223, 218, 237);
  z-index: 2;
  position: relative;
  background: linear-gradient(90deg, rgba(223, 218, 237, 1) 0%, rgba(214, 223, 246, 1) 50%, rgba(232, 255, 242, 1) 100%);
}

.c-footer-top-in h3 {
  color: var(--blue-2);
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
}

.c-get-started-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.c-footer-w {
  background: #10446F;
  position: relative;
}

/* faq */
.c-faq-w {
  padding: 40px 0;
  background: #fff;
}

.c-faq-w .accordion-item {
  background: #f8fbff;
  margin: 15px 0;
}

.c-faq-w .accordion-item .accordion-button {
  background: #f8fbff;
  border-top: 1px solid #dee2e6;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 0;
  box-shadow: none;
  color: #0F377F;
}

.c-faq-w .accordion-item .accordion-collapse {
  padding-top: 0;
  border-top: 0;
}

.c-faq-w .accordion-item {
  border-top: 0;
}

.c-faq-w .accordion-button::after {
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.21);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-position: center center;
}

.c-faq-w .accordion-button {
  padding: 8px 15px;
}

.c-heading-new-3 {
  text-align: left;
  font-weight: bold;
  font-size: 32px;
  color: var(--blue-2);
  margin-bottom: 30px;
  font-weight: bold;
}

.c-heading-new-line {
  overflow: hidden;
  width: 60px;
  background: #ccc;
  border-radius: 30px;
  height: 3px;
  line-height: 100%;
  margin-top: 15px;
}

.c-heading-new-line span {
  position: relative;
  animation: line_animation 3s infinite;
  display: block;
  width: 50px;
  height: 3px;
  border-radius: 30px;
  line-height: 100%;

  background: var(--main-color);
}

@keyframes line_animation {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(50px);
  }

  0% {
    transform: translateX(0);
  }

}

.c-heading-new-3.text-center .c-heading-new-line {
  margin: 0 auto;
  margin-top: 10px;
}

/*number*/
.c-number-w {
  padding: 50px 0;
}

.c-certificate-in {
  margin-top: 40px;
  padding: 25px;
  padding-bottom: 10;
  border-radius: 8px;
  background: linear-gradient(232deg, rgba(223, 218, 237, .89) 39%, rgba(250, 244, 243, .89) 100%);
}

.c-certificate-list-box {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.c-heading-new-3-con {
  text-align: center;
  margin-bottom: 40px;
}

.c-heading-new-3-con h4 {
  font-weight: 600;
  color: var(--main-color);
  line-height: 30px;
  font-size: 20px;
}


.theme-card-circle .row-cols-lg-3 .theme-item {
  width: 338px;
  height: 338px;
  margin: auto
}

.theme-card-circle .theme-item {
  border-radius: 100%;
  position: relative;
  background-color: var(--bs-white)
}

.theme-card-circle .theme-item:hover,
.theme-card-circle .theme-item:focus-within {
  border-radius: 100%
}

.theme-icon {
  position: relative;
  display: block;
  width: 9.125rem;
  height: 9.125rem;
  padding: 18px;
  margin: 0 auto 1.25rem;
  overflow: hidden
}

.theme-icon .theme-circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/res/images/vcap/circle-icon.png") center center no-repeat;
  background-size: 100% 100%;
}

.theme-icon .theme-circle {
  -webkit-animation: spin 20s linear infinite;
  animation: spin 20s linear infinite
}

.theme-icon .theme-corn {
  position: relative;
  width: 111px;
  height: 111px;
  font-size: 25px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: var(--blue-2);
  box-shadow: 0 2px 15px 0 rgb(0 0 0 / .15);
  background-color: #fff;
  -webkit-transition: var(--bs-transition);
  transition: 1s;
}

.theme-corn i,
.theme-corn img {
  height: 45px;
  line-height: 1.2;
  position: relative;
  z-index: 1;
  object-fit: contain;
}

.theme-item .circles-spin {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  -webkit-animation: spinReverse 30s linear infinite;
  animation: spinReverse 30s linear infinite
}


@keyframes spin {
  from {
    transform: rotate(0deg) scale(1)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes spinReverse {
  from {
    transform: rotate(0deg) scale(1)
  }

  to {
    transform: rotate(-360deg)
  }
}

@keyframes bounce_one {
  0% {
    transform: translateY(-.625rem)
  }

  50% {
    transform: translateY(.625rem)
  }

  to {
    transform: translateY(-.625rem)
  }
}

@keyframes bounce_two {
  0% {
    transform: scale(1, 1) translateY(0)
  }

  10% {
    transform: scale(1.1, .9) translateY(0)
  }

  30% {
    transform: scale(.9, 1.1) translateY(-1.375rem)
  }

  50% {
    transform: scale(1, 1) translateY(0)
  }

  57% {
    transform: scale(1, 1) translateY(-.1875rem)
  }

  64% {
    transform: scale(1, 1) translateY(0)
  }

  100% {
    transform: scale(1, 1) translateY(0)
  }
}

.theme-item .circles-spin .circle-one {
  position: absolute;
  left: .9125rem;
  bottom: .3125rem;
  width: .75rem;
  height: .75rem;
  z-index: 1;
  border-radius: 50%;
  background-color: var(--main-color);
}

.theme-item>.circles-spin .circle-one {
  left: 2.8125rem;
  bottom: 2.8125rem
}

.theme-item .circles-spin .circle-two {
  position: absolute;
  top: 0.9225rem;
  right: .3125rem;
  width: .75rem;
  height: .75rem;
  z-index: 9;
  border-radius: 50%;
  opacity: 1;
  visibility: visible;
  background-color: #1c17a0;
  -webkit-transition: 1s;
  transition: 1s;
}

.theme-item>.circles-spin .circle-two {
  right: 2.8125rem;
  top: 2.8125rem
}

.c-number-box h3 {
  text-align: center;
  color: #000;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
}

.c-certificate-info h3 {
  font-size: 28px;
  margin-bottom: 10px;
  color: var(--blue-2);
  font-weight: bold;
}



/*tetimonial*/
.testimonials-item {
  text-align: center;
  display: block;
  width: 100%
}

.testimonials-item .testimonials-content {
  padding: 38px 30px;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  background-color: var(--bs-white);
  transition: var(--bs-transition);
  box-shadow: 0 0 10.44px 1.56px rgb(33 33 33 / .15)
}

.testimonials-item .testimonials-content:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 35px;
  height: 35px;
  background-color: inherit;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: var(--bs-transition);
  z-index: -1;
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .065)
}

.testimonials-icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  border-radius: 6.25rem;
  margin-bottom: 1.5rem
}

.testimonials-icon:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  border: 2px dashed var(--bs-secondary);
  animation: spin 10s linear infinite;
  transition: var(--bs-transition)
}

.testimonials-item:active .testimonials-icon:after {
  animation: spin 2s linear infinite
}

.testimonials-icon span {
  display: block;
  width: 40px;
  height: 40px;
  margin: auto;
  font-size: 50px;
  line-height: 1.38;
  border-radius: 100%;
  color: var(--bs-white);
  background-color: var(--main-color);
  transition: var(--bs-transition)
}

.testimonials-content p {
  margin: 0;
  line-height: 26px
}

.testimonials-client {
  width: 100%;
  display: block;
  line-height: normal;
  margin-top: 38px;
  text-align: center
}

.testimonials-client .img-fluid {
  width: 184px;
  height: 90px;
  border-radius: 100px;
  overflow: hidden;
  margin: auto;
  margin-bottom: 12px;
}

.testimonials-client .img-fluid img {
  width: 100%;
  margin: auto;
  height: 100%;
  object-fit: contain;
}

.testimonials-title h5 {
  margin-bottom: .4rem;
  transition: var(--bs-transition);
  color: var(--blue-2);
  font-weight: bold;
}

.testimonials-title p {
  margin-bottom: 0;
  font-weight: 500
}

.center .testimonials-item .testimonials-content {
  box-shadow: 0 0 16px 3px rgba(33, 33, 33, .2)
}

.center .testimonials-item .testimonials-content:after {
  box-shadow: 7px 7px 7px 0 rgb(0 0 0 / .08)
}

.center .testimonials-item .testimonials-icon:after {
  border-color: var(--bs-primary)
}

.center .testimonials-item .testimonials-icon span {
  background-color: var(--bs-primary)
}

.center .testimonials-item .testimonials-title h5 {
  color: var(--bs-primary)
}

.cta-section {
  display: block;
  color: var(--bs-white);
  overflow: hidden;
  position: relative
}

.c-testimonial-list-box {
  padding: 20px;
}

.slick-active.slick-center .testimonials-icon span {
  background: var(--blue-2)
}


/*solusation*/
.c-solusation-w {
  padding: 00px 0 100px;
}

.c-why-inru-box {
  height: 100%;
}

.c-solusation-w .col-lg-3 {
  margin-bottom: 30px;
}

/*testi box*/
.c-testi-list-box {
  padding: 10px;
}

.c-testi-list-box .theme-icon .theme-corn {
  width: 84px;
  height: 84px;
}

.c-testi-list-box .theme-icon {
  width: 7.125rem;
  height: 7.125rem;
  padding: 14px;
}

.c-testi-list-box p {
  font-size: 15px;
}

.c-testi-list-box .c-btn-1 {
  font-size: 14px;
  padding: 10px 20px;
}

.theme-item.c-testi-box .circles-spin .circle-two {
  right: 0.1125rem;
}

.theme-item.c-testi-box .circles-spin .circle-one {
  left: .6125rem;
}

.c-testimonial-w .c-heading-new-3 {
  margin-bottom: 15px;
}

.c-testi-w .slick-arrow {
  content: "";
  display: block;
  border: none;
  box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);
  width: 45px;
  height: 45px;
  border-radius: 4px;
  background: var(--main-color);
  color: #fff;
  font-size: 28px;
  position: absolute;
  right: 56px;
  z-index: 2;
  top: -72px;
  transform: inherit;
  clip-path: polygon(100% 0, 34% 59%, 100% 100%);
}

.c-testi-w .slick-next {
  left: inherit;
  right: 0px;
  background-color: var(--blue);
  clip-path: polygon(0 0, 0% 100%, 62% 58%);
}

.c-testi-w .slick-next i {
  position: relative;
  left: 2px;
}

.c-testi-w .c-heading-new-3 {
  margin-bottom: 20px;
}

.c-package-w {
  padding-top: 50px;
}

.c-package-w .c-heading-new-3 {
  margin-bottom: 10px;
}

/*package*/


.microsoft-prod .microsoft-box {
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  padding: 30px 15px 20px 15px;
  text-align: center;
  /* height: 672px; */
}

.microsoft-prod .microsoft-box h3 {
  font-size: 23px;
  font-weight: 600;
  color: var(--blue-2);
  line-height: 29px;
}

.microsoft-prod .microsoft-box h4 {
  font-size: 24px;
  padding-top: 10px;
  color: #2178d4;
  font-weight: 600;
}

.microsoft-prod .microsoft-box h4 span {
  font-size: 18px;
  color: #000;
}

.microsoft-prod .microsoft-box p {
  font-size: 13px;
  padding-bottom: 0;
  margin-top: 7px;
  font-weight: bold;
  color: #000;
  margin-bottom: 12px;
  line-height: 20px;
}

.microsoft-prod .microsoft-box a {
  color: var(--blue) !important;
  padding-top: 15px;
  padding-bottom: 7px;
  font-weight: 600;
  display: inline-block;
}

.microsoft-prod .microsoft-box ul {
  padding-left: 19px;
  list-style-type: none;
  margin-bottom: 12px;
  /* min-height: 192px; */
}

.microsoft-prod .microsoft-box ul li {
  text-align: left;
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  line-height: 19px;
  padding: 0;
  margin-bottom: 10px;
  padding-left: 9px;
}

.microsoft-prod .microsoft-box ul li::marker {
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  color: var(--main-color);
}

.microsoft-prod .microsoft-box h6 {
  padding-bottom: 11px;
  font-weight: bold;
  color: var(--blue-2);
  margin-top: 0;
}


.microsoft-prod .microsoft-box h6 sup {
  color: #2178d4;
}

.microsoft-prod .microsoft-box .testi-item p {
  font-size: 8px;
  margin: 0;
  padding: 0;
  line-height: 100%;
}

.testi-item {
  margin-bottom: 5px;
}

.testi-item img {
  width: 40px;
  margin-bottom: 4px;
}

.c-package-w .c-btn-1 {
  font-size: 15px;
}

/*client*/
.c-client-w {
  padding-top: 50px;
}

.c-client-w h2 {
  font-size: 36px;
  line-height: 42px;
  color: #14297C;
  font-weight: 600;
}

.c-client-w h2 span {
  color: var(--main-color)
}

.c-client-w p {
  font-weight: bold;
  margin: 8px 0 15px;
}

.c-client-w .c-btn-1 {
  font-size: 15px;
  padding: 12px 25px;
}

.c-client-list-box {
  padding: 10px;
  background: #fff;
  border: 1px solid #95A7EC;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 8px;
}

.c-client-list-box img {
  height: 65px;
  object-fit: contain;
}

/*banner*/
.cn-banner-main {
  padding-top: 40px;
  padding-bottom: 40px;
}

.cn-banner-con h1 {
  font-size: 45px;
  font-weight: 600;
  color: #316CF4;
  line-height: 43px;
}

.cn-banner-con h1 span {
  font-size: 35px;
  color: var(--blue-2);
  display: block;
}

.cn-banner-con p {
  padding-right: 100px;
  font-weight: 600;
  color: #000;
  margin-top: 10px;
  line-height: 30px;
}

.cn-banner-con ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.cn-banner-con ul li {
  margin-right: 8px;
}

.cn-banner-con ul li img {
  width: 45px;
}

.c-nav-bottom {
  display: flex;
  justify-content: space-between;
}

.c-nav-top-main {
  background: var(--blue-2);
}

.c-nav-bottom-list>ul>li>a.c-btn-1 {
  font-size: 15px;
  padding: 12px 25px;
  color: #fff;
}

.c-nav-bottom-list>ul>li>a.c-btn-1:after,
.c-nav-bottom-list>ul>li>a.c-btn-1:before {
  display: none;
}

.c-nav-bottom-list>ul>li>a.c-btn-1 {
  background-color: var(--blue-2);
  color: #fff;
}

.c-nav-bottom-list>ul>li>a.c-btn-1:hover {
  background-color: var(--main-color);
  color: #000;
}

.c-nav-top-info-in li:last-child img {
  width: 20px;
}

.c-nav-bottom-list>ul>li:last-child {
  padding-right: 0px;
}

.c-other-nav {
  display: flex;
  align-items: center;
}

.c-other-nav .add-cart {
  color: #fff;
  background-color: var(--main-color);
}


.c-faq-page-w .accordion-item {
  margin-bottom: 10px;
}



.cp-365-feature {
  padding: 50px 0;
}

.features {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 25px;
  margin-top: 0;
}

.features .features-icon .fa {
  color: var(--main-color);
  font-size: 45px;
  margin-right: 15px;
}

.features .features-info h3 {
  font-size: 21px;
  font-weight: 600;
  color: var(--blue-2);
  margin-bottom: 8px;
}

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');

:root {
  --red: #FF494D;
  --blue: #316CF4;
  --white: #fff;
  --main-color: #316CF4;
  --red-color: #BC080C;
  --blue-2: #14297C;
}

* {
  padding: 0;
  margin: 0;
  list-style-type: none;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  line-height: 100%;
}

body {
  color: #535353;
  line-height: 26px;
  font-size: 16px;
  font-family: "Lexend", sans-serif;
  background-repeat: repeat;
  background: #F6F9FF url("/res/images/vcap/banner-bg.png") no-repeat;
  background-size: 100%;
}

a,
button {
  text-decoration: none !important;
  transition: 0.5s;
  border: none;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

h1,
h2,
h3 {
  font-family: "Lexend", sans-serif;
}

.c-heading-1 {
  padding-bottom: 20px;
  color: #000;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 25px;
  position: relative;
}

.c-heading-1:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 3px;
  background-color: var(--main-color);
}

.c-heading-2 {
  padding-bottom: 20px;
  color: #000;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 35px;
  position: relative;
  text-align: center;
}

.c-heading-2:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 80px;
  height: 3px;
  background-color: var(--main-color);
  transform: translateX(-50%);
}




.c-heading-3 h2 {
  padding-bottom: 20px;
  color: #000;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 8px;
  position: relative;
  text-align: center;
}

.c-heading-3 h2:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 80px;
  height: 3px;
  background-color: var(--main-color);
  transform: translateX(-50%);
}

.c-heading-3 p {
  margin: 0;
  font-size: 20px;
  text-align: center;
}

.c-heading-3 {
  margin-bottom: 35px;
}

.c-btn-1 {
  border: none;
  background-color: #DDAA39;
  color: #000;
  padding: 12px 36px;
  font-weight: bold;
  border-radius: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  line-height: 100%;
  font-size: 18px;
  color: #fff;
  border-radius: 30px;
}

.c-btn-1 span {
  position: relative;
  z-index: 2;
}

.c-btn-1:before {
  content: "";
  display: block;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--main-color);
  transition: 0.5s;
}

.c-btn-1:hover:before {
  left: 0;
}

.c-btn-1:hover {
  color: #fff;
}


.c-btn-2 {
  background-color: var(--main-color);
  color: #000;
  padding: 14px 30px;
  font-weight: bold;
  border-radius: 30px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  line-height: 100%;
  font-size: 20px;
  color: #fff;
}

.c-btn-2 span {
  position: relative;
  z-index: 2;
}

.c-btn-2:before {
  content: "";
  display: block;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--red-color);
  transition: 0.5s;
}

.c-btn-2:hover:before {
  left: 0;
}

.c-btn-2:hover {
  color: #fff;
}

/*header*/
.c-header-w {
  /* background-color: #fff; */
}

.c-nav-top {
  display: flex;
  justify-content: space-between;
}

.c-nav-top-info {
  /* background-color:var(--main-color); */
  padding: 11px 0px;
  transform: skew(-30deg);
}

.c-nav-top-info-in {
  transform: skew(30deg);
}

.c-nav-top-info-in ul {
  display: flex;
}

.c-nav-top-info-in li {
  padding-left: 37px;
  position: relative;
  margin-right: 20px;
  min-height: 30px;
  display: flex;
  align-items: center;
}

.c-nav-top-info-in li span {
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
}

.c-nav-top-info-in li a {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  line-height: 100%;
}

.c-nav-top-info-in li:last-child {
  margin: 0;
}

.c-nav-top-social {
  padding: 7px 0px;
  transform: skew(-30deg);
  display: flex;
  align-items: center;
  /* background-color: #000; */
}

.c-nav-top-social ul {
  display: flex;
  transform: skew(30deg);
}

.c-nav-top-social ul li {
  padding-right: 6px;
}

.c-nav-top-social ul li:last-child {
  padding-right: 0px;
}

.c-nav-top-social ul li a {
  display: flex;
  background-color: #fff;
  color: var(--main-color);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.c-nav-top-social ul li a:hover {
  background-color: var(--main-color);
  color: #fff;
}

.c-logo-w {
  padding: 8px 0;
}

.c-logo-w img {
  width: 110px;
}

.c-nav-bottom-list>ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 15px 0;
}

.c-nav-bottom-list>ul>li {
  padding: 0 11px;
  font-size: 18px;
}

.c-nav-bottom-list>ul>li>a {
  padding: 10px 0;
  color: #050505;
  position: relative;
  display: block;
}

.c-menu-btn {
  display: none;
}

/*banner*/
.c-banner-list-in {
  position: relative;
}

.c-banner-list-img img {
  width: 100%;
}

.c-banner-list-con {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}

.c-banner-w {
  position: relative;
}

.c-banner-list-con h2 {
  color: #fff;
  font-size: 42px;
  margin-bottom: 20px;
}

.c-banner-list-con h3 {
  display: inline-block;
  padding: 10px 25px 15px;
  border-radius: 12px;
  background: rgb(226, 195, 36);
  background: linear-gradient(121deg, rgba(226, 195, 36, 1) 0%, rgba(207, 134, 12, 1) 70%);
  color: #fff;
  font-size: 25px;
}


.c-form-w {
  background: #ffffff;
  padding: 30px 20px;
}

.c-form-w h3 {
  color: #000;
  text-align: center;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
}

.c-form-w .form-control {
  padding: 10px;
  padding-left: 50px;
  font-size: 18px;
  background: #FFF9EB;
  border: 1px solid #9F6E1D;
}

.c-form-w .form-group {
  margin-bottom: 15px;
  position: relative;
}

.c-form-w .form-group span {
  position: absolute;
  left: 11px;
  top: 10px;
  width: 27px;
  z-index: 9;
}

.c-form-w textarea.form-control {
  height: 90px;
}

.c-form-w .c-btn-1 {
  padding: 13px;
  text-align: center;
  width: 100%;
  background: #cf860c;
  border-radius: 8px;
  justify-content: center;
  transition: 0.5s;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  border: none;
}

.c-form-w .c-btn-1:hover {
  background: #000000;
  border: none;
  /* color: #fff; */
  font-weight: bold;
  font-size: 20px;
}

.c-banner-form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}


.c-banner-w .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
}

.c-banner-w .slick-dots li {
  margin: 0 5px;
}

.c-banner-w .slick-dots li button {
  position: relative;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  border: 2px solid transparent;

  background: transparent;
  font-size: 0;
  position: relative;
}

.c-banner-w .slick-dots li.slick-active button {
  border-color: var(--main-color);
}

.c-banner-w .slick-dots li button:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.c-banner-w .slick-dots li.slick-active button:after {
  background-color: var(--main-color);
}

/*property*/
.property-info-area {
  padding: 15px 0 30px;
  background-color: var(--main-color)
}

.property-info-area p {
  color: #fff;
  margin-bottom: 8px;
  font-weight: 600;
}

.property-info-area .form-control {
  background-color: #9F6E1D;
  color: #fff;
}

.property-info-area .form-control::-ms-input-placeholder {
  color: #fff;
}

.property-info-area .form-control::placeholder {
  color: #fff;
}

.property-info-area .btn {
  background-color: var(--red-color);
  display: inline-flex;
  margin-left: auto;
  border: none;
  color: #fff;
}

/*about*/
.c-about-w {
  padding: 50px 0;
}

.c-about-con {
  padding-left: 30px;
}

.c-about-con a {
  margin-top: 20px;
}


.c-why-inru-w {
  padding-bottom: 60px;
}

.c-why-inru-box {
  transition: 0.5s;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 35px 15px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.1);
  text-align: center;
  height: 100%;
  border: 1px solid #81F1FF;
}

.c-why-inru-box img {
  height: 90px;
  object-fit: contain;
}

.c-why-inru-box h3 {
  color: var(--blue-2);
  font-size: 18px;
  margin: 0;
  font-weight: 600;
  line-height: 22px;
  padding: 0;
  margin-top: 16px;
  margin-bottom: 2px;
}

.c-why-inru-box p {
  color: #635B5B;
  font-size: 15px;
  margin: 0;
  line-height: 22px;
}

.c-why-inru-w .col-lg-3:nth-child(2) .c-why-inru-box img {
  height: 130px;
  padding: 10px 0;
}

.c-why-inru-w .col-lg-3:nth-child(4) .c-why-inru-box img {
  height: 140px;
  padding: 5px 0;
}

.c-why-inru-box:hover {
  transform: scale(1.1);
}

/*testi*/
.c-testi-w {
  padding: 50px 0;
  background: url(/res/images/vcap/testi-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.c-testi-w .col-md-3 {
  margin-bottom: 30px;
}

.c-testi-box {
  transition: 0.5s;
  height: 100%;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
  background: #fff;
  text-align: center;
  /* padding-bottom: 40px; */
  position: relative;
}

.c-testi-box h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 0px;
  color: #14297C;
  line-height: 22px;
  /* min-height: 44px; */
}

.c-testi-box:after {
  content: "";
  background: url("/res/images/vcap/half-round.png") no-repeat;
  background-size: 100% 100%;
  width: 130px;
  height: 40px;
  position: absolute;
  left: 50%;
  display: block;
  bottom: 0;
  transform: translateX(-50%);
}


.c-app-w {
  padding-top: 40px;
}

.c-app-w h2 {
  line-height: normal;
  font-size: 30px;
}

.c-app-w p {
  color: #000;
  font-size: 18px;
}

.c-app-w li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
  font-size: 18px;
  color: #000;
}

.c-app-w li:after {
  content: "";
  width: 9px;
  height: 9px;
  background-color: var(--red-color);
  position: absolute;

  left: 0;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
}

.menu-item-type-wpcas {
  position: absolute;
  top: 0;
  right: 0;
}

header #menu_main .menu-item-type-wpcas li a {
  color: #fff !important;
  font-size: 20px !important
}

@media only screen and (min-width: 1680px) {
  header #menu_main .menu-item-type-wpcas {
    right: 310px;
  }
}

@media only screen and (max-width: 991px) {
  header #menu_main .menu-item-type-wpcas {
    top: -136px;
    right: 130px;
  }
}

@media only screen and (min-width:767px) {
  .sc_layouts_menu {
    display: flex !important;
    justify-content: flex-end !important;
  }

  .sf-arrows {
    width: 100%;
  }

  .sf-arrows .menu-collapse {
    width: 100%;
  }

  .sf-arrows .menu-collapse a {
    display: block;
    width: 29px;
    margin-left: auto;
  }
}

#wpcas_search_keyword {
  color: #000 !important
}

#wpcas_search_keyword::-ms-input-placeholder {
  color: #000;
}

#wpcas_search_keyword::placeholder {
  color: #000;
}


/*book*/
.c-book-banner {
  padding: 30px 0 20px;
  background: url("/res/images/vcap/book-bg.png") no-repeat;
  background-size: cover;
}

.c-book-con h2 {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
}

.c-book-con h3 {
  font-size: 40px;
  font-weight: bold;
}

.c-book-con h3 a {
  color: #fff;
}

/*how its work*/
.c-how-work {
  padding: 50px 0;
}

.c-how-work .prd-tab li {
  cursor: pointer;
  text-align: center;
  position: relative;
  z-index: 99
}

.c-how-work .prd-tab li span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #000;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--main-color);
  background: #fff;
}

.c-how-work .prd-tab li p {
  margin: 0;
  margin-top: 10px;
  font-weight: bold;
  color: #000;
}

.prd-tab {
  margin-bottom: 40px;
}

.prd-tab ul {
  position: relative;
}

.prd-tab ul:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 25px;
  width: 85%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 3px dashed #000000;
}

.prd-tab .slick-list {
  z-index: 99;
}

.prd-tab ul .slick-slide.slick-active.on span {
  color: #fff;
  background: var(--main-color)
}

.c-prd-tab-img img {
  width: 100%;
}

.c-prd-tab-con h3 {
  color: #000;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 32px;
  color: #000;
}

.c-prd-tab-con h3 span {
  color: var(--main-color);
  margin-right: 10px;
}

/*achivement*/
.c-achive-w {
  padding: 50px 0;
  background: url("/res/images/vcap/acive-bg.jpg") no-repeat;
  background-size: cover;
}

.achive-counter {
  background: #FFFFFF;
  box-shadow: 0px 6px 30px rgba(14, 18, 29, 0.06);
  border-radius: 10px;
  position: relative;
  padding: 24px 30px 24px 120px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
  margin-top: 20px;
}


.achive-counter_icon {
  display: inline-block;
  width: 90px;
  width: 70px;
  position: absolute;
  top: 0;
  left: 30px;
  text-align: center;
}

.achive-counter_number {
  color: var(--main-color);
  font-size: 36px;
  margin-bottom: 0;
}

.achive-counter .counter-number {
  font-weight: 900;
}

.achive-counter_text {
  margin-bottom: 0;
}

.c-heading-main p {
  margin-bottom: 6px;
  color: var(--main-color);
  font-weight: bold;
}

.c-achive-img img {
  position: relative;
  border-radius: 8px;
  width: 100%;
}

.c-achive-img {
  padding-left: 40px;
}

/*package*/
.c-packge-w {
  padding: 50px 0;
}

.c-packge-box {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.c-packge-box .bb-package-selected {
  background-color: var(--main-color);
  color: #fff;
  margin-bottom: 0;
  padding: 10px;
  text-align: left;
  font-size: 18px !important;
  font-weight: bold;
  text-align: center;
}

.c-packge-box .card-header {
  padding: 0px;
  box-shadow: none;
  margin: 0;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
  background: #fff;
  border-top: 0;
}

.c-packge-box .accordion-button {
  line-height: 100%;
  box-shadow: none;
  background: #fff;
  border: none;
  color: #000;
  font-weight: bold;
}

.c-packge-box .card {
  box-shadow: none;
  border: none;
}

.c-packge-w .row {
  padding: 0 50px;
}

.c-accordion-bottom {
  background: #fff;
  padding: 10px 10px 20px;
  text-align: center;
}

/*calculater*/
.c-calculater-w {
  padding-bottom: 50px;
}

.c-calculater-tab .nav-tabs {
  justify-content: center;
  border-radius: 0px;
  margin-bottom: 30px;
}

.c-calculater-tab .nav-tabs li button {
  background: #fff;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  border-radius: 0px;
  padding: 10px 20px;
}

.c-calculater-tab .nav-tabs li button.active {
  background: var(--main-color);
  color: #fff;
}

.c-tab-con .form-control {
  padding: 10px;
  border: 1px solid var(--main-color);
  color: #000;
}

.c-tab-con .form-group {
  margin-bottom: 15px;
  position: relative;
}

.c-tab-con .form-group span {
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 20px;
  color: var(--main-color);
  font-weight: bold;
}

.c-tab-con label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  color: #000;
}

.c-calculater-result-box {
  text-align: center;
}

.c-calculater-result-box h3 {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
}

.c-calculater-result-box h4 {
  color: var(--main-color);
  font-size: 24px;
  font-weight: bold;
}

.c-calculater-result {
  margin-top: 20px;
}

.c-calculater-con-1 .form-control {
  padding-left: 40px;
}

/*project*/
.c-project-in {
  background: url("/res/images/vcap/project-bg.png") no-repeat;
  padding: 30px;
  background-size: cover;
  background-attachment: fixed;
}

.c-project-w .c-heading-1 {
  color: #fff;
}

.c-project-list-box {
  padding: 0 10px;
  text-align: center;
}

.c-project-list-box h3 {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
}

.c-project-list-con {
  margin-top: 20px;
}

.c-project-list-con ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.c-project-list-con ul li {
  margin-bottom: 10px;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.c-project-list-con ul li:last-child {
  margin: 0;
}

.c-project-list-con ul li span img {
  height: 34px;
}

.c-project-list-con ul li:first-child span img {
  height: 30px;
}

.c-project-list-con ul li:last-child span img {
  height: 30px;
}

.c-project-list-con ul li strong {
  color: #fff;
  font-weight: bold;
  margin-left: 10px;
}

.c-project-list-con p {
  color: #fff;
}

.c-project-list-con .c-btn-group {
  margin-top: 30px;
}

.c-project-list-con .c-btn-group a {
  margin: 0 5px;
  font-size: 16px;
  padding: 8px 15px 10px;
  line-height: 100%;
}

.c-project-list-con .c-btn-group a:last-child {
  color: var(--main-color);
  background: #fff;
}

.c-project-in .slick-arrow {
  content: "";
  display: block;
  border: none;
  box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);
  width: 45px;
  height: 45px;
  border-radius: 4px;
  background: var(--main-color);
  color: #fff;
  font-size: 28px;
  position: absolute;
  right: 50px;
  z-index: 2;
  top: -79px;
  transform: inherit;
}

.c-project-in .slick-next {
  left: inherit;
  right: 0px;
  background-color: var(--red-color)
}

.c-project-in .slick-next i {
  position: relative;
  left: 2px;
}

/*testimonial*/
.c-testimonial-w {
  padding: 50px 0;
  background: #fff;
}

.c-testi-list-box {
  padding: 10px;
}

.c-testi-list-box-in {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 8px rgb(0 0 0 / 0.2);
}

.c-testi-list-box-in p {
  margin: 0;
  padding: 15px;
}

.c-testi-list-box-info {
  width: calc(100% - 100px);
  position: relative;
  position: relative;
  margin-top: 30px;
}

.c-testi-list-box-info-in {
  background-color: var(--main-color);
  padding: 10px;
  padding-left: 120px;
  clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);
  width: 100%;
}

.c-testi-list-box-info h3 {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
}

.c-testi-list-box-info h4 {
  font-size: 16px;
  color: #fff;
}

.c-testi-list-box-info span {
  z-index: 99;
  width: 86px;
  position: absolute;
  height: 86px;
  display: block;
  left: 15px;
  top: -30px;
}

.c-testi-list-box-info:after {
  content: "";
  display: block;
  position: absolute;
  right: -70px;
  bottom: 0;
  width: 60px;
  height: 60px;
  background: url("/res/images/vcap/testi-bg.png") no-repeat;
  background-size: 100% 100%;
}

.c-testimonial-w .slick-arrow {
  content: "";
  display: block;
  border: none;
  box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);
  width: 45px;
  height: 45px;
  border-radius: 4px;
  background: var(--main-color);
  color: #fff;
  font-size: 28px;
  position: absolute;
  right: 56px;
  z-index: 2;
  top: -62px;
  transform: inherit;
  clip-path: polygon(100% 0, 34% 59%, 100% 100%);
}

.c-testimonial-w .slick-next {
  left: inherit;
  right: 0px;
  background-color: var(--blue);
  clip-path: polygon(0 0, 0% 100%, 62% 58%);
}

.c-testimonial-w .slick-next i {
  position: relative;
  left: 2px;
}

.marquee-1 {
  overflow: hidden;
}

.c-client-list .js-marquee li {
  margin: 0 8px;
  background-color: #fff;
  border-radius: 8px;
  padding: 15px;
}

.c-client-list .js-marquee {
  display: flex;
}

.marquee-1:after,
.marquee-1:before {
  clear: both;
  display: block;
  content: "";
}

/*footer*/
.c-footer-top img {
  width: 100%;
}

.c-footer-w {
  margin-top: 0;
}

.c-footer-in {
  background: url("/res/images/vcap/footer-bg.jpg") no-repeat;
  background-size: cover;
  padding: 40px 0;
}

.c-footer-in h2 {
  color: #14297C;
  font-size: 28px;
}

.c-footer-con p {
  color: #fff;
  line-height: 28px;
}

.c-footer-social {
  display: flex;
  /* justify-content: center; */
}

.c-footer-social ul {
  display: flex;
}

.c-footer-social ul li {
  padding-right: 10px;
}

.c-footer-social ul li:last-child {
  padding-right: 0px;
}

.c-footer-social ul li a {
  display: flex;
  background-color: #fff;
  color: var(--main-color);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.c-footer-social ul li a:hover {
  background-color: #ddaa39;
  color: #fff;
}

.c-logo-w {
  padding: 8px 0;
}

.c-footer-info li {
  padding-left: 44px;
  position: relative;
  margin-bottom: 15px;
  min-height: 27px;
  line-height: normal;
  display: flex;
  align-items: center;
}

.c-footer-info li span {
  position: absolute;
  left: 0;
  top: -2px;
  width: 25px;
}

.c-footer-info li a {
  display: block;
  margin-bottom: 8px;
  color: #000000;
  line-height: normal;
}

a {}

.c-footer-bottom img {
  width: 90px;
}

.c-footer-bottom p {
  margin: 0;
  color: #fff;
  font-size: 15px;
  text-align: center;
}

.property-info-area h3 {
  display: none;
}

.c-info-model .modal-body {
  background: var(--blue);
  background-size: cover;
}

.c-nav-top-info {
  position: relative;
}

.c-nav-top-info .btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 99;
  display: none;
}

.c-calculater-result input {
  width: 100%;
  display: block;
  opacity: 1;
  background: transparent;
  border: none;
  outline: none;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: var(--main-color);
}

#loading {
  display: none;
  width: 100px;
  height: 100px;
  margin: 2em auto;
  border: 2px solid #b3b7e2;
  border-radius: 50%;
  border-top-color: #191d3a;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

#results {
  display: none;
  transition: display 0.3s;
}

.c-result-2 {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
}

.c-result-2 h3 {
  color: var(--main-color);
  font-weight: bold;
  margin-top: 8px;
  font-size: 30px;
}

/*singale page*/

/*description*/
.c-singale-description {
  padding: 40px 0;
  background: url(/res/images/vcap/testi-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.c-singale-description p {
  text-align: center;
  margin: 0;
}

/*over view*/
.c-singale-view {
  padding: 40px 0;
}

.c-singale-view-box {
  height: 100%;
  background: #fff;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
  padding: 15px;
  border-radius: 6px;
  position: relative;
  padding-left: 80px;
}

.c-singale-view-box span {
  width: 50px;
  position: absolute;
  left: 14px;
  top: 10px;
}

.c-singale-view-box h3 {
  color: #000000;
  font-size: 20px;
  margin-bottom: 8px;
  font-weight: bold;
}

.c-singale-view-box h4 {
  color: #686868;
  font-size: 20px;
}

.c-singale-view .col-md-6 {
  margin-bottom: 20px;
}

.c-singale-view .col-md-6:nth-child(1) .c-singale-view-box,
.c-singale-view .col-md-6:nth-child(3) .c-singale-view-box,
.c-singale-view .col-md-6:nth-child(5) .c-singale-view-box,
.c-singale-view .col-md-6:nth-child(7) .c-singale-view-box,
.c-singale-view .col-md-6:nth-child(9) .c-singale-view-box,
.c-singale-view .col-md-6:nth-child(11) .c-singale-view-box {
  background: #FFF6E6;
}

/*plan*/
.c-singale-plan .nav-tabs {
  justify-content: center;
  border-radius: 0px;
  margin-bottom: 30px;
}

.c-singale-plan .nav-tabs li button {
  background: #fff;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  border-radius: 0px;
  padding: 10px 20px;
}

.c-singale-plan .nav-tabs li button.active {
  background: var(--main-color);
  color: #fff;
}

.c-singale-plan .slick-arrow {
  content: "";
  display: block;
  border: none;
  box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);
  width: 45px;
  height: 45px;
  border-radius: 4px;
  background: var(--main-color);
  color: #fff;
  font-size: 28px;
  position: absolute;
  left: 0;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
}

.c-singale-plan img {
  width: 100%;
  height: 400px;
  object-fit: contain;
}

.c-singale-plan .slick-next {
  left: inherit;
  right: 0px;
  background-color: var(--red-color)
}

.c-singale-plan .slick-next i {
  position: relative;
  left: 2px;
}

.c-singale-plan .tab-content>.active {
  height: auto;
}

/*animites*/
.c-singale-amenities-w {
  padding: 40px 0;
}

.c-singale-amenities-w ul {
  display: flex;
  flex-wrap: wrap;
}

.c-singale-amenities-w ul li {
  padding: 15px;
  text-align: center;
  flex: 0 0 auto;
  width: calc(25% - 10px);
  background: #fff;
  border-radius: 8px;
  box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);
  margin: 0 5px;
  margin-bottom: 10px;
}

.c-singale-amenities-w ul li:nth-child(4n+4) {
  border-right: 0px;
}

.c-singale-amenities-w ul li h3 {
  margin-top: 8px;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: normal;
}

.c-singale-amenities-w ul li span img {
  height: 55px;
}

/*location*/
.c-singale-location {
  padding-bottom: 40px;
}

.c-singale-location h3 {
  margin-bottom: 15px;
  font-weight: bold;
  color: #000;
  font-weight: bold;
  font-size: 20px;
}

.c-singale-location h3 span {
  color: var(--main-color);
}

.c-singale-location iframe {
  box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);
  border: 6px solid #fff !important;
  display: block;
}

/*near*/
.c-singale-near-in {
  padding: 25px;
  background: url(/res/images/vcap/testi-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 40px;
}

.c-singale-near-box h3 {
  font-weight: bold;
  color: var(--main-color);
  margin-bottom: 15px;
  font-size: 22px;
}

.c-singale-near-box ul li {
  color: #000;
  padding-left: 18px;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 7px;
  display: flex;
  justify-content: space-between;
}

.c-singale-near-box ul li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--main-color);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/*facilities*/
.c-singale-facilities-img .col-6 {
  margin-top: 20px;
}

.c-singale-facilities {
  padding-bottom: 40px;
}

.c-singale-facilities-img .col-6 img,
.c-singale-facilities-img .col-12 img {
  width: 100%;
}

.c-singale-facilities-list li {
  color: #000;
  background: transparent url(/res/images/vcap/list-bullet-icon.png) no-repeat left top 1px;
  padding-left: 42px;
  margin: 10px 0;
  font-size: 18px
}

.c-singale-facilities p {
  margin-bottom: 10px;
}

.c-singale-facilities .tab-content {
  margin-top: 20px;
}

.c-singale-facilities .nav-tabs .nav-link {
  color: #000;
  font-weight: bold;
  font-size: 18px;
  background: #fff;
  border-radius: 8px;
  margin-right: 3px;
}

.c-singale-facilities .nav-tabs .nav-link.active {
  background: var(--main-color);
  color: #fff;
}

.c-singale-btn {
  padding-bottom: 40px;
}

.c-singale-btn-in {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.c-singale-btn-in a {
  margin: 0 10px;
}

.c-singale-btn-in a:nth-child(2) {
  background: #5A5957;
}

.c-form-model .form-group {
  margin-bottom: 15px;
}

.c-form-model .form-group .form-control {
  padding: 10px;
  font-size: 18px;
  background: #FFF9EB;
  border: 1px solid #9F6E1D;
}

.c-form-model .btn.btn-info {
  transition: 0.5s;
  color: #fff;
  background: var(--main-color);
  border: 1px solid var(--main-color);
}

.c-form-model .btn.btn-info:hover {
  background: var(--red-color);
}

.c-singale-page {
  position: relative;
  overflow: hidden;
}

.c-singale-page .c-banner-w .c-singale-btn-in {
  z-index: 9;
  position: fixed;
  right: -270px;
  top: 360px;
  transform: rotate(90deg);
}

.c-singale-page .c-banner-w .c-singale-btn-in a {
  border-radius: 8px;
}

/*inner banner*/
.c-inner-banner-w {
  position: relative;
}

.c-inner-banner-w img {
  width: 100%;
}

.c-inner-banner-con {
  width: 100%;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.c-inner-banner-con h1 {
  font-weight: bold;
  color: #fff;
  font-size: 40px;
  text-align: center;
}

.c-inner-banner-con h1 span {
  display: block;
  margin-top: 10px;
}

.c-inner-banner-con h1 span strong {
  color: var(--main-color);
}

.c-inner-banner-con ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 15px;
}

.c-inner-banner-con ul li a,
.c-inner-banner-con ul li {
  font-weight: bold;
  color: #fff;
}

.c-inner-banner-con ul li {
  padding-right: 25px;
  position: relative;
}

.c-inner-banner-con ul li:after {
  content: "\f101";
  color: #fff;
  font-size: 18px;
  position: absolute;
  right: 6px;
  top: 0;
  font-family: "Lexend", sans-serif;
}

.c-inner-banner-con ul li:last-child {
  padding: 0;
}

.c-inner-banner-con ul li:last-child:after {
  display: none;
}

.c-listing-page {
  padding: 40px 0;
}

.c-listing-page .c-project-list-con {
  text-align: center;
  background: #fff;
  padding: 15px;
}

.c-listing-page .c-project-list-con h3 {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

.c-listing-page .c-project-list-img img {
  width: 100%;
}

.c-listing-page .c-project-list-con p {
  color: #000;
}

.c-listing-page .c-project-list-con ul li strong {
  color: #000;
}

.c-listing-page .c-project-list-con ul li:last-child {
  width: 100%;
}

.c-listing-page .c-project-list-con .c-btn-group a:last-child {
  background: #000;
  color: #fff;
}

.c-listing-page .c-project-list-con ul li span img {
  -webkit-filter: invert(100%);
  /* Safari/Chrome */
  filter: invert(100%);
}

.c-listing-page .c-project-list-con {
  margin: 0px;
}

.c-listing-page .c-project-list-box-in {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 30px;
}

.c-listing-page .nav-tabs {
  justify-content: center;
  border-radius: 0px;
  margin-bottom: 30px;
}

.c-listing-page .nav-tabs li button {
  background: #fff;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  border-radius: 0px;
  padding: 10px 20px;
}

.c-listing-page .nav-tabs li button.active {
  background: var(--main-color);
  color: #fff;
}

.c-sidebar-w {
  padding-left: 40px;
}

.c-sidebar-w .property-info-area {
  padding: 0;
}

.c-sidebar-w .property-info-area h3 {
  background: #000;
  color: #fff;
  display: block;
  text-align: center;
  padding: 18px 10px;
  font-size: 20px;
  text-align: center;
}

.c-sidebar-w .property-info-area .info-form form {
  padding: 20px;
}

.c-sidebar-w .property-info-area .single-field {
  margin-bottom: 10px;
}

.c-sidebar-w .property-info-area .btn-info {
  width: 100%;
  text-align: center;
  display: block;
}

.c-slingale-form-2 {
  margin-top: 30px;
}

.c-singale-page .c-btn-2 {
  font-size: 16px;
  padding: 14px 20px;
  margin: 0 3px;
}

.c-singale-video {
  padding-top: 40px;
}

.c-singale-video iframe {
  border: 8px solid #fff;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.nav-tabs {
  border: none !important;
}

.c-singale-facilities .nav-tabs .nav-link {
  border: none;
  margin-right: 10px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.c-singale-plan .nav-tabs li {
  padding: 0 5px;
}

.c-singale-plan .nav-tabs li .nav-link {
  border: none;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.c-calculater-tab .nav-tabs li {
  padding: 0 5px;
}

.c-calculater-tab .nav-tabs li button {
  border: none;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.c-banner-in video {
  width: 100%;
  height: 570px;
  object-fit: fill;
}

.c-home-page .c-singale-btn-in {
  z-index: 9;
  position: fixed;
  right: -100px;
  top: 360px;
  transform: rotate(90deg);
}

.c-home-page .c-singale-btn-in a {
  border-radius: 8px;
}

.c-home-page .c-banner-form {
  display: none;
}

.c-singale-btn-in a {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.c-location-plan {
  border: 8px solid #fff;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
}

.c-location-plan img {
  width: 100%;
}

.c-listing-page-tab .nav-tabs {
  box-shadow: none;
}

.c-listing-page-tab .nav-tabs li {
  margin: 0 7px;
  box-shadow: none;
  border: none;
}

.c-listing-page-tab .nav-tabs li button {
  border: none;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
  margin: 0;
}

.form-group {
  margin-bottom: 15px;
}

.c-banner-list-img {
  position: relative;
}

.c-banner-list-img:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.c-banner-list-img img {
  height: 570px;
  object-fit: cover;
}

.c-form-tab-main {
  padding: 20px;
  background: #FFF9EB;
  border: 1px solid #9F6E1D;
}

.c-form-tab-main .form-control {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.c-form-tab-main .form-control::placeholder {
  opacity: 1;
  color: #000;
}

.c-form-tab-main .form-control::-ms-input-placeholder {
  opacity: 1;
  color: #000;
}

.c-form-tab-main select.form-control {
  background-image: url("/res/images/vcap/drop-down-arrow.png");
  background-position: 96% 50%;
  background-repeat: no-repeat;
}

.c-note-con p {
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 5px;
}

.c-note-con {
  background: var(--main-color);
  padding: 10px;
  margin-bottom: 30px;
  padding-bottom: 49px;
  position: relative;
  border-radius: 12px;
}

.c-note-con h2 {
  color: #fff;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 26px;
}

.c-note-con h2:after {
  background-color: #fff;
}



.waves {
  position: absolute;
  width: 100%;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  bottom: 0;
  left: 0;
}

.parallax use {
  animation: 25s cubic-bezier(.55, .5, .45, .5) infinite move-forever
}

.parallax use:first-child {
  animation-delay: -2s;
  animation-duration: 7s
}

.parallax use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s
}

.parallax use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s
}

.parallax use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }

  100% {
    transform: translate3d(85px, 0, 0);
  }
}

.contact_address p {
  padding-left: 40px;
  position: relative;
  margin-bottom: 20px;
}

.contact_address p i {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: -8px;
  border-radius: 50%;
  background: var(--main-color);
  color: #fff;
}


@media (max-width: 992px) {
  .c-contact-amenities li {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 10px !important;
  }
}

.c-singale-contact-map {
  box-shadow: 5px 4px 8px 6px rgb(0 0 0 / 5%);
  border: 6px solid #fff !important;
  display: block;
  margin-top: 30px;
}



/*footer    */

.c-footer-in h2 {
  padding-left: 28px;
  padding-bottom: 0;
}

.c-footer-in h2:after {
  width: 8px;
  height: 100%;
  background: #DDAA39;
  position: absolute;
  left: 0;
  top: 0;
  bottom: inherit;
}

.c-footer-bottom {
  background: #14297C;
}

.c-footer-nav ul li {
  display: block;
  line-height: 100%;
}

.c-footer-nav ul li a {
  color: #000000;
  font-size: 18px;
  display: inline-flex;
  margin-bottom: 20px;
  display: inline-flex;
  padding-left: 20px;
  position: relative;
  /* font-weight: 600; */
}

.c-footer-nav ul li a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--main-color);
  position: absolute;
  left: 0;
  top: 4px;
}

.c-footer-nav ul li:last-child a {
  margin: 0;
}

.c-footer-nav ul li a:hover {
  color: var(--main-color)
}

.c-footer-bottom {
  padding: 15px 0;
  text-align: center;
}

.c-footer-top-in {
  padding: 25px;
  background: rgb(223, 218, 237);
  z-index: 2;
  position: relative;
  background: linear-gradient(90deg, rgba(223, 218, 237, 1) 0%, rgba(214, 223, 246, 1) 50%, rgba(232, 255, 242, 1) 100%);
}

.c-footer-top-in h3 {
  color: var(--blue-2);
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
}

.c-get-started-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.c-footer-w {
  background: #10446F;
  position: relative;
}


/* faq */
.c-faq-w {
  padding: 40px 0;
  background: #fff;
}

.c-faq-w .accordion-item {
  background: #f8fbff;
  margin: 15px 0;
}

.c-faq-w .accordion-item .accordion-button {
  background: #f8fbff;
  border-top: 1px solid #dee2e6;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 0;
  box-shadow: none;
  color: #0F377F;
}

.c-faq-w .accordion-item .accordion-collapse {
  padding-top: 0;
  border-top: 0;
}

.c-faq-w .accordion-item {
  border-top: 0;
}

.c-faq-w .accordion-button::after {
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.21);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-position: center center;
}

.c-faq-w .accordion-button {
  padding: 8px 15px;
}

.c-heading-new-3 {
  text-align: left;
  font-weight: bold;
  font-size: 31px;
  color: var(--blue-2);
  margin-bottom: 30px;
  font-weight: bold;
  /* line-height: normal; */
}

.c-heading-new-line {
  overflow: hidden;
  width: 60px;
  background: #ccc;
  border-radius: 30px;
  height: 3px;
  line-height: 100%;
  margin-top: 15px;
}

.c-heading-new-line span {
  position: relative;
  animation: line_animation 3s infinite;
  display: block;
  width: 50px;
  height: 3px;
  border-radius: 30px;
  line-height: 100%;

  background: var(--main-color);
}

@keyframes line_animation {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(50px);
  }

  0% {
    transform: translateX(0);
  }

}

.c-heading-new-3.text-center .c-heading-new-line {
  margin: 0 auto;
  margin-top: 10px;
}

/*number*/
.c-number-w {
  padding: 50px 0;
}

.c-certificate-in {
  margin-top: 40px;
  padding: 25px;
  padding-bottom: 10;
  border-radius: 8px;
  background: linear-gradient(232deg, rgba(223, 218, 237, .89) 39%, rgba(250, 244, 243, .89) 100%);
}

.c-certificate-list-box {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.c-heading-new-3-con {
  text-align: center;
  margin-bottom: 40px;
}

.c-heading-new-3-con h4 {
  font-weight: 600;
  color: var(--main-color);
  line-height: 30px;
  font-size: 20px;
}


.theme-card-circle .row-cols-lg-3 .theme-item {
  width: 338px;
  height: 338px;
  margin: auto
}

.theme-card-circle .theme-item {
  border-radius: 100%;
  position: relative;
  background-color: var(--bs-white)
}

.theme-card-circle .theme-item:hover,
.theme-card-circle .theme-item:focus-within {
  border-radius: 100%
}

.theme-icon {
  position: relative;
  display: block;
  width: 9.125rem;
  height: 9.125rem;
  padding: 18px;
  margin: 0 auto 1.25rem;
  overflow: hidden
}

.theme-icon .theme-circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/res/images/vcap/circle-icon.png") center center no-repeat;
  background-size: 100% 100%;
}

.theme-icon .theme-circle {
  -webkit-animation: spin 20s linear infinite;
  animation: spin 20s linear infinite
}

.theme-icon .theme-corn {
  position: relative;
  width: 111px;
  height: 111px;
  font-size: 25px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: var(--blue-2);
  box-shadow: 0 2px 15px 0 rgb(0 0 0 / .15);
  background-color: #fff;
  -webkit-transition: var(--bs-transition);
  transition: 1s;
}

.theme-corn i,
.theme-corn img {
  height: 45px;
  line-height: 1.2;
  position: relative;
  z-index: 1;
  object-fit: contain;
}

.theme-item .circles-spin {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  -webkit-animation: spinReverse 30s linear infinite;
  animation: spinReverse 30s linear infinite
}


@keyframes spin {
  from {
    transform: rotate(0deg) scale(1)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes spinReverse {
  from {
    transform: rotate(0deg) scale(1)
  }

  to {
    transform: rotate(-360deg)
  }
}

@keyframes bounce_one {
  0% {
    transform: translateY(-.625rem)
  }

  50% {
    transform: translateY(.625rem)
  }

  to {
    transform: translateY(-.625rem)
  }
}

@keyframes bounce_two {
  0% {
    transform: scale(1, 1) translateY(0)
  }

  10% {
    transform: scale(1.1, .9) translateY(0)
  }

  30% {
    transform: scale(.9, 1.1) translateY(-1.375rem)
  }

  50% {
    transform: scale(1, 1) translateY(0)
  }

  57% {
    transform: scale(1, 1) translateY(-.1875rem)
  }

  64% {
    transform: scale(1, 1) translateY(0)
  }

  100% {
    transform: scale(1, 1) translateY(0)
  }
}

.theme-item .circles-spin .circle-one {
  position: absolute;
  left: .9125rem;
  bottom: .3125rem;
  width: .75rem;
  height: .75rem;
  z-index: 1;
  border-radius: 50%;
  background-color: var(--main-color);
}

.theme-item>.circles-spin .circle-one {
  left: 2.8125rem;
  bottom: 2.8125rem
}

.theme-item .circles-spin .circle-two {
  position: absolute;
  top: 0.9225rem;
  right: .3125rem;
  width: .75rem;
  height: .75rem;
  z-index: 9;
  border-radius: 50%;
  opacity: 1;
  visibility: visible;
  background-color: #1c17a0;
  -webkit-transition: 1s;
  transition: 1s;
}

.theme-item>.circles-spin .circle-two {
  right: 2.8125rem;
  top: 2.8125rem
}

.c-number-box h3 {
  text-align: center;
  color: #000;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
}

.c-certificate-info h3 {
  font-size: 28px;
  margin-bottom: 10px;
  color: var(--blue-2);
  font-weight: bold;
}



/*tetimonial*/
.testimonials-item {
  text-align: center;
  display: block;
  width: 100%
}

.testimonials-item .testimonials-content {
  padding: 38px 30px;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  background-color: var(--bs-white);
  transition: var(--bs-transition);
  box-shadow: 0 0 10.44px 1.56px rgb(33 33 33 / .15)
}

.testimonials-item .testimonials-content:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 35px;
  height: 35px;
  background-color: inherit;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: var(--bs-transition);
  z-index: -1;
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .065)
}

.testimonials-icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  border-radius: 6.25rem;
  margin-bottom: 1.5rem
}

.testimonials-icon:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  border: 2px dashed var(--bs-secondary);
  animation: spin 10s linear infinite;
  transition: var(--bs-transition)
}

.testimonials-item:active .testimonials-icon:after {
  animation: spin 2s linear infinite
}

.testimonials-icon span {
  display: block;
  width: 40px;
  height: 40px;
  margin: auto;
  font-size: 50px;
  line-height: 1.38;
  border-radius: 100%;
  color: var(--bs-white);
  background-color: var(--main-color);
  transition: var(--bs-transition)
}

.testimonials-content p {
  margin: 0;
  line-height: 26px
}

.testimonials-client {
  width: 100%;
  display: block;
  line-height: normal;
  margin-top: 38px;
  text-align: center
}

.testimonials-client .img-fluid {
  width: 184px;
  height: 90px;
  border-radius: 100px;
  overflow: hidden;
  margin: auto;
  margin-bottom: 12px;
}

.testimonials-client .img-fluid img {
  width: 100%;
  margin: auto;
  height: 100%;
  object-fit: contain;
}

.testimonials-title h5 {
  margin-bottom: .4rem;
  transition: var(--bs-transition);
  color: var(--blue-2);
  font-weight: bold;
}

.testimonials-title p {
  margin-bottom: 0;
  font-weight: 500
}

.center .testimonials-item .testimonials-content {
  box-shadow: 0 0 16px 3px rgba(33, 33, 33, .2)
}

.center .testimonials-item .testimonials-content:after {
  box-shadow: 7px 7px 7px 0 rgb(0 0 0 / .08)
}

.center .testimonials-item .testimonials-icon:after {
  border-color: var(--bs-primary)
}

.center .testimonials-item .testimonials-icon span {
  background-color: var(--bs-primary)
}

.center .testimonials-item .testimonials-title h5 {
  color: var(--bs-primary)
}

.cta-section {
  display: block;
  color: var(--bs-white);
  overflow: hidden;
  position: relative
}

.c-testimonial-list-box {
  padding: 20px;
}

.slick-active.slick-center .testimonials-icon span {
  background: var(--blue-2)
}


/*solusation*/
.c-solusation-w {
  padding: 0px 0;
  background: #5284F8;
  position: relative;
  padding-bottom: 100px;
}

.c-why-inru-box {
  height: 100%;
}

.c-solusation-w .col-lg-3 {
  margin-bottom: 30px;
}

/*testi box*/
.c-testi-list-box {
  padding: 10px;
}

.c-testi-list-box .theme-icon .theme-corn {
  width: 84px;
  height: 84px;
}

.c-testi-list-box .theme-icon {
  width: 7.125rem;
  height: 7.125rem;
  padding: 14px;
}

.c-testi-list-box p {
  font-size: 15px;
}

.c-testi-list-box .c-btn-1 {
  font-size: 14px;
  padding: 10px 20px;
}

.theme-item.c-testi-box .circles-spin .circle-two {
  right: 0.1125rem;
}

.theme-item.c-testi-box .circles-spin .circle-one {
  left: .6125rem;
}

.c-testimonial-w .c-heading-new-3 {
  margin-bottom: 15px;
}

.c-testi-w .slick-arrow {
  content: "";
  display: block;
  border: none;
  box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);
  width: 45px;
  height: 45px;
  border-radius: 4px;
  background: #cd9c09;
  color: #fff;
  font-size: 28px;
  position: absolute;
  right: 56px;
  z-index: 2;
  top: -72px;
  transform: inherit;
  clip-path: polygon(100% 0, 34% 59%, 100% 100%);
}

.c-testi-w .slick-next {
  left: inherit;
  right: 0px;
  background-color: var(--blue);
  clip-path: polygon(0 0, 0% 100%, 62% 58%);
}

.c-testi-w .slick-next i {
  position: relative;
  left: 2px;
}

.c-testi-w .c-heading-new-3 {
  margin-bottom: 20px;
}

.c-package-w {
  padding-top: 50px;
}

.c-package-w .c-heading-new-3 {
  margin-bottom: 10px;
}

/*package*/


.microsoft-prod .microsoft-box {
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  padding: 30px 20px 20px 20px;
  text-align: center;
  /* height: 672px; */
  height: 100%;
}

.microsoft-prod .microsoft-box h3 {
  font-size: 23px;
  font-weight: 600;
  color: var(--blue-2);
  line-height: 29px;
  margin-top: 15px;
}

.microsoft-prod .microsoft-box h4 {
  font-size: 24px;
  padding-top: 10px;
  color: #263fa5;
  font-weight: 600;
}

.microsoft-prod .microsoft-box h4 span {
  font-size: 18px;
  color: #000;
}

.microsoft-prod .microsoft-box p {
  font-size: 13px;
  padding-bottom: 0;
  margin-top: 7px;
  font-weight: bold;
  color: #000;
  margin-bottom: 12px;
  line-height: 20px;
}

.microsoft-prod .microsoft-box a {
  color: var(--blue) !important;
  padding-top: 15px;
  padding-bottom: 7px;
  font-weight: 600;
  display: inline-block;
}

.microsoft-prod .microsoft-box ul {
  padding-left: 19px;
  list-style-type: none;
  margin-bottom: 12px;
  /* min-height: 192px; */
  margin-bottom: 33px;
}

.microsoft-prod .microsoft-box ul li {
  text-align: left;
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  line-height: 19px;
  padding: 0;
  margin-bottom: 10px;
  padding-left: 9px;
}

.microsoft-prod .microsoft-box ul li::marker {
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  color: var(--main-color);
}

.microsoft-prod .microsoft-box h6 {
  padding-bottom: 11px;
  font-weight: bold;
  color: var(--blue-2);
  margin-top: 0;
}


.microsoft-prod .microsoft-box h6 sup {
  color: #2178d4;
}

.microsoft-prod .microsoft-box .testi-item p {
  font-size: 8px;
  margin: 0;
  padding: 0;
  line-height: 100%;
}

.testi-item {
  margin-bottom: 5px;
}

.testi-item img {
  width: 40px;
  margin-bottom: 4px;
}

.c-package-w .c-btn-1 {
  font-size: 15px;
}

/*client*/
.c-client-w {
  padding-top: 50px;
}

.c-client-w h2 {
  font-size: 36px;
  line-height: 42px;
  color: #14297C;
  font-weight: 600;
}

.c-client-w h2 span {
  color: var(--main-color)
}

.c-client-w p {
  font-weight: bold;
  margin: 8px 0 15px;
}

.c-client-w .c-btn-1 {
  font-size: 15px;
  padding: 12px 25px;
}

.c-client-list-box {
  padding: 10px;
  background: #fff;
  border: 1px solid #95A7EC;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 8px;
}

.c-client-list-box img {
  height: 65px;
  object-fit: contain;
}

/*banner*/
.cn-banner-main {
  padding-top: 40px;
  padding-bottom: 40px;
}

.cn-banner-con h1 {
  font-size: 55px;
  font-weight: 600;
  color: #316CF4;
  line-height: 43px;
  margin-bottom: 20px;
}

.cn-banner-con h1 span {
  font-size: 28px;
  color: #DDAA39;
  display: block;
}

.cn-banner-con p {
  padding-right: 100px;
  font-weight: 600;
  color: #000;
  margin-top: 10px;
  line-height: 30px;
}

.cn-banner-con ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.cn-banner-con ul li {
  margin-right: 8px;
}

.cn-banner-con ul li img {
  width: 45px;
}

.c-nav-bottom {
  display: flex;
  justify-content: space-between;
}

.c-nav-top-main {
  background: var(--blue-2);
}

.c-nav-bottom-list>ul>li>a.c-btn-1 {
  font-size: 15px;
  padding: 12px 25px;
  color: #fff;
}

.c-nav-bottom-list>ul>li>a.c-btn-1:after,
.c-nav-bottom-list>ul>li>a.c-btn-1:before {
  display: none;
}

.c-nav-bottom-list>ul>li>a.c-btn-1 {
  background-color: var(--blue-2);
  color: #fff;
}

.c-nav-bottom-list>ul>li>a.c-btn-1:hover {
  background-color: var(--main-color);
  color: #fff;
}

.c-nav-top-info-in li:last-child img {
  width: 20px;
}

.c-nav-bottom-list>ul>li:last-child {
  padding-right: 0px;
  padding-left: 0;
}

.c-other-nav {
  display: flex;
  align-items: center;
}

.c-other-nav .add-cart {
  color: #fff;
  background-color: var(--main-color);
}


.c-faq-page-w .accordion-item {
  margin-bottom: 10px;
}



.cp-365-feature {
  padding: 50px 0;
}

.features {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 25px;
  margin-top: 0;
}

.features .features-icon .fa {
  color: var(--main-color);
  font-size: 40px;
  margin-right: 15px;
}

.features .features-info p {
  margin: 0px;
}

.features .features-info h3 {
  font-size: 21px;
  font-weight: 600;
  color: var(--blue-2);
  margin-bottom: 8px;
}

.c-heading-new-3 h2 {
  text-align: left;
  font-weight: bold;
  font-size: 28px;
  color: var(--blue-2);
  margin-bottom: 0px;
  font-weight: bold;
}

.c-heading-new-3.text-center h2 {
  text-align: center;
}

.c-hosting-feature .features h3 {
  margin: 0px;
}

.c-hosting-feature .features {
  display: flex;
  align-items: center;
}

.c-hosting-feature .features .features-icon .fa {
  font-size: 30px;
}

.c-footer-other h3 {
  font-size: 16px;
  line-height: 25px;
  margin-top: 16px;
  color: #000;
}


.c-get-form-w {
  padding: 50px 40px;
  border-radius: 30px 30px 70px 30px;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
}

.c-get-form-w h3 {
  font-weight: bold;
  font-size: 22px;
  color: #000000;
  margin-bottom: 5px;
}

.c-get-form-w h4 {
  font-size: 30px;
  font-weight: bold;
  color: #FFD872;
}

.c-get-form-w span {
  position: relative;
  display: inline-flex;
  color: #316CF4;
}

.c-get-form-w h4 sub {
  position: relative;
  top: -3px;
  color: #316CF4;
  font-size: 15px;
}

.c-get-form-w form {
  margin-top: 30px;
}

.c-get-form-w .form-control {
  background: #F5F5F5;
  border: 1px solid #D9D9D9;
  font-size: 13px;
  padding: 12px;
}

.c-get-form-w .form-group {
  margin-bottom: 15px;
}

.c-get-form-w .c-btn-1 {
  border-radius: 0px;
  outline: none;
  border: none;
  background: #DDAA39;
  border-radius: 30px;
}

.c-get-form-w h4 span:after {
  width: 100%;
  height: 3px;
  background-color: #FFD872;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.c-form-bottom {
  padding: 50px 0;
  background: #fff;
}


.c-form-bottom-img {
  position: relative;
  text-align: center;
}

.c-headeing-new-1 {
  line-height: normal;
  margin-bottom: 15px;
  font-size: 35px;
  font-weight: bold;
  color: #14297C;
}

.c-headeing-new-1 span {
  margin-top: 5px;
  display: block;
  color: #316CF4;
}

.c-headeing-new-1 b {
  color: #DDAA39;
}

.c-gst-return-con .c-headeing-new-1 {
  line-height: 45px;
}

.c-gst-return-w {
  padding: 45px 0;
}

.c-btn-1.blue-btn {
  background-color: #316CF4;
}

.c-btn-1.blue-btn:before {
  background: #DDAA39;
}

.c-whatsapp-w {
  position: relative;
  background: #5284F8;
  padding: 40px 0;
}

.c-whatsapp-con h2 {
  color: #fff;
  line-height: 40px;
  font-size: 30px;
  margin-bottom: 15px;
}

.c-whatsapp-con h2 span {
  color: #FFD872;
}

.c-whatsapp-img {
  position: absolute;
  left: 80%;
  bottom: 0;
  width: 529px;
  transform: translateX(-80%);
}

.microsoft-box {
  background: #fff;
}

.c-heading-new-3 b {
  color: #DDAA39;
}

.microsoft-prod .microsoft-box h4 {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.microsoft-prod .microsoft-box h3 span {
  display: block;
  color: #000;
  font-size: 15px;
}

.microsoft-prod .microsoft-box h4 dfn {
  font-style: normal;
  display: inline-block;
  font-size: 37px;
}

.microsoft-prod .microsoft-box h4 dfn b {
  color: #000;
  font-size: 13px;
  display: block;
  text-align: right;
  margin-top: 3px;
}

.microsoft-prod .microsoft-box strong {
  font-size: 30px;
  margin: 0 5px;
}

.microsoft-prod .microsoft-box sub {
  color: #000;
  margin-top: 5px;
}

.c-package-w {
  padding-bottom: 90px;
}

.microsoft-prod .c-ca-box ul li::marker {
  content: "\f111";
  font-size: 9px;
  color: #DDAA39;
}

.c-solusation-img-1 {
  background: #F6F9FF;
}

.c-solusation-img-1 img {
  width: 100%;
}


.parallax>use {
  animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}

.parallax>use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}

.parallax>use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}

.parallax>use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }

  100% {
    transform: translate3d(85px, 0, 0);
  }
}

.c-banner-wave-w {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
}

.waves {
  position: relative;
  width: 100%;
  height: 15vh;
  margin-bottom: -7px;
  /*Fix for safari gap*/
  min-height: 100px;
  max-height: 150px;
}

.c-solusation-w .c-heading-new-3 {
  color: #fff;
}

.c-solusation-w .c-heading-new-3 b {
  display: block;
  color: #FFD872;
  font-weight: normal;
}

.c-new-about h2 {
  font-size: 30px;
  font-weight: normal;
}

.dropdown-menu li {
  position: relative;
}

.dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
  right: 100%;
  left: auto;
}

.dropdown-menu>li:hover>.dropdown-submenu {
  display: block;
}


.c-nav-bottom-list>ul>li:last-child a {
  background: #DDAA39;
}

.cn-banner-con h2 {
  color: #000;
  line-height: normal;
  margin-bottom: 15px;
  font-size: 27px;
  line-height: 35px;
}

.cn-banner-con h2 b {
  color: #14297C;
}

.c-testi-w .c-heading-new-3 {
  line-height: 100%;
}

.c-testi-w .c-heading-new-3 b {
  font-size: 16px;
  display: block;
}

.c-testi-w .play-button {
  background: transparent;
}

.c-testimonial-img {
  position: relative;
}

.play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.c-testi-box p {
  margin-top: 20px;
  font-size: 13px;
}

.c-testimonial-img:after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.c-info-model .c-get-form-w {
  background: #fff;
}

.c-loder-w {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}



/*login page*/
.c-login-w .row .col-lg-9 {
  height: 100%;
}

.c-login-w {
  min-height: 100vh;
  background-size: cover;
  padding: 80px 100px 80px 60px;
}

.c-login-w .container-fluid {
  padding: 0;
  height: 100%;
}

.c-login-w .row {
  margin: 0;
  height: 100%;
}

.c-login-w .col-md-6 {
  padding: 0px;
}

.c-login-left {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgb(255 246 218) 55%, rgba(255, 255, 255, 1) 100%);
  background-size: 100% 100%;
  padding: 50px 0 0;
}

.c-login-left-logo {
  text-align: center;
}

.c-login-left-img {
  padding: 0 15px;
  height: 100%;
}

.c-login-left-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.c-login-right {
  padding: 30px;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.c-login-right h2 {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 0;
  color: #152a7d;
}

.c-login-right-in {
  width: 100%;
}

.c-login-right h2 b {
  display: block;
  margin-top: 5px;
  color: #0b49d6;
}

.c-login-right p {
  text-align: center;
  margin-bottom: 20px;
  font-size: 13px;
}

.c-login-right .form-control {
  border-radius: 30px;
  padding: 15px 25px;
}

.c-login-right .form-control:focus {
  border: 1px solid #270A2D;
  box-shadow: none;
}

html body .c-login-w .btn-primery {
  position: relative;
  transition: 0.5s;
  text-align: center;
  border-radius: 8px !important;
  background: #0b49d6;
  padding: 12px 30px !important;
  font-weight: bold;
  border: none;
  overflow: hidden;
}

html body .c-login-w .btn-primery:hover {
  color: #fff;
  background: var(--geadiant_1) !important
}

html body .c-login-w .btn-primery:after {
  content: "";
  display: block;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #cd9d0d;
  transition: 0.5s;
}

html body .c-login-w .btn-primery:hover:after {
  left: 0;
}

html body .c-login-w .btn-primery span {
  position: relative;
  z-index: 2;
}

.c-login-right .btn-primery {
  width: 100%;
  font-size: 16px;
}

.c-login-pw {
  background: url("/res/images/vcap/login-img.webp") no-repeat;
  background-size: cover;
  height: 100vh;
}

.c-register-w {
  background: url("/res/images/vcap/login-img-2.webp") no-repeat;
  background-size: cover;
  height: 100vh;
}

.c-register-w {
  padding-top: 25px;
  padding-bottom: 25px;
}

.c-register-w .form-control {
  padding-left: 15px !important
}

.c-login-left-logo img {
  width: 238px;
}

.c-login-left-logo {
  margin-bottom: 5px;
}

.c-login-right-in {
  padding: 0 0px;
}

.c-login-right .form-control {
  padding: 13px 11px 13px 50px;
  border-radius: 8px;
  border: 1px solid #6291E7;
  height: auto;
  color: #000;
  font-size: 16px;
  line-height: 100%;
}

.c-login-right .form-group {
  position: relative;
}

.c-login-right .mb-4 {
  margin-bottom: 15px !important;
}

.c-login-right .mb-4 span {
  color: #797E80;
  position: absolute;
  left: 11px;
  top: 2px;
  font-size: 31px;
  line-height: 100%;
  /* line-height: 100%; */
}

.c-register-w .c-login-left-img img {
  width: 100%;
}

.c-login-right .mb-4 label {
  margin-bottom: 8px;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.c-login-pw .c-leav-status h6 {
  font-size: 13px;
}

.c-login-pw .c-leav-status p {
  font-size: 12px;
}

.c-login-pw .c-leav-status .avatar {
  width: 32px;
  height: 32px;
}

.c-login-pw .c-leav-status .card-body {
  height: 202px;
  padding: 15px;
}

.c-login-pw .card .card-header {
  color: #4b646f;
  background: #cafdcc;
}

.c-login-pw .justify-content-between.form-group {
  position: relative;
}

.c-login-pw .justify-content-between.mb-4 a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.c-new-login-link {
  margin-top: 30px;
}

.c-login-pw .c-new-login-link .card-header {
  background: #fffaaa;
}

.c-login-pw .mt-3 {
  margin-top: 20px;
  font-size: 16px;
  margin-bottom: 15px;
  text-align: right !important;
}

.c-login-pw .mt-3 a {
  color: #3F51B5;
}

.c-login-w .c-captcha-w .row {
  margin: 0 -15px;
}

.c-login-w .c-captcha-w .row .form-control {
  padding: 10px;
  padding-left: 15px;
}

.c-login-w .form-control {
  font-size: 14px;
}

.c-login-w .form-control::placeholder {
  color: #202C4B;
  opacity: 1;
}

.c-login-w .form-control:-ms-input-placeholder {
  color: #202C4B;
  opacity: 1;
}


.c-login-w .form-control::-ms-input-placeholder {
  color: #202C4B;
  opacity: 1;
}

.c-login-right {
  width: 450px;
  border-radius: 15px;
  margin-left: auto;
}

.c-login-left-logo img {
  width: 120px;
  margin-bottom: 20px;
}

.c-login-content {
  width: calc(100% - 500px);
  position: absolute;
  left: 50px;
  bottom: 0;
}

.c-login-content h2 {
  color: #fff;
  line-height: 35px;
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 10px;
}

.c-login-content ul {
  display: flex;
  flex-wrap: wrap;
}

.c-login-content ul li {
  margin-right: 15px;
  color: #fff;
  margin-bottom: 5px;
}

.c-login-content ul li i {
  margin-right: 10px;
  font-size: 18px;
  color: #cd9d0d;
}

.cn-banner-main-img {
  padding: 0 30px;
  transform: scale(1.2);
}

.c-Trouble-w {
  margin-top: 20px;
  font-size: 16px;
}

.c-Trouble-w a {
  font-weight: bold;
}