/*************************/
.h-title-18 {
  color: #101410 !important;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-active #nav {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

#header .nav-opener {
  width: var(--icon-button-extra-small-size, 28px);
  height: var(--icon-button-extra-small-size, 28px);
  flex-shrink: 0;
  float: right;
  margin-top: 10px;
}

.marg-left-7 {
  margin-left: 7px;
}

.font-600 {
  font-weight: 600
}

.img-responsive {
  height: 34px !important;
  width: 178px !important;
}

#header .header-area {
  overflow: hidden;
  background: #F9EFCC;
  padding: 18px 16px;
}

#header .header-holder {
  padding: 21px 0 21px;
  background: var(--white-main, #FFF);
}

/*------------------------------------------------------------------
  5. Logo / .logo
  -------------------------------------------------------------------*/

.logo {
  width: 190px;
  float: left;
  margin-top: 8px;
}

/*------------------------------------------------------------------
  nav
  -------------------------------------------------------------------*/
#nav ul>li>a {
  display: block;
  transition: all 0.25s linear;
  color: #000;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  text-decoration-line: none;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#nav {
  font-weight: 700;
  float: right;
  color: #fff;
  text-align: right;
}

#nav ul {
  margin: 0;
}

#nav ul>li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 44px;
  position: relative;
}

#nav ul>li:hover {
  padding-bottom: 35px;
  margin-bottom: -35px;
}

.upgrade {
  display: inline-flex !important;
  padding: 11px 25px 11px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: #FFF;
  border: 1.5px solid #2EBB84;
  color: #2EBB84 !important;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: normal !important;
}

.order-00 {
  order: 1;
}

.order-11 {
  order: 2;
}

/*------------------------------------------------------------------
  44. Footer / #footer
  -------------------------------------------------------------------*/
#footer {
  overflow: hidden;
}

#footer .footer-holder {
  padding: 80px 0 136px;
  overflow: hidden;
  background: #F5F6F5;
  color: #000;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  margin-top: 90px;
}

#footer h3 {
  color: #000;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 16px;
  position: relative;
}

#footer a {
  color: #000;
  font-family: 'Source Sans Pro';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  text-decoration-line: none;
}

#root {
  overflow: hidden !important;
}

#footer .footer-area {
  padding: 16px 0 16px;
  overflow: hidden;
  background: #F5F6F5;
}

#footer .hr-footer {
  background: #CCC;
  height: 1px;
  margin-bottom: 16px;
}

#footer .footer-area p {
  margin: 0;
  color: #101410;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

/*------------------------------------------------------------------
  Section : Choose the plan that fits your needs!
  -------------------------------------------------------------------*/
.bg-green {
  background: rgba(46, 187, 132, 0.10);
}

.white-color {
  color: var(--white-main, #FFF) !important;
}

.service-sec {
  padding: 80px 0;
  position: relative;
}

.service-sec.service3 .service .img-card {
  display: inline-flex;
  padding: 13px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
  background: rgba(46, 187, 132, 0.10);
  margin-bottom: 50px;
}

.service-sec.service3 .service .img {
  display: flex;
  width: 54px;
  height: 54px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}

.service-sec.service3 .service {
  padding: 44px 18px 36px 18px;
  height: 330px;

}

.service-sec.service3 .service p {
  color: #101410;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-style: normal;
  opacity: 0.7;
  font-weight: 400;
  line-height: normal;
}

.service-sec.service3 .service h2 {
  color: #101410;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.service-sec.service3 .service h2 a {
  color: #555;
  transition: all 0.25s linear;
}

/*****************************/
.work-sec {
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 80px;
}

.service-sec.service2 {
  padding: 80px 0 80px;
}

.choose-sec {
  overflow: hidden;
  padding-bottom: 80px;
}

.title-sec-7 {
  font-size: 26px !important;
  font-style: normal;
  padding: 0rem 20vh 0rem 20vh;
  line-height: 48px !important;
}

.choose-sec.style2 {
  padding-top: 80px;
}

.style2 .main-heading2 {
  text-align: left
}

.service-sec.service2 .service h2 {
  color: #101410;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.service-sec.service2 .service .img {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  margin-bottom: 48px;

}

.service-sec.service2 .service p {
  color: #101410;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-top: 15px;
}

/*------------------------------------------------------------------
  27. Client Sec / .client-sec
  -------------------------------------------------------------------*/
.client-sec {
  overflow: hidden;
  /* padding-bottom: 80px; */
  border-radius: 16px;
  height: 262px;
  flex-shrink: 0;
}

.design-styles-mobile {
  display: none;
}

.design-styles {
  overflow: hidden;
  height: auto;
  flex-shrink: 0;
  background: #08261B;
  padding-top: 60px;
  padding-bottom: 60px;
}

.design-styles-mobile {
  overflow: hidden;
  height: auto;
  flex-shrink: 0;
  background: #08261B;
  padding-top: 32px;
  padding-bottom: 40px;
}

.clr {
  color: #2EBB84;
}

.main-heading2 {
  font-size: 30px;
  margin: 0 0 12px;
  color: #101410;
  text-align: center;
  font-family: 'Montserrat';
  font-style: normal;
  line-height: normal;
  font-weight: 700;
}

.design-styles .main-heading2 {
  color: var(--white-main, #FFF);
  text-align: center;
  font-family: 'Montserrat';
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.design-styles-mobile .main-heading2 {
  color: var(--white-main, #FFF);
  text-align: center;
  font-family: 'Montserrat';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-left: 32px;
  padding-right: 32px;
}

.h-title-24 {
  color: #101410;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.letter-spacing {
  margin-top: 48px;
  margin-bottom: 67px;
  letter-spacing: -0.24px;
}

.client-sec .line-box {
  overflow: hidden;
}

.client-sec .client-logo {
  overflow: hidden;
  text-align: center;
  margin-bottom: 48px;
}

.client-sec .client-logo li {
  width: auto;
  margin-right: 66px;
  opacity: 0.4;

}

.client-sec .client-logo a {
  display: block;
}

.bg--grey {
  background-color: #F5F6F5;
}

.design-styles .card {
  border-radius: 12px;
  background: #213C32;
  width: 320px;
  padding: 14px;
  flex-shrink: 0;
  margin-left: 23px;
}

.design-styles .card img {
  margin-left: 15px;
  height: 80px;
  width: 80px;
}

.design-styles-mobile .card {
  background: #213C32;
  padding: 14px;
  margin-left: 23px;
  width: 201px;
  height: 92px;
  border-radius: 6px;
}

.padd-85 {
  padding-bottom: 85px !important;
}

.service-common .text-align-start {
  text-align: start;
}

.design-styles-mobile .card span {
  color: var(--white-main, #FFF);
  font-family: 'Montserrat';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.design-styles-mobile .card img {
  width: 64px;
  height: 64px;
}

.main--slider .slide h1 {
  margin-bottom: 24px;
  /* transform: translateY(-60px); */
  transition: all 0.6s linear;
  color: #101410;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.question-gras {
  margin-bottom: 25px;
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 700;
  color: #101410;
  font-style: normal;
  line-height: normal;
  margin: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main--slider .slide .btn-holder .btn {
  display: inline-flex;
  padding: 18px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: #2EBB84;
  color: #FFF;
  font-family: 'DM Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.card-upload .form__file {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
}

.card-upload {
  /* margin-right: 58px;
  margin-left: 58px; */
  border-radius: 24px;
  background: #08261B;
  /* height: 935px; */
  flex-shrink: 0;
  padding: 54px 30px 54px 30px;

}

.view-more {
  display: none;
}

.upload-h3 {
  color: var(--white-main, #FFF);
  text-align: center;
  font-family: 'Source Sans Pro';
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0px;
}

.card-upload .btn-group button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0px;
  align-items: center;
  gap: 4px;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.32);
  cursor: pointer;
  color: #08261B;
  font-family: 'Source Sans Pro';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-right: 8px;
  margin-top: 18px;
}

.textfield-outlined {
  color: var(--white-main, #FFF);
  font-family: 'Source Sans Pro';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  top: -64px;
  position: relative;
}

.card-upload .btn-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.card-upload input[type="checkbox"] {
  margin: 4px 0 0;
  line-height: normal;
  width: 22px;
  height: 22px;
  background-color: #FFF;
  color: #08261B;
  border-radius: 18px;
  margin-right: 10px;
  margin-top: 0px;
}

#nav ul>li>a:hover {
  color: #2EBB84;
}


#nav ul>li.active a {
  color: #2EBB84 !important;
}

#environment .btn:focus {
  background: #FFF !important;
  color: #08261B !important;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #272659;
  background-color: #dbdbee;
  border-color: #cdcce8;
}

.alert-primary hr {
  border-top-color: #bcbae0;
}

.alert-primary .alert-link {
  color: #171735;
}

.alert-secondary {
  color: #555556;
  background-color: #ededed;
  border-color: #e5e6e6;
}

.alert-secondary hr {
  border-top-color: #d8dada;
}

.alert-secondary .alert-link {
  color: #3c3c3c;
}

.alert-success {
  color: #2d5f2d;
  background-color: #ddf0dd;
  border-color: #d0ebd0;
}

.alert-success hr {
  border-top-color: #bee3be;
}

.alert-success .alert-link {
  color: #1d3c1d;
}

.alert-info {
  color: #134884;
  background-color: #d3e8ff;
  border-color: #c2defe;
}

.alert-info hr {
  border-top-color: #a9d0fe;
}

.alert-info .alert-link {
  color: #0d3057;
}

.alert-warning {
  color: #856400;
  background-color: #fff3cc;
  border-color: #ffeeb8;
}

.alert-warning hr {
  border-top-color: #ffe89f;
}

.alert-warning .alert-link {
  color: #523e00;
}

.alert-danger {
  color: #852525;
  background-color: #ffdada;
  border-color: #ffcbcb;
}

.alert-danger hr {
  border-top-color: #ffb2b2;
}

.alert-danger .alert-link {
  color: #5d1a1a;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #15181e;
  background-color: #d4d5d8;
  border-color: #c3c5c8;
}

.alert-dark hr {
  border-top-color: #b6b8bc;
}

.alert-dark .alert-link {
  color: black;
}

.card-upload .form-check {
  display: flex;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 30px;
}

.mar-40 {
  margin-top: 20px;
}


.generate {
  display: flex;
  width: 100%;
  padding: 15px 15px;
  justify-content: center;
  align-items: center;
  gap: var(--textfield-select-arrow-mr, 10px);
  border-radius: 6px;
  background: #2EBB84;
  color: var(--white-main, #FFF);
  font-family: 'Source Sans Pro';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.form-check-label {
  color: var(--white-main, #FFF);
  text-overflow: ellipsis;
  font-family: 'Source Sans Pro';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.card-upload h2 {
  color: var(--white-main, #FFF);
  font-family: 'Montserrat';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  justify-content: start;
  margin-bottom: 22px;
  margin-top: 0px;
}

.label {
  color: var(--white-main, #FFF);
  font-family: 'Source Sans Pro';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
}

.card-upload .btn-group button:hover {
  background: var(--white-main, #FFF);
}

.card-upload .btn-group button.active {
  background: var(--white-main, #FFF);
}

.desc-upload {
  color: var(--white-main, #FFF);
  text-align: center;
  font-family: 'Source Sans Pro';
  font-size: 16px;
  font-style: normal;
  margin: 0px;
  margin-top: 16px;
  font-weight: 400;
  line-height: 32px;
  opacity: 0.3;

}

#upload-photo input {
  display: none;
}

.nav-profile {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

#upload-photo {
  border-radius: 16px;
  border: 2px dashed #4B6058;
  background: #173329;
  height: 550px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: relative;
}

#read-photo {
  border-radius: 16px;
  height: 550px;
  width: 100%;
  overflow: auto;
}

#read-photo img {
  margin-bottom: 10px;
}

#previewImage {
  height: 100%;
  width: 100%;
  border-radius: 16px;
}

.main--slider .slide p {
  /* margin: 0 0 52px; */
  color: #101410;
  text-align: center;
  font-family: 'Source Sans Pro';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 32px;
  /* 150% */
}

.pointer-right {
  text-align: right;
  cursor: pointer;
}

.pointer-left {
  text-align: left;
  cursor: pointer;
}

.main--slider .slide .button-title {
  color: #101410;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 16px;
  margin: 46px 0 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: inline-flex;
  padding: 12px var(--icon-button-extra-small-size, 28px);
  justify-content: center;
  align-items: center;
  gap: var(--textfield-select-arrow-mr, 10px);
  border-radius: 87px;
  background: linear-gradient(0deg, rgba(225, 176, 2, 0.30) 0%, rgba(225, 176, 2, 0.30) 100%), var(--white-main, #FFF);
  /* 
    display: block;
    margin: 0 0 9px;
    letter-spacing: 8px;
    opacity: 0;
    transform: translateY(-90px);
    transition: all 0.6s linear; */
}

.main--slider.slider2 .slide {
  height: 90rem;
  padding-top: 100px;
}

/* .choose-sec .choose-list .icon {
    font-size: 30px;
    line-height: 40px;
    float: left;
    width: 9%;
  } */
.choose-sec .choose-list .img-card {
  float: left;
  display: inline-flex;
  padding: 10px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(46, 187, 132, 0.25) 0%, rgba(46, 187, 132, 0.25) 100%), var(--white-main, #FFF);
}

.choose-sec .choose-list .img {
  display: flex;
  width: 54px;
  height: 54px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}

.choose-sec .choose-list .txt-holder {
  /* width: 86%; */
  padding: 0 0 0 20px;
  overflow: hidden;
  float: left;
}

.choose-sec .choose-list li {
  overflow: hidden;
  padding: 22px;
  flex-shrink: 0;
  border-radius: 16px;
  background: #F5F6F5;
  margin-bottom: 28px;
}

.choose-sec .choose-list {
  overflow: hidden;
  margin: 0;
}

.choose-sec .choose-list h4 {
  margin-top: 10px;
  margin-right: 27px;
  color: #101410;
  font-family: 'Montserrat';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.choose-sec .choose-list p {
  color: #101410;
  font-family: 'Source Sans Pro';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.7;
}

.service-Redesign {
  border-radius: 24px;
  background: #08261B;
  height: auto;
  padding: 56px 28px 48px 28px;
}

.image-container {
  white-space: nowrap;
  margin-top: 64px;
  margin-left: 2em;
  margin-right: 1.2em;
  border-radius: 12px;
}

.margin-13px {
  margin-left: -13px;
}

.img-ar {
  height: 46px;
}

.service-sec .service .img {
  margin: 0 auto 33px;
}

.service-sec .header {
  /* font-size: 16px;
  line-height: 26px;
  color: #555;
  overflow: hidden; */
  margin: 0 0 68px;
}

.service-sec .service h2 {
  margin: 0 0 9px;
}

.marg-sec-2 {
  margin-top: 25rem;
}

.bg-full {
  /* background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat; */
}

.font-sec-4 {
  font-size: 28px;
  font-style: normal;
  line-height: normal;
  margin-top: 0px;
}

.image-container img {
  display: inline-block;
  width: 50%;
  height: 60rem;
}

.redesign-img {
  width: 100%;
  height: 284px;
  flex: 1 0 0;
  border-radius: 12px;
}

.mar-14 {
  margin-top: 14px;
}

.sec-9-title .button-title {
  font-size: 16px;
}

.sec-9-title {
  margin-bottom: 68px;
  margin-top: 40px;
}

.sec-9-title h1 {
  margin-bottom: 24px;
  transition: all 0.6s linear;
  color: var(--white-main, #FFF);
  text-align: center;
  font-family: 'Montserrat';
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0rem 7rem 0rem 7rem;
}

.sec-9-title p {
  padding: 0rem 10rem 0rem 10rem;
}

.marg-b-120 {
  margin-bottom: 80px;
}

.padd-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.redisign-h3 {
  color: var(--white-main, #FFF);
  text-align: center;
  font-family: 'Montserrat';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mb-4 {
  margin-bottom: 40px;
}

.redisign-title {
  color: #E1B002;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0px;
}

.marg-top-160 {
  margin-top: 120px;
}

.marg-l-80 {
  margin-left: 80px;
}

.marg-r-80 {
  margin-right: 80px;
}

.work-sec .work-slider .slide .txt-holder {
  float: left;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
  height: 430px;
}

.work-sec .work-slider .slide h4 {
  color: #000;
  font-family: 'Montserrat';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 24px;
}

.work-sec .work-slider .slide .img-holder {
  width: 50%;
  /* height: 430px; */
  float: left;
}

.work-sec .work-slider .slide .img-holder img {
  height: 400px;
  width: 100%;
  flex-shrink: 0;
}

.work-sec .work-slider .slide p {
  color: #101410;
  font-family: 'Source Sans Pro';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.card-slider9 {
  height: auto;
  padding: 30px 30px 30px 30px;
  flex-shrink: 0;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.10);
  margin-bottom: 64px;
}

.card-slider9 .img-holder {
  white-space: nowrap;
}

.card-slider9 .img-holder img {
  display: inline-block;
  width: 50%;
  height: 520px !important;
}

.card-slider9 .txt-holder {
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
  height: 520px;
  margin-left: 22px;
}

.card-slider9 .txt-holder h2 {
  color: #E1B002;
  font-family: 'Montserrat';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0px;
}

.slider9 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.card-slider9 .txt-holder h3 {
  color: var(--white-main, #FFF);
  font-family: 'Montserrat';
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 16px;
  margin-bottom: 24px;
}

.card-slider9 .txt-holder p {
  color: var(--white-main, #FFF);
  font-family: 'Source Sans Pro';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  text-align: start;
  opacity: 0.9;
  margin: 0px;

}

.service-market-h2 {
  color: #E1B002;
  text-align: center;
  font-family: 'Source Sans Pro';
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
  margin-top: 0px;

}

.service-market .service h2 {
  color: #101410;
  font-family: 'Montserrat';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: start;
  margin-top: 32px;
  margin-bottom: 16px;
}

.service-market .service p {
  color: #101410;
  font-family: 'Source Sans Pro';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0px;
}

.service-market .service {
  overflow: hidden;
  padding: 30px 30px 44px 30px;
  border-radius: 12px;
  background: #F5F6F5;
  margin-bottom: 32px;
  text-align: start;
  min-height: 285px;
}

.service-market .service .img-card {
  display: inline-flex;
  padding: 13px;
  align-items: flex-start;
  gap: var(--textfield-select-arrow-mr, 10px);
  border-radius: 8px;
  background: #F1E8C4;
  margin-bottom: 0px;
}

.service-market .service .img {
  display: flex;
  width: 54px;
  height: 54px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;

}

.service-plan .service {
  border-radius: 16px;
  border: 2px solid #D9D9D9;
  background: var(--white-main, #FFF);
  flex-shrink: 0;
  padding: 68px 40px 28px 40px;
}

.service.standard-plan {
  border: 3px solid linear-gradient(90deg, #2EBB84, #E1B002);
  border-image: linear-gradient(90deg, #2EBB84, #E1B002);
  border-image-slice: 1;
  border-image-width: 3px;
  border-image-outset: 0;
  background: linear-gradient(90deg, rgba(46, 187, 132, 0.08) 0%, rgba(225, 176, 2, 0.08) 100%);

}

.service-plan .service h2 {
  color: #000;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 24px;
}

.service-plan .service p {
  text-align: center;
  color: #000;
  text-align: center;
  font-family: 'Source Sans Pro';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin: 0px;
}

.service-community .service {
  border-radius: 12px;
  border: 2px solid #D9D9D9;
  background: var(--white-main, #FFF);
  padding: 40px 32px 40px 32px;
  margin-bottom: 28px;
  text-align: start;
  height: 23rem;
}

.service-community .service h2 {
  color: #282828;
  font-family: 'Montserrat';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.service-common .service-common-h2 {
  color: #101410;
  font-family: 'Source Sans Pro';
  font-size: 20px;
  font-style: normal;
  text-align: start;
  font-weight: 400;
  line-height: normal;
  opacity: 0.7;
  margin: 0px;
  margin-bottom: 17px;
}

.service-common .card-common {
  border-radius: 8px;
  background: #F5F6F5;
  padding: 32px;
  margin-bottom: 20px;
}

.service-common .question {
  color: #101410;
  font-family: 'Montserrat';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.marg-sectiom-11 {
  padding: 0 50vh 0 50vh;
}

.service-community .service p {
  color: #101410;
  font-family: 'Source Sans Pro';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0px;
}

.service-plan .price {
  margin-top: 40px;
  margin-bottom: 40px;
}

.service-plan .span1 {
  color: #FF3232;
  text-align: right;
  font-family: 'Montserrat';
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: line-through;
}

.service-plan .span2 {
  color: #2EBB84;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.service-plan .span3 {
  color: #101410;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.service-plan .span4 {
  text-align: center;
  color: #101410;
  font-family: 'Montserrat';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  /* align-items: center; */
  justify-content: center;
}

.service-plan .pay {
  margin-top: 12px;
  margin-bottom: 32px;
}

.service-plan .desc svg {
  height: 30px;
  width: 30px;

}

.service-plan .desc {
  color: #000;
  font-family: 'Source Sans Pro';
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 24px;
  display: flex;
  /* align-items: center; */
  justify-content: start;
}

.service-plan .desc span {
  margin-right: 7px;
}

.service-plan .pay svg {
  margin-right: 10px;
}

.service-plan .button-buy {
  margin-top: 18px;
  margin-bottom: 22px;
  display: flex;
  width: 100%;
  padding: 15px 30px;
  justify-content: center;
  align-items: center;
  gap: var(--textfield-select-arrow-mr, 10px);
  border-radius: 6px;
  border: 2px solid #2EBB84;
  background: var(--white-main, #FFF);
  color: #2EBB84;
  font-family: 'Source Sans Pro';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.service-plan .button-popular {
  display: inline-flex;
  padding: var(--textfield-select-arrow-mr, 10px) 20px;
  justify-content: center;
  align-items: center;
  gap: var(--textfield-select-arrow-mr, 10px);
  border-radius: 87px;
  border: 2px solid #E1B002;
  background: linear-gradient(0deg, #E1B002 0%, #E1B002 100%), var(--white-main, #FFF);
  color: var(--white-main, #FFF);
  text-align: center;
  font-family: 'Montserrat';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 16px;
}

.caption-marg {
  padding: 0rem 15rem 0rem 15rem;
}

.service-plan .button-buy:hover {
  color: #FFF;
  background-color: #2EBB84;
}

/****************************/

.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}


.dropdown-toggle::after {
  content: "";
  position: absolute;
  border-top: .5em solid;
  border-right: .5em solid transparent;
  border-bottom: 0;
  border-left: .5em solid transparent;
  right: 10px;
  top: 48%;
}

.dropdown-menu {
  box-shadow: 0px 0px 15px rgba(60, 76, 150, 0.1);
  -webkit-box-shadow: 0px 0px 15px rgba(60, 76, 150, 0.1);
  -moz-box-shadow: 0px 0px 15px rgba(60, 76, 150, 0.1);
  position: absolute;
  left: 0;
  color: var(--white-main, #FFF);
  background: #08261B;
  min-width: 100% !important;
  width: 100% !important;
}


/*------------------------------------------------------------------
  45. Back Top / #back-top
  -------------------------------------------------------------------*/
#back-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  font-size: 25px;
  line-height: 30px;
  color: #fff;
  cursor: pointer;
  float: right;
  width: 50px;
  height: 50px;
  padding: 9px 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease 0s;
  background-color: #2EBB84;
}

#back-top.active {
  opacity: 1;
  visibility: visible;
}

#footer .socail-network li{
  float: right;
  text-align: right;
  color: #555;
  white-space: none;
  list-style-type: none;
  display: inline;  
  margin-left:10px ;
 cursor: pointer;
}

.socail-network {
  font-size: 14px;
  line-height: 24px;
  color: #111;
  overflow: hidden;
  margin: 0;
}

/* style arabe */
.style-ar .service-plan .desc span {
  margin-right: 0px;
  margin-left: 7px;
}

.style-ar .logo {
  width: auto;
}

.style-ar .style2 .main-heading2 {
  text-align: right
}

.style-ar .design-styles .card img {
  margin-left: 0px;
  /* margin-right: 15px; */
}

.style-ar .choose-sec .choose-list .img-card {
  float: right;
}

.style-ar .choose-sec .choose-list h4 {
  margin-right: 0px;
}

.style-ar .choose-sec .choose-list .txt-holder {
  float: right;
  padding: 0 20px 0 0;
}

.style-ar .bootstrap-select .dropdown-toggle .filter-option {
  text-align: right;
  float: right;
  direction: rtl;
}

.style-ar .bootstrap-select .dropdown-menu li a {
  text-align: right;
  float: right;
  direction: rtl;
}

.style-ar .bootstrap-select .dropdown-toggle .caret {
  right: auto;
  left: 13px;
  float: left;
}

.style-ar .dropdown-toggle::after {
  right: auto;
  float: left;
  left: 13px;

}

.style-ar .select-container {
  text-align: right;
  width: 100%;
}

.style-ar .card-upload input[type="checkbox"] {
  margin: 0 0 0 8px;
}

.style-ar .logo {
  float: right;
}

.style-ar #nav {
  float: left;
}

.style-ar #header .nav-opener {
  float: left;
}

.style-ar .card-upload .btn-group button {
  margin-right: 0px;
  margin-left: 8px;
}

.contact-sec {
  overflow: hidden;
  margin-top: 80px;
  padding: 100px;
  padding-bottom: 100px;
  color: #111;
  border-radius: 24px;
  background: #EAF8F3;
}

.contact-sec .marg {
  margin: 0 0 14px;
}

.contact-sec h3 {
  margin: 0 0 41px;
  color: #101410;
  font-family: 'Montserrat';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.contact-sec .contact-form {
  width: 100%;
  overflow: hidden;
}

.contact-sec .contact-form {
  margin: 60px 0 0;
}

.contact-sec .contact-form .form-control {
  background: none;
  border: none;
  border-bottom: 2px solid #2EBB84;
  outline: none;
  border-radius: 0;
  box-shadow: none;
  padding: 6px 0;
  color: #101410;
  text-overflow: ellipsis;
  font-family: 'Source Sans Pro';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.contact-sec .contact-form .btn {
  background-color: #2EBB84;
  border-radius: 6px;
  margin-top: 40px;
  display: inline-flex;
  padding: 15px var(--icon-button-medium-size, 30px);
  justify-content: center;
  align-items: center;
  color: var(--white-main, #FFF);
  font-family: 'DM Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: 1px solid #4adea5 !important;
}

.contact-sec .contact-form textarea {
  width: 100%;
  resize: none;
  margin: 0 0 0px;
}

.contact-sec .contact-form .col {
  width: 50%;
  float: left;
}

.contact-sec .contact-form .col-email {
  width: 50%;
  float: left;
  padding: 0 0 0 15px;
}

.contact-sec .contact-form .col-email-ar {
  width: 50%;
  float: left;
  padding: 0 15px 0 0;
}

.contact-sec .contact-form .form-group {
  /* margin: 0 0 50px; */
  overflow: hidden;
}

.marg-form-group {
  margin-bottom: 30px;
}

.signup-form {
  overflow: hidden;
  padding: 50px 30px;
  width: 50rem;
  margin: 80px auto 0 auto;
  background: #EAF8F3;
  border-radius: 24px;
}

.signup-form .form-group {
  margin: 0 0 30px;
}

.error {
  color: red;
  text-align: left !important;
  float: left;
  margin-bottom: 10px;
}

.signup-form .form-control {
  width: 100%;
  margin: 0 0 10px;
  background: none;
  border: none;
  border-bottom: 2px solid #2EBB84;
  outline: none;
  border-radius: 0;
  box-shadow: none;
  padding: 6px 0;
  color: #101410;
  text-overflow: ellipsis;
  font-family: 'Source Sans Pro';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.signup-form .btn {
  margin: 0 0 10px;
  background-color: #2EBB84;
  border-radius: 6px;
  display: inline-flex;
  padding: 15px var(--icon-button-medium-size, 30px);
  justify-content: center;
  align-items: center;
  color: var(--white-main, #FFF);
  font-family: 'DM Sans';
  font-size: 16px;
  width: 100%;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: 1px solid #4adea5 !important;
}

.signup-form a {
  display: block;
  float: right;
  transition: all 0.25s linear;
  color: #767779;
  font-family: 'Source Sans Pro';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.signup-form .sign-a a {
  margin-left: 5px;
  text-decoration-line: underline;
  float: none;
}

.signup-form .sign-a span,
.sign-a a {
  color: #101410;
  font-family: 'Source Sans Pro';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  display: inline-block;
}

.signup-form .sign-a {
  display: flex;
  justify-content: center;
  margin-top: 4.5rem;
  white-space: nowrap;
}

.custom-select {
  color: #101410 !important;
  font-size: 20px !important;
  padding: 8px !important;
  border: 2px solid transparent;
  border-radius: 8px;
  text-align: left;
  background-color: transparent;
  font-family: 'Source Sans Pro' !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  height: 54px !important;
  letter-spacing: 0px;
}

.signup-form h2 {
  margin: 0 0 54px;
  color: #101410;
  font-family: 'Montserrat';
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.navbar-nav-right {
  margin-left: 90vh;
}

.before-after-slider img {
  border-radius: 10px !important;
}

.select-material {
  text-align: right !important;
}
.subsc-left{
  text-align: left !important;
}
.subsc-right{
  text-align: right !important;
}
/*************style-in*********************/