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

body {
    font-family: "Catamaran", sans-serif;
}

a:hover {
    text-decoration: none;
}

h1.mainHead {
    color: #1e1e1e;
    font-family: "Catamaran", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    margin: 0 0 10px;
}

.text-cap {
    text-transform: uppercase;
}

textarea:focus,
input:focus {
    outline: none;
}

input[type="button"] {
    outline: none !important;
}

.form-control:focus {
    box-shadow: none !important;
}

/*<!-- INFO SECTION -->*/
#suiteinfoDiv {
    display: inline-block;
    float: left;
    width: 100%;
    background-color: #333333;
    color: #ffffff;
    padding: 12px 0px;
    font-size: 12px;
}

.suitecartRight {
    float: right;
}

.suitecartRight li.nav-item {
    border-right: 1px solid #fff;
    padding: 0 3px;
}

ul.suitecartRight a.dropdown-item {
    color: #333;
    font-size: 14px;
    padding: 5px 5px;
}

ul.suitecartRight a.dropdown-item.active,
ul.suitecartRight a.dropdown-item:active,
ul.suitecartRight a.dropdown-item:focus,
ul.suitecartRight a.dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #f08377;
}

.suiteinfoDiv_contact a,
.suitecartRight a {
    color: #ffffff;
    padding: 0 5px;
}

.counter {
    display: inline-block;
    background-color: #f08377;
    /* padding: 0px 0; */
    border-radius: 50%;
    height: 12px;
    width: 12px;
    text-align: center;
    font-size: 8px;
    position: relative;
    top: -10px;
    left: -5px;
}

/*<!-- NAVBAR SECTION -->*/
#menubar {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 15px 0 0px 0;
}

.menu {
    padding: 0;
}

.logo {
    width: 190px;
    padding: 0 0 10px 0;
}

.logo img {
    width: 100%;
}

#menubar li a {
    color: #7a7a7a;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

#menubar li a:hover {
    color: #f08377;
}

.navbar-light .navbar-toggler {
    border: none;
}

/* <!-- MAIN DIV SECTION -->*/
#suitMainDiv {
    width: 100%;
    display: inline-block;
    float: left;
    /* background: url(../img/SuiteCRM-bg.png); */
    /* background: linear-gradient(90deg, #f0837728 9.99%, #f0837700 45.45%, #FFFFFF 89.93%); */
    /* background: #f5f5f500; */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 25px;
}

.pluginImg img {
    width: 100%;
    height: auto;
    margin: 95px 0px;
}

.plugText {
    width: 100%;
    display: inline-block;
    float: left;
    padding: 44px 0px 50px;
}

span.blueHead {
    color: #4084e9;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
}

#suitMainDiv h1 {
    color: #1e1e1e;
    font-size: 35px;
    font-weight: 600;
    line-height: 42px;
    margin: 0 0 10px;
    font-weight: 700;
}

.suitetitle {
    margin-top: 0;
    margin-bottom: 1rem;
    border: 0;
    width: 80px;
    border-top: 3px solid #f08377 !important;
}

.suitetitle.sales {
    border-top: 3px solid #4084e9 !important;
}

p.subHead {
    color: #3A332F;
    font-weight: 400;
    line-height: 25px;
    margin: 0 0 20px;
}

.ctaDiv {
    margin: 35px 0px 0px 0px;
}

a.ctaBtn,
.btn_update a {
    color: #fff;
    background: #f08377;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 30px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    margin: 0 0 0 0
}

a.ctaBtn:hover,
a.ctaBtn:focus,
.btn_update a:hover {
    color: #fff;
    transition: 0.5s ease-in;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .25);
}

/*<!-- ALL EXTENSION SECTION -->*/
#allExtensions,
#freeTrial,
#newProduct,
#popularProduct,
#topSellingProduct,
#askedQA,
#tryitToday {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 25px 0;
}

.extensionTitle {
    text-align: center;
    margin: 0 0 30px 0;

}

.extentions_img img {
    width: 100%;
    height: auto;
}

#allExtensions h5 {
    color: #333333;
    font-size: 18px;
    padding: 20px 0;
}

.suitcrm {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    padding: 15px;
    margin: 15px 0;
}

.suitcrm:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

img.extentions_img {
    padding-right: 15px;
}

.ctaDivRes {
    text-align: center;
    padding: 15px 0;
}

/*<!-- FREE TRIAL SECTION -->*/
.mainHead span {
    color: #f08377;
    font-weight: 700;
}

.trialImg img {
    width: 100%;
    height: auto;
}

.trialImg span {
    position: absolute;
    top: 85px;
    left: 95px;
    transform: translate(-50%, -50%);
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
}

.trialText {
    text-align: left;
    margin: 20px 15px 0 0;
}

/*<!-- TRANSFORM CRM SECTION -->*/
#TransformCRM {
    width: 100%;
    display: inline-block;
    float: left;
    padding: 120px 0 50px 0;
}

.transcrmBorder {
    border: 0px !important;
    border-radius: 0px !important;
    position: relative;
    top: -15%;
}

.transformcrm-bg {
    background: url(../img/background_two.png) no-repeat top right;
}

h5.card-title.transsuitePad {
    margin: 0;
}

.card-img-overlay.card-textSuite {
    padding: 60px;
}

.card-body.transsuitePad.mb-0 {
    padding: 0 0 0 20px;
}

.crmMarg {
    margin: 55px 0;
    padding: 0 30px;
}

h3.subHead {
    color: #767676;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 40px 0 0 0;
}

a.ctabtnDark {
    color: #fff;
    background: #333333;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgb(30 30 30 / 0.25);
    padding: 9px 24px;
    border: 0;
    outline: 0;
    border-radius: 5px;
}

a.ctabtnDark:hover,
.btn_cancel a:hover,
a.btn.ctabtnDark:hover {
    color: #ffffff !important;
    transition: 0.5s ease-in;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .25);
    background-color: #f08377;
}

/*<!-- NEW PRODUCT SECTION -->*/
#newProduct {
    text-align: center;
}

#popularProduct {
    text-align: center;
}

#topSellingProduct {
    text-align: center;
}

.suitBox {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.suitBox:hover {
    box-shadow: 0 0 20px rgba(240, 131, 119, 0.25);
}

.suitecardImg {
    background: #eee;
    height: 200px;
}

.suitecardImg img {
    width: 95px;
    height: 95px;
    margin: 52px auto;
}

.suitBox .card-title {
    font-size: 18px;
}

a.ctabtnDarksimple {
    color: #fff;
    background: #333333;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 9px 24px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    margin: 0 0 20px 0;
}

a.ctabtnDarksimple:hover {
    color: #ffffff;
    background-color: #f08377;
}

/* <!-- QUESTION ANSWER SECTION -->*/
#askedQA {
    padding: 30px 0;
}

.suiteNav {
    background-color: #f5f5f5;
    text-align: left;
    height: auto;
    padding: 0 0 15px 0;
    word-break: break-all;
}

.suiteNav a {
    color: #000000;
}

#askedQA .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #f08377 !important;
    background-color: transparent !important;
    border-right: 5px solid #f08377 !important;
    border-radius: 0px;
}

.suiteNavContent {
    padding: 20px;
    box-shadow: 0 0 5px rgb(204 204 204 / 25%);
    min-height: 120px;
    text-align: left;
}

.suiteNavContent p {
    padding: 0 0 10px 0;
}

#allExtensions h5 {
    word-break: break-all;
}

/*<!-- TRY IT TODAY SECTION -->*/
#tryitToday {
    padding: 30px 0 0 0;
}

.btn-submit {
    color: #ffffff !important;
    background: #f08377;
    text-transform: uppercase;
    font-weight: 500;
    padding: 6.5px 24px;
    position: relative;
    left: -2px;
}

/*<!-- FOOTER SECTION -->*/
#suiteFooter {
    width: 100%;
    display: inline-block;
    float: left;
    text-align: center;
    /* background: url(../img/suitfooterimg.png); */
    background: #5C566B;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-size: 15px;
    font-weight: 300;
    padding: 50px 0 40px 0;
}

.footerlogo {
    display: table;
}

.footerCont {
    margin-top: 45px;
    text-align: left;
    color: #ffffff;
    opacity: 75%;
    padding-right: 50px;
}

#suiteFooter h4 {
    font-size: 18px;
    text-align: left;
    margin: 10px 0;
    color: #fff;
}

#suiteFooter ul {
    margin-top: 40px;
}

#suiteFooter ul li {
    text-align: left;
    color: #ffffff;
    line-height: 32px;
    list-style-type: none;
}

#suiteFooter ul li:hover {
    color: #f08377;
}

/*SUITECRM_EXTENSIONPACK_PAGE*/
#SuiteCRM_Extension_heading {
    display: inline-block;
    clear: both;
    width: 100%;
    background-image: url(../img/extension_pack_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

.Extension_text {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 85px 0;
}

/*<!--SuiteCRM Extension Pack contain-->*/
#SuiteCRM_Extension_contain {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 85px 0;
}

.allInOne_extention_pack {
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
    padding: 60px 0;
    /* margin: 60px; */
    box-shadow: 0 0 2px rgb(51 51 51 / 0.25);
}

.card_padding {
    padding: 0 75px 0 0px;
}

.allInOne_extention_pack h3 {
    font-size: 24px;
    margin: 0;
}

.allInOne_extention_pack h2 {
    font-size: 25px;
    margin: 0;
}

.extensionImage {
    width: 450px;
    margin: 50px auto;
}

.extensionImage img {
    width: 100%;
    height: auto;
}

.allInOne_extention_pack_text h5 {
    font-weight: 600;
    font-size: 20px;
}

.allInOne_extention_pack_text p {
    font-size: 14px;
    color: #9a9a9a;
}

.allInOne_extention_pack_text strong {
    color: #000000;
}

#SuiteCRM_Extension_contain select#planFrequency {
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    font-size: 15px;
    padding: 0;
    color: #538feb;
}

p.rs {
    font-size: 18px;
    color: #538feb;
    padding: 15px 0;
}

del {
    font-size: 18px;
    padding-right: 10px;
    color: #9a9a9a;
}

/*CHECKOUT_USER.HTML*/
/*<!--SuiteCRM Checkout login sign in-->*/
#suitCRM_logingsignin {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 85px 0;
}

.checkout_content {
    box-shadow: 0 0 10px rgb(51 51 51 / 0.25);
    width: 90%;
    margin: auto;
}

.vector_img {
    margin: 60px auto;
    width: 450px;
}

.vector_img img {
    width: 100%;
    height: auto;
}

.suitCRM_login {
    display: inline-block;
    float: left;
    background-color: #f5f5f5;
    font-size: 14px;
    padding: 15px;
    margin: 0 15px 65px 15px;
    height: 260px;
}

.login_signin h5 {
    font-weight: 600;
    font-size: 22px;
}

.suitCRM_login label {
    width: 100%;
    padding: 15px 0 0 0;
    margin: 0;
}

#suitCRM_logingsignin input[type="text"],
#suitCRM_logingsignin input[type="password"] {
    border: none;
    background-color: #f5f5f5;
    border-bottom: 1px solid;
    font-size: 12px;
    width: 100%;
    color: #949494;
}

.suitCRM_login button,
.suitCRM_signin button {
    color: #fff;
    background: #f08377;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 40px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    margin: 25px 0 0 0;
}

.formButton {
    color: #fff;
    background: #f08377;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 40px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    margin: 25px 0 0 0;
}

.formButton:hover {
    color: #fff;
    transition: 0.5s ease-in;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .25);
}

.suitCRM_login button:hover,
.suitCRM_signin button:hover {
    color: #fff;
    transition: 0.5s ease-in;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .25);
}

i.fa.fa-eye-slash {
    float: right;
    position: relative;
    top: -18px;
    color: #949494;
}

.suitCRM_signin {
    box-shadow: 0 0 5px rgb(51 51 51 / 0.25);
    padding: 15px;
    margin: 0 15px 65px 15px;
    height: 260px;
}

/*suiteCRM_customer_details*/
#suiteCRM_customer_details {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 85px 0;
}

hr.progressbar {
    width: 535px;
    text-align: center;
    position: relative;
    z-index: -1;
    top: 62px;
}

.steps span {
    box-shadow: 0 0 5px rgb(51 51 51 / 0.25);
    border-radius: 50%;
    margin: 0 auto 10px;
    color: #333333;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 21px;
    text-align: center;
    line-height: 50px;
    background-color: #ffffff;
}

a.nav-link.steps {
    text-align: center;
    color: #333333;
}

a.nav-link.active.steps,
span.active {
    color: #538feb;
}

#personal_detail label {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    padding: 15px 0 5px 0;
    margin: 0;
}

#personal_detail input.from-control,
#personal_detail input[type="password"],
input[type="text"],
input#confirmPassword {
    border: none;
    border-bottom: 1px solid rgb(51 51 51 / 0.25);
    width: 100%;
    border-radius: 0;
}

#personal_detail input.from-control::-webkit-input-placeholder,
input[type="password"],
input[type="text"],
input#confirmPassword,
input#myFile {
    /* Chrome/Opera/Safari */
    color: rgb(51 51 51 / .60);
    font-size: 16px;
    font-weight: 500;
}

#personal_detail i.fa.fa-eye-slash {
    float: right;
    position: relative;
    top: -17px;
    color: #949494;
    font-size: 16px;
}

select#planFrequency {
    height: 31px;
    padding: 0;
}

select {
    height: 31px;
    padding: 0;
    color: rgb(51 51 51 / .60);
    font-size: 16px;
    font-weight: 500;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid rgb(51 51 51 / 0.25);
    width: 100%;
    border-radius: 0;
}

input#myFile {
    margin: 10px 0 0 0;
}

/*payment*/
.payment_content {
    background-color: #edf4fd;
    padding: 30px 0;
    margin: 40px 0;
}

.payment_content p {
    font-size: 16px;
    text-align: center;
}

#payment thead th,
#order_details thead th,
.Product_table thead th {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    background-color: #f5f5f5;
    border: none;
    vertical-align: top;
}

#payment td,
#order_details td {
    color: #33333399;
    font-size: 16px;
    border: none;
}

.cards {
    margin: 60px 0 30px 0;
}

.cards img {
    width: 100%;
}

/*order summary*/
.Order_Summury {
    text-align: center;
}

.row.order_detail {
    padding: 30px 0;
}

.Order_Summury h3 {
    color: #f08377;
    font-size: 35px;
}

.Order_Summury h6,
.Order_Summury span {
    font-size: 16px;
    color: #333333;
}

.Order_Summury p,
.detail_lable {
    color: #33333399;
}

.Order_Summury h5 {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
}

.getting_help {
    margin: 10px 0;
    text-align: left;
    font-size: 16px;
}

.total_cost {
    text-align: left;
    background-color: #f5f5f5;
    margin: 20px 0 0 0;
}

.total_cost h6 {
    padding: 18px 0 0 12px;
}

.total_cost p {
    padding: 18px 12px 0 0;
}

.next-step a {
    float: right;
}


/*--profile */
#profile_detail_table td {
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0 0 10px;
    vertical-align: top;
}

#profile_detail_table thead,
#order_details thead {
    background-color: #f5f5f5;
}

#profile_detail_table thead th {
    border: none;
}

a.btn_edit {
    float: right;
    color: #000000;
}

.uploadfile {
    border: none;
    font-size: 15px;
    font-weight: 500;
}

.btn.btn_update {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 33px 0;
}

.btn.btn_cancel {
    margin: 15px 0;
}

.btn_cancel a,
a.btn.ctabtnDark {
    color: #fff;
    background: #333333;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgb(30 30 30 / 0.25);
    padding: 10px 40px;
    border: 0;
    outline: 0;
    border-radius: 5px;
}

.customer_table td,
#profile_detail_table td {
    border: none;
    padding: 12px 10px 0;
    font-size: 16px;
}

/*My orders*/
#order_details a.active {
    color: #ffffff;
    font-weight: 400;
    background-color: #333333;
    padding: 5px 12px;
}

a.next_pre_labels {
    padding: 5px 12px;
}

#order_details span {
    color: #33333399;
    background-color: #ffffff;
}

div#order_details {
    padding: 15px 0;
}

#order_details h5 {
    font-weight: bold;
    margin: 0;
    position: relative;
    top: 30px;
    font-size: 20px;
}

/*EASY TO USE*/
#use {
    background-color: #f5f5f5;
    display: inline-block;
    float: left;
    width: 100%;
    padding: 50px 0;
    margin: 30px 0 0 0;
}

.use_img {
    padding: 65px 0 0 0;
}

.use_img img {
    width: 100%;
    height: auto;
}

/*Reset Password*/
input.pwdField {
    border: none;
    border-bottom: 1px solid rgb(51 51 51 / .25);
    width: 100%;
}

i.fa.fa-eye {
    float: right;
    margin: -18px 0;
    position: relative;
}

/*Forgot Password*/
#Forgot_heading {
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
}

#Forgot_heading h4 {
    background-color: #f5f5f5;
    font-size: 20px;
    font-weight: 500;
    padding: 15px 0;
}

#Forgot_heading p {
    font-size: 16px;
    width: 350px;
    margin: auto;
    color: rgb(51 51 51 / .60);
    padding: 25px 0;
}

#Forgot_heading label {
    width: 100%;
    font-size: 16px;
    margin: 0;
    margin-bottom: 5px;
    font-weight: 500;
}

.Forgot_pass {
    border: none;
    border-bottom: 1px solid rgb(51 51 51 / .25);
    text-align: center;
    color: rgb(51 51 51 / .60);
    font-size: 16px;
    padding: 0 76px;
    margin-bottom: 30px;
}

.Download_action {
    width: 18px;
}

.Download_action img {
    width: 100%;
}

.errorMessage {
    color: #FF0000;
}

#popup-loading {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.90);
    z-index: 9999;
    display: none;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

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

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

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

#popup-loading::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: #F08377;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#popup-loading span {
    color: #f08377;
    padding: 50px 0 0;
    display: block;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
}

#pagination {
    margin: 40 40 0;
    margin: auto;
    padding: 10px;
    float: right;
}

ul.paginationUL li a {
    border: solid 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 6px 9px 6px 9px;
}

ul.paginationUL li {
    padding-bottom: 1px;
}

ul.paginationUL li a:hover,
ul.paginationUL li a.current {
    color: #FFFFFF;
    box-shadow: 0px 1px #EDEDED;
    -moz-box-shadow: 0px 1px #EDEDED;
    -webkit-box-shadow: 0px 1px #EDEDED;
}

ul.paginationUL {
    margin: 4px 0;
    padding: 0px;
    height: 100%;
    overflow: hidden;
    font: 12px 'Tahoma';
    list-style-type: none;
}

ul.paginationUL li {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
}

ul.paginationUL li a {
    color: black;
    display: block;
    text-decoration: none;
    padding: 7px 10px 7px 10px;
    color: #F48120;
    border-color: #F48120;
    background: #FFFFFF;
}

ul.paginationUL li a img {
    border: none;
}

ul.paginationUL li a:hover,
ul.paginationUL li a.current {
    text-shadow: 0px 1px #388DBE;
    border-color: #F48120;
    background: #F48120;
    background: -moz-linear-gradient(top, #F48120 1px, #F48120 1px, #F48120);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #F48120), color-stop(0.02, #F48120), color-stop(1, #F48120));
}

img.extentions_img {
    padding-top: 8px;
}

.suitcrm {
    height: 115px;
}

#payment label {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    padding: 15px 0 5px 0;
    margin: 0;
}

#payment .payment_input {
    background: #f5f5f5;
    border-radius: 0;
    border: none;
}

.suitCaptcha {
    width: 55%
}

.cont_color {
    color: #007bff;
}

.payment-marg {
    margin-top: 20px;
}

.imgRow {
    display: block;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    clear: both;
}

#payment input.from-control {
    border: none;
    border-bottom: 1px solid rgb(51 51 51 / 0.25);
    width: 100%;
    border-radius: 0;
}

input.from-control {
    border: none;
    border-bottom: 1px solid rgb(51 51 51 / 0.25);
    width: 100%;
    border-radius: 0;
}

#myCreditCardList .formButton {
    margin: 0;
    padding: 7px 12px;
    display: inline-block;
    float: left;
    font-size: 16px;
}

#myCreditCardList .formButton.marRight {
    margin: 0 10px 0 0;
}

#myCreditCardList td:nth-child(2),
#myCreditCardList td:nth-child(3) {
    width: 16%;
}

button#tryItFreeTrial {
    margin-top: 0;
    padding: 7px 40px;
    margin-left: 10px;
}

.centered {
    text-align: center;
}

.spinner.loading {
    display: none;
    padding: 50px;
    text-align: center;
}

.loading-text {
    width: 90px;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 45px);
    text-align: center;
}

.spinner.loading:before {
    content: "";
    height: 90px;
    width: 90px;
    margin: -15px auto auto -15px;
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 45px);
    border-width: 8px;
    border-style: solid;
    border-color: #2180c0 #ccc #ccc;
    border-radius: 100%;
    animation: rotation .7s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/*img.extentions_img{
     padding-top: 8px;
}

.suitcrm{
    height: 115px;
}

.suitcrm h5 {
    font-size: 20px;
    text-align: left;
    padding: 9px 0;
}
.media_card {
    opacity: 1;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.suitcrm:hover .media_card {
    opacity: 0;
}
.suitcrm:hover {
    background-color: #f08377;
    box-shadow: 0 0 5px rgb(0 0 0 / 25%);
}
.suitcrm:hover .middle {
    opacity: 1;
}

.buy_btn a {
    background-color: #333333;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
    box-shadow: 0 0 10px rgb(30 30 30 / 25%);
    border-radius: 5px;
}*/

img.extentions_img {
    padding-top: 8px;
}

.suitcrm_new {
    height: 115px;
    box-shadow: 0 0 2px rgb(0 0 0 / 25%);
    padding: 15px;
    margin: 15px 0;
    opacity: 1;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.suitcrm_new h5 {
    font-size: 20px;
    text-align: left;
    padding: 9px 0;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.suitcrm_new:hover {
    opacity: 0;
}

.suitcrm_new:hover {
    background-color: #00000080;
    opacity: 0.6;
    box-shadow: 0 0 5px rgb(0 0 0 / 25%);
}

.suitcrm_new:hover .middle {
    opacity: 1;
}

.buy_btn a {
    background-color: #f08377;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
    box-shadow: 0 0 10px rgb(30 30 30 / 25%);
    border-radius: 5px;
}

.buy_btn a:hover {
    background-color: #ffffff;
    color: #000000;
    opacity: 1;
}

/*Footer-end*/
.footer_end {
    display: inline-block;
    float: left;
    width: 100%;
    background-color: #5C566B;
    color: #ffffff;
    padding: 12px 0px;
    border-top: 1px solid #ffffff3d;
}

.footer_end p {
    text-align: left;
    list-style-type: none;
    margin: 0;
    font-size: 16px;
}

.footer_end i {
    float: right;
    color: #ffffff;
    list-style-type: none;
    font-size: 20px;
    margin: 0 10px 0 0;
}

.footer_end p:hover,
.footer_end i:hover {
    color: #f08377;
}

/*CHECKOUT PROCESS*/

ul.chProgress {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 50px 0 0;
}

ul.chProgress li.nav-item {
    width: 33%;
    display: inline-block;
    float: left;
    position: relative;
    font-weight: 400;
}

ul.chProgress li.nav-item a:after {
    content: '';
    width: 100%;
    height: 5px;
    background: #d4e3fa;
    position: absolute;
    left: 50%;
    top: 32%;
    z-index: -1;
}

ul.chProgress li:last-child a:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%
}

ul.chProgress li:nth-child(2) a:after,
ul.chProgress li:nth-child(3) a:after {
    left: -50%
}

ul.chProgress li:first-child a:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%
}

ul.chProgress li:last-child a:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

ul.chProgress li:first-child a:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

ul.chProgress li.nav-item.active span {
    background-color: #538feb;
    color: #fff;
}

ul.chProgress li.nav-item.active a:after {
    background: #538feb;
}

div#help {
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
    margin: 100px 0;
}

div#help span.suitecardImgs {
    padding: 10px 0;
}

div#help span.suitecardImgs i {
    font-size: 70px;
    background-color: #f08377;
    color: #ffffff;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    padding-top: 40px;
}

div#help .card.suitBox {
    width: 100%;
    height: 400px;
    padding: 20px 0;
    border: none;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .25);
    border-radius: 0;
}

div#help .card.suitBox:hover {
    box-shadow: 0px 0px 20px rgba(240, 131, 119, .25);
}

div#help span {
    color: #f08377;
}

.suiteNavContent {
    position: relative;
}

.ctaDivs {
    position: relative;
    bottom: 25px;
    left: auto;
    display: inline-block;
    float: left;
}

/*EXTENSIONS LISTING*/
img.extentions_img {
    min-width: 75px;
    display: inline-block;
    float: left;
    max-width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.faqContent {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.media-body h5>a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 3.6em;
    /* exactly three lines */
    text-overflow: -o-ellipsis-lastline;
}

/*About_Us*/
div#aboutVariance,
#ourvision {
    display: inline-block;
    float: left;
    width: 100%;
}

.Visions {
    text-align: center;
    padding: 25px 0;
}

.Visions h3 {
    font-size: 20px;
}

.suiteNav_about,
.suiteNavContent_about {
    height: 300px;
    overflow-y: auto;
}

.mainHeadAbout {
    text-align: center;
    font-size: 24px;
}

.text_About {
    display: inline-block;
    float: left;
    width: 100%;
}

.suitetitleHrcont {
    height: 2px;
    width: 15%;
    margin-top: 0;
    border: 0;
    width: 80px;
    border-top: 3px solid #f08377 !important;
}

.suitetitleHr {
    height: 2px;
    width: 15%;
    margin-top: 0;
    border: 0;
    width: 80px;
    border-top: 3px solid #f08377 !important;
    margin: 0 auto;
}

.subHeadSuiteCont {
    color: #767676;
    font-weight: 400;
    line-height: 25px;
    margin: 10px 0 20px;
}

.contct_us_form {
    background: #fff;
    margin-top: -6%;
    padding: 3% !important;
    box-shadow: 0px 7px 10px #ccccd4;
}

.submainheadCont {
    color: #1e1e1e;
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    margin: 0 0 10px;
}

.ctaDivCont {
    margin: 20px 0px 0px 0px;
}

a.ctaBtnCont {
    color: #fff;
    background: #f08377;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 40px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    margin: 0px 0 0 0;
}

.add_ress_2Cont {
    color: #767676;
    font-weight: 400;
    line-height: 25px;
    margin: 3px 0 0px;
    font-size: 16px;
    display: inline-block;
    padding-left: 13px;
    vertical-align: text-top;
}

.add_ress_2Conttble {
    color: #767676;
    font-weight: 400;
    line-height: 25px;
    margin: 3px 0 0px;
    font-size: 16px;
    display: inline;
    padding-left: 13px;

    vertical-align: text-top;
}

#SoftwareCenter,
#GlobalOffice,
#contactinfo,
#Followus {
    margin-top: 85px;
}

.vipl_contactus_sec {
    background-color: #3b4761;
}

.cu_globe_img {
    width: 200px;
    top: -89px;
    position: relative;
}

.vipl_contactus_sec .card {
    border: none !important;
}

.vipl_contactus_sec .card-header {
    background-color: #f08377;
    color: #fff;
    height: 111px;
}

.vipl_contactus_sec .card-body {
    height: 161px;
}

.vipl_icn_text,
.FntWhite {
    color: #fff;
}

.FontClrCont,
.hrOfc {
    position: relative;
    top: -63px;
}

.formcontfirefox {
    display: grid;
}

#suitMainDivContactForm label {
    color: #767676;
}

.contactus-text {
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
}

#SuiteCRM_Extension_contain select#planFrequency {
    font-family: "Poppins", sans-serif !important;
}

/*Product details */
div#findandreplace {
    margin: 85px 0;
    display: inline-block;
    float: left;
    width: 100%;
}

.sc_plugin_inner_tabs .nav-pills .nav-link.active {
    color: #f08377 !important;
    background-color: #fff !important;
    border-bottom: 2px solid #f08377 !important;
    border-radius: 0 !important;
}

.sc_plugin_tab_cont h3,
.sc_tab_p,
.sc_plugin_tab_cont h5 {
    color: #535c68;
}

.carousel-item.laptop_screen {
    text-align: center;
}

.laptop_screen img {
    width: 80%;
    height: auto;
}

.ss_slider_control {
    color: #000;
    font-size: x-large !important;
}

button.btn.btn-link.sc_accordion_btn {
    color: #333333;
    font-weight: 500;
    padding: 0;
    text-align: left;
}

.sc_plugin_tab_cont h3 b {
    font-size: 25px;
}

img.Features {
    width: 100%;
    height: auto;
}

#productDetails {
    width: 100%;
    display: inline-block;
    clear: both;
    padding: 50px 0;
}



.mainHeadAbout {
    text-align: center;
    font-size: 24px;
}

.text_About {
    display: inline-block;
    float: left;
    width: 100%;
}

.suitecrm_container {
    border: 1px solid #ededed;
    border-radius: 1px;
}

.suitecrm_icon_box {
    display: block;
}

.suitecrm_container h4 {
    font-size: 17px !important;
    text-align: center;
}

.suite_crm_overlay {
    position: absolute;
    bottom: 26%;
    left: 0;
    right: 0;
    background-color: #ededed;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: 0.5s ease;
}

.suitecrm_container:hover .suite_crm_overlay {
    height: 74%;
}

.suite_crm_sec_two_p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 4.9em;
}

.suitecrm_container:hover {
    border: none;
}

.suitecrm_iconbox_panel {
    background-color: #ededed;
}

.salesforce-extention-boxes .suitecrm_iconbox_panel {
    background-color: #699dec14;
}

/* .salesforce-extention-boxes .suite_crm_overlay 
{
    background-color:#699dec14;
} */

.suitecrm_pricetag {
    color: #575a60;
}

.sc_ectension_button a {
    background-color: #f08377;
    font-size: 14px;
}

.sc_ectension_button.salesforce-extention a {
    background-color: #4084e9;
}

.suitecrm_btn a {
    color: #fff;
}

.suite_crm_sec_two_p {
    font-size: 16px;
    color: #616161;
}

.suitecrm_iconbox_panel h3 {
    font-size: 1.4rem;
}

.Extension_text_listing {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 50px 0 35px;
}

img.suitecrm_icon_box {
    max-width: 75px;
}

.suitecrm_container h4 {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.suitcrm_new h5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 4.0em;
}

img.extentions_img {
    min-width: revert;
    display: inline-block;
    float: left;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 0px;
}

.suitcrm_new h5 {
    padding: 7px 0;
}

.btn:hover {
    text-decoration: none;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 25%);
}

.suitecrm_btn a:hover {
    color: #ffffff;
}

.suitecrm_iconbox_panel {
    padding: 0.5rem;
}

.suitecrm_container h4 {
    padding-bottom: 0px;
}

.suite_crm_overlay {
    position: absolute;
    bottom: 26%;
    left: 0;
    right: 0;
    background-color: #ededed;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: 0.5s ease;
}

.fieldLabel {
    color: #CC2131;
}

.privacyPolicyHeading {
    margin: 20px !important;
}

.linkWordBreak {
    word-break: initial;
}

#offerContent {
    display: inline-block;
    float: left;
    width: 100%;
    background-color: #f08377;
    color: #ffffff;
    padding: 12px 0px;
    font-size: 12px;
    text-align: center;
}



#menubar {
    display: inline-block;
    /* float: left; */
    width: 100%;
    /* padding: 15px 0; */
    background: #fff;
}

.suitecrm_plugin_page {
    background: url(../img/main_bg.jpg);
    padding-top: 16rem !important;
}

.suitecrm_plugins_page {
    height: auto;
    color: #201c4d;
    padding-top: 3rem;
    padding-bottom: 6rem;
    max-width: 100%;
    background-position: bottom;
}

.suite_crm_p {
    font-size: 20px;
    line-height: 40px;
}

.suitecrm_img {
    width: 148px;
}

.suite_crm_sec_two_p {
    height: auto;
}

.extension_plan {
    background: #fff;
    box-shadow: 0px 7px 10px #ccccd4;
    padding: 10%;
}

.sc_etention_plan .nav-pills .nav-link.active {
    color: #5699ed !important;
    background-color: #ddf2fb !important;
}

.sc_plan_icon {
    color: #4159bb;
}

.suitecrm_plugins_page_sec_2 {
    color: #1b7eea;
}

.suite_crm_sec_two_p {
    font-size: 14px;
    color: #616161;
}

.sc_plugin_inner_tabs .nav-pills .nav-link.active {
    color: #1b7eea !important;
    background-color: #fff !important;
    border-bottom: 2px solid #3e6dc8 !important;
    border-radius: 0 !important;
}

.sc_plugin_inner_tabs a {
    font-weight: 700;
    color: #8f939c;
}

.sc_plugin_tab_cont h3,
.sc_tab_p,
.sc_plugin_tab_cont h5 {
    color: #535c68;
}

.sc_plugin_tab_cont a {
    color: #fff !important;
}

.screen {
    text-align: center;
}

.screen img {
    margin: auto;
}

.sc_accordion_btn {
    padding: 0 !important;
    text-decoration: none !important;
    color: #696b71 !important;
    font-size: large !important;
    font-weight: 700 !important;
    white-space: inherit !important;
}

.sc_accordion_btn:hover {
    box-shadow: none !important;
}

.sc_img_card {
    border: 0 !important;
    height: 250px;
}

.sc_card_cont {
    padding: 3% !important;
}

.sc_btn_link {
    color: #fff !important;
    box-shadow: none !important;
}

#master_div {
    margin: 0 auto;
    width: 100%;
}

#master_div iframe {
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    /*max-width: 148px;*/
}

/* new design css */
.slider-buttons {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 20px;
}

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

a.btn-transparent:hover {
    background: transparent;
    border: 1px solid #f08377;
    color: #f08377;
}

.slick-slider1 .slick-dots li {
    width: 80px;
}

.slick-slider1 .slick-dots li button[aria-controls="slick-slide00"]::before {
    width: 80px;
    background: #f08377;
    border-radius: 10px;
    height: 5px;
    content: '';
}

.slick-slider1 .slick-dots li button[aria-controls="slick-slide01"]::before {
    width: 40px;
    background: #f08377;
    border-radius: 10px;
    height: 5px;
    content: '';
}

.slick-slider1 .slick-next {
    right: 0 !important;
}

.slick-slider1 .slick-dots {
    bottom: 5px !important;
}

.crm-development-content h2,
.crm-development-content h3,
.crm-development-content p,
.crm-development-content h4 {
    text-align: left;
}

.crm-development-content h4 {
    font-size: 18px;
    font-weight: 500;
}

.crm-development-content ul {
    padding-left: 0;
    list-style: none;
}

.crm-development-content h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}

.crm-development-content h2 {
    font-size: 20px;
    font-weight: 500;
}

.crm-development-content ul {
    display: flex;
    flex-wrap: wrap;
}

.crm-development-content ul li {
    position: relative;
    display: flex;
    gap: 10px;
    width: 50%;
    padding-right: 10px;
    align-items: center;
    padding-bottom: 10px;
}

.crm-development-content ul li img {
    height: 30px;
    width: 30px;
}

/* .crm-development-content ul li::after {
    content: '✓';
    position: absolute;
    left: 2px;
    top: 3px;
    color: #f08377;
} */

.crm-development-content ul li p {
    margin: 0;
    font-size: 15px;
}

.crm-development-img img {
    width: 90%;
    margin: auto
}

.bottom-images {
    display: flex;
    gap: 30px;
    margin-top: 20px;
    justify-content: center;
}

.crm-development-section.next {
    margin-top: 20px;
}

.crm-development-section.next .suitetitle {
    margin-top: 33px;
}

.crm-development-content .ctaDiv {
    margin-top: 10px;
}

.crm-development-content .ctaDiv a {
    margin-top: 0;
}

.crm-development-footer {
    margin-bottom: 20px;
}

.crm-development-footer img {
    /* height: 60px !important; */
    width: 60px;
}

.real-estate-industry .industry-card {
    padding: 0 10px;
}

.industry-card .card-inner {
    /* box-shadow: 0 0 3px #699dec; */
    border-radius: 10px;
    padding: 0 10px;
    transition: 0.5s ease;
    display: flex;
    gap: 10px;
}

.industry-card.suitcrm {
    height: auto;
    margin: 0;
    box-shadow: none;
    padding: 0 10px;
}

.industry-card.suitcrm .card-inner {
    /* box-shadow: 0 0 3px #f08377; */
}

.industry-card.suitcrm .industry-tittle h5 {
    color: #f08377 !important;
}

.card-inner:hover {
    /* box-shadow: 0 0 10px #699dec;
    background: #699dec2b;
    transform: scale(1.05); */
}

.card-heading {
    margin: 0;
    border-radius: 5px;
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;

}

/* .card-heading::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #699dec;
    border-radius: 5px;
} */


.industry-crm>h3 {
    margin-bottom: 15px;
    text-align: center;
}

.card-heading img {
    width: 40px;
    height: 30px;
}

.industry-card.suitcrm .card-heading img {
    height: 40px;
    width: 40px;
}

.industry-tittle h5 {
    padding: 5px 0 !important;
    margin-bottom: 0 !important;
    color: #4084e9 !important;
}

.industry-tittle .real-estate-industry .industry-card p {
    margin-top: 20px;
}

.section-divider .real-estate-industry {
    padding-right: 20px;
    margin-bottom: 20px;
    padding: 10px;
    background: linear-gradient(to bottom, #699dec14 0%, #f083770c 100%);
    border-radius: 10px;
}

.industry-main-tittle>h3 {
    font-size: 22px;
    text-align: left;
}

.section-divider {
    /* margin-top: 40px; */
    display: flex;
    gap: 30px;
    justify-content: center;
}

.card-inner p {
    margin-top: 15px;
}

.footer-list ul li {
    margin-bottom: 10px;
}

.footer-list ul li img {
    max-width: 150px;
}

.footerCont h3 img {
    height: 20px;
    width: 33px;
}

.footerCont p {
    margin-bottom: 0;
    margin-top: 5px;
}

.footerCont a {
    display: block;
    color: #ffffff;
    text-decoration: none;
}

.slick-slider1 .slick-slide img {
    max-width: 90%;

}

.slider-image {
    display: flex;
    align-items: center;
}

#suitMainDiv .ctaDiv {
    margin: 0;
}

.slide-1 {
    background: linear-gradient(90deg, rgba(211, 244, 245, 0.6) 9.99%, rgba(227, 238, 251, 0.4) 45.45%, #FFFFFF 89.93%);
}

.slide-1 h1 {
    background: linear-gradient(270deg, #275497 50%, #2D60AC 62.5%, #3066B6 68.75%, #346CC0 75%, #4084E9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.slide-2 h1 {
    background: linear-gradient(385deg, #f08377 100%, #f29486 62.5%, #f5a195 68.75%, #f7b0a6 75%, #fbc8c1 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.slide-2 {
    background: linear-gradient(-90deg, rgba(240, 131, 119, 0) 0%, rgb(240 131 119 / 1%) 46%, rgb(240 131 119 / 5%) 80%, rgb(240 131 119 / 9%) 100%);
}

.slide-1 a.ctaBtn.btn-transparent {
    background: transparent !important;
    border: 1px solid #4084e9 !important;
    color: #4084e9;
}

.slide-1 a.ctaBtn {
    border: 1px solid #4084e9;
    background: #4084e9;
    color: #fff;
}

.sales-force-detail-section {
    background: #699dec14;
    padding: 40px 0;
}

.suit-crm-detail-section {
    background: #f083770c;
    padding: 40px 0;
}

.sales-force-detail-section .crm-development-content ul li::after {
    color: #4084e9
}

.sales-force-detail-section a.ctaBtn.btn-transparent {
    background: transparent !important;
    border: 1px solid #4084e9 !important;
    color: #4084e9;
}

.sales-force-detail-section a.ctaBtn {
    border: 1px solid #4084e9;
    background: #4084e9;
    color: #fff;
}

.m-0 {
    margin: 0;
}

.new-home-logo-slider {
    padding: 45px 0;
    background: #f5f5f5;
}

.marquee-container {
    display: flex;
    overflow: hidden;
    padding: 25px 0 15px;
}

.marquee-wrapper .marquee-slide {
    max-width: 150px;
    float: left;
    margin: 0 30px;
}

.marquee-wrapper .marquee-slide img {
    max-width: 150px;
}

.marquee-wrapper {
    display: flex;
    align-items: center;
    animation: marquee 25s linear infinite;
}

.sales-force-detail-section h3.mainHead span {
    color: #4084e9;
}

.contact-bg {
    background: #f5f5f5;
}

.contct_us_form.landing-contact-us {
    margin-top: 0;
    border-radius: 10px;
}

.sales_force_landing {
    background: linear-gradient(90deg, rgba(211, 244, 245, 0.6) 9.99%, rgba(227, 238, 251, 0.4) 45.45%, #FFFFFF 89.93%);
}

.sales_force_landing .plugText {
    padding: 44px 0px 50px;
}

.sales_force_landing .ctaDiv {
    margin: 0;
}

.sales_force_landing .bottom-images {
    justify-content: start;
    margin-left: 20px;
    margin-top: 35px;
}

.sales_force_landing img {
    max-width: 90%;
}

#industries {
    margin-top: 40px;
    margin-bottom: 10px;
}

.cardWrapper {
    width: 60%;
    margin: 50px auto 0 auto;
    position: relative;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cardWrapper.experience {
    width: 100%;
}

.cardWrapper.experience .card {
    width: 15%;
    height: 130px;
}

.cardWrapper .card {
    box-shadow: none;
    margin: 0;
    align-items: center;
    justify-content: space-evenly;
    transition: none;
    cursor: inherit;
    background: 0 0;
    border-radius: 8px;
    overflow: hidden;
    height: 200px;
    flex-direction: column;
    padding: 10px;
    position: relative;
    display: flex;
    width: 33%;
    border: none;
}

.cardWrapper.experience .card img {
    height: 40px;
    width: 40px;
}

.cardName h3,
.cardWrapper .card h3 {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin-bottom: 10px;
    min-height: 50px;
    text-align: center;
}

.cardWrapper.experience .card h3 {
    font-size: 16px;
    min-height: 30px;
}

.cardWrapper .card:hover {
    background: #fff;
    box-shadow: 0 0 25px rgb(64, 132, 233, 0.25);
    transform: scale(1);
}

.cardWrapper .card a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.cardWrapper .card::after {
    content: '';
    position: absolute;
    height: 10px;
    width: 100%;
    background-color: #4084e9;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 0 0 8px 8px;
    visibility: hidden;
}

.cardWrapper .card:hover::after {
    visibility: visible;
}

.pageDetails {
    position: relative;
    padding: 50px 0;
    background: #699dec14;
}

.frameworkWrapper {
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
}

.frameDetails {
    width: 50%;
}

.frameDetails p {
    margin: 15px 0;
    text-align: justify;

}

.smallCard {
    background: rgb(255, 255, 255);
    padding: 50px 0px;
}

.smallCardWrapper {
    position: relative;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px auto 0;
    width: 80%;
}

.smallCardWrapper .card {
    width: 22%;
    height: 170px;
    margin: 10px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: inherit;
    box-shadow: 0 0 10px rgba(64, 132, 233, 0.25);
    transition: 1s;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: none;
}

.smallCardWrapper .card img {
    height: 50px;
    width: 50px;
}

.smallCardWrapper .card:hover {
    transform: scale(0.9);
}

.smallCardWrapper .card h3 {
    color: rgb(64, 132, 233);
    font-size: 17px;
    line-height: 23px;
    /* height: 50px; */
    margin-top: 10px;
    text-align: center;
}

.product-experience {
    background: #699dec14;
    padding: 40px 0;
}

.center {
    text-align: center;
}

.section-head h2 {
    font-size: 35px;
    line-height: 42px;
    color: rgb(64, 132, 233);
}

.section-head p {
    margin: 10px 0px;
}

.otherAppImg {
    margin: 50px 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    list-style: none;
}

.caseStudyContent,
.clip_shap,
.otherAppImgWrapper li>div {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.otherAppSolution {
    padding: 40px 0;
}

.otherAppImgWrapper h3 {
    color: #fff;
    background: #4084e9;
    position: relative;
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    padding: 25px;
    text-align: center;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 8px 8px;
    margin: 0;
}

.otherAppImgWrapper li::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 8px;
}

.otherAppImgWrapper li {
    width: 30%;
    height: 383px;
    transition: 0.5s;
    position: relative;
    border-radius: 8px;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center !important;
}

.otherAppImg li:first-of-type {
    background: url(../img/blog.png);
}

.otherAppImg li:nth-of-type(2) {
    background: url(../img/videos.png);
}

.otherAppImg li:nth-of-type(3) {
    background: url(../img/case-study.png);
}

.otherAppImgWrapper li:hover::after {
    opacity: 1;
}

.otherAppImgWrapper i {
    position: absolute;
    transition: 0.3s ease-in-out;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.otherAppImgWrapper li:hover i {
    color: #fff;
    font-size: 40px;
    left: 50%;
    z-index: 2;
    opacity: 1;
}

.frameImg img {
    width: 100%;
}

.salesforce_extention .Extension_text,
.suitcrm-extention .Extension_text {
    margin: 25px 0 15px;
}

.salesforce_img {
    max-width: 150px;
}

.salesforce_plugin_page {
    background: linear-gradient(90deg, rgba(211, 244, 245, 0.6) 9.99%, rgba(227, 238, 251, 0.4) 100.45%, #FFFFFF 100.93%);
}

.salesforce_plugins_page h1 {
    background: linear-gradient(270deg, #275497 50%, #2D60AC 62.5%, #3066B6 68.75%, #346CC0 75%, #4084E9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.salesforce_btn.sc_ectension_button a {
    background-color: #4084e9;
    color: #ffffff;
}

.salesforce_plugins_page .sc_etention_plan {
    display: flex;
    align-items: center;
}

.salesforce_plugins_page .sc_etention_plan img {
    max-width: 100%;
}

.quantity_select {
    display: flex;
    gap: 10px;
    align-items: center;
}

.price_info {
    display: flex;
    gap: 10px;
    margin-bottom: 0;
    font-size: 16px;
}

.salesforce-btn {
    background: #4084e9 !important;
}

.select_users {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.select_users label {
    margin-bottom: 0;
}

.smallCard.sales-implement {
    background: #699dec14;
}

.whitebg {
    background: #fff !important;
}

.suitecrm_container.salesforce-extention-boxes h4 {
    display: block;
    word-break: keep-all;
}

#collapsibleNavbar {
    height: 71px;
}

#collapsibleNavbar .navbar-nav {
    height: 100%;
    align-items: center;
}

#collapsibleNavbar .navbar-nav .nav-item {
    height: 100%;
    display: flex;
    align-items: center;
}

.navbar-relative svg {
    transform: rotate(90deg);
    transition: 0.3s;
    margin-right: 8px;
    cursor: pointer;
}

.submenu-list {
    position: absolute;
    left: 0;
    top: 71px;
    width: max-content;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    border-radius: 5px;
    /* border-top-left-radius: 0;
    border-top-right-radius: 0px; */
    list-style: none;
    max-width: max-content;
    background: #fff;
    padding-left: 0;
    z-index: 9;
    transition: 0.3s;
    text-align: left;
    box-shadow: 0 0 10px #ddd;
    padding: 15px 0;
    
}


.submenu-list li {
    padding: 6px 15px;
}

.navbar-relative:hover a.nav-link {
    color: #f08377 !important;
}

.navbar-relative:hover .submenu-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(00px);
}

.navbar-relative:hover svg {
    transform: rotate(-90deg);
}

.navbar-relative:hover svg path {
    fill: #f08377 !important;
}

.navbar-relative {
    position: relative;
}

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

    100% {
        transform: translateX(-100%);
    }
}

@media only screen and (max-width: 991px) {
    .crm-development-section {
        display: flex;
    }

    .cardWrapper.experience .card {
        width: 30%;
    }

    .crm-development-content {
        order: 2;
    }

    .crm-development-img {
        order: 1;
    }

    .crm-development-section.next .crm-development-content {
        order: 1;
    }

    .slick-slider1 .slick-dots {
        bottom: 5px !important;
    }

    #suitMainDiv .plugText {
        order: 2;
    }

    #suitMainDiv .slider-image {
        order: 1;

    }

    #suitMainDiv .slider-image img {
        width: 50%;
        margin: auto;
    }

    .plugText {
        padding: 36px 15px 50px !important;
    }

    #suitMainDiv {
        background: none !important;
    }

    .crm-development-img img {
        width: 50%;
        margin: auto;
    }

    .bottom-images {
        justify-content: center;
    }

    .bottom-images img {
        width: 100%;
    }

    .section-divider {
        gap: 0;
    }

    .salesforce-landing {
        order: 1;
        text-align: center;
    }

    .salesforce-landing .bottom-images {
        justify-content: center;
    }

    .sales_force_landing .slide-1 .plugText {
        order: 2;
    }

    .sales_force_landing .ctaDiv {
        margin-top: 0;
    }

    .frameImg {
        width: 50% !important;
    }

    .frameDetails {
        order: 2;
        width: 100%;
    }

    .frameImg img {
        width: 100%;
    }

    .otherAppImgWrapper li {
        width: 48%;
    }

    .otherAppImg {
        gap: 20px;
    }

    .smallCardWrapper {
        margin: 30px 0 0;
        width: 100%;
    }

    .cardWrapper {
        width: 100%;
        margin: 50px 0 0;
    }

    .salesforce_plugins_page .sc_etention_plan {
        order: 1;
        padding-top: 20px;
    }

    .detail-left-content {
        order: 2;
    }

    #collapsibleNavbar {
        height: auto;

    }

    #collapsibleNavbar .navbar-nav {
        align-items: end;
    }

    #menubar li a {
        font-size: 16px;
        font-weight: 500;
    }

    .navbar-relative svg {
        margin-left: 8px;
        margin-right: 0;
    }
    .navbar-relative:hover svg 
    {
        transform: rotate(90deg);
    }
    .toggle_mobile_menu.rotated svg 
    {
        transform: rotate(-90deg);
    }
    
    #collapsibleNavbar .navbar-nav .nav-item 
    {
        flex-wrap: wrap;
        justify-content: end;
    }

    .submenu-list {
        transition: none;
        opacity: 1;
    visibility: visible;
    display: none;
    max-width: 100%;
    position: unset;
    width: 100%;
    justify-content: end;
    text-align: right;
    transform: none;
    box-shadow: none;
    
    }
    .navbar-relative:hover .submenu-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(00px);
} 


}

@media screen and (max-width: 768px) {
    .add_ress_2Cont {
        color: #767676;
        font-weight: 400;
        line-height: 25px;
        margin: 3px 0 0px;
        font-size: 16px;
        display: contents;
        padding-left: 13px;
        vertical-align: text-top;
    }

    .vipl_contactus_sec .card-body {
        height: auto;
    }

    .vipl_contactus_sec .card-header {
        background-color: #f08377;
        color: #fff;
        height: auto;
    }

    .add_ress_2Conttble {
        word-break: break-all;
        color: #767676;
        font-weight: 400;
        line-height: 25px;
        margin: 3px 0 0px;
        font-size: 16px;
        display: contents;
        padding-left: 13px;
        vertical-align: text-top;
    }

    #contactinfo h5 {
        font-size: 18px;
        text-align: center;
    }

    #contactinfo p {
        font-size: 16px;
        text-align: center;
    }

    #Followus {
        margin-bottom: 35px;
    }

    #suitMainDivContactForm h6 {
        word-wrap: break-word;
    }

    .smallCardWrapper .card {
        width: 44%;
    }

    .otherAppImgWrapper li {
        width: 100%;
    }

    .suitecrm_container {
        margin-bottom: 25px;
    }

    .cardWrapper.experience .card {
        width: 48%;
    }

    .allInOne_extention_pack {
        padding: 0;
    }
}

@media only screen and (max-width: 576px) {
    #suitMainDiv .slider-image img {
        width: 100%;
        margin: auto;
    }

    .slider-buttons {
        flex-wrap: wrap;
    }

    .slide-1 a.ctaBtn {
        padding: 6px 9px;
    }

    .frameImg {
        width: 100% !important;
    }

    .slider-buttons {
        gap: 12px;
    }

    .section-head h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .crm-development-content ul li {
        width: 100%;
    }

    .crm-development-img img {
        width: 100%;
    }

    .row {
        margin: 0;
    }

    .marquee-wrapper .marquee-slide img {
        padding: 0 15px;
    }

    .otherAppImgWrapper li {
        width: 100%;
    }

    .cardWrapper .card {
        width: 50%;
    }

    .sales_force_landing img {
        width: 100%;
    }

    .smallCardWrapper .card {
        width: 100%;
    }

    .bottom-images {
        gap: 10px;
    }

    h2.mainHead {
        font-size: 22px;
    }

    .marquee-wrapper .marquee-slide {
        margin: 0 10px;
    }

    .submainheadCont {
        font-size: 22px;
    }

    .suitecrm_btn.salesforce-extention,
    .suitecrm_btn.sc_ectension_button {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .salesforce_plugins_page_sec_2 h2 {
        font-size: 22px;
    }

    .salesforce_plugins_page h1 {
        font-size: 24px;
    }

    a.ctaBtn {
        margin-top: 5px;
    }

}

#suitMainDiv.contactus-banner {
    background: url(../img/SuiteCRM-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.quantity {
    width: 25%;
    height: 38px;
    border-radius: .25rem;
    border: 1px solid;
    text-align: center;
    border-color: #6c757d;
}

#total_price {
    font-family: sans-serif;
}

#master_div .sc_ectension_button {
    text-align: center;
}

#master_div .sc_ectension_button a {
    font-size: 20px;
}