@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');


.custom-switch{
  padding-left: 0px !important;
}

.dropdown-item span{
  padding-right: 0px !important;

}

*:not(.icons, #sidebarToggle, .fc-icon, .glyphicon) {
  font-family: 'Vazirmatn', Arial, sans-serif !important;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg, .textarea-emoji-control{
  right:auto !important;
  left: 2px;
}

.rtl .msg-content-right{
  margin-right: auto !important;
}

.ql-editor{
  text-align: right !important;
}
.p-sub-menu, .sidebar-menu{
  font-weight: 600 !important;
}


p{

font-size: 16px;
font-weight: 400;
line-height: 25px;
margin-bottom:0px;
}


/*head*/

h1{
font-style: normal;
font-weight: 900;
font-size: 42px;
line-height: auto;
text-align: center;
color: #37352F;

}
h2{
font-style: normal;
font-weight: 700;
font-size: 34px;
line-height: 62px;

color: #37352F;
}
h3{

font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: auto;

/*text-align: center;*/

color: #37352F;

}

h4{
font-size: 24px;
font-weight: 500;
line-height: 26px;
text-align: center;
color: #37352F;
}

h5{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #312f2b;
}
.bootstrap-timepicker-widget{
    direction: ltr !important;
}



:root {
  --main-color: #E03E3E;
  --main-home-background:#F7F6F3;
}


/* ===== Navbar ====== */
.navigation-bar {
  padding: 12px 0;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
}

.navbar .navbar-nav .nav-link {
  font-weight: 400;
  color: #37352F;
  padding: 8px 0;
  padding: 0px 10px 0px 10px;

}
.navbar .navbar-nav .nav-link:focus {
  font-weight: 600;
}

/*.navbar .logo {*/
/*  width: 180px;*/
/*}*/

.nav-item {
  padding-left: 35px;
}

.navigation-bar.sticky {

  padding: 10px 0;
  background: rgba(255,255,255,.7)!important;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
}

@media (max-width: 991.98px) {
  .navbar-collapse {
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
  }

}


.bg-home-two{
    background-color:#F7F6F3;
}

.center-content{
    margin:auto;
    display:table;
}
.saas-features .title{

text-align: right;
background: #FFFFFF;
border: 1px solid #37352F;
border-radius: 8px;
padding:8px 16px;
display: inline;
}

.saas-features{
    /* background-color:#F7F6F3; */
}
.saas-features h3{
    color: #37352F;
    text-align: right;
}
.saas-features a{

font-style: normal;
font-weight: 700;
font-size: 16px;
display: flex;
align-items: center;
color: #E03E3E !important;

}
 .saas-features h5{
     display:inline;
 }
.banner-text{
    padding-top:152px;
}

.banner-text ul li {
  position: relative;
  padding-left: 25px;
  text-align:left;
}

.banner-text ul li:before {
  content: '\f26a';
  position: absolute;
  left: 0;
  font-family: Material-Design-Iconic-Font;
  color: #6cb0f7;
}
.vector-img{
        position: absolute;
    margin-top: -6%;
    margin-right: 182px;
}
.features{
    position:relative;
    width: 100%;
    max-width:100%;

}
.features:before{
       content: "";
    position: absolute;
    top: -8%;
    left: 0;
    width: 100%;
    height: 20%;
    background: #fff;
    border-radius: 50%;
    z-index: -1;
}
.feature-box i{
  font-size: 20px;
    padding: 6px;
    /* height: 24px; */
    padding-bottom: 0px;
    border-radius: 5px;

}
.feature-box{

background: #F7F6F3;
mix-blend-mode: normal;
border: 1px solid #54524D;
border-radius: 12px;
height:100%;;
box-shadow: 1px 3px 0px #54524D;
}
  .col-lg-3:last-of-type .feature-box {
        background-color: #fff;
    }
.feature-box h5{

font-size: 20px;
font-weight: 700;
line-height: 31.25px;
}
.feature-box li{
 list-style: inside;

font-size: 16px;
font-weight: 400;
line-height: 24px;
/*text-align: right;*/

color:#54524D;

}
.more-data{
font-weight: 600;
font-style: normal;
font-size: 14px;
line-height: 19px;

    display: flex;
    align-items: center;

}
.more-data i{
   font-size: 14px;
   margin-top:2px;
}
.more-data:hover{
   color: #0F7B6C;
}
.feature-img{
        position: absolute;
    margin-top: -7%;
}
.integrate-box{
    border-radius: 8px;
    border: 0.5px 0px 0px 0px;
    opacity: 0px;
    background: #F7F6F3;
    z-index:1;
}
   .line-back{
       position:absolute;
       z-index:0;
    margin: auto;
    margin-top: 5px;
   }





/* ===== AIFeature ===== */



.home-features-head{

justify-content: center;
align-items: center;
padding: 8px 16px;
background: #FFB600;
border: 1px solid #37352F;
border-radius: 100px;
}
.home-features-heading h2{

max-width: 478px;
text-align: center;

}

.home-features-card{

background: #F7F6F3;
/* Dark */
border: 1px solid #191A23;
box-shadow: 0px 5px 0px #191A23;
border-radius: 34px;
padding: 32px 32px 0 16px;
}

.home-features-card:hover {

background: #E03E3E;
}
.home-features-card:hover span, .home-features-card:hover h4, .home-features-card:hover p, .home-features-card:hover a{
    color: #fff !important;
}
.home-features-card:hover img{
    filter: invert(1);

}
 .parent-container {
            display: flex;
            overflow: hidden;
        }


 .bottom-corner {
            float: left;
            height: 100%;
            display: flex;
            align-items: flex-end;
            shape-outside: inset(calc(75% - 80px) 0 0);
        }
 .bottom-corner img{
     /*max-height: 130px;*/
     max-width: 250px;
 }

 .mock-img img{
     width: 100%;
 }





/* ===== Clients ===== */
.clients-bg {
  position: relative;
  z-index: 0;
}
.clients{
    padding-top:94px;
    /* background-color:#f9f8f6; */
}
.clients img{
    margin:auto;
}

.center-data p{
    text-align: center;
width: 521px;

margin: auto;
}

.img-holder{
        background: #FFFFFF;
    border: 1px solid #37352F;
        border-radius: 12px;
        padding:6px 8px;
        height:100%;


}
.img-holder img{
    margin-left:6px;
    margin-right:6px;
}
.img-holder p{

font-size: 16px;
font-weight: 400;
line-height: 25px;
/*text-align: right;*/
margin-bottom:0px;
flex:1;

}
.last-box{
        align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;

    text-align: center;
    background: #E03E3E;

}
.last-box p{
   color: #fff;
     font-family: Vazirmatn;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
}
/* ===== Responsive ===== */
.app-responsive .stores-icon img {
  width: 150px;
}

/* ===== Contact Section ===== */
.contact-detail {
  background-color: #f2f5ff;
  border: 1px solid #e6ebff;
  padding: 35px;
}

.contact-detail i {
  font-size: 50px;
  color: #ffc200;
}

.form-control {
  -webkit-box-shadow: 0 3px 17.28px 0.72px rgba(0, 0, 0, 0.09);
          box-shadow: 0 3px 17.28px 0.72px rgba(0, 0, 0, 0.09);
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #eee;
  height: auto;
  padding: 13px 25px;
}

.form-control::-webkit-input-placeholder {
  color:#b3b3b3 !important;
}
.form-control::-ms-input-placeholder{
  color:#b3b3b3 !important;
}

.form-control::-moz-placeholder{
  color:#b3b3b3 !important;
}


.form-control:focus, .form-control:hover {
  -webkit-box-shadow: 0 3px 17.28px 0.72px rgba(0, 0, 0, 0.09);
          box-shadow: 0 3px 17.28px 0.72px rgba(0, 0, 0, 0.09);
}

.form-control:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.form-control:focus::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.form-control:focus:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.form-control:focus:-moz-placeholder {
  /* Firefox 18- */
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#sub_domain{
     border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#basic-addon2{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* ===== Pricing Section ===== */
.container-scroll > .row {
  overflow-x: auto;
  white-space: nowrap;
}

.price-tabs a {
  border: 2px solid #222;
  color: #222;
  font-weight: 500;
  font-size: 20px;
  padding: 10px 50px;
}

.price-tabs a:hover {
  color: #222;
}

.price-tabs a.active {
  background-color: var(--main-color);
  color: #fff;
}
.pricing-section .border{
  border: 1px solid #e4e8ec !important;
}
.pricing-table {
  text-align: center;
  border-right: 1px solid #fff !important
}

.pricing-table.border {
  border-right: 0 !important;
}

.pricing-table .rate {
  padding: 14px 0;
  background-color: #F7F6F3;
}
.pricing-table .rate h2 span{
   font-size: 30px;
}
.pricing-table .rate sup {
  top: 13px;
  left: 5px;
  font-size: 0.35em;
  font-weight: 500;
  vertical-align: top;
}

.pricing-table .rate sub {
  font-size: 0.30em;
  color: #969696;
  left: -7px;
  bottom: 0;
}

.pricing-table .price-head {
  background-color: #d7d4c9;
  padding: 15px;
}
.pricing-table .price-head h5{
  font-size: 18px !important;
  display: block;
  font-weight: 600;
}
.pricing-table.price-pro .price-head {
  background-color:#E03E3E;
}
.pricing-table.price-pro .price-head h5{
  color:#fff;
}
.diff-table{
  border-right: 1px solid #e4e8ec;
}

.pricing-table.price-pro {
  -webkit-box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #E03E3E !important;
  border-top: 0;
  border-bottom: 0;
}

.overflow-x-auto {
  overflow-x: auto;
}
/*
.price-content ul {
  padding: 10px 20px;
} */

.price-content li {
  padding: 10px;
}

.price-content li:nth-child(even) {
  background-color:#F7F6F3;
}

@media (min-width: 992px) {
  .price-content li {
    padding: 10px 20px;
  }
}

.price-content .checked {
  color:#E03E3E;
  font-size: 18px;
}
.price-content .un-checked {
  color:#c3c3c3;
    font-size: 18px;
}

.price-content .zmdi-close-circle {
  color: #ff0000;
}



/* ===== FAQ Section ===== */
.theme-accordion .card-header {
  background-color:  #f0f0f0;
      border-radius: 14px !important;
}
.faq-sec{
    padding-top:160px;
}

.sitting-img{
margin-top: -12.5%;
    height: 208px;
    margin-left: -8%;
}
.faq-sec .arrow{
    float:left;
        margin-top: -8%;
}
.theme-accordion .card-header button {
 padding: 24px 42px;
    padding-left: 60px;
    font-weight: 600;
    font-size: 16px;
    background-color: #F7F6F3;
    /* color: #fff; */
    border: 1px solid transparent;
    border-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0px;
    border: 1px solid #898989;
    border-bottom:0px;
}


.theme-accordion .card{
    background-color:initial;
}
.theme-accordion .card-header button:before {
  font-family: "Material-Design-Iconic-Font";
  content: '\f270';
font-size: 23px;
  width: 50px;
  position: absolute;
  top: 16px;
  left: 0;
  text-align: center;
  padding-top: 10px;
}

 .theme-accordion .card-header button.collapsed{
        background: #F7F6F3;
    border: 1px solid #898989 !important;
    border-radius: 14px !important;
    color:#37352F;
    padding:24px 42px;

}

.theme-accordion .card-header button.collapsed:before {
  content: '\f275';
  top:16px;
}

.theme-accordion .card-body {
 padding: 30px 30px 15px;
    border: 1px solid #d7d7d7;
    border-radius: 0 0 16px 16px;
    border-top: 0;
    background: #F7F6F3;
    border:1px solid #898989 !important;
    border-top:0px !important;
}

/*.row-scroll > .col-md-3 {*/
/*  min-width: 150px;*/
/*}*/

.row-scroll > .col-md-3:last-of-type .pricing-table {
  border-right: 1px solid #fff !important;
}

.price-top.title h3 {
  padding: 23px 20px;
  margin-bottom: 0;
  background-color: #F7F6F3;
      line-height: 2.5;

}

@media (min-width: 724px) {
  .price-top.title h3 {
    padding: 44px 30px 43px;
    line-height: 1.68;
  }

}

::-moz-selection {
  background: #222;
  color: #fff;
}

::selection {
  background: #222;
  color: #fff;
}

a {
  cursor: pointer;
  color: #37352F;
}

a:hover, a:focus {
  color: var(--main-color);
  outline: 0 none;
  text-decoration: none;
}

:active, :focus {
  outline: none !important;
}

ul,
li {
  text-decoration: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  line-height: 26px;
  margin-top: 0;
  margin-bottom: 15px;
}

span {
  color: inherit;
}

i {
  line-height: 1;
  font-style: normal;
}

img {
  border-style: none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}


/* ===== Custom CSS ====== */
.c-white {
  color: #fff !important;
}

.c-black {
  color: #222 !important;
}

.c-blue {
  color: var(--main-color) !important;
}

.gray {
  color: #444 !important;
}

.main-primary{
    color: #E03E3E !important;
}
.main-secondary{
    color: #37352F !important;
}
.main-third{
    color: #9B9A97 !important;
}

.sp-100 {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 992px) {
  .sp-100 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.sp-100-70 {
  padding-top: 70px;
  padding-bottom: 50px;
}

@media (min-width: 992px) {
  .sp-100-70 {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}

.sp-100-40 {
  padding-top: 40px;
  padding-bottom: 20px;
}

@media (min-width: 992px) {
  .sp-100-40 {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.f-14{
  font-size: 14px;
}

.mb-60 {
  margin-bottom: 60px;
}

.bg-light {
  background-color:#FFFFFF !important;
}

.br-10 {
  border-radius: 10px;
}
.br-5 {
  border-radius: 5px;
}

.shadow {
  -webkit-box-shadow: 0px 1px 30px 1px rgba(0, 0, 0, 0.05) !important;
          box-shadow: 0px 1px 30px 1px rgba(0, 0, 0, 0.05) !important;
}

.slick-slide {
  height: auto;
}

/* ===== Custom Button ====== */
.btn {
border: 1px solid #000000 !important;
box-shadow: 0px 0.325926px 0.733333px rgba(0, 0, 0, 0.12), 0px 1.54074px 2.86667px rgba(0, 0, 0, 0.07), 0px 4px 9px rgba(0, 0, 0, 0.05);
border-radius: 5px;

}
.btn-outline{
font-size: 16px;
font-weight: 600;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;

color: #37352F;
border-bottom:1px solid  #37352F;



}

.btn{
  background-color: var(--main-color);
  color: #ffffff !important;
  font-weight: 700;
padding: 6px 12px 6px 12px;
border-radius: 8px;
border: 1px solid #000 !important;
box-shadow: 0px 4px 9px 0px #0000000D;

box-shadow: 0px 1.54px 2.87px 0px #00000012;

box-shadow: 0px 0.33px 0.73px 0px #0000001F;

}

.btn-outline:hover{
 color: #37352F;
}


.btn-lg {
  padding: 12px 40px;
  font-size: 18px;
}

.btn-light {
  background-color: #fff !important;
  color: var(--main-color) !important;
}

.btn-light:after {
  background-color:#232323;
  opacity: 1;
}

.btn-light:hover {
  color:#fff;
}

.btn-border {
  background-color: transparent;
  border: 1px solid #222;
  color: #222;
}

.btn-border:after {
  background-color: #fff;
}

.btn-border:hover::after {
  background-color: var(--main-color);
  opacity: 1;
}

.btn-border:hover {
  color: #fff;
  border: 1px solid var(--main-color);
}

.btn-black {
  background-color: #222;
  color: #fff;
}

.btn-black:after {
  background-color: #222;
}

/* ===== Navbar Toggle ====== */
.navbar-toggler {
  height: 2.5em;
  width: 2.5em;
  position: relative;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.navbar-toggler .navbar-toggler-lines, .navbar-toggler .navbar-toggler-lines:after, .navbar-toggler .navbar-toggler-lines:before {
  pointer-events: none;
  display: block;
  content: "";
  width: 100%;
  background-color: #222;
  height: .25em;
  position: absolute;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: all .2s;
  transition: all .2s;
}

.navbar-toggler .navbar-toggler-lines:after {
  left: 0;
  top: -0.8em;
  width: 30px;
}

.navbar-toggler .navbar-toggler-lines:before {
  left: 0;
  top: 0.8em;
  width: 30px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-lines {
  background-color: initial;
  -webkit-transform: translateX(-2em);
          transform: translateX(-2em);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-lines:before {
  width: 2em;
  left: .5em;
  top: 0;
  -webkit-transform: translateX(2em) rotate(135deg);
          transform: translateX(2em) rotate(135deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-lines:after {
  width: 2em;
  left: .5em;
  top: 0;
  -webkit-transform: translateX(2em) rotate(-135deg);
          transform: translateX(2em) rotate(-135deg);
}

/* ===== Section Title  ====== */
.sec-title {
  text-align: center;
}

.sec-title h3 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.sec-title p {
  max-width: 550px;
  margin: 0 auto;
}

/* ===== Breadcrumb-Section ===== */
.breadcrumb-section {
  padding: 100px 0 30px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  background-color: #CDDCDC70;
}

.breadcrumb-section::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;

  opacity: 0.05;
}

@media (min-width: 768px) {
  .breadcrumb-section {
    padding: 100px 0 30px;
  }
}

.breadcrumb-section h2 {
  font-size: 35px;
}


.breadcrumb-section .container {
  position: relative;
  z-index: 1;
}

.breadcrumb {
  background-color: transparent;
  padding: 0;
}

.breadcrumb .breadcrumb-item {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 16px;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 15px;
}

.breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item.active, .breadcrumb .breadcrumb-item:before {
  color: #222;
}

.breadcrumb .breadcrumb-item:before {
  padding-right: 15px;
}

.breadcrumb .breadcrumb-item.active {
  color:var(--main-color);
}


.login-section{
  background-color:#F7F6F3;
  padding-top: 100px;
}
.login-box{
  border-radius: 5px;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
}
.login-box label{
  font-size: 14px;
  color: #666;
  /*text-transform: capitalize;*/
}
.form-control {
  padding: 8px 12px;
  border-color: #c7c7c7;
  box-shadow:none;
}
.login-box form{
  padding: 10px 40px 0 40px;
}
.login-box h4{
  padding: 35px 40px 15px;
  font-size: 34px;
  text-align: center;
}
.input-group-text,.custom-select{
  border-radius: 5px;
}
.help-block {
  color: #8a1f11 !important;
}
/*# sourceMappingURL=main.css.map*/
/*-------------------------------------------------------*/

/* Footer
/*-------------------------------------------------------*/

.footer {
  position: relative;
}

.footer.bg-dark .widget-title,
.footer.bg-dark .footer__widgets a:hover {
  color: #fff;
}

.footer.bg-dark .footer__widgets a,
.footer.bg-dark .footer__widgets p {
  color: #9D9E9E;
}

.footer.bg-dark .footer__bottom .copyright {
  color: #9D9E9E;
}

.footer.bg-dark .footer__bottom.top-divider {
  border-top-color: #555555;
}

/* Footer Widgets
-------------------------------------------------------*/

.footer__widgets {
  padding: 20px;
}

.footer__widgets .widget-title {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.footer__widgets a {
  color: #37352F;
}

.footer__widgets a:hover {
  color: #E03E3E;
}

.list-inline-item {
    position: relative;
    padding: 0 10px;
}

.list-inline-item::before {
    content: "|";
    position: absolute;
    right: -10px;
}

.list-inline-item:first-child::before {
    content: "";
}

.float-ai{
    filter: brightness(4);
position: absolute;
top: -20px;
}

@media only screen and (max-width: 991px) {
  .footer__widgets .row > div:not(:last-child) {
    margin-bottom: 60px;
  }

  .float-ai{
position: relative;
top: auto;
}


}

.widget-title {
  margin-bottom: 18px;
  font-size: 15px;
  font-weight: 500;
  position: relative;
}

.widget-links li {
  font-size: 13px;
}

/* Footer Logo
-------------------------------------------------------*/

.footer__logo {
  margin-bottom: 52px;
}

.footer__logo img {
  max-height: 21px;
}

/* Get in Touch
-------------------------------------------------------*/

.footer__get-in-touch__paragraph {
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 0;
}

.footer__get-in-touch__paragraph:last-child {
  margin-right: 0;
}

@media (max-width: 320px) {
  .footer__get-in-touch__paragraph {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.footer__get-in-touch__box,
.footer__get-in-touch__box p {
  font-size: 18px;
}

.footer__get-in-touch__box p {
  margin-bottom: 5px;
}

/* Nav Links
-------------------------------------------------------*/

.footer__nav-links .list-inline li > a {
  color: #fff;
  font-size: 15px;
}

.footer__nav-links .list-inline li > a:hover {
  color: #d9d9d9 !important;
}

/* Bottom Footer
-------------------------------------------------------*/

.footer__bottom {
  padding: 16px 0;
}

.footer__bottom-links a {
  color: #555;
}

.footer__bottom-links a:hover {
  color: #555;
}

.footer__bottom-links li {
  padding: 0;
}

.footer__bottom-links li:last-child:after {
  display: none;
}

.footer__bottom-links li:after {
  content: "/";
  margin-left: 10px;
  margin-right: 7px;
}

.copyright {
  display: inline-block;
  font-size: 13px;
  color: #7b7b7b;
}

.copyright a {
  color: inherit;
}

.footer__bottom.bg-dark .copyright {
  color: #484848;
}

.footer .nav-link{
  padding:0.2rem 0rem;
}
/*.font-weight-bold{*/
  /*color:var(--main-color);*/
/*}*/
.banner-text ul li:before{
  color:var(--main-color);
}

.navigation-bar .btn{
  font-size: .875rem;
  line-height: 1.29;
}


.banner-img img{
  border-radius: 5px;
  margin-top:80px;
  filter: drop-shadow(1px 1px 0.5rem rgba(0,0,0,.04));
  -webkit-filter: drop-shadow(1px 1px 0.5rem rgba(0,0,0,.04));
  -moz-filter: drop-shadow(1px 1px 0.5rem rgba(0,0,0,.04));
}
.lang-selector{
  max-width: 122px;
}
.lang-selector select:focus{
  box-shadow: none;
  outline: none;
  border-color: #ced4da;
}
/*.saas-features:nth-of-type(odd){*/
/*  background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);*/
/*}*/

.saas-features > .container > .sp-100:nth-of-type(even){
  padding-bottom: 0 !important;
}
.saas-features > .container > .sp-100:last-of-type{
  padding-bottom: 40px !important;
}
@media (min-width: 992px) {
  .saas-features > .container > .sp-100:last-of-type{
    padding-bottom: 50px !important;
  }
}

.section-testimonial{
  position: relative;
  overflow: hidden;
}
.testimonial-sliderP{
  position: relative;
}

.contact-section .contact-info {
  background-color: #212121;
  padding: 25px 0 5px 0;
  border-radius: 5px;
}

@media (min-width: 768px) {
  .contact-section .contact-info {
    display: flex;
    padding: 25px 0 25px 0;
    margin: 0 auto;
    margin-bottom: 35px;
  }
}

.contact-section .contact-info .mobile-device {
  margin-bottom: 20px;
  text-align: center;
}

@media (min-width: 768px) {
  .contact-section .contact-info .mobile-device {
    margin: 0 auto;
    text-align: left;
  }
}

.contact-section .contact-info .style {
  color: var(--main-color);
  font-size: 17px;
}

.contact-section .contact-info .fa-home {
  font-size: 20px;
}

.contact-section .contact-info .heading-info {
  color: #ffffff;
  font-size: 17px;
  font-weight: 400;
  margin-left: 10px;
}

.contact-section .contact-info .address-content {
  font-size: 15px;
  margin-top: 5px;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff;
}

.btn-facebook {
    background: #3B5998 !important;
    color: white !important;
    border-color: #3B5998 !important;
    width: 250px;
}

.btn-facebook:active:hover {
    border-color: #3B5998 !important;
}

.btn-google {
    background: #dd4b39 !important;
    color: white !important;
    border-color: #dd4b39 !important;
    width: 250px;
}
.btn-google:active:hover{
  border-color: #dd4b39 !important;
}
.btn-twitter{
  background: #55ACEE !important;
  color: white !important;
  border-color: #55ACEE !important;
    width: 250px;
}
.btn-twitter:active:hover{
  border-color: #55ACEE !important;
}
.btn-linkedin{
  background: #007bb5 !important;
  color: white !important;
  border-color: #007bb5 !important;
    width: 250px;
}
.btn-twitter:active:hover{
  border-color: #007bb5 !important;
}
.spinner-border{
    vertical-align: middle;
}


.cta-section{
    background-color: var(--main-color);
color: #ffffff !important;
}

.annual_package{
    border-top-left-radius :16px;
    border-bottom-left-radius :16px;
}
.monthly_package{
    border-top-right-radius :16px;
    border-bottom-right-radius :16px;
}



#dynamic-image, .dynamic-image{
    background: #fff;
    border: 6px solid #fff;
    border-radius: 16px;
    /*box-shadow: 3px 1px #00000016;*/
  }

@media (max-width: 768px) {
.scrollable-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    max-height: 40vh;
}

.dynamic-image {
  width: 185%;
  max-width: 185%;
    height: auto;
    display: block;
}
}

@media (min-width: 768px) {


.scrollable-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    min-height: 55vh;

}


.dynamic-image {
  height: 55vh;
  max-height: 100%;
  max-width: max-content;
    display: block;
}
}


.dynamic-image-projects{
  box-shadow: 5px -2px 20px #f1f5fb;
border: 3px solid #e9edf378;
padding: 14px;
}

.wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.wrapper  .card {
  width: 100%;
  height: fit-content;
  border-radius: 10px;
  padding:10px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(45deg, var(--card-bg-color-1), var(--card-bg-color-2));
  transition: --card-bg-color-1 0.3s, --card-bg-color-2 0.3s;
}
.wrapper  .card:has(input:checked) {
  --card-bg-color-1: #c7e3fd;
  --card-bg-color-2: #fdbebe;
}
.wrapper  .card:has(input:checked) label .expand-btn {
  transform: rotate(-90deg);
}
.wrapper  .card:has(input:checked) .detail-box {
  grid-template-rows: 1fr;
}
.wrapper  .card:has(input:checked) .transition-box {
  transform: translateY(0);
}
.wrapper  .card:has(input:checked) .content {
  transition-delay: 0.2s;
  transform: scale(1);
  opacity: 1;
}
.wrapper  .card:has(input:checked) .btn {
  opacity: 1;
  /* transform: translateY(0%); */
}
.wrapper  .card:has(input:checked) .btn:nth-child(1) {
  transition-delay: 0.4s;
}
.wrapper  .card:has(input:checked) .btn:nth-child(2) {
  transition-delay: 0.5s;
}
.wrapper  .card:has(input:checked) .btn:nth-child(3) {
  transition-delay: 0.6s;
}
.wrapper  .card:has(input:checked) .btn:nth-child(4) {
  transition-delay: 0.7s;
}
.wrapper  .card:has(input:checked) .btn:nth-child(5) {
  transition-delay: 0.8s;
}

.wrapper  label {
  display: block;
  padding: 0.3rem 0.5rem;
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
.wrapper  label .expand-btn {
  transition: all 0.3s;
  transform: rotate(90deg);
}

.wrapper input {
  display: none;
}

.detail-box {
  line-height: 1.5;
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: all 0.5s;
}

.inner-box {
  min-height: 0;
}

.transition-box {
  padding: 0.3rem;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  transition: transform 0.5s;
  transform: translateY(-100%);
}

.wrapper .content {
  padding: 10px;

  border-radius: 0.15rem;
  transition: all 0.5s;
  /* transform: scale(0.6); */
  opacity: 0;
}


    .head-content h3,.head-content p,.head-content{
  text-align: center;

}
.head-content span{
  color: #37352F;
  font-size:19px;
  text-align: center;
}

.tabs-controls {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;

  margin: 0 auto;
  box-sizing: border-box;
  padding: 10px 0 20px;
  list-style-type: none;
}

.tabs-controls__link {
  position: relative;
  display: block;
  padding: 10px 20px;
  background: #fff;
            border: 1px solid #fff;
            border-radius: 9px;
            color:#37352F !important
}
.tabs-controls__item a{
    color:#37352F !important;
    margin:0px 10px
}


.tabs-controls__link--active{
    background: #F3F3F3;
            border: 1px solid #E8E7E3;
            border-radius: 9px;
            color:#37352F
}

.cards-container {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
  height:500px;

}
.cards-container img{
    height:auto
}

.cards-container .card {
  position: absolute;
  width: 100%;
  height: auto;
margin-top:70px;
margin-bottom:100px;
border:0px;
background-color:initial;
  /* border: 1px solid #423E37;
  box-shadow: 9px 11px 3px 0px rgb(0 0 0 / 8%); */
  box-sizing: border-box;
  transition: transform 0.3s, opacity 0.2s;
}

.cards-container .card.hidden {
  z-index: 100;
  background-color: #fff;
  color: #fff;
  opacity: 0;
  transition: color 0.5s, background-color 0.5s, transform 1s, opacity 0.2s 0.4s;
}
.cards-container .card.hidden h1 {
  color: #fff;
  transition: color 0.5s;
}
.cards-container .card.hidden:nth-of-type(1) {
  transform: rotate(-76deg) translateX(101%) translateY(-44%) scale(0.1) skewX(11deg) skewY(6deg);
}
.cards-container .card.hidden:nth-of-type(2) {
  transform: rotate(-88deg) translateX(101%) translateY(-35%) scale(0.3) skewX(8deg) skewY(11deg);
}
.cards-container .card.hidden:nth-of-type(3) {
  transform: rotate(-18deg) translateX(101%) translateY(-15%) scale(0.9) skewX(5deg) skewY(12deg);
}
.cards-container .card.hidden:nth-of-type(4) {
  transform: rotate(-43deg) translateX(101%) translateY(-17%) scale(0.4) skewX(11deg) skewY(12deg);
}
.cards-container .card.hidden:nth-of-type(5) {
  transform: rotate(-2deg) translateX(101%) translateY(-47%) scale(0.7) skewX(6deg) skewY(9deg);
}
.cards-container .card.hidden:nth-of-type(6) {
  transform: rotate(-64deg) translateX(101%) translateY(-36%) scale(0.7) skewX(7deg) skewY(1deg);
}
.cards-container .card.hidden:nth-of-type(7) {
  transform: rotate(-64deg) translateX(101%) translateY(-36%) scale(0.7) skewX(7deg) skewY(1deg);
}
.cards-container .card:nth-of-type(1) {
  z-index: 6;
  transform: translateX(0px) translateY(0px);
}
.cards-container .card:nth-of-type(2) {
  z-index: 5;
  transform: translateX(0px) translateY(-15px);
  width:98%;
  right:1%

}
.cards-container .card:nth-of-type(3) {
  z-index: 4;
  transform: translateX(0px) translateY(-20px);
  width:96%;
  right:2%
}
.cards-container .card:nth-of-type(4) {
  z-index: 3;
  transform: translateX(0px) translateY(-25px);
  width:94%;
  right:3%
}
.cards-container .card:nth-of-type(5) {
  z-index: 2;
  transform: translateX(0px) translateY(-30px);
  width:92%;
  right:4%
}
.cards-container .card:nth-of-type(6) {
  z-index: 1;
  transform: translateX(0px) translateY(-35px);
  width:90%;
  right:5%
}
.cards-container .card:nth-of-type(7) {
  z-index: 0;
  transform: translateX(0px) translateY(-40px);
  width:88%;
  right:5%
}
.cards-container .card{
padding-bottom:200px
}

.cards-container .card p{
   text-align: center;
    /* position: absolute; */
    top:-30px;
    display:none;

}



  .second-accordation a,.second-accordation a:hover{
  text-decoration: none !important
}
.second-accordation .card-header{
  padding:0px;
  border-right:#e03f3e solid 7px;

  cursor: pointer;


}
.second-accordation .card{
  margin-bottom:10px;
      background-color: initial;
  border: 0px;

}
.second-accordation h2{
 font-size:20px;
 font-weight:600;
 padding:0px 10px
}

/* .second-accordation  .card-header:before {
  content: '\f275';
color:#e03f3e;
  font-family: "Material-Design-Iconic-Font";
  content: '\f270';
  font-size: 23px;
  width: 50px;
  position: absolute;
  top: 3px;
  left: 0;
  text-align: center;
  padding-top: 10px;
} */
 .second-accordation .card-header{
  border-bottom:0px;
 }

@media only screen and (max-width: 600px){
  .desktop{
      display:none !important
  }
.cards-container{
  height:55vh
}
.saas-features a{
  font-size:12px
}
.tabs-controls__link{
  padding:10px 10px;
  width:180px
}
.tabs-controls{
  overflow-x: scroll
}
}


.Competencies .card-header:before{
  right:-19px;
  content:'\f30a';
color:grey
}

.Competencies .card-header {
border-right:0px;
  background-color: initial;
  border-bottom: 0px;

}

.Competencies .card-body{
  padding:0px 10px
}

.Competencies .card-header:before[aria-expanded="true"]  {
  color: red; /* Icon color when expanded */
}

.Competencies .feature-box{
  margin-bottom:10px;
  height: 90%;
  padding:10px
}
.Competencies .feature-box img{
  display: block;
}

/* financial-planning */
.financial-planning span{
  font-weight:bold
}
.financial-planning .head-content,.financial-planning .head-content h3,.financial-planning .head-content span,.financial-planning .head-content p{
  text-align: right !important;

}

.financial-planning .head-content .title{
  text-align: right;
  background: #F7F6F3;
  border: 1px solid #37352F;
  border-radius: 8px;
  padding: 8px 16px;
  display: inline;
}
.card__group {
  display: grid;
  /* width: 800px;
  height: calc(700px * 15 / 9); */
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 2rem;

}

.card__group .card {
  --var-opacity: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 0.5rem;
  display: grid;

  padding: 0.5rem;
  overflow: hidden;
  transition: grid-template-rows 300ms ease-in-out;
  /* box-shadow: 0 16px 12px -8px #1e1e1e1e; */
}


.card__group .card:nth-of-type(5) {
  grid-row: 6/8;
  --var-gr-1: radial-gradient(#ff9a9e 0%, #fad0c4 30%, transparent);
  --var-gr-2: radial-gradient(#a18cd1 0%, #fbc2eb 30%, transparent);
}

.card__group .card:nth-of-type(6) {
  grid-row: 5/7;
  --var-gr-1: radial-gradient(#89f7fe 0%, #66a6ff 30%, transparent);
  --var-gr-2: radial-gradient(#d4fc79 0%, #96e6a1 30%, transparent);
}

.card__group .card:nth-of-type(4) {
    grid-row: 3/5;
    --var-gr-1: radial-gradient(#ff0844 0%, #ffb199 30%, transparent);
    --var-gr-2: radial-gradient(#12fff7, #b3ffab 30%, transparent);
  }

  .card__group .card:nth-of-type(3) {
    grid-row: 4/6;
    --var-gr-1: radial-gradient(#f093fb 0%, #f5576c 30%, transparent);
    --var-gr-2: radial-gradient(#c1dfc4 0%, #deecdd 30%, transparent);
  }
  .card__group .card:nth-of-type(2) {
    grid-row: 1/3;
    --var-gr-1: radial-gradient(#84fab0 0%, #8fd3f4 30%, transparent);
    --var-gr-2: radial-gradient(#a1c4fd 0%, #c2e9fb 30%, transparent);
  }
  .card__group .card:nth-of-type(1) {
    grid-row: 2/4;
    --var-gr-1: radial-gradient(#ffdde1, #ee9ca7 30%, transparent);
    --var-gr-2: radial-gradient(#ffffff, #ffefba 30%, transparent);
  }


  .card__group .card {
    /* grid-template-rows: auto 50%; */
    /* --var-opacity: 1;
    --var-state: running; */
    transition:1s all ease;
  }


  .card__group img {
    position: relative;
    max-width: 100%;
   height: 64px;
  }




  .card__group .card__content {
  padding:0px 5px ;
  }

  .card__group h1 {
    margin-top: 0.75rem;
    font-weight: 600;
    font-size: 1.3rem;
    text-align: right;
  }

  .card__group p {

    font-size: 0.95rem;
    color: #777;
    margin-bottom:0px


  }



@keyframes pulsing__1 {
  0%,
  100% {
    translate: 0% 0%;
  }
  50% {
    translate: 100% 0%;
  }
}

@keyframes pulsing__2 {
  0%,
  100% {
    translate: 0% 0%;
  }
  50% {
    translate: -100% 0%;
  }
}



.container1 {
  display: flex; /* Makes the two divs sit side by side */


}

.sticky-div {
  position: sticky; /* Enables sticky positioning */
  top: 30vh;

  width: 40%; /* Adjust width as needed */
  height: 100px; /* Optional: fix height if necessary */
  margin-bottom:160px;
  margin-left: 20px;
  padding-top:6rem

}

.scrolling-div {
  flex: 1; /* Fills the remaining space */

  max-height: 200vh; /* To make the scrolling area take full viewport height */

}


@media (max-width: 768px) {

  h1{
  font-size: 36px;
  line-height: auto;
  }
  h2{
  font-size: 30px;
  line-height: 52px;
  }
  h3{
  font-size: 26px;
  line-height: auto;
  }
  h4{
  font-size: 24px;
  line-height: 30px;
  }

  h5{
      font-size: 18px;
      line-height: 30px;
  }
  .bottom-corner {
  shape-outside: inset(calc(80% - 70px) 0 0) !important;
  }

   .bottom-corner img{
       max-width: 170px !important;
   }
      .features:before{
      display: none;
  }

    .price-wrap {
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .vector-img,.feature-img{
        display:none;
    }
    .center-data p {
      text-align: center;
      width: 100%;
    }
    .integrate-box{
        padding:0px;
    }

      .banner-img img{
          margin-top: 40px !important;
      }
      .card__group{
        display:block
      }
      .card__group .card{
        margin-bottom:10px
      }
      .card__group img{
        translate: 0% 10%;
      }
      .card__group .card__image{
        height:90%
      }
      .sitting-img{
        margin-top:0px
      }

      .banner-text{
          padding-top:125px;
      }

      .second-accordation .card, .accordation-cards .card {
        min-width: 100%;
      }

  }

  .accordation-cards .card {
    width: 100%;
    margin-bottom: 8px;
    border: 0px;
    border-radius: 0 !important;
}

.accordation-cards .card:first-child {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.accordation-cards .card:last-child {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}


.accordation-cards h2{
    padding: 0 16px;
cursor: pointer;
user-select: none;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
font-size:20px;

}
.accordation-cards .card-header{
    background-color: initial;
    padding:0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0px 10px;
    border-bottom:0px

}
.accordation-cards .expand-btn {
transition: all 0.3s;
font-weight: bold;
display: none;
}

.accordation-cards .card {
background: #ffffff50;
}

.accordation-cards .card[aria-expanded="true"] {
transition:all 1s ease;
background: #fff;
}


.accordation-cards .card[aria-expanded="true"] .expand-btn {
transform: rotate(-90deg); /* تدوير الأيقونة */
transition: transform 0.3s ease; /* إضافة تأثير الانتقال */
}


.expand-btn {
transition: transform 0.3s ease;
transform: rotate(90deg);
}

.sticky-head{
  position: sticky;
  top: 52px;
  z-index: 10;
  -webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
}

.sticky-head.bg-white{
  background: rgba(255,255,255,.7)!important;
}

.sticky-head.bg-home-two{
  background: #F7F6F370 !important;
}

.borderd-span-head{
    border: 1px solid #37352F;
    border-radius: 8px;
    padding: 8px 16px;
}

.feature-box-home{

background: #F7F6F3;
mix-blend-mode: normal;
border: 1px solid #54524D;
border-radius: 12px;
height:100%;;
box-shadow: 1px 1px 0px #54524D;
}
  .col-lg-3:last-of-type .feature-box {
        background-color: #fff;
    }
.feature-box-home h5{

font-size: 18px;
font-weight: 500;
margin: 0;
}

@media (min-width: 761px) {
  .sticky-head .head-content h3{
      margin: 0;
      font-size: 26px;
      font-weight: 500;
      padding: 10px 0;
  }
}
.color-gray{
  color: #00000080;
font-weight: 300;
}
@media (max-width: 760px) {
  .sticky-div2 { position: sticky; top: 0; z-index: 100; background-color: #fff;
       padding-top:30px; }
       #horizontal-scroll {  gap: 15px;  padding: 10px 0; scroll-snap-type: x mandatory;
          }
          .sticky-head{
            position: sticky;
            top: 52px;
            z-index: 10;
          }

          .sticky-div2 .head-content,.sticky-div2 .head-content span, .sticky-div2 .head-content h3{
              margin:auto;
              text-align: center !important;
              margin-bottom:8px
          }

          .financial-planning .head-content,.financial-planning .head-content h3,.financial-planning .head-content span,.financial-planning .head-content p{
            text-align: center !important;
          }
          .financial-planning .head-content span,.financial-planning .head-content p{
            font-size: 12px;
          }

          .head-content h3{
            margin: 0;
            font-size: 22px;
            font-weight: 600;
            padding: 0 16px;
          }


          .card__group img {
    position: relative;
    max-width: 100%;
    height: 64px;

          }
}