@font-face{
    font-family:"iransans";
    font-style:normal;
    font-weight:bold;
    src:url('./eot/IRANSansWeb(FaNum)_Bold.eot');
    src:url('./eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),url('./woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),url('./woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),url('./ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face{
    font-family:"iransans";
    font-style:normal;
    font-weight:500;
    src:url('./eot/IRANSansWeb(FaNum)_Medium.eot');
    src:url('./eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),url('./woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),url('./woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),url('./ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face{
    font-family:"iransans";
    font-style:normal;
    font-weight:300;
    src:url('./eot/IRANSansWeb(FaNum)_Light.eot');
    src:url('./eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),url('./woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),url('./woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),url('./ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face{
    font-family:"iransans";
    font-style:normal;
    font-weight:200;
    src:url('./eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src:url('./eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),url('./woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),url('./woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),url('./ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face{
    font-family:"iransans";
    font-style:normal;
    font-weight:normal;
    src:url('./eot/IRANSansWeb(FaNum).eot');
    src:url('./eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),url('./woff2/IRANSansWeb(FaNum).woff2') format('woff2'),url('./woff/IRANSansWeb(FaNum).woff') format('woff'),url('./ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}
.productRow .select2-container{
    max-width: 250px;
    font-size: 12px;
}
.tooltip-inner{
    font-size: 12px;
    max-width: 300px;
    white-space: pre-line;
    box-shadow: 0px 0px 15px 0px #00000078;
}
.modal{
    background: #000000d6;
}
.modal-backdrop{
    opacity: 0 !important;
}
.productRow input:required{
    padding-left: 5px !important;
}
.showErrors{
    cursor: pointer;
}
.showErrorsContainer .swal2-popup{
    width: 60%;
}
.showErrorsContainer #swal2-content{
    font-size: 14px;
    text-align: right;
}
.selectAll{
    cursor: pointer;
    color: #314f94;
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px dashed #314f94;
    margin: 20px;
}
.tableActionTd .iconBtn{
    cursor: pointer;
    font-size: 23px;
    transition: all 0.3s ease-in-out;
    vertical-align: middle;
    margin: 0 8px;
    color: #565656;
}
.tableActionTd i.iconBtn:hover{
    opacity: 0.7;
}

/* loader */
.modal-dialog-scrollable .modal-content{
    overflow-y: auto;
}
.overflowInitial{
    overflow: initial !important;
}
.add-product-and-services-modal .modal-dialog{
    position: absolute;
    left: 50%;
    transform: translateX(-50%) !important;
    top: 0px;
    margin-top: 20px !important;
    padding: 0px !important;
    align-items: flex-start;
}
.modalSsttContainer .spinner{
    background: #fff url("../img/loader.gif") no-repeat center center;
    width: 25px;
    height: 25px;
    background-size: contain;
    position: absolute;
    left: 12px;
    top: 41px;
    z-index: 100;
}

#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #fff url("../img/loader.gif") no-repeat center center;
    z-index: 99999;
}

.parallax-image {
    transform-origin: center center;
    transform: translate3d(0, 0, 0);
}

.parallax-image.active {
    transform: translate3d(0, -50%, 0);
}

.promotionImage{
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.mt-10{
    margin-top: 10rem !important;
}

.loader{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 440px;
    font-size: 20px;
}

/* end loader */


.text-small{
    font-size: 0.6rem !important;
}
.select2-container{
    width: 100% !important;
}
.deleteRow{
    cursor: pointer;
}
.noDataLabel{
    text-align: center;
    color: #afafaf;
}
.text-left{
    text-align: left;
}
.ltr{
    direction: ltr;
}
* {
    font-family:"iransans";
    padding: 0;
    margin: 0;
}
html , body {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 90%;
    scrollbar-color: #0f3375 #d1d1d1;
    scrollbar-width: thin;
}
/* SCROLL-BAR Not FireFox */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #d1d1d1;
}
::-webkit-scrollbar-thumb {
background: #3366cc;
border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
background: #0f3375;
}
/* SCROLL-BAR Not FireFox */

body {
    position: relative;
}
.primary-color {
    background-color: #f5fafe !important;
}
.main-color {
    background-color: #2ca5b5;
}
p, h1, h2, h3, h4, h5, h6, a, ul li, span {
    font-family: "iranSans";

}
h2 {
    font-size: 1.7rem !important;
    margin: 0;
}
p {
    font-size: 1rem !important;
    text-align: justify;
    color: #000;
    margin: 0;
}
h1, h2, h3 {
    font-weight: bold !important;
    margin: 0;
}

/* Slick-Slider public CSS  */
#carouselExampleIndicators{
    direction: rtl;
}
.carousel-control-prev-icon::after , .carousel-control-next-icon::after {
    content: " " !important;
}
.header-slider-parent .home-page-header-slider .slick-track{
	padding: 0 !important;
}
.slick-dots {
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 2px !important;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: 2px solid #1b49a0;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: all 0.2s ease-in-out;
}
.slick-dots li.slick-active {
    background-color: #1b49a0;
}
.slick-dots li button {
    display: none;
}
.slick-track {
    direction: ltr !important;
}
[dir="rtl"] .slick-slide {
    float: left !important;
}
.carousel-control-next {
    width: max-content;
    left: auto !important;
    right: -1.5rem !important;
}
.carousel-control-prev {
    width: max-content;
    right: auto !important;
    left: -1.5rem !important;
}
.slider-next-icon {
    width: 2rem !important;
    height: 2rem !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234b4b4b'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.slider-prev-icon {
    width: 2rem !important;
    height: 2rem !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234b4b4b'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}
/* Slick-Slider public CSS  */
a {
    color: unset;
}
/* Navbar */
.header {
    height: 90px;
}
.text-grey{
    color: #9d9d9d;
}
.header .header-img {
    width: 22%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.header .header-img img {
    width: 100%;
}
.navbar {
    box-shadow: none;
    padding: 1rem 2rem;
}
.navbar-fixed {
    padding: 0.3rem 2rem;
    background-color: #fff !important;
    box-shadow: 0 -2px 10px 1px rgba(0,0,0,.2) !important;
    position: fixed !important;
    z-index: 15 !important;
    width: 100%;
}
.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-brand img {
    width: 120px;
}
a.social-link svg {
    display: block;
    margin: 0 0.5rem;
}
a.social-link svg {
    width: 20px;
}
a.social-link svg path {
    fill: #142867;
    transition: 0.2s ease-in-out;
}
a.social-link:hover svg path {
    fill: #3366cc;
}
.navbar-nav .nav-item {
    margin: 0 1rem;
    position: relative;
}
.navbar-nav .nav-item .nav-link {
    color: #9c9c9c;
    transition: 0.2s ease-in-out;
}
.navbar-nav .nav-item:hover .nav-link {
    color: #000;
}
.navbar-nav .nav-item .nav-link::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #3366cc;
    width: 0%;
    height: 3px;
    bottom: 0;
    border-radius: 10px;
    transition: 0.2s ease-in-out;
}
.navbar-nav .nav-item:hover .nav-link::before {
    width: 40%;
}
.navbar-nav .nav-item.active .nav-link {
    color: #000;
}
.navbar-nav .nav-item.active .nav-link::before {
    width: 40%;
}
header .action-header-buttons {
    width: max-content;
    max-width: 16.6666666667%;
    margin: 0;
    margin-right: auto;
    border-radius: 8px;
    display: flex;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.navbar-fixed .action-header-buttons {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.action-button {
    width: max-content;
    position: relative;
    padding: 0.5rem 1rem;
    color: #fff;
    border: none;
    outline: none;
    font-size: 0.9rem;
    transition: 0.2s ease-in-out;
}
.action-button span {
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 2;
    transition: 0.2s ease-in-out;
}
.action-button.sign-up {
    background-color: #163d86;
    margin-left: -0.7rem;
    padding: 0.5rem 1.5rem;
}
.action-button.sign-up::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    right: 0;
    width: 0;
    height: 100%;
    top: 0;
    border-top-left-radius: 9px;
    border-bottom-right-radius: 9px;
    transition: 0.2s ease-in-out;
}
header .action-button.sign-up::before {
    top: 1px;
}
header .action-button:hover {
    background: #fff !important;
}
.action-button:hover span {
    color: #000;
}
.action-button.sign-up:hover::before {
    width: 100%;
}
.action-button.login {
    background-color: #3366cb;
    clip-path: polygon(0% 0%, 100% 0%, 91% 100.00%, 0% 100%, 0% 50%);
}
.action-button.login::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    left: 0;
    width: 0;
    height: 100%;
    top: 0;
    transition: 0.2s ease-in-out;
}
.action-button.login:hover::before {
    width: 100%;
}
/* Section 1 */
.main-page .sec-1 {
    overflow: hidden;
}
@keyframes gradient {
    0%{background-position:0% 50%}
    100%{background-position:100% 100%}
}
.header-banner-parent {
    background: none;
    transition: all ease;
    cursor: auto;
    z-index: 5;
    box-shadow: none !important;
    padding-left: 7rem;
}
.header-banner-parent:hover {
    /* filter: drop-shadow(0 0 0px rgb(255, 255, 255, 60%)); */
    color: rgb(255, 255, 255, 80%);
}
.header-banner-parent img.banner {
    width: 100%;
    margin-top: 5rem;
}
.sec-1 .intro-title {
    color: #000;
}
.themeBlue {
    color: #3366cc;
}
.sec-1 .intro-title span {
    color: #3366cc;
}
.sec-1 .intro-title span {

}
.sec-1 p {
    font-size: 1.1rem !important;
    margin: 0.75rem 0;
    text-align: justify;
}
.sec-1 .intro-sign-up {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.sec-1 .intro-sign-up>span {
    display: block;
    padding: 0 0.25rem;
    position: relative;
    z-index: 2;
    color: #000;
}
.sec-1 .intro-sign-up .action-button.sign-up {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: linear-gradient(90deg, rgba(10,61,157,1) 0%, rgba(44,95,196,1) 61%);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    overflow: hidden;
    margin: 0;
    padding: 0.75rem 2rem;
    position: relative;
    z-index: 3;
    transition: 0.2s ease-in-out;
}
.sec-1 .intro-sign-up .action-button.sign-up::before {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 61%);
    right: 0;
    width: 0;
    height: 100%;
    top: 0;
    transition: 0.2s ease-in-out;
}
.sec-1 .action-button.sign-up:hover::before {
    width: 100%;
}
.bottom-right-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.bottom-right-bg img {
    width: 100%;
}
/* Section 1 */

/* Intro Section */
.main-page .sec-2 {
    padding-top: 7rem;
}
.top-right-bg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.top-right-bg img {
    width: 100%;
}
.title-parent .title {
    color: #013492;
    text-align: center;
}
.title-parent p {
    text-align-last: center;
    margin: 1rem 0;
}
.benefits-parent {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
}
.benefits-parent .benefits-item {
    text-align: center;
    margin: 0 1rem;
    padding: 3.5rem 1.5rem;
    background-color: transparent;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    transition: 0.2s ease-in-out;
}
.benefits-parent .benefits-item:hover {
    background-color: #f5faff;
}
.benefits-parent .benefits-item::before {
    content: "";
    display: block;
    position: absolute;
    background-color: transparent;
    border: 1px solid #aeb2bf;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 95%;
    height: 95%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in-out;
}
.benefits-parent .benefits-item:hover::before {
    visibility: visible;
    opacity: 1;
}
.benefits-parent .benefits-item svg {
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 60px;
    object-fit: contain;
}
.benefits-parent .benefits-item span {
    display: block;
    width: 100%;
    margin: 0.75rem 0;
    color: #000;
    font-weight: bold;
}
.benefits-parent .benefits-item p {
    text-align: justify;
    text-align-last: center;
}
.full-width-banner svg {
    width: 100%;
}
.promotion {
    padding: 7rem 2rem 0rem 2rem;
}
.promotion .title {
    font-size: 2rem;
    display: inline;
    color: #c1e4ff;
}
.promotion .title.yellow-title {
    color: #eeb11e;
    position: relative;
    /* top: -1rem; */
}
.promotion .title.white-title {
    color: #fff;
    position: relative;
    bottom: -2rem;
}
.promotion .title.yellow-title::after {
    content: "";
    position: absolute;
    display: block;
    background-color: #c1e4ff;
    height: 1px;
    width: 100%;
    bottom: -10px;
    right: 0;
    left: 0;
}
.promotion .title.white-title::after {
    content: "";
    position: absolute;
    display: block;
    background-color: #c1e4ff;
    height: 1px;
    width: 70%;
    top: 0;
    left: 0;
}
.promotion p {
    margin-top: 2.5rem;
    padding: 0 4.5rem;
    color: #90919f;
}
.sec-2 .intro-sign-up {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.sec-2 .intro-sign-up>span {
    padding: 0 1rem;
    color: #fff;
}
.sec-2 .intro-sign-up .action-button.sign-up {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    margin: 0;
    padding: 0.75rem 2rem;
    background-color: #fff;
}
.sec-2 .intro-sign-up .action-button.sign-up span {
    color: #000;
}
.sec-2 .intro-sign-up .action-button.sign-up:hover {
    background-color: #3366cb;
}
.sec-2 .intro-sign-up .action-button.sign-up::before {
    background-color: #3366cb;
}
.sec-2 .intro-sign-up .action-button.sign-up:hover span {
    color: #fff;
}
/* Intro Section */

/* Prices Section */
.package-card-row {
    padding-top: 0rem;
    padding-bottom: 0rem;
}
.package-card-parent {
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 17%);
    border-radius: 10px;
    overflow: hidden;
    transition: 0.2s ease-in-out;
    margin: 0 0.5rem;
}
.package-card-parent.blur:not(.center) {
    filter: blur(1px);
}
.packageDetailTable{
    width: 100%;
}
.packageDetailTable td{
    text-align: center;
    background: #d2e1ff;
    padding: 10px;
    color: #000;
}
.packageDetailTable th{
    background: #163c86;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    text-align: center;
}
.package-card-parent.center {
    transform: scale(1.05) translateY(-15px);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
    border-radius: 5px;
    border-top-left-radius: 20px;
    overflow: hidden;
    z-index: 10;
    border-bottom-right-radius: 20px;
}
.package-card-properties ul{
    padding-right: 5px !important;
}
.package-card-parent small{
    color: #eeb11e
}
.package-card-parent.center b{
    color: #ffffff;
}
.package-card-parent.center .package-card-bottom {
    background-color: #2359c5;
}
.package-card-parent.center .package-card-bottom .package-card-price span {
    color: #fff;
}
.package-card-parent.center .package-card-properties li, .package-card-parent.center .package-card-properties p {
    color: #fff !important;
}
.package-card-parent.center .package-card-bottom .package-card-properties li::before {
    background-color: #eeb11e;
}
.package-card-parent .package-card-name {
    display: flex;
    height: 100px;
    justify-content: space-between;
    width: 100%;
    padding: 1rem;
    background-color: #1b49a0;
    align-items: center;
}
.package-card-parent .package-card-name span {
    color: #eeb11e;
    font-size: 30px;
    font-weight: bolder;
    text-shadow: 0px 5px 4px #0000007a;
}
.package-card-parent .package-card-name div i {
    color: #eeb11e;
    font-size: 1.1rem;
}
.package-card-parent .package-card-bottom {
    background-color: #fff;
    padding: 1.2rem;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: 0.2s ease-in-out;
}
.package-card-parent .package-card-bottom .package-card-price {
    color: #eeb11e;
    font-size: 2.5rem;
    text-align: center;
    width: 100%;
    font-weight: bold;
    transition: 0.2s ease-in-out;
}
.package-card-parent .package-card-bottom .package-card-price span {
    font-size: 1rem;
    color: #3961ad;
    transition: 0.2s ease-in-out;
}
.h-rule {
    height: 2.5px !important;
    border-radius: 5px;
    opacity: 1;
    background-color: #214179;
    margin: 1.2rem 0;
}
.package-card-parent .package-card-bottom .package-card-properties {
    list-style: none;
    padding-right: 1rem;
    margin: 0;
    position: relative;
    margin-bottom: 1rem;
}
.package-card-parent .package-card-bottom .package-card-properties li, .package-card-parent .package-card-bottom .package-card-properties p {
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
    color: #406fcc;
    transition: 0.2s ease-in-out;
    text-align: start;
}
.package-card-properties li::before, .package-card-properties p::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #0f3375;
    right: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
}
.package-card-parent .package-card-bottom .action-button.sign-up {
    margin: 0 auto;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.bottom-left-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.bottom-left-bg img {
    width: 100%;
}
/* Prices Section */

/* Faq Section */
.top-left-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.top-left-bg img {
    width: 100%;
}
.sec-4 {
    padding-top: 6rem;
}
.faq-accordion-button:not(.collapsed)::after {
    position: absolute;
    left: 25px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23446ab1'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E") !important;
    content: " " !important;
    transform: none;
}
.faq-accordion-button::after {
    position: absolute;
    left: 25px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23446ab1'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E") !important;
    content: " " !important;
    transform: rotate(90deg);
}
.faq-accordion-button:focus {
    background-color: #fff !important;
}
.faq-accordion-button.collapsed:focus {
    background-color: #f5fafe !important;
}
.faq-accordion-button:hover {
    background-color: #fff !important;
}
.faq-accordion-button, .faq-accordion-button:focus, .accordion-collapse {
    box-shadow: none;
}
.faq-accordion-item {
    margin: 0.75rem 0;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
}
.faq-accordion-button {
    padding: 1.5rem 1rem;
    background-color: #fff;
    position: unset;
    padding-left: 4rem;
    border-top-left-radius: 23px !important;
    border-bottom-right-radius: 20px !important;
}
.faq-accordion-button:not(.collapsed)::before {
    content: "";
    position: absolute;
    display: block;
    background-color: transparent;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 0;
    border: 3px solid #1c4aa2;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.faq-accordion-button.collapsed:hover {
    background-color: #f5fafe !important;
    box-shadow: 0 0 10px 0 #1c4ba246;
    transform: translateY(-2px);
}
.faq-accordion-button.collapsed {
    background-color: #f5fafe;
    padding: 1.5rem 1rem;
    padding-left: 4rem;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: 0.2s ease-in-out;
}
.accordion-collapse {
    box-shadow: none;
    background: linear-gradient(180deg, rgba(248,249,253,1) 0%, rgba(255,255,255,1) 30%);
}
.faq-accordion-button:not(.collapsed) {
    background-color: #fff;
}
.faq-accordion-button:not(.collapsed) span::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #1b499f;
    width: 65px;
    height: 55%;
    top: -6px;
    left: -6px;
    z-index: -1;
    border-top-left-radius: 20px;
}
.faq-accordion-button span {
    font-size: 1.1rem;
}
.faq-accordion-body {
    padding: 1.75rem 1rem;
    color: #767676;
    text-align: justify;
}
/* Faq Section */

/* Comments Section */
.comments-slider .slick-list {
    padding: 0.5rem 0 1rem 0;
}
.comments-slider .comment-box {
    direction: rtl;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 1rem 0 1.5rem 0;
    margin: 0.5rem;
    align-items: center;
    transition: 0.2s ease-in-out;
}
.comments-slider .comment-box .h-rule {
    height: 1.5px !important;
    background-color: #1b499f;
}
.comments-slider .comment-box .comment-name {
    width: 50%;
    display: block;
    text-align: start;
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    position: relative;
}
.comments-slider .comment-box .comment-name::before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 135%;
    background-color: #1b49a0;
    right: -6px;
    top: 0;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.comments-slider .comment-box .comment-from {
    width: 100%;
    display: block;
    text-align: start;
    color: #414141;
    font-size: 1rem;
}
.comments-slider .comment-box .comment-date {
    width: 50%;
    display: block;
    text-align: end;
    color: #8ca9e1;
    font-size: 0.9rem;
}
.comments-slider .comment-box .comment-like i {
    color: #479a18;
}
.comments-slider .comment-box .comment-like span {
    color: #479a18;
}
.comments-slider .comment-box .comment-dislike i {
    color: #d5360c;
}
.comments-slider .comment-box .comment-dislike span {
    color: #d5360c;
}
.comments-slider .comment-box .comment-text {
    width: 100%;
    text-align: justify;
    color: #4b4c4e;
    font-size: 0.9rem !important;
}
.comments-slider .comment-box .star {
    position: absolute;
    width: max-content;
    left: 0;
    top: -30px;
    background-color: #fdbf08;
    padding: 0.25rem 0.5rem 1.5rem 0.5rem;
    border-radius: 10px;
    z-index: -1;
}
.comments-slider .comment-box .star i {
    color: #fff;
}
.comments-slider .comment-box .star span {
    color: #000;
}
/* Comments Section */

/* Contact Us Section */
.sec-3, .sec-5, .sec-5 {
    margin-top: 2rem !important;
}
.sec-2, .sec-3, .sec-4, .sec-5, .sec-6 {
    padding-top: 110px !important;
}
.sec-1, .sec-3 {
    padding-bottom: 6rem !important;
}
#faq-section{
    padding-top: 10px !important;
}
.contact-us-info {
    padding: 0 2rem;
    display: flex;
    flex-wrap: wrap;
}
.contact-us-info .item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem 0;
}
.contact-us-info .item span {
    font-size: 1.1rem;
    color: #8b8a89;
    transition: 0.2s ease-in-out;
}
.contact-us-info .item a:hover span {
    color: #013492;
}
.contact-us-info .item .name {
    display: flex;
    align-items: center;
}
.contact-us-info .item .name i {
    font-size: 1.3rem;
    color: #97cce7;
}
.contact-us-info .item .name div {
    display: inline;
    padding: 0 1.5rem;
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
    white-space: nowrap;
}
.send-message-h-rule {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 1rem 0;
}
.send-message-h-rule span {
    position: absolute;
    margin-right: 3rem;
    background-color: #fff;
    padding: 0 1rem;
    font-size: 1.2rem;
}
.send-message-h-rule .h-rule {
    width: 100%;
    background-color: #1b49a0;
    height: 3px !important;
    border-radius: 10px;
}
.contact-us-form {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    align-items: center;
}
.customSelect2 {
    background-color: #e7eaf1 !important;
    color: #717376 !important;
    border: 0 !important;
    padding: 0.3rem 0.5rem !important;
    height: 34px !important;
    border: 2px solid transparent !important;
    border-radius: 0 !important;
    border-top-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}
.input-defaul{
    box-shadow: 0px 0px 7px 0px #00000042;
    font-size: 14px;
    background-color: white;
    color: #717376;
    padding: 7px 10px;
    border: 2px solid transparent;
    border-radius: 0;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.input-defaul::placeholder{
    color: #ababab;
}
b{
    font-weight: 900;
}
.mySelect2{
    box-shadow: 0px 0px 7px 0px #00000042;
    font-size: 14px;
    background-color: white !important;
    border: 1px solid #cecece;
    color: #717376;
    height: auto !important;
    padding: 1px 10px;
    margin-top: 3px;
    border: 2px solid transparent !important;
    border-radius: 0 !important;
    border-top-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}
.noValidate{
    border: 1px solid #cecece !important;
}
.input-defaul:focus {
    border: 2px solid #1b49a0;
    box-shadow: none;
    background-color: #fff;
}
.input-defaul.text-area {
    min-height: 100px;
}
.action-button.submit {
    margin: 0 !important;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    width: 100%;
    background-color: #163d86;
    padding: 0.5rem 1.5rem;
}
.action-button.submit::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    right: 0;
    width: 0;
    height: 100%;
    top: 0;
    transition: 0.2s ease-in-out;
}
.action-button.submit:hover::before {
    width: 100%;
}
.contact-us-map img {
    width: 100%;
    border-radius: 7px;
}
/* Contact Us Section */

/* Footer */
.footer {
    background: linear-gradient(180deg, rgb(249, 250, 252) 5%, rgb(255, 255, 255) 25%);
}
.footer-row {
    padding: 2rem 4rem 1rem 4rem;
}
.footer-row .logo-parent {
    text-align: center;
    display: flex;
}
.footer-row .logo-parent a {
    width: max-content;
    height: max-content;
    display: block;
    margin: auto;
}
.logo-parent img{
    object-fit: contain;
}
.footer-row .logo-parent img {
    width: 130px;
}
.footer-row .left-box-parent {
    display: flex;
    justify-content: space-evenly;
}
.footer-row .left-box-parent img {
    width: 75px;
}
.center-title-h-rule {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.center-title-h-rule span {
    position: absolute;
    background-color: #fff;
    padding: 0 0.5rem;
    color: #13336e;
}
.center-title-h-rule .h-rule {
    width: 100%;
    background-color: #2359c4;
}
.footer-link-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}
.footer-link-menu .footer-link-item {
    padding: 0 0.5rem;
}
.footer-h-rule .h-rule {
    background-color: #e8ecf5;
    margin: 0.5rem 0;
}
.footer .cpr {
    padding: 0.5rem 0 1rem 0;
}
.footer .cpr p.law{
    text-align: center;
}
.footer .cpr p {
    text-align: center;
}
.footer .cpr p span a {
    color: #163d86;
    position: relative;
    transition: 0.2s ease-in-out;
}
.footer .cpr p span a::after {
    content: "";
    position: absolute;
    display: block;
    background-color: #163d86;
    width: 0;
    height: 2px;
    border-radius: 5px;
    right: 0;
    bottom: 0;
    transition: 0.2s ease-in-out;
}
.footer .cpr p span a:hover::after {
    width: 100%;
}
/* Footer */
.modal-backdrop.show {
    opacity: 0.8;
}
.video-container video{
    max-width: 100%;
    border-radius: 30px;
}
/* contact-us button */
.adminActions {
  position: fixed;
  bottom: 15px;
  right: 80px;
  animation: float 1.2s ease-in-out infinite;
  z-index: 50;
  width: 180px;
  background-color: transparent;
}
.adminActions .top {
    position: absolute;
    top: -20px;
    right: -15px;
    width: 90px;
    z-index: -1;
}
.adminActions .bottom {
    position: absolute;
    bottom: -20px;
    right: -15px;
    width: 90px;
    z-index: -1;
}
.adminActions:hover {
    transform: translatey(-5px) !important;
    animation-play-state: paused;
}
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-5px);
	}
	100% {
		transform: translatey(0px);
	}
}
.adminButton {
    height: 50px;
    width: 50px;
    background: linear-gradient(0deg, rgba(60,158,87,1) 0%, rgba(74,192,58,1) 100%);
    box-shadow: inset 0px 0px 0px 2px #3e9d5d;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: block;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 0.75rem;
    z-index: 1;
}
.adminButton>svg {
    fill: #fff;
    transform: rotate(270deg);
}
.adminButtons {
    position: absolute;
    width: 100%;
    bottom: 100%;
    text-align: center;
    padding: 0.5rem;
    display: none;
}
.adminButtons a {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: max-content;
    height: 45px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    margin: 10px 0 0;
    line-height: 1.15;
    color: #fff;
    position: relative;
    box-shadow: 0 0 5px 1px rgba(51, 51, 51, .3);
    right: -2px;
    padding: 0 0.25rem;
}
.personStatus{
    width: 22px;
    height: 22px;
    padding: 1px 3px 3px 3px;
    background: #c9c9c9;
    display: inline-block;
    border-radius: 50%;
}
.personStatus.checked{
    background: #2864da;
}
.invoiceTable{
    font-size: 12px;
}
.adminButtons a:hover {
    transform: scale(1.05);
}
.adminButtons a {
    background-color: #fff;
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.15);
    transition: opacity .2s ease-in-out .3s,transform .15s ease-in-out;
}
.dashboard nav{
    display: flex;
    justify-content: flex-end;
}
.adminButtons a svg {
    fill: #0f3375;
    transform: rotate(270deg);
    width: 25px;
}
.adminButtons a i {
    color: #505050;
    transition: 0.2s ease-in-out;
}
.adminButtons a:hover i {
    color: #fff;
}
.adminButtons .title {
    position: absolute;
    right: 50px;
    width: 100px;
    padding: 0.5rem;
    background-color: #3366cb;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease-in-out;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 17%);
}
.hasInnerMenu:hover .innerMenu{
    display: block;
}
.innerMenu{
    position: absolute;
    background: #ffffff;
    left: 0px;
    top: 30px;
    display: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 50;
    padding-top: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 15px 0px #0000003e;
}
.vertical-align-middle{
    vertical-align: middle;
}
.input-defaul.disabled {
    background: #8b8b8b;
    color: #fff;
}
.innerMenuBtn{
    width: 100%;
    border: none;
    background: #ffffff;
    padding: 10px 10px;
    font-size: 13px;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    text-align: right;
}
.innerMenuBtn:hover{
    background: #e9e9e9;
}
.innerMenuBtn .fa{
    vertical-align: middle;
}
.innerMenuBtn span{
    color: #000;
}
ul.suggestions{
    list-style: none;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #00000061;
    border-radius: 7px;
    position: absolute;
    left: 5px;
    right: 5px;
    z-index: 10;
    top: 45px;
    max-height: 80vh;
    overflow-y: auto;
    padding: 40px 10px 10px 10px;
}
ul.suggestions li{
    cursor: pointer;
    font-size: 12px;
    border-bottom: 1px solid #8eb6fd78;
    background-color:#ffffff;
    padding: 6px 0px;
    direction: rtl;
    text-align: justify;
    transition: all 0.2s ;
}
ul.suggestions li:hover{
    background-color:#8eb6fd78;
}

ul.suggestions::-webkit-scrollbar {
    display: none;
}


.modalSstt{
    z-index: 15;
    position: relative;
}
.adminButtons a:hover .title {
    visibility: visible;
    opacity: 1;
}
.adminButtons h6 {
    position: relative;
    z-index: 9999999999999999;
    color: #000;
    width: max-content;
    white-space: nowrap;
    margin: 0;
    text-align: right;
    padding-right: 0.75rem;
    }
.adminButtons a svg.chat-svg {
    transform: none;
    fill: #0f3375;
}
.adminButtons a svg.chat-svg path {
    fill: #0f3375;
}
.adminToggle {
    -webkit-appearance: none;
    position: absolute;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    top: 0; left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    z-index: 2;
    transition: box-shadow .2s ease-in-out;
}
/* contact-us button */

/* Sign-Up Modal */
.btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='rgba(38, 82, 162, 1)' d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/0.75em auto no-repeat;
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: 1;
}
.sign-up-modal .modal-content {
    padding: 0.5rem;
}
.sign-up-modal .modal-header {
    border: 0;
    flex-wrap: wrap;
}
.sign-up-modal .modal-header .modal-title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    color: #013492;
}
.sign-up-modal .modal-header p {
    width: 100%;
    font-size: 1rem !important;
    color: #000;
    text-align: center;
    margin: 0.5rem 0;
}
.sign-up-modal .modal-body {
    padding: 0 5rem;
}
.sign-up-modal .input-defaul {
    margin: 0.25rem 0;
}
.sign-up-modal .h-rule {
    background-color: #e7eaf1;
    margin: 1rem 0 0 0;
}
.sign-up-modal .modal-footer {
    border: 0;
}
.sign-up-modal .modal-footer .action-button.sign-up {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    padding: 0.5rem 2.5rem;
    width: 45%;
    margin: 0;
}
.sign-up-modal .btn-sign-in-modal {
    width: max-content;
    border: 0;
    background-color: transparent;
}
.sign-up-modal .btn-sign-in-modal span {
    font-size: 1rem;
    text-decoration: underline;
}
/* Sign-Up Modal */

/* Sign-Up Step-2 Modal */
.sign-up-modal.sign-up-next-modal .btn-sign-in-modal {
    margin: 0 auto 0.5rem 0;
    width: max-content;
}
.digit-group-parent {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.digit-group {
    padding: 0.5rem;
    direction: ltr;
}
.digit-group input {
    width: 40px;
    height: 45px;
    background-color: #e7eaf1;
    border: 2px solid transparent !important;
    line-height: 50px;
    text-align : center;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    color: #000;
    margin: 0 2px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.digit-group input:focus-visible {
    box-shadow: none;
    border: 2px solid #1b49a0 !important;
    background-color: #fff;
    outline: 0;
}
/* Sign-Up Step-2 Modal */

/* Login Modal */
.sign-up-modal.login-modal .input-defaul {
    margin: 0.1rem 0;
}
.sign-up-modal.login-modal .modal-footer .action-button.sign-up {
    width: 80%;
    background-color: #2359c4;
}
.sign-up-modal.login-modal .btn-sign-in-modal {
    margin: 0;
    width: 100%;
}
.sign-up-modal.login-modal .modal-body {
    padding: 0 5rem;
  }
/* Login Modal */
/* Add Person Modal */
.sign-up-modal.product-modal .modal-header .modal-title {
    font-weight: bold;
}
.bargasht-modal .modal-dialog{
    width: 90vw;
    max-width: 800px;
}
.packagesSlider{
    direction: ltr;
}
.packagesSlider .slick-list{
    padding: 4rem 0.5rem 1rem 1rem;
}
.packagesSlider .slick-track{
    display: flex;
}
.packagesSlider .slick-slide{
    height: inherit;
    display: flex;
}
.removeSearch{
    position: absolute;
    top: 25%;
    left: 29%;
    color: #b8354b;
    cursor: pointer;
}
.float-right{
    float: right;
}
.bargasht-modal .returnCount{
    width: 80px;
    display: inline-block;
}
.sign-up-modal.product-modal .modal-body {
    padding: 0 1.5rem;
}
.sign-up-modal.product-modal .input-defaul {
    padding: 0.35rem 0.5rem;
    font-size: 0.85rem;
}
.sign-up-modal.product-modal .modal-row-title {
    padding: 0rem 0.3rem;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: normal;
}
.sign-up-modal.product-modal .modal-row-info {
    display: inline-block;
    width: max-content;
    margin-right: 1.5rem;
}
.sign-up-modal.product-modal .modal-row-info .form-check-input {
    border-radius: 0;
    border-color: #2359c4 !important;
}
.sign-up-modal.product-modal .modal-row-info .form-check-label {
    font-size: 0.8rem;
    margin-right: -0.25rem;
    vertical-align: middle;
    font-weight: bold;
}
.sign-up-modal.product-modal .modal-col-title {
    padding: 0.25rem 0;
    display: block;
    color: #555555;
    font-size: 0.9rem;
}
.sign-up-modal.product-modal .modal-footer .action-button.sign-up.submit-info {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    background-color: #2359c4;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    padding: 0.5rem 0.75rem;
    width: 100%;
    margin: 0;
}
.btn-sign-in-modal.cancel {
    width: 100%;
    margin-top: 0.5rem;
    transition: 0.2s ease-in-out;
}
.btn-sign-in-modal.cancel span {
    text-decoration: none;
    color: #2e3e64;
    transition: 0.2s ease-in-out;
}
.btn-sign-in-modal.cancel:hover span {
    color: red;
}
.sign-up-modal .input-defaul {
    margin: 0.1rem 0;
}
/* Add Person Modal */

/* Add Factor Modal */
.sign-up-modal.product-modal.add-factor-modal .modal-body {
    /* height: 100vh; */
}
.table-parent {
    padding: 0;
    margin: 0 0.5rem 0.5rem 0.5rem;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    border-radius: 7px;
    position: relative;
}
.table {
    margin: 0;
}
.table > :not(caption) > * > * {
    padding: 1.7rem 1rem;
    vertical-align: middle;
}
.table thead tr th {
    background-color: #fff;
    border: none !important;
    color: #989898;
    font-weight: bold;
}
.table thead tr {
    position: relative;
    border: transparent;
}
.table thead tr::after {
    content: "";
    position: absolute;
    display: block;
    background-color: #dfe3e9;
    width: 95%;
    height: 3px;
    right: 0;
    left: 0;
    bottom: -2px;
    text-align: center;
    margin: 0 auto;
    border-radius: 10px;
}
.table tbody {
    background: linear-gradient(to bottom, rgb(247, 249, 252) 0%, rgb(255, 255, 255) 30%);
}
.table tbody tr:not(:first-child) {
    /* border-top: 2px solid #e7e8ea; */
    border-top: 2px solid #cad1df;
}
.table tbody tr td {
    background-color: transparent;
    border-bottom: none;
}
.sign-up-modal.product-modal .modal-row-info.center {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 1.5rem 0 0 0;
}
.sign-up-modal.product-modal .modal-row-info.center .form-check-label {
    margin-right: 0.75rem;
}
.modal-content {
    border-radius: 10px;
}
/* Contact Us Modal */
.sign-up-modal.contact-us-modal .modal-header p {
    margin: 1rem 0 0 0;
}
.call-btn {
    width: 175px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: linear-gradient(0deg, rgba(60,158,87,1) 0%, rgba(74,192,58,1) 100%);
    box-shadow: inset 0px 0px 0px 2px #3e9d5d;
    padding: 0.5rem 0.25rem;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: 0.2s ease-in-out;
    position: relative;
}
.call-btn::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    right: 0;
    width: 0;
    height: 100%;
    top: 0;
    transition: 0.2s ease-in-out;
}
.call-btn:hover {
    box-shadow: 0 0 10px 0 #3e9d5e9a;
}
.call-btn:hover:before {
    width: 100%;
}
.call-btn svg {
    width: 28px;
    fill: #fff;
    transform: rotate(270deg);
    transition: 0.2s ease-in-out;
    position: relative;
}
.call-btn span {
    color: #fff;
    transition: 0.2s ease-in-out;
    position: relative;
}
.call-btn:hover span {
    color: #3d9f57;
}
.call-btn:hover svg {
    fill: #3d9f57;
}
/* Contact Us Modal */

/* Add Factor Modal */
.products-services-cat-modal .modal-footer {
    margin-top: 1rem;
}
.btn-add-more {
    width: 210px;
    margin: 0.25rem auto 0 auto;
    border: 0;
    background-color: transparent;
    transition: 0.2s ease-in-out;
}
.btn-add-more span {
    display: block;
    width: max-content;
    padding: 0 0.25rem;
    text-align: start;
    font-size: 0.9rem;
    color: #2359c4;
    transition: 0.2s ease-in-out;
    position: relative;
    padding-bottom: 3px;
}
.btn-add-more span::after {
    content: "";
    position: absolute;
    display: block;
    background-color: #2359c4;
    width: 0;
    height: 2px;
    right: 0;
    bottom: 0;
    transition: 0.2s ease-in-out;
}
.btn-add-more span:hover::after {
    width: 100%;
}
.btn-add-more.table-btn {
    margin: 0.5rem auto;
    display: block;
}
.btn-add-more.table-btn span {
    margin: 0 auto;
}
.btn-add-more.change-date {
    width: max-content;
    left: 10px;
    bottom: 5px;
}
.header-dashboard {
    height: 70px;
    /* overflow: hidden; */
    padding: 4px 0.75rem 0.75rem 0.75rem;
    padding-right: 270px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #eaedf1;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    z-index: 8;
}
.nav-parent {
    width: 100%;
    height: 100%;
    margin: 0;
    align-items: center;
}
.nav-parent .header-page-title {
    width: max-content;
    padding: 0.5rem 1rem;
    color: #000;
    font-weight: bold;
    position: relative;
    white-space: nowrap;
}
.nav-parent .header-page-title::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #0f3375;
    width: 5px;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 15px;
}
.user-profile-parent {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.user-profile-parent .user-profile-img {
    border: 2px solid #224380;
    border-radius: 50%;
    padding: 0.25rem;
    background-color: #fff;
}
.user-profile-parent .user-profile-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.user-profile-parent .user-profile-info {
    background-color: #fff;
    border-radius: 7px;
    height: 55px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 225px;
    padding-left: 2.5rem;
    margin-left: -2.5rem;
}
.user-profile-parent .user-profile-info span {
    padding: 0.25rem 0.5rem;
    width: 100%;
    display: block;
    font-size: 0.9rem;
    white-space: nowrap;
    font-weight: bold;
    color: #3164c8;
}
.user-profile-parent .user-profile-info .nav-profile-dropdown {
    direction: ltr;
    width: 100%;
}
.user-profile-parent .user-profile-info .nav-profile-dropdown button {
    padding: 0.25rem 0.5rem;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    color: #000;
}
.dropdown-profile-menu {
    border-radius: 7px;
    top: 60px !important;
    width: 200px !important;
}
.dropdown-profile-menu .dropdown-item {
    color: #595959;
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 1.2rem;
    transition: 0.2s ease-in-out;
}
.dropdown-profile-menu .dropdown-item::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #092354;
    width: 5px;
    height: 15px;
    right: 7px;
    border-radius: 10px;
    transition: 0.2s ease-in-out;
}
.dropdown-profile-menu .dropdown-item:hover {
    color: #fff;
}
.dropdown-profile-menu .dropdown-item:hover::before {
    background-color: #fff;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    background-color: #092354;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    background-color: transparent;
    box-shadow: none;
}
.user-profile-parent .user-profile-info .nav-profile-dropdown .dropdown-toggle::after {
    margin-right: 0;
    margin-left: 0.25rem;
}
.navbar-contact-us {
    margin-right: 1rem;
}
.navbar-btn {
    background-color: transparent;
    border: 0;
    padding: 0.5rem 0.5rem 0.5rem 0;
    position: relative;
}
.navbar-btn::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #092354;
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 10px;
}
.navbar-contact-us .navbar-btn svg {
    width: 30px;
}
.navbar-contact-us .navbar-btn svg path {
    fill: #092354;
}
.navbar-contact-us .navbar-btn span {
    padding: 0 0.5rem;
    color: #092354;
}
/* The side navigation menu */
.mysidenav-menu {
    height: 97%;
    width: 250px;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 10px;
    background-color: #092354;
    overflow-x: hidden;
    padding: 1.5rem 0;
    margin-top: 10px;
    transition: 0.5s;
    border-top-left-radius: 20px;
    z-index: 10;
    border-bottom-right-radius: 20px;
}
.mysidenav-menu a:hover {
    color: #f1f1f1;
}
.mysidenav-menu .closebtn {
    position: absolute;
    top: 0;
    left: 25px;
    font-size: 36px;
    margin-left: 50px;
}
.openNavBtn {
    background-color: transparent;
    border: none;
    padding: 0.5rem;
}
.openNavBtn svg {
    width: 25px;
}
.openNavBtn svg path {
    fill: #092354;
    transition: 0.2s ease-in-out;
}
.openNavBtn:hover svg path {
    fill: #2359c4;
}
.mysidenav-menu .closeNavbtn {
    padding: 0px 10px 0px 10px !important;
    width: max-content;
    margin-right: auto;
    position: absolute;
    top: 5px;
    left: 5px;
    color: #fff;
    font-size: 25px;
}
.mysidenav-menu .logo-img-parent {
    text-align: center;
    margin-bottom: 1.5rem;
}
.mysidenav-menu .logo-img-parent img {
    width: 120px;
}
.side-menu-parent {
    padding: 0;
    margin: 0;
    list-style: none;
}
.side-menu-parent .side-menu-item {
    padding: 1rem 1.5rem;
    margin: 0.5rem 0;
    transition: 0.2s ease-in-out;
    position: relative;
}
.side-menu-parent .side-menu-item::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #2359c4;
    width: 4px;
    height: 0%;
    right: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 15px;
    transition: 0.2s ease-in-out;
}
.side-menu-parent .side-menu-item::after {
    content: "";
    display: block;
    position: absolute;
    background-color: #051a43;
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    transition: 0.2s ease-in-out;
    z-index: -1;
}
.side-menu-parent .side-menu-item.active::after {
    width: 100%;
}
.side-menu-parent .side-menu-item.active::before {
    height: 112%;
}
.side-menu-parent .side-menu-item:hover::before {
    height: 112%;
}
.side-menu-parent .side-menu-item:hover::after {
    width: 100%;
}
.side-menu-parent .side-menu-item a {
    font-size: 1.1rem;
    color: #adc4fc;
    transition: 0.2s ease-in-out;
    white-space: nowrap;
    width: 100%;
    display: block;
}
.side-menu-parent .side-menu-item a svg {
    width: 25px;
    fill: #2359c4;
    margin-left: 1rem;
    transition: 0.2s ease-in-out;
}
.side-menu-parent .side-menu-item.active a {
    color: #fff;
}
.side-menu-parent .side-menu-item.active a svg {
    fill: #fff;
}
.side-menu-parent .side-menu-item:hover a {
    color: #fff;
}
.side-menu-parent .side-menu-item:hover a svg {
    fill: #fff;
}
.sidebar-accordion-button {
    padding: 0;
    color: #adc4fc;
    font-size: 1.1rem;
    white-space: nowrap;
    transition: 0.2s ease-in-out;
}
.side-menu-parent .side-menu-item .sidebar-accordion-button svg {
    margin-left: 1.25rem;
}
.side-menu-parent .side-menu-item:hover .sidebar-accordion-button {
    color: #fff;
}
.side-menu-parent .side-menu-item.active .sidebar-accordion-button {
    color: #fff;
}
.sidebar-accordion-button:not(.collapsed)::after {
    position: absolute;
    left: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23446ab1'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E") !important;
    content: " " !important;
    transform: none;
}
.sidebar-accordion-button::after {
    position: absolute;
    left: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23446ab1'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E") !important;
    content: " " !important;
    transform: rotate(90deg);
}
.sidebar-accordion-collapse {
    background: none;
    margin-top: -0.5rem;
}
.sidebar-accordion-body {
    padding: 0;
}
.sidebar-accordion-menu {
    padding: 0 1.2rem 0 0;
    margin: 0;
    list-style: none;
}
.sidebar-accordion-menu .sidebar-accordion-item {
    padding-right: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0.75rem 0;
    transition: 0.2s ease-in-out;
}
.sidebar-accordion-menu .sidebar-accordion-item::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #2359c4;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    right: 0;
    transition: 0.2s ease-in-out;
}
.sidebar-accordion-menu .sidebar-accordion-item a {
    font-size: 1rem;
    white-space: nowrap;
    transition: 0.2s ease-in-out;
    color: #5a75b8;
}
.sidebar-accordion-menu .sidebar-accordion-item:hover::before {
    background-color: #fff;
}
.sidebar-accordion-menu .sidebar-accordion-item:hover a {
    color: #fff;
}
.sidebar-accordion-menu .sidebar-accordion-item.active::before {
    background-color: #fff;
}
.sidebar-accordion-menu .sidebar-accordion-item.active a {
    color: #fff;
}
.content-sec {
    overflow-x: hidden;
    padding: 0.75rem 270px 0.75rem 0.75rem;
    margin-top: 70px;
    background-color: #f1f3f7;
}
.profile-status-parent {
    padding: 0;
    margin: 0;
}
span.title-row-no-before {
    font-weight: bold;
    padding: 0 1rem;
}
.profile-status-parent .profile-status-menu {
    margin: 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 17%);
    border-radius: 15px;
    padding: 0px;
    align-items: center;
    margin-top: 1rem;
    position: relative;
    z-index: 1;
}
.profile-status-parent .profile-status-menu .profile-status-item {
    margin: 0.75rem 0;
    padding: 0.75rem;
    border-radius: 15px;
    transition: 0.2s ease-in-out;
}
.profile-status-parent .profile-status-menu .profile-status-item:hover {
    background-color: #eaedf1;
}
.profile-status-parent .profile-status-menu .profile-status-item a {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.profile-status-parent .profile-status-menu .profile-status-item a svg {
    width: 30px;
    margin: 0 auto;
}
.profile-status-parent .profile-status-menu .profile-status-item.checked a svg path {
    stroke: #47b841;
}
.profile-status-parent .profile-status-menu .profile-status-item.unchecked a svg path {
    stroke: #e31818;
}
.profile-status-parent .profile-status-menu .profile-status-item a span  {
    width: 100%;
    display: block;
    font-size: 0.9rem;
    margin: 1.5rem 0 0 0;
    font-weight: normal;
    color: #000;
}
.profile-status-parent .profile-status-menu .profile-status-item.unchecked a span{
    color: #e31818;
}
.Status-error {
    width: max-content;
    padding: 1.25rem 1rem 0.5rem 1rem;
    background-color: #e31818;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: -0.77rem;
    position: relative;
}
.Status-error svg {
    width: 25px;
    fill: #fff;
    margin-left: 0.5rem;
}
.Status-error a {
    color: #fff;
    position: relative;
    font-size: 0.9rem;
}
.Status-error a span {
    color: #fff;
    font-size: 0.9rem;
    font-weight: normal;
    text-decoration: underline;
    padding: 0 0.1rem;
}
.profile-details-parent {
    padding: 0;
    margin: 0;
}
.profile-details-parent .profile-details-menu {
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    align-items: center;
    position: relative;
    z-index: 1;
}
.profile-details-parent .profile-details-menu .profile-details-item {
    transition: 0.2s ease-in-out;
}
.profile-details-parent .profile-details-menu .profile-details-item a {
    background: #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 17%);
    margin: 0.75rem 0rem;
    padding: 1rem 0.5rem;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    position: relative;
    align-items: last baseline;
    transition: 0.2s ease-in-out;
}
.profile-details-parent .profile-details-menu .profile-details-item:hover a {
    background: #2359c4;
    transform: translateY(-15px);
}
.profile-details-parent .profile-details-menu .profile-details-item a span {
    width: 100%;
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 1rem;
    transition: 0.2s ease-in-out;

}
.profile-details-parent .profile-details-menu .profile-details-item a .number {
    width: 100%;
    font-size: 2.5rem;
    line-height: 1;
    transition: 0.2s ease-in-out;
    position: relative;
    z-index: 2;
}
.profile-details-parent .profile-details-menu .profile-details-item a .number.price {
    font-size: 2rem;
}
.profile-details-parent .profile-details-menu .profile-details-item a .h-rule {
    opacity: 0;
    visibility: hidden;
    margin: 0.5rem 0;
    background-color: #2053b8;
    height: 2px !important;
    transition: 0.2s ease-in-out;
}
.profile-details-parent .profile-details-menu .profile-details-item:hover a .h-rule {
    width: 100%;
    opacity: 1;
    visibility: visible;
}
.profile-details-parent .profile-details-menu .profile-details-item a .show-more {
    /* position: absolute; */
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: auto;
    /* bottom: -60px; */
    /* background-color: #2359c4; */
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    right: 0;
    left: 0;
    /* padding: 0.5rem 0; */
    transition: 0.2s ease-in-out;
}
.profile-details-parent .profile-details-menu .profile-details-item a .show-more svg {
    width: 10px;
    margin-right: 0.25rem;
    transition: 0.2s ease-in-out;
}
.profile-details-parent .profile-details-menu .profile-details-item a .show-more span {
    color: #000;
    font-weight: normal;
    font-size: 0.9rem;
    transition: 0.2s ease-in-out;
}
.profile-details-parent .profile-details-menu .profile-details-item:hover a .show-more {
    visibility: visible;
    opacity: 1;
    bottom: -30px;
}
.profile-details-parent .profile-details-menu .profile-details-item:hover a .show-more span {
    color: #c6e7f9;
}
.profile-details-parent .profile-details-menu .profile-details-item:hover a span {
    color: #fff;
}
.profile-details-parent .profile-details-menu .profile-details-item:hover a .number {
    color: #fff;
}
.profile-personal-info {
    margin: 0;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 17%);
    border-radius: 7px;
}
.profile-personal-info .personal-info-item .input-defaul {
    font-size: 0.8rem;
    margin: 0.25rem 0;
}
.profile-personal-info .personal-info-item .input-defaul.disabled {
    font-size: 0.9rem;
    text-align: center;
    background-color: #fafbfc;
}
.action-button.sign-up.submit-info {
    background-color: #2359c4;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    width: 100%;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0;
}
.title-row-no-before span {
    color: #2359c4;
}
.package-status {
    margin: 0;
    margin-top: 1rem;
    list-style: none;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 17%);
    padding: 0.5rem;
    justify-content: space-between;
    border-radius: 7px;
}
.package-status .package-status-item {
    width: max-content;
}
.package-status .package-status-item span {
    display: block;
    width: 100%;
    margin-bottom: 0.5rem;
    font-weight: bold;
    color: #000;
}
.package-status .package-status-item .number {
    color: #2359c4;
    margin: 0;
}
/* Company Info Page */
.action-button.sign-up.submit-info.btn-modals {
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0.5rem 1rem;
    margin-left: 0.5rem;
}
.action-button.sign-up.submit-info.btn-modals i {
    padding-left: 0.5rem;
    font-size: 1.1rem;
    color: #113e95;
    position: relative;
    transition: 0.2s ease-in-out;
}
.action-button.sign-up.submit-info.btn-modals i {
    color: #fff !important;
}
.action-button.sign-up.submit-info.btn-modals:hover i {
    color: #666 !important;
}
.toast-body{
    position: fixed;
    bottom: 50px;
    left: 50px;
    z-index: 99999999;
    border-radius: 8px;
    box-shadow: 0px 0px 25px 0px #00000080;
}
.toast-body .close{
    margin-right: 16px;
}
.error {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    background-color: #e31818;
    border-radius: 7px;
    margin: 1rem 0;
}
.error span {
    color: #fff;
    font-size: 0.85rem;
    padding-left: 1rem;
    text-align: justify;
}
.text-blue{
    color: #184bb9;
}
.error a {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
}
.title-row-with-before {
    font-weight: bold;
    padding: 0 1rem;
    position: relative;
    font-weight: normal;
}
.title-row-with-before::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #2359c4;
    width: 5px;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 15px;
}
.sort-parent {
    position: relative;
    display: flex;
}
.dropdown-sort {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    padding-right: 1rem;
}
.dropdown-sort span {
    padding-left: 0.5rem;
}
.dropdown-sort-menu {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 17%);
}
.dropdown-sort-menu .dropdown-item {
    text-align: center;
    transition: 0.2s ease-in-out;
}
.dropdown-sort-menu .dropdown-item:hover {
    color: #fff;
    background-color: #2359c4;
}
.dashboard{
    min-height: 100%;
}
.dashboard .content-sec{
    height: 90vh;
}
.dashboard-table .table {
    text-align: center;
}
.dashboard-table .table thead tr th {
    color: #000;
}
.dashboard-table .table thead tr th:first-child {
    padding: 0 1rem;
    width: 75px;
    border-left: 2px solid #cad1df !important;
}
.dashboard-table .table thead tr th:not(:first-child) {
    padding: 1rem 0.5rem;
}
.dashboard-table .table tbody tr:not(.no-item) td:first-child {
    padding: 0 1rem;
    width: 75px;
    border-left: 2px solid #cad1df !important;
}
.dashboard-table .table tbody tr:not(.no-item) td:not(:first-child) {
    padding: 1rem 0.5rem;
}
.dropdown-profile-menu li span {
    display: none !important;
}
/* Company Info Page */
/* Sell Factor Page */
.search-bar {
    display: flex;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 17%);
    padding: 0 0 0 0.5rem;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    width: 260px;
}
.search-bar .search {
    background-color: transparent;
    box-shadow: none;
    border: none !important;
}
.search-bar button {
    border: none;
    background-color: transparent;
}
.search-bar svg {
    fill: #5a75b8;
    width: 20px;
}
/* Sell Factor Page */
#OpenNavBtnMainBg {
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9;
    background-color: #000;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    overflow: hidden;
    transition: 0.2s ease-in-out;
}




/*----------------------------------------------------------------------------------------------------------
>>> Media Queries
------------------------------------------------------------------------------------------------------------
/* max width 2200px
--------------------------------------------- */
@media only screen and (max-width:2200px){

}
/* max width 1980px
--------------------------------------------- */
@media only screen and (max-width:1980px){

}
/* max width 1720px
--------------------------------------------- */
@media only screen and (max-width:1720px){

}
/* max width 1500px
--------------------------------------------- */
@media only screen and (max-width:1500px){

}
/* max width 1300px
--------------------------------------------- */
@media only screen and (max-width:1300px){
    .navbar-nav .nav-item {
        margin: 0 0.5rem;
    }
    .promotion .title{
        font-size: 1.5rem;
    }
}
/* max width 1200px
--------------------------------------------- */
@media only screen and (max-width:1200px){
    .navbar-nav .nav-item {
        font-size: 0.9rem;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 0 0.2rem;
    }
    .footer-row {
        padding: 2rem 1rem 1rem 1rem;
    }
    .footer .cpr p.law {
        text-align: justify;
    }
    .contact-us-map img {
        border-radius: 0;
    }
    .benefits-parent .benefits-item {
        margin: 0 0.25rem;
        padding: 2.5rem 1rem;
    }
    .header-banner-parent {
        padding-left: 5rem;
    }
    .modal-xl {
        max-width: 1000px !important;
    }
    .profile-status-parent .profile-status-menu {
        justify-content: start;
    }
    .profile-details-parent .profile-details-menu .profile-details-item a .number.price {
        font-size: 1.7rem;
    }
}
/* max width 991px
--------------------------------------------- */
@media only screen and (max-width:991px){
    .navbar {
        padding: 1rem;
    }
    .promotion {
        padding: 3rem 2rem 0rem 2rem;
    }
    .promotion .title{
        font-size: 1rem;
    }
    .header .header-img {
        width: 30%;
    }
    .logo-parent img {
        width: 100px;
    }
    header .action-header-buttons {
        margin: 0.5rem 0;
        max-width: unset;
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 17%);
    }
    .navbar-nav .nav-item {
        margin: 0;
    }
    .navbar-collapse {
        background-color: rgb(243, 246, 251);
        padding: 0.5rem 1rem;
        border-radius: 10px;
        z-index: 10;
        position: relative;
        box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
    }
    .sec-1 {
        overflow: hidden;
    }
    .header-banner-parent img.banner{
        margin-top: 0;
        margin-right: 2rem;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 0.25rem 0rem;
        width: max-content;
        position: relative;
    }
    .navbar-nav .nav-item {
        margin: 0.25rem 0;
    }
    .logo-parent {
        display: flex;
    }
    .logo-parent img {
        margin: auto;
    }
    .footer {
        margin-top: 2rem;
    }
    .footer-row {
        padding: 2rem 0rem 0rem 0rem;
    }
    .footer .cpr p.law {
        text-align: justify;
        text-align-last: center;
    }
    .navbar-nav .nav-item.active .nav-link::before {
        width: 100%;
    }
    .navbar-nav .nav-item:hover .nav-link::before {
        width: 100%;
    }
    .sec-2, .sec-3, .sec-4, .sec-5, .sec-6 {
        padding-top: 95px !important;
    }
    .package-card-parent .package-card-bottom .package-card-properties li {
        font-size: 0.9rem;
    }
    .package-card-parent .package-card-bottom {
        padding: 1rem 0.5rem;
    }
    .contact-us-info {
        padding: 0 1rem;
    }
    .contact-us-info .item .name div {
        padding: 0 0.5rem;
    }
    .contact-us-info .item .name div {
        font-size: 1rem;
    }
    .contact-us-info .item span {
        font-size: 1rem;
    }
    .footer-row .left-box-parent {
        display: flex;
        justify-content: center;
    }
    .footer-row .left-box-parent a {
        margin: 0 2rem;
    }
    .footer-link-menu .footer-link-item {
        padding: 0 0.5rem;
        width: 100%;
        text-align: center;
        margin: 0.5rem 0;
    }
    .sign-up-modal .modal-body {
        padding: 0 1.5rem;
    }
    .table-parent {
        overflow: scroll;
    }
    .modal-xl {
        max-width: 750px !important;
    }
    .header-dashboard {
        padding: 4px 1rem 1rem 0;
        height: 70px;
    }
    .mysidenav-menu {
        height: 100%;
        margin-top: 0;
        right: 0;
        width: 0;
    }
    .content-sec {
        padding: 1rem;
        margin-top: 70px;
    }
    .menu-bar-parent {
        display: flex;
        justify-content: flex-start;
    }
    .nav-parent .header-page-title {
        margin-right: 1rem;
    }
    .mysidenav-menu .logo-img-parent {
        margin: 1rem 0;
    }
    .side-menu-parent .side-menu-item::before {
        right: 5px;
    }
    .profile-personal-info {
        justify-content: start;
    }
    .table tbody tr td {
        white-space: nowrap;
    }
    .table thead tr th {
        white-space: nowrap;
    }
}
/* max width 768px
--------------------------------------------- */
@media only screen and (max-width:768px){
    .benefits-parent {
        flex-wrap: wrap;
    }
    .promotion {
        padding: 1rem 2rem 0rem 2rem;
    }
    .benefits-parent .benefits-item {
        width: 45%;
        margin: 0;
        padding: 2rem 1.5rem;
    }
    .sec-1 p {
        font-size: 1rem !important;
    }
    .package-card-parent.center {
        transform: scale(1) translateY(0);
    }
    .package-card-row {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
    .contact-us-map img {
        width: 100%;
        height: 420px;
        object-fit: cover;
        border-radius: 25px;
    }
    .package-card-parent .package-card-bottom {
        padding: 1rem 1rem;
    }
    .package-card-parent .package-card-bottom .package-card-properties li {
        font-size: 1rem;
    }
    .modal-xl {
        max-width: 550px !important;
    }
    .side-menu-parent .side-menu-item {
        margin: 0;
    }
    .navbar-contact-us {
        margin: 0;
    }
    .navbar-btn {
        padding: 0;
    }
    .navbar-btn::before {
        content: none;
    }
    .navbar-contact-us .navbar-btn span {
        font-size: 1.1rem;
        color: #5a75b8;
        padding: 0;
        transition: 0.2s ease-in-out;
        white-space: nowrap;
    }
    .navbar-contact-us .navbar-btn svg {
        margin-left: 1rem;
        transition: 0.2s ease-in-out;
        width: 25px;
    }
    .navbar-contact-us .navbar-btn svg path {
        fill: #2359c4;
        transition: 0.2s ease-in-out;
    }
    .side-menu-item:hover .navbar-contact-us .navbar-btn svg path {
        fill: #ffffff;
    }
    .side-menu-item:hover .navbar-contact-us .navbar-btn span {
        color: #ffffff;
    }
    .nav-parent .header-page-title {
        display: flex;
        align-items: center;
    }
    .nav-parent .header-page-title::before {
        height: 30px;
        top: unset;
    }
    .search-bar {
        margin: 0.75rem 0 0 0.25rem;
    }
    .table-parent {
        margin: 0;
    }
    .profile-details-parent .profile-details-menu .profile-details-item a .number.price {
        font-size: 1.5rem;
    }
    .profile-details-parent .profile-details-menu .profile-details-item a .number {
        font-size: 2rem;
    }
}
/* max width 576px
--------------------------------------------- */
@media only screen and (max-width:576px) {

    .showErrorsContainer .swal2-popup{
        width: 90%;
    }
    .logo-parent img {
        width: 70px;
    }
    .navbar {
        padding: 0.5rem 0;
    }
    header .action-header-buttons {
        margin: 0.5rem auto;
    }
    .action-button {
        width: max-content;
        position: relative;
        padding: 0.5rem 2rem;
    }
    .action-button.sign-up {
        background-color: #163d86;
        margin-left: -1rem;
        padding: 0.5rem 2.7rem;
    }
    .navbar-nav .nav-item {
        text-align: center;
    }
    .header-banner-parent img.banner {
        margin-right: 1rem;
    }
    .sec-1 .intro-sign-up .action-button.sign-up {
        margin-top: 1rem;
        width: 100%;
    }
    .benefits-parent .benefits-item {
        width: 80%;
        padding: 1rem 2rem;
        margin: 0 auto;
    }
    .benefits-parent .benefits-item p {
        font-size: 0.9rem !important;
    }
    .benefits-parent .benefits-item svg {
        width: 50px;
        height: 50px;
    }
    .sec-1 p {
        font-size: 0.9rem !important;
    }
    .footer-link-menu .footer-link-item {
        margin: 0.25rem 0;
    }
    .navbar-nav .nav-item .nav-link {
        margin: 0 auto;
        padding: 0.25rem 1rem;
    }
    .navbar-nav .nav-item .nav-link::before {
        right: 0;
        left: 0;
    }
    .sec-2, .sec-3, .sec-4, .sec-5, .sec-6 {
        padding-top: 80px !important;
    }
    .contact-us-info .item .name div {
        display: inline;
        padding: 0 0.5rem;
        font-size: 1rem;
    }
    .contact-us-info .item span {
        font-size: 0.9rem;
    }
    .sec-1 .intro-title {
        font-size: 1.5rem;
        text-align: center;
    }
    .contact-us-map img {
        height: 240px;
        border-radius: 15px;
    }
    .contact-us-info {
        padding: 0 0.5rem;
    }
    .footer-row .left-box-parent a {
        margin: 0 1.5rem;
    }
    .header-banner-parent {
        padding-left: 2.5rem;
    }
    .sign-up-modal.login-modal .modal-footer .action-button.sign-up {
        width: 100%;
    }
    .sign-up-modal.product-modal .modal-body {
        padding: 0 1rem;
    }
    .sign-up-modal.product-modal.add-factor-modal .modal-body {
        overflow-x: hidden;
    }
    .table > :not(caption) > * > * {
        padding: 1rem 1.5rem;
    }
    .table thead tr th {
        font-size: 0.85rem;
    }
    .sign-up-modal .modal-footer .action-button.sign-up {
        padding: 0.5rem 1.5rem;
    }
    .header-dashboard {
        padding: 2px 0.5rem 0.5rem 0.5rem;
        height: 57px;
    }
    .content-sec {
        padding: 0.5rem;
        margin-top: 57px;
    }
    .user-mobile {
        padding: 0;
    }
    .user-profile-parent .user-profile-info {
        height: 40px;
        width: max-content;
        padding-left: 2.3rem;
        margin-left: -2.5rem;
    }
    .user-profile-parent .user-profile-info span {
        padding: 0 0.75rem;
        font-size: 0.9rem;
    }
    .user-profile-parent .user-profile-info .nav-profile-dropdown {
        font-size: 0.75rem;
    }
    .user-profile-parent .user-profile-info .nav-profile-dropdown button {
        font-size: 0.65rem;
        padding: 0 0.5rem;
    }
    .user-profile-parent .user-profile-img img {
        width: 40px;
        height: 40px;
    }
    .dropdown-profile-menu {
        width: 100% !important;
        top: -5px !important;
        z-index: -1;
    }
    .nav-parent .header-page-title {
        margin-right: 0.5rem;
        padding: 0.5rem 0.65rem;
    }
    .side-menu-parent .side-menu-item a {
        font-size: 1rem;
    }
    .side-menu-parent .side-menu-item a svg {
        width: 20px;
    }.navbar-contact-us .navbar-btn svg {
        width: 20px;
    }
    .Status-error {
        width: 100%;
    }
    .profile-status-parent .profile-status-menu {
        padding: 0.25rem 0.5rem;
    }
    .profile-status-parent .profile-status-menu .profile-status-item {
        margin: 0.25rem 0;
    }
    .action-button.sign-up.submit-info {
        margin: 0.25rem 0;
    }
    .package-status {
        justify-content: start;
    }
    .package-status .package-status-item {
        /* width: 50%;
        margin: 0.5rem 0;
        padding: 0 0.25rem; */
        width: 100%;
        margin: 0.25rem 0;
        padding: 1rem 0.25rem;
        position: relative;
    }
    .package-status .package-status-item:not(:last-child)::after {
        content: "";
        display: block;
        position: absolute;
        background-color: #eaedf1;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 80%;
        height: 2px;
        border-radius: 10px;
    }
    .sort-parent {
        width: 100%;
        margin-top: 0.75rem;
        justify-content: space-between;
    }
    .action-button.sign-up.submit-info.btn-modals {
        margin: 0.5rem 0 0rem 0.5rem;
    }
    .sidebar-accordion-button {
        font-size: 1rem;
    }
    .sidebar-accordion-menu .sidebar-accordion-item a {
        font-size: 0.85rem;
    }
    .search-bar {
        width: 100%;
        margin: 0;
        margin-top: 0.5rem;
    }
    .profile-details-parent .profile-details-menu .profile-details-item a .number.price {
        font-size: 1.2rem;
    }
    .profile-details-parent .profile-details-menu .profile-details-item a .number {
        font-size: 1.7rem;
    }
    .profile-details-parent .profile-details-menu .profile-details-item a span {
        font-size: 1rem;
    }
    .profile-details-parent .profile-details-menu .profile-details-item a {
        padding: 1rem 0.25rem;
    }
    .promotion .title{
        font-size: 0.7rem;
    }
    .promotion .intro-sign-up span{
        font-size: 0.5rem;
    }
    .promotion .action-button{
        font-size: 0.5rem;
    }
    .promotion{
        padding: 0.5rem 2rem;
        margin-top: 2rem !important;
    }
}
/* max width 400px
--------------------------------------------- */
@media only screen and (max-width:400px){
    .logo-parent img {
        width: 80px;
    }
    .sec-1 .intro-title {
        font-size: 1.2rem;
        margin-bottom: 1.2rem;
    }
    .benefits-parent .benefits-item {
        width: 90%;
        padding: 1rem 1rem;
    }
    .sign-up-modal.login-modal .modal-body {
        padding: 0 3rem;
    }
    .action-button.sign-up.submit-info.btn-modals {
        text-align: center;
        justify-content: center;
        width: 100%;
        margin: 0;
        margin-top: 0.5rem;
    }
    .user-profile-parent .user-profile-info {
        background-color: transparent;
    }
    .dropdown-profile-menu li span {
        display: block !important;
        padding: 0.5rem !important;
        cursor: default;
    }
    .user-profile-parent .user-profile-info span {
        display: none;
    }
    .dropdown-profile-menu {
        top: 0px !important;
    }
}
/* max width 360px
--------------------------------------------- */
@media only screen and (max-width:360px){

}

.datepicker-container{
    top: 100px !important;
}
.modal-col-title{
    padding: 5px 5px 0px 5px !important;
}
.text-medium{
    font-size: 0.8rem !important;
}
.productRow td, .paymentRow td{
    padding: 1rem 0.4rem 0.6rem 0.4rem;
    vertical-align: top;
}
.productRow input, .paymentRow input{
    font-size: 0.8rem;
}
.select2-results__option{
    font-size: 0.8rem;
}
.readonly{
    pointer-events: none;
}
.verySmall{
    font-size: 12px;
}

.disableEdit{
    pointer-events: none !important;
    background: #f0f5fd !important;
    border: 1px solid #c6d9ff !important;
    color: #2e2e2e;
}
.siteLogo{
    height: 80px;
    object-fit: contain;
}

.disableEdit2{
    pointer-events: none !important;
    background: none !important;
    border:none !important;
    border-radius: 0px !important;
    margin: 0px !important;
}
.text-right{
    text-align: right;
}
.deletePaymentRow{
    cursor: pointer;
}
.resendOTPButton{
    background: #a9a9a9;
}
.buyThanksDiv label, .buyThanksMobile{
    font-size: 14px;
}
.form-control.is-valid, .was-validated .form-control:valid{
    padding-left: 10px;
}
#sendSms{
    vertical-align: middle;
}
.banner{
    border-radius: 30px;
}
.hesabdarModal .modal-header{
    position: absolute;
    left: 0px;
    border: none;
}
.hesabdarModal .btn-close{
    width: 40px;
    height: 40px;
    background-size: 30%;
    opacity: 0.8;
}
.productRow td{
    max-width: 300px;
}