.Slider-left-box .row {
  align-items: center;
}
.slide-inner-shadow-one {
  background-color: #4b3941;
  height: 100%;
  width: 61%;
  display: block;
  position: absolute;
  clip-path: polygon(0 0, 100% 0%, 61% 100%, 0% 100%);
}
.slide-inner-shadow-two {
  background-color: var(--color-primary);
  height: 92%;
  width: 66%;
  display: block;
  position: absolute;
  right: 0;
  clip-path: polygon(32% 0, 100% 0%, 100% 100%, 0% 100%);
  top: 30px;
}
.Slider-left-box {
  padding: 13em 0 0em 0;
  position: relative;
}
.slide-tagline {
  color: white;
  font-weight: 500;
  font-family: var(--primary-font);
  font-size: 18px;
  background-color: var(--color-secondry);
  letter-spacing: 1px;
  padding: 5px 20px;
  border-radius: 6px;
}
button.owl-dot:last-child {
  margin-right: 00;
}
div#slider img {
  width: 100%;
}
.slide_nav a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  background-color: var(--color-primary);
  color: white;
  padding: 14px 9px;
  font-weight: 800;
  letter-spacing: 8px;
  font-size: 12px;
}
#slider .slidesmalltext {
  color: #141b22;
  font-weight: 400;
}
a.theme_button.slide-btn {
  margin-right: 15px;
}
#slider h1,
#slider h2 {
  position: relative;
  font-size: 53px;
  font-weight: 800;
  color: #1E1E1E;
}
.slide-text {
  color: #000000;
  font-weight: 500;
  font-size: 16px;
  margin: 10px 0 20px 0;
}
.slide_btn a.theme_button {
  padding: 17px 38px;
}
@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}
.slider-box {
  text-align: left;
  max-width: 85%;
}
div#slider {
  overflow: hidden;
}
#slider button.owl-prev,
#slider button.owl-next {
  position: unset;
  top: 50%;
  right: 0;
  left: unset;
  transform: unset;
}
.custom-slider-nav.owl-nav {
  /* max-width: 58px; */
  position: absolute;
  /* top: 50%; */
  margin-top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  /* transform: translateY(-50%); */
  bottom: 5em;
  margin: 0 auto;
}
.custom-slider-dots.owl-dots {
  position: absolute;
  /* top: 50%; */
  /* transform: translateY(-50%); */
  /* left: 55px; */
  z-index: 9;
  /* display: block !important; */
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#slider .owl-dots button.owl-dot {
  display: block !important;
  margin-bottom: 10px;
  background-color: var(--color-secondry) !important;
  border-radius: 50%;
}
#slider .owl-dots button.owl-dot:last-child {
  margin: 0 !important;
}
#slider .owl-dots button.owl-dot.active {
  width: 24px !important;
  /* padding: 10px; */
  border-radius: 5px;
  height: 8px !important;
  background-color: var(--color-primary) !important;
}
.colored_word {
  position: relative;
}
span.colored_word {
  color: var(--color-primary);
}
.slide-carousel-image {
  background-size: cover;
}
.slide-shape1,
.slide-shape2,
.slide-shape7,
.slide-shape3,
.slide-shape4,
.slide-shape5,
.slide-shape6,
.feature-shape-1,
.feature-shape-2,
.feature-shape-3,
.feature-shape-4,
.features-svg-1,
.feature-shape1,
.feature-shape2,
.features-svg-1,
.powerful_tools-svg-1 {
  animation-name: float_up_down;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float_up_down;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float_up_down;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float_up_down;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float_left_right;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
@keyframes float_up_down {
  0% {
    transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  50% {
    transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }
  100% {
    transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
/*.about-svg-3 {
  animation-name: rotateme2;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotateme2;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotateme2;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotateme2;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotateme2;
  -o-animation-duration: 15s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}*/
@keyframes rotateme2 {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-360deg);
    opacity: 1;
  }
}
.slide-shape1 {
  background-color: rgb(255 255 255 / 40%);
  width: 87px;
  height: 84px;
  position: absolute;
  bottom: 7em;
  left: 3em;
  z-index: 9;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.slide-shape2 {
  background-color: rgb(255 255 255 / 30%);
  width: 87px;
  height: 84px;
  position: absolute;
  top: -4em;
  left: 11em;
  z-index: 9;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  transform: rotate(-15deg);
}
/* .slide-shape3 {
  background-color: #0047FF;
  width: 82px;
  height: 80px;
  position: absolute;
  bottom: 7em;
  left: 2em;
  z-index: 9;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
} */
/* .slide-shape4 {
  background-color: #FF725D;
  width: 120px;
  height: 120px;
  right: 0;
  border-radius: 0 450px 0 0;
} */
.slide-shape5 {
  background-color: #0047FF;
  width: 65px;
  height: 65px;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  position: relative;
  top: -2em;
  left: 3em;
  z-index: 99;
}
.slide-image-shapes {
  position: absolute;
  right: -1em;
  top: 4em;
}
.slide-shape6 {
  background-color: #f4c201;
  position: relative;
  top: -4em;
  right: -2em;
  z-index: 9;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  width: 74px;
  height: 74px;
}
.slide-shape7 {
  background-color: rgb(255 255 255 / 30%);
  width: 65px;
  height: 65px;
  position: absolute;
  bottom: 9em;
  left: 44em;
  z-index: 9;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  transform: rotate(67deg);
}
.slide-image-block {
  z-index: 9;
}
.slide-carousel-image {
  background-size: cover;
  padding-bottom: 9em;
}
/* --------- How It Works --------- */
.section_main_head h3 span {
  color: var(--color-primary);
}
#how-it-works .section_main_head {
  max-width: 49%;
  margin: 0 auto;
}
.how-it-works-box-number {
  background-color: #ffe2e4;
  display: inline-block;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  text-align: center;
  padding: 13px;
  border: 1px dashed #ff725d;
  color: black;
  font-weight: 800;
  font-size: 20px;
}
.how-it-works-box {
  text-align: center;
  padding: 0 30px 30px 30px;
}
.how-it-works-box h5,
.how-it-works-box h5 a {
  color: #1E1E1E;
  font-weight: 800;
  font-size: 20px;
}
.how-it-works-box-text {
  color: #1E1E1E;
  font-size: 16px;
}
.how-it-works-box svg {
  position: absolute;
  width: 87%;
  top: 11px;
  margin: 0 auto;
}
.how-it-works-number-only {
  padding-bottom: 4px;
}
.how-it-works-box:nth-child(3) svg {
  display: none;
}
.how-it-works-block .how-it-works-box-number {
  display: none;
}
/* --------- features --------- */
.features-image-1 img,
.powerful-tools-image-1 img {
  position: relative;
  z-index: 9;
}
.section-tagline {
  color: #FF8C7A;
  font-size: 20px;
  padding-bottom: 10px;
}
#features .section_main_head .section-text,
#powerful-tools .section_main_head .section-text {
  color: #1E1E1E;
  font-weight: 500;
  font-size: 18px;
}
.features-block h5,
.excellent_features-block h5 {
  color: #1E1E1E;
  font-weight: 800;
  font-size: 18px;
}
.features-box-text,
.excellent_features-box-text {
  color: #1E1E1E;
  font-size: 16px;
}
.feature-cirlce-1 {
  background-color: #f5c400;
  width: 523px;
  height: 523px;
  border-radius: 240px 240px 0px 240px;
  display: flex;
  align-items: end;
  overflow: hidden;
}
.features-image-1 img,
.powerful-tools-image-1 img {
  position: relative;
  /* z-index: 9; */
  /* position: absolute; */
  /* left: 0; */
  /* right: 0; */
  margin: 0 auto;
  bottom: 0;
}
.features-image-1,
.powerful-tools-image-1 {
  text-align: center;
}
.features-svg-1,
.powerful_tools-svg-1 {
  position: absolute;
  left: 0;
  top: -3em;
}
.feature-shape1 {
  position: absolute;
  bottom: 9em;
  z-index: 9;
  left: 0;
}
.feature-shape2 {
  position: absolute;
  top: 14em;
  z-index: 9;
  right: 2em;
}
#features,
#powerful-tools,
#excellent-features,
#powerful-tools {
  padding-top: 8em;
}
#powerful-tools .feature-shape-1 {
  background-color: #ff57f4;
}
#features .feature-shape-3 {
  background-color: #F5C400;
}
.feature-shape-1 {
  background-color: #ff5771;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: absolute;
  top: -3em;
  left: 8em;
}
#features .row,
#powerful-tools .row,
#excellent-features .row {
  align-items: center;
}
.feature-shape-2 {
  width: 35px;
  height: 35px;
  border: 5px solid white;
  position: absolute;
  top: 4em;
  left: 7em;
  border-radius: 50%;
}
.feature-shape-3 {
  background-color: #3B4ED9;
  width: 82px;
  height: 80px;
  position: absolute;
  bottom: 4em;
  right: 5em;
  z-index: 999;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.feature-shape-4 {
  background-color: #ff5771;
  width: 82px;
  height: 80px;
  position: absolute;
  bottom: 2em;
  right: 7em;
  z-index: 99;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.feature-shape2 {
  position: absolute;
  top: 14em;
  z-index: 9;
  right: 9em;
}
/* --------- Powerful Tools --------- */
.powerful-tools-image-1.feature-cirlce-1 {
  background-color: #ff57f4;
  border-radius: 240px 240px 240px 0px;
}
#powerful-tools .section-tagline {
  color: var(--color-primary);
}
#powerful-tools .section_main_head h3 span {
  color: #ff725d;
}
#powerful-tools .feature-shape-4 {
  background-color: #f5c400;
}
.powerful_tools-image {
  display: flex;
  justify-content: center;
  position: relative;
}
#powerful-tools .feature-shape-4 {
  right: 1em;
}
#powerful-tools .feature-shape-3 {
  right: -1em;
}
#powerful-tools .feature-shape2 {
  right: 4em;
}
#powerful-tools .feature-shape1 {
  left: 4em;
}
ul.powerful-tools-list {
  margin: 12px 0px 12px 0px;
}
.powerful-tools-list i {
  clip-path: polygon(
    30% 0%,
    70% 0%,
    100% 30%,
    100% 70%,
    70% 100%,
    30% 100%,
    0% 70%,
    0% 30%
  );
  background-color: #ff725d;
  color: white;
  font-size: 7px;
  padding: 4px;
  margin-right: 7px;
  position: relative;
  top: -2px;
}
ul.powerful-tools-list li {
  list-style: none;
  margin-bottom: 10px;
  color: #1E1E1E;
  font-weight: 600;
  font-size: 16px;
}
#powerful-tools .progress {
  width: 140px;
  height: 140px;
  background: none;
  position: relative;
  margin: 0 !important;
}

#powerful-tools .progress::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 8px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}

#powerful-tools .progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

#powerful-tools .progress .progress-left {
  left: 0;
}

#powerful-tools .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 9px;
  border-style: solid;
  position: absolute;
  top: 0;
}

#powerful-tools .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

#powerful-tools .progress .progress-right {
  right: 0;
}

#powerful-tools .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

#powerful-tools .progress .progress-value {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.percentage-text {
  color: #0047FF;
  font-weight: 600;
  font-size: 16px;
}
#powerful-tools .progress .progress-value sup.small {
  top: unset;
}
.progress-bar-block1 .progress-bar {
  border-color: #0047FF !important;
}
.progress-bar-block2 .progress-bar {
  border-color: #ff5771 !important;
}
#powerful-tools .progress-bar-block1 .progress::after {
  border-color: #bac2ff;
}
#powerful-tools .progress-bar-block2 .progress::after {
  border-color: #ffd5dc;
}
.powerful-tools-progress-bar {
  margin-top: 4em;
}
.progress-bar-block2 .percentage-text {
  color: #ff725d;
  font-weight: 600;
  font-size: 16px;
}
.progress-bar-block1 .percentage-text {
  color: #0047FF;
  font-weight: 600;
  font-size: 16px;
}
.progress-bar-title {
  color: #1E1E1E;
  font-weight: 400;
  font-size: 15px;
}
/* --------- Excellent Features --------- */
.excellent_features-block h5 {
  padding-top: 0;
}
.excellent-features-box-image {
  margin-right: 12px;
}
.excellent_features-box {
  margin-bottom: 3em;
}
.excellent_features-box-text {
  font-size: 14px;
}
.excellent-features-image-1.feature-cirlce-1 {
  background-color: #237cbb;
  justify-content: center;
}
#excellent-features .feature-shape1 {
  position: absolute;
  bottom: 6em;
  z-index: 9;
  left: 0;
}
#excellent-features .feature-shape2 {
  top: 2em;
  right: 10em;
}
#excellent-features .feature-shape-3 {
  background-color: #3B4ED9;
}
#excellent-features .feature-shape-4 {
  background-color: #F5C400;
}
/* --------- Video Banner --------- */
.video-banner-container {
  border-radius: 20px;
  background-size: cover;
}
.video_text {
  background-color: #EE464B;
  padding: 0 0 3em 3em;
  display: flex;
  align-items: end;
  width: 450px;
  height: 450px;
  border-radius: 0 450px 0px 20px;
}
.video_text-outer-block {
  padding-top: 4em;
}
.video_text-outer {
  background-color: rgb(255 255 255 / 20%);
  padding: inherit;
  width: 500px;
  height: 500px;
  border-radius: 0 500px 0 0;
  display: flex;
  align-items: end;
}
.video_text-outer .section_main_head {
  max-width: 89%;
}
.video-block i {
  color: #1E1E1E;
  background-color: white;
  width: 80px;
  height: 80px;
  padding: 0;
  text-align: center;
  padding-top: 31px;
  font-size: 20px;
  border-radius: 50%;
}
a.video_icon {
  border: 1px solid rgb(255 255 255 / 30%);
  width: 116px;
  display: inline-block;
  height: 116px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-banner-container .section_main_head h3 {
  color: white;
  font-size: 40px;
  font-weight: 800;
}
.video-banner-container {
  border-radius: 20px;
  background-size: cover;
  position: relative;
}
#video-banner .features-svg-1 {
  top: unset;
  bottom: -4em;
  left: unset;
  right: -5em;
}
#video-banner .feature-shape-2 {
  top: unset;
  bottom: 3em;
  left: unset;
  right: 3em;
}
#video-banner .feature-shape-1 {
  top: unset;
  bottom: -4em;
  left: unset;
  right: 4em;
}
/* --------- App Screenshot --------- */
/* .app-screenshort-top-shapes .slide-shape4 {
  background-color: #ff725d;
  width: 132px;
  height: 132px;
} */
#app-screenshot {
  background-color: #51698D;
  padding-bottom: 10em;
}
#app-screenshot .section_main_head h3 {
  color: white;
}
#app-screenshot .owl-item.active.center {
  transform: scale(1.2);
  z-index: 99;
}
.app-screenshot-content-box h5,
.app-screenshot-content-box h5 a {
  color: white;
  font-weight: 800;
  font-size: 23px;
  margin-top: 4em;
}
.app-screenshot-content-box h5 span,
.app-screenshot-content-box h5 a span {
  color: #29a0f5;
}
.app-screenshot-content-box .app-screenshot-box-text {
  color: white;
  font-size: 14px;
}
.app-screenshot-content-box {
  text-align: center;
}
#app-screenshot .owl-item.active .app-screenshot-content-box {
  display: none;
}
#app-screenshot .owl-item.active.center .app-screenshot-content-box {
  display: block;
}
#app-screenshot .owl-item.active.center .app-screenshot-content-box {
  display: block;
  width: 600px;
  margin-left: -109px;
  margin-right: -109px;
}
#app-screenshot .owl-item.active.center .app-screenshot-content-box {
  display: block;
  width: 600px;
  margin-left: -109px;
  margin-right: -109px;
  margin-top: 3em;
}
#app-screenshot .owl-carousel .owl-stage-outer {
  padding-top: 8em;
  padding-bottom: 8em;
}
#app-screenshot .owl-item.active .main-news-box {
  top: 4em;
  position: relative;
  opacity: 0.7;
}
#app-screenshot .owl-item.active.center .main-news-box {
  top: 0;
  opacity: 1;
}
#app-screenshot .owl-dots {
  display: block !important;
  position: absolute;
  bottom: 19em;
  left: 0;
  right: 0;
}
#app-screenshot .owl-dots button.owl-dot {
  background-color: rgb(217 217 217 / 40%) !important;
}
#app-screenshot .owl-dots button.owl-dot.active {
  background-color: #bae2ff !important;
}
.app-screenshort-shape1 {
  position: absolute;
  top: 1em;
  left: 0;
}
.app-screenshort-shape2 {
  position: absolute;
  right: 2em;
  top: 35%;
}
.app-screenshort-shape3 {
  position: absolute;
  right: 8em;
  bottom: 17em;
}
.app-screenshot-shapes {
  position: absolute;
  bottom: 20em;
  left: 3em;
}
.app-screenshot-shapes .feature-shape-1 {
  left: 9em;
}
.app-screenshot-shapes .feature-shape-2 {
  left: 8em;
}
.app-screenshort-top-shapes {
  position: absolute;
  top: 0em;
  right: 4em;
}
.app-screenshort-top-shapes .slide-shape5 {
  background-color: #3B4ED9;
  left: 5em;
}
.app-screenshort-top-shapes .slide-shape6 {
  right: -4em;
}
/* .app-screenshort-shape-4 {
  background-color: rgb(255 255 255 / 10%);
  width: 75px;
  height: 75px;
  position: absolute;
  top: -20em;
  left: -1em;
  border-radius: 50%;
  z-index: 9;
} */
/*-------------- Pricing Plans ------------------*/
#pricing-plans .features-svg-1 {
  top: 5em;
  left: 7em;
}
#pricing-plans .feature-shape-1 {
  left: 3em;
  top: 11em;
}
#pricing-plans .feature-shape-2 {
  top: 3em;
  left: 3em;
}
.popular-box {
  background-color: #38cc47;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
}
.popular-box {
  background-color: #38cc47;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
  position: absolute;
  top: -19px;
}
span.bold_words {
  font-weight: 600;
}
#pricing-plans .bold-text,
#our-faq .bold-text {
  top: 10%;
  font-size: 140px;
  -webkit-text-stroke: 1px #d4d4d4;
  -webkit-text-fill-color: transparent;
}
#pricing-plans h3 span,
#our-faq h3 span,
#projects h3 span,
#features h3 span,
#team h3 span,
#appointment h3 span,
#latest-news h3 span,
#testimonials h3 span,
#contact-section h3 span {
  color: var(--color-primary);
}
#latest-news h3 span,
#testimonials h3 span {
  display: block;
}
#pricing-plans-faq {
  background-color: #ffefef;
  padding-top: 10em;
}
.plan-item h5 {
  color: #3d3269;
  font-weight: 700;
  font-size: 31px;
}
.plan-price {
  /* font-family: var(--primary-font); */
  font-size: 27px;
  color: #3d3269;
  /* display: block; */
  /* margin: 12px 0; */
  font-weight: 500;
}
.plan-package {
  color: #3d3269;
  font-size: 18px;
  font-weight: 500;
}
.plan-item-price-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 26px 0;
}
.plan-desc {
  color: #5d666f;
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-top: 12px;
}
.plan-features ul li i {
  color: var(--color-primary);
  font-size: 10px;
  border-radius: 5px;
  margin-right: 5px;
}
.plan-features ul li i.fas.fa-times {
  color: black;
}
.plan-features ul li {
  list-style: none;
}
.plan-features ul {
  margin: 0;
}
.plan-features ul li {
  list-style: none;
  margin-bottom: 14px;
  color: #1E1E1E;
  font-weight: 400;
  font-size: 18px;
}
.plan-features {
  padding: 15px 26px 15px 26px;
  background-color: #fff6ed;
  border-radius: 15px;
}
.plan-btn a.theme_button {
  padding: 18px 30px;
  border: 1px solid #000000;
  background-color: transparent;
  color: #1E1E1E;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  text-align: center;
}
.plan-btn a.theme_button:hover,
.plan-item-block:hover a.theme_button {
  background-color: #1E1E1E;
  color: white;
}
.pricing_plans-head {
  padding-top: 8em;
}
.plan-btn {
  margin-top: 24px;
}
.plan-item-block {
  padding: 30px;
  background-color: white;
  border-radius: 30px;
}
.plan-item-title-block {
  background-color: #ffc173;
  padding: 25px 26px;
  border-radius: 15px;
  position: relative;
}
.plan-item-title-image {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.recommend_box .plan-item-title-block {
  background-color: #7d5fff;
}
.recommend_box .plan-item-title-block h5 {
  color: white;
}
.recommend_box .plan-btn a.theme_button {
  background-color: #1E1E1E;
  color: white;
}
#pricing-plans .svg-shape-bottom .features-svg-1 {
  top: unset;
  bottom: 0;
  right: 7em;
  left: unset;
}
#pricing-plans .svg-shape-bottom .feature-shape-1 {
  left: unset;
  top: unset;
  right: 3em;
  bottom: 0;
}
#pricing-plans .svg-shape-bottom .feature-shape-2 {
  top: unset;
  left: unset;
  right: 3em;
  bottom: 6em;
}
#pricing-plans {
  padding-bottom: 10em;
}
/* ----------- Testimonials ------------- */
#testimonials .section_main_head h3 {
  background: linear-gradient(180deg, #323D6D 0%, #3444B1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
  font-size: 80px;
  text-transform: capitalize;
  letter-spacing: -5px;
  padding-bottom: 0;
}
#testimonials h6 {
  color: #1E1E1E;
  font-size: 22px;
  padding-top: 0;
}
.testimonial-shape-image > img {
  border-radius: 240px 240px 0px 240px;
}
.testimonial-shape-image.position-relative {
  border-radius: 240px 240px 0px 240px;
  overflow: hidden;
}
.testimonial-image.position-relative {
  position: absolute !important;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}
.review-text {
  color: #1E1E1E;
  font-weight: 500;
  font-size: 20px;
}
i.fa-solid.fa-quote-left {
  background: #9f1b32;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 12px;
  font-size: 49px;
}
.testimonials-shapes {
  position: absolute;
  top: -1em;
  left: -2em;
}
.testimonials-shapes .feature-shape-1 {
  left: 9em;
  z-index: 99;
}
.testimonial-div {
  display: flex;
  align-items: center;
}
#testimonials .owl-stage-outer {
  padding-top: 4em;
}
.testimonial-box i {
  color: var(--color-primary);
  font-size: 42px;
}
.testimonial_text,
.testimonial_text p {
  color: #1E1E1E;
  font-size: 22px;
  font-weight: 600;
  line-height: 36.1px;
}
.reviews-text {
  color: white;
  font-weight: 400;
  font-family: var(--primary-font);
  font-size: 17px;
  padding-left: 2%;
}
.testimonial-inner {
  position: relative;
}
.testimonial-title a {
  font-size: 20px;
  position: relative;
  /* color: white; */
  font-weight: 700;
}
i.fa-solid.fa-quote-right {
  position: absolute;
  right: 0;
  background: #9f1b32;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* opacity: 40%; */
  z-index: 9;
  bottom: 0.5em;
  font-size: 49px;
}
h5.testimonial-title {
  padding: 0;
  line-height: 1.1;
  position: relative;
  display: block;
}
.testimonial-title a {
  font-size: 20px;
  position: relative;
  color: #1E1E1E;
  font-weight: 700;
}
.testimonial-box .media {
  align-items: center;
}
.testimonial-box .media-body {
  margin-left: 10px;
}
.t-desig {
  font-size: 14px;
  color: #1E1E1E;
  font-weight: 400;
  display: inline-block;
  padding-top: 0;
}
.quote_box h3 {
  font-size: 23px;
  color: #1d4d4f;
  font-weight: 600;
}
.owl-carousel .owl-item .quote_box .media img,
.quote_box .media img {
  width: 80px !important;
  height: 80px;
  border-radius: 50%;
}
.testimonials-info p {
  margin-bottom: 0;
}
#testimonials .owl-carousel .owl-dots button.owl-dot,
#testimonials .owl-dots button.owl-dot {
}
#testimonials .owl-carousel button.owl-dot.active,
#testimonials button.owl-dot.active {
}
#testimonials .owl-carousel button.owl-dot,
#testimonials button.owl-dot {
  padding: 5px !important;
  background-color: #d9d9d9 !important;
}
#testimonials .owl-carousel button.owl-dot.active,
#testimonials button.owl-dot.active {
  background-color: #ff5771 !important;
}
#testimonials .owl-carousel .owl-dots {
  text-align: left;
  display: block;
  margin-top: 3em;
}
#testimonials {
  padding: 8em 0;
}
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.media-body {
  -ms-flex: 1;
  flex: 1;
}
/* ----------- Latest News ------------- */
.news-top-shapes {
  position: absolute;
  right: 0;
  top: -3em;
}
#latest-news {
  background-color: #51698D;
  padding: 8em 0;
}
#latest-news .section-tagline {
  color: #FF8C7A;
}
#latest-news .section_main_head h3 {
  color: white;
}
.news-head {
  max-width: 40%;
  margin: 0 auto;
}
.post_img img {
  border-radius: 5px;
}
#latest-news .section-text {
  color: white;
}
.news-box-3 .post_img,
.news-box-4 .post_img {
  display: none;
}
.post-image-block img {
  width: 100%;
}
.news-box-3 .blog-box {
  margin-bottom: 53px;
}
.blog-box {
  position: relative;
}
.post_img {
  position: relative;
  margin-bottom: 15px;
}
.news-box span.news_date {
  display: block;
  font-family: var(--primary-font);
  font-size: 21px;
  font-weight: 700;
}
.post-meta {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.metabox span {
  display: inline-block;
}
.metabox span i {
  color: var(--color-primary);
}
.news-text {
  margin: 10px 0;
  font-size: 15px;
  color: #9fa2a4;
  font-weight: 400;
}
.post-image-block {
  position: relative;
}
.post-meta-content {
  display: flex;
  align-items: center;
}
.blog-box ul.post-categories a {
  /* background-color: transparent; */
  color: #9ca8ff;
  text-transform: capitalize;
  background-color: #0019ce;
  padding: 3px 9px 6px 9px;
  border-radius: 2px;
  color: white;
}
.author-post a {
  color: white;
  text-transform: capitalize;
  padding: 3px 17px;
  border-radius: 2px;
}
.blog-box .entry-date {
  display: flex;
  color: white;
}
.meta-sep {
  background-color: #9ca8ff;
  width: 1px;
  height: 10px;
  margin-left: 0px;
  margin-right: 16px;
}
.blog-box h5 a {
  font-family: var(--primary-font);
  color: #ffffff;
  font-weight: 500;
  display: block;
  margin-top: 10px;
  font-size: 23px;
  line-height: 34px;
}
.more-details a.theme_button {
  background-color: transparent;
  color: white;
  font-weight: 500;
  font-size: 18px;
  padding: 0;
}
.more-details a.theme_button:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #9ca8ff;
  position: absolute;
  bottom: 3px;
  left: 0;
}
.news-top-shapes .slide-shape5 {
  background-color: white;
  left: 4.7em;
}
.news-top-shapes .slide-shape6 {
  top: -4em;
  right: -3.2em;
  width: 80px;
  height: 80px;
}
.news-bottom-shapes .slide-shape4 {
  border-radius: 0 0px 450px 0;
}
.news-bottom-shapes .slide-shape5 {
  clip-path: polygon(100% 0, 0 0, 0 91%);
  background-color: white;
  top: 2em;
  left: 4em;
  width: 75px;
  height: 75px;
}
.news-bottom-shapes .slide-shape6 {
  clip-path: polygon(100% 0, 0 0, 0 91%);
  top: 4.9em;
  width: 90px;
  height: 90px;
}
.news-bottom-shapes {
  position: absolute;
  bottom: -6em;
}
#latest-news .new_btn a.theme_button {
  color: white;
  border: 1px solid white;
  background-color: #3B4ED9;
}
#latest-news .new_btn a.theme_button:hover {
  background-color: #1E1E1E;
  color: white;
  border-color: #1E1E1E;
}
/*-----------------------faq--------------------------*/
#our-faq {
  padding: 12em 0 0em 0;
}
.faq-shapes .features-svg-1 {
  top: unset;
  bottom: 0;
  left: unset;
  right: 0;
}
.faq-shapes .feature-shape-1 {
  top: unset;
  bottom: 7em;
  left: unset;
  right: 8em;
}
.faq-shapes .feature-shape-2 {
  top: unset;
  bottom: -2em;
  left: unset;
  right: 8em;
  border-color: #f4c201;
}
#our-faq .section_main_head h6 {
  color: #12161c;
  margin-bottom: 16px;
}
.faq-image img {
  height: 100%;
  margin-top: 2em;
  border-radius: 5px;
}
#accordionfaq button.accordion-button {
  font-size: 20px;
  color: #000000;
  font-weight: 600;
  padding: 0;
  border: none;
  margin-bottom: 0;
  width: 100%;
  display: block;
  box-shadow: none;
  text-transform: capitalize;
}
#accordionfaq button.accordion-button:after {
  content: "";
  position: relative;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform 0.25s linear;
  -webkit-transition: -webkit-transform 0.25s linear;
  font-size: 19px;
  background-image: none;
  top: 4px;
  color: #554983;
  border: 1px solid #554983;
  padding: 0px 4px 4px 3px;
  border-radius: 50%;
}
#accordionfaq button.accordion-button[aria-expanded="true"]:after {
  content: "\f068";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 1px;
  color: var(--color-primary);
  font-family: "Font Awesome 5 Free";
  border: none;
  font-size: 12px;
  background-color: transparent;
  border: 1px solid var(--color-primary);
  padding: 4px;
}
#accordionfaq button.accordion-button[aria-expanded="false"]:after {
  content: "\f067";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: relative;
  top: 1px;
  /* background-color: var(--color-primary); */
  color: #292d32;
  /* border: none; */
  border-color: transparent;
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  background-color: transparent;
  border: 1px solid #292d32;
  padding: 4px;
}
.accordion-item {
  margin-bottom: 15px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 0px;
}
.accordion-body {
  padding-bottom: 0;
  padding-top: 0;
  padding: 0;
  margin-top: 17px;
}
.accordion-collapse {
  padding: 0px;
}
h4.accordion-header button {
  padding: 12px 12px;
  background-color: var(--color-fe5970) !important;
  border-radius: 7px;
}
.accordion-header {
  padding: 0;
}
.accordion-button:focus {
  box-shadow: none;
}
#accordionfaq button.accordion-button:not(.collapsed) {
}
.accordion-body p {
  font-weight: 500;
  color: #1E1E1E;
  font-size: 16px;
  margin: 0;
}
.faq-box {
  padding: 8em 5em 8em 0em;
}
.faq-box .section-text {
  color: #030303;
}
.faq-image img {
  height: 100%;
  width: 100%;
}
.faq-box {
  padding: 8em 5em 8em 0em;
  padding-left: 6em;
}
#accordionfaq button.accordion-button:after {
  position: absolute !important;
  right: 0;
  top: 54% !important;
  transform: translateY(-50%) !important;
  padding: 0;
}
.accordion-item {
  background-color: #f6f8ff;
  padding: 19px 20px;
  border: 1px solid #ced3fa;
  border-radius: 5px !important;
  margin-bottom: 14px;
}
.testimonials-shapes .feature-shape-2 {
  z-index: 99;
}
/* --------- Records --------- */
.records-box {
  align-items: center;
}
.records-box .box-count {
  font-size: 38px;
  top: 16px;
  font-weight: 900;
  color: #1E1E1E;
}
.records-box h6 {
  color: #ff725d;
  font-weight: 600;
  font-size: 18px;
  display: block;
  margin-top: 0;
  padding: 0;
}
.record-block2 .records-box span.box-count {
  -webkit-text-stroke: unset;
  -webkit-text-fill-color: unset;
  color: #1c2539;
}
.record-block2 h6,
.record-block2 h6 a {
  color: #1393cf;
}
.record-block3 h6,
.record-block3 h6 a {
  color: #FF5771;
}
.record-block4 h6,
.record-block4 h6 a {
  color: #fe9c39;
}

.wpcf7-date {
  position: relative;
}
.wpcf7-date::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}
.wpcf7-date:before {
  content: "\f073";
  font-weight: 900;
  color: #4b3941;
  /* background: none; */
  display: block;
  font-family: "Font Awesome 5 Free";
  width: 15px;
  height: 20px;
  position: absolute;
  top: 5px;
  left: -21px;
  z-index: 99;
}
input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {
  overflow: visible;
}

/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-dots,
.owl-dots {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.owl-carousel .owl-dots button.owl-dot,
.owl-dots button.owl-dot {
  background-color: black !important;
  /* border: 2px solid black; */
  margin-right: 7px;
  outline: none;
  border: none;
  border-radius: 50%;
  padding: 8px !important;
  height: 3px !important;
  width: 3px !important;
  display: inline-block;
  border: none;
}
.owl-carousel .owl-dots button.owl-dot:last-child,
.owl-dots button.owl-dot:last-child {
  margin-right: 0 !important;
}
.owl-carousel button.owl-dot.active,
button.owl-dot.active {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary);
}
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  height: auto;
}
button.owl-prev,
button.owl-next {
  position: unset;
  transform: unset;
  border: none;
  padding: 0;
  outline: none;
  width: auto !important;
  background-color: transparent;
  z-index: 9999;
  position: relative;
}
button.owl-prev {
  position: absolute;
  top: 41%;
  left: -60px;
  transform: translateY(-54%);
}
button.owl-next {
  position: absolute;
  top: 41%;
  right: -60px;
  transform: translateY(-54%);
}
.owl-carousel .owl-nav i,
.owl-nav i {
  font-size: 14px;
  padding: 11px 12px;
  color: #4b3941;
  border: none;
  background-color: white;
  border: none;
  transition: 0.3s ease;
  border-radius: 0;
  opacity: 1;
  border-radius: 0;
  box-shadow: 0px 0px 7px 0px #0000001c;
  border-radius: 5px;
}
.owl-nav {
  text-align: center;
  margin-top: 20px;
}
.owl-carousel .owl-nav i:hover,
.owl-nav i:hover {
  color: white;
  background-color: var(--color-primary);
  transition: 0.3s ease;
  opacity: 1;
}
#records .owl-carousel .owl-stage-outer {
  padding-top: 15px;
}