@import url("https://fonts.googleapis.com/css2?family=Blinker:wght@100;200;300;400;600;700;800;900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

.mod-custom p:has(#site-logo) {
    padding: 0;
}


h1,
h2:not(.animated-heading-text, .ctm_hero_heading .sppb-addon-title),
h3,
h4,
h5,
h6 {
    font-family: 'Helvetica', sans-serif !important;
}

#sp-right .sp-column {
    background-color: #FFF !important;
}

#sp-main-body a {
    color: #5454ba;
}

#sp-main-body a:hover {
    color: #5e5c5c;
}

.view-article .ensure-blog-details .col-sm-1 {
    display: none;
}

@media (min-width: 1200px) {

    #sp-section-1,
    #sp-header :is(.container),
    #sp-main-body>.container,
    #sp-section-3 :is(.container),
    #sp-footer :is(.container),
    #sp-bottom :is(.container) {
        max-width: 1320px !important;
        margin: 0 auto;
    }
}

/* header start here */
#sp-header .sp-megamenu-parent>.sp-menu-item>a,
#sp-header .sp-megamenu-parent>.sp-menu-item>span {
    font-size: 16px;
    font-weight: 300;
}
#sp-header.header-sticky {
    position: sticky !important;
}

header#sp-header {
    position: sticky !important;
}

#sp-main-body {
    padding: 0px !important;
}

header#sp-header #sp-logo a#offcanvas-toggler {
    display: none !important;
}

header#sp-header #sp-logo .sp-column:has(#offcanvas-toggler) {
    flex-direction: row;
    justify-content: flex-start;
}

header#sp-header #sp-logo .burger-icon {
    position: relative;
    width: 30px;
}

header#sp-header #sp-logo .burger-icon::before {
    content: "\F479";
    position: absolute;
    inset: 0;
    line-height: 0;
    font-family: 'bootstrap-icons';
    color: #000000;
    font-size: 30px;
    font-weight: 600;
}

header #s5_top_header #s5_socialicons {
    padding: 13px 0 8px 0 !important;
    display: flex;
}

header #sp-logo .logo .logo-image {
    object-fit: contain;
    max-width: 208px !important;
    max-height: 53px !important;
    width: 100% !important;
    height: 100% !important;
    transform: scale(1);
}

header #sp-logo .logo .logo-image:hover {
    transform: scale(1.05);
}

/* header end here */


/*Pricing section start here */
.ctm_pricing_table_main_wrapper .sppb-addon-wrapper :is(div:has(.sppb-addon.sppb-addon-raw-html), .sppb-addon.sppb-addon-raw-html) {
    width: 100%;
}

.ctm_pricing_table_main_wrapper .sppb-row-column :is(.sppb-addon-wrapper,
    .sppb-addon-wrapper :is(.clearfix),
    .sppb-addon-content) {
    height: 100%;
    display: flex;
}

.ctm_pricing_table_main_wrapper .sppb-row {
    margin-right: -20px;
    margin-left: -20px;
    gap: 40px 0;
}

.ctm_pricing_table_main_wrapper .sppb-row .sppb-row-column {
    padding: 0 20px;
}

.pricing_card {
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 0px 6px 0px #00000040;
    padding: 40px;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.pricing_card_popular {
    position: absolute;
    top: 34px;
    right: -8px;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.pricing_card_popular span {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Blinker;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.8px;
    color: #fff;
}

.pricing_card_popular::before {
    content: "";
    display: block;
    width: 137px;
    height: 53px;
    background: url('data:image/svg+xml,<svg width="142" height="53" viewBox="0 0 142 53" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.1164 3.19629H140.443V36.8272H16.1164L0 20.0117L16.1164 3.19629Z" fill="url(%23paint0_linear_322_96)"></path><path d="M23.4071 0.505859H141.743V39.5177L135.241 52.5217V39.5177L23.4071 39.5177L5.20154 20.0118L23.4071 0.505859Z" fill="url(%23paint1_linear_322_96)"></path><defs><linearGradient id="paint0_linear_322_96" x1="4.72644" y1="22.7022" x2="74.2726" y2="22.7022" gradientUnits="userSpaceOnUse"><stop stop-color="%23DD7E71"></stop><stop offset="1" stop-opacity="0"></stop></linearGradient><linearGradient id="paint1_linear_322_96" x1="5.20154" y1="20.6845" x2="355.658" y2="20.6845" gradientUnits="userSpaceOnUse"><stop stop-color="%23DD4F3C"></stop><stop offset="1" stop-color="%23FFE7E4"></stop></linearGradient></defs></svg>') no-repeat center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.pricing_card_heading {
    font-family: Blinker !important;
    font-weight: 600 !important;
    font-size: 26px !important;
    line-height: 32px !important;
    letter-spacing: 0.3px !important;
    margin: 0 0 24px 0 !important;
    color: #000000 !important;
}

.pricing_card_info {
    font-family: Blinker !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    letter-spacing: 0.3px !important;
    margin: 0 0 34px 0 !important;
    color: #444444 !important;
    padding: 0;
}

.price {
    font-family: Blinker !important;
    line-height: 60px !important;
    font-size: 50px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 36px;
}

.price span {
    font-family: Blinker;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.3px;
    color: #444444;
}

.pricing_benefits {
    font-family: Blinker !important;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.3px;
    color: #000;
    margin-bottom: 32px;
}

.benefits {
    margin: 0 0 40px 0;
    padding: 0;
}

.benefits li {
    list-style: none;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    font-family: Blinker !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #444444;
    position: relative;
}

.benefits li::before {
    content: "✔";
    color: #ff6f61;
    margin-right: 16px;
    position: relative;
    top: -3px;
}

.benefits li::after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #dd4f3c33;
    position: absolute;
    left: -7px;
}

.benefits li:last-child {
    margin-bottom: 0;
}

.pricing_button {
    margin-top: auto;
    font-family: Blinker !important;
    font-weight: 400 !important;
    font-size: 22px !important;
    line-height: 26px !important;
    letter-spacing: 0.3px !important;
    background-color: transparent !important;
    padding: 12px !important;
    cursor: pointer !important;
    box-shadow: 0px 0px 6px 0px #00000040 !important;
    width: 100% !important;
    border: 1px solid #797979 !important;
    color: #797979 !important;
    text-align: center !important;
}

.popular_pricing_card .pricing_button,
.pricing_button:hover {
    background-color: #dd4f3c !important;
    color: #fff !important;
    font-weight: 600;
    border: 1px solid #dd4f3c !important;
}

.popular_pricing_card {
    border: 1px solid #dd4f3c;
}

.popular_pricing_card .pricing_card_heading {
    color: #dd4f3c !important;
}

.ctm_pricing_page_table_wrap {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.ctm_pricing_page_table_wrap .pricing_card {
    width: 100% !important;
}

/*Pricing section end here */
/*Footer css start here */
#sp-section-3:has(.ctm_footer_logo) {
    box-shadow: 0px -6px 11px 0px #00000021;
    background: #ffffff;
}

#sp-section-3 p:has(.ctm_footer_logo) {
    text-align: center;
    margin-bottom: 0;
    padding: 30px 0;
    border-bottom: 1px solid #D9D9D9
}

#sp-section-3 .ctm_footer_logo {
    max-width: 280px !important;
    max-height: 60px !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    margin: 0 !important;
}

#sp-bottom:has(#sp-bottom1) {
    background-color: white;
    padding: 50px 0;
    border: 0;
}

#sp-bottom .row:has(#sp-bottom1) {
    gap: 20px 0;
}

footer #mod-custom132:has(.ctm_footer_logo) {
    padding: 30px 0;
    display: block;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 50px;
}

footer p:has(.ctm_footer_logo) {
    padding: 0;
    display: flex;
    justify-content: center;
}

#sp-bottom #sp-bottom2 ul li:nth-child(odd) {
    display: block !important;
}

#sp-bottom ul.ctm_useful_links_wrap {
    columns: 2;
    padding: 0;
    margin: 0;
}

#sp-bottom #sp-bottom2 .moduletable:has(.ctm_useful_links_wrap),
#sp-bottom .custom:has(.ctm_footer_heading) {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#sp-bottom :is(#sp-bottom1, #sp-bottom2) {
    width: 30% !important;
}

#sp-bottom :is(#sp-bottom3, #sp-bottom4) {
    width: 20% !important;
}

#sp-bottom :is(#sp-bottom3 .sp-column, #sp-bottom4 .sp-column) {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#sp-bottom :is(#sp-bottom3 .sp-column .sp-module, #sp-bottom4 .sp-column .sp-module) {
    margin-bottom: 0 !important;
}

#sp-bottom :is(.ctm_footer_heading, #sp-bottom2 .moduletable h3) {
    font-family: "Blinker", sans-serif !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    line-height: 26px !important;
    letter-spacing: 0.9px !important;
    color: #000000 !important;
    margin-bottom: 0 !important;
}

#sp-bottom :is(p:has(.ctm_footer_info),
    .ctm_footer_info,
    ul.ctm_useful_links_wrap li a) {
    font-family: "Blinker", sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    letter-spacing: 0.3px !important;
    color: #444444 !important;
    padding: 0 !important;
    margin: 0;
}

#sp-bottom ul.ctm_useful_links_wrap li {
    margin-bottom: 8px;
      line-height: normal;
}

#sp-bottom ul.ctm_useful_links_wrap li a:hover {
    color: #dd4f3c !important;
    font-weight: 600 !important;
}

footer#sp-footer {
    border: 0;
    box-shadow: none;
    background-color: #ffffff;
}

footer#sp-footer .container {
    border-top: 1px solid #d9d9d9;
    padding: 18px 0 !important;
}

footer#sp-footer :is(.sp-copyright, .sp-copyright a) {
    font-family: "Blinker", sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    letter-spacing: 0.3px !important;
    color: #363636 !important;
}

.ctm_followIcon_wrap {
    margin: 0;
    display: flex;
    gap: 18px;
    align-items: center;
}

.ctm_followIcon_wrap li {
    list-style: none;
    margin: 0 !important;
}

.ctm_followIcon_wrap li a .bi {
    font-size: 26px;
    line-height: 0;
    color: #444444;
}

.ctm_followIcon_wrap li a:hover .bi {
    color: #dd4f3c;
}

/*Footer css end here */
/* Inner pages Start here*/
.body-innerwrapper {
    overflow: unset !important;
}

/* .sidebar .menu-wrapper {
    height: 86vh;
    overflow: overlay !important;
    position: sticky !important;
    top: 100px !important;
} */

/* .ctm_sidbar_right {
    position: sticky !important;
    top: 100px !important;
} */

#sp-section-1:has(.m-row) {
    margin-top: 50px;
}

#sp-section-1 .m-row .m-col div {
    text-align: center;
}

#sp-section-1 .m-row .m-col a img {
    transform: scale(1);
}

#sp-section-1 .m-row .m-col:hover a img {
    transform: scale(1.05);
}

#sp-section-1 .m-row .m-col div>a {
    text-align: center;
    color: #7d7d7d;
    font-family: 'Helvetica', Helvetica, Arial, Sans-Serif;
}

.itemid-186 #sp-page-builder h3.sppb-addon-title,
.itemid-186 #sp-page-builder .sppb-addon-content :is(h1,
    h2,
    h3,
    h4,
    h5,
    h6, p),
.com_content #sp-main-body :is(h1,
    h2,
    h3,
    h4,
    h5,
    h6, p, li, a) {
    color: #4e4e4e;
    font-family: 'Helvetica', Helvetica, Arial, Sans-Serif;
}

.itemid-186 .sppb-addon-content h2 {
    font-size: 32px !important;
    margin-bottom: 10px;
}


.won-projects td:hover .custom-text-highlight {
    opacity: 1;
    transition: ease-in-out all .5s;
}

.custom-text-highlight {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.65);
    line-height: 1.344;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    flex-direction: column;
    transition: ease-in-out all .5s;
}
.ic-container{
  justify-content: center !important;
  column-gap: 20px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 30px;
  margin-top: 30px;
  flex-direction: row-reverse;
}
.sidbar-right ul.dropdown-submenu-right{
  padding:0;
}
.ic-container .content {
    min-width: auto !important;
    max-width: 100% !important;
}
.ic-container #ic-main-content :is(h1,
    h2,
    h3,
    h4,
    h5,
    h6) {
    color: #000000 !important;
}

.ic-container #ic-main-content p {
    margin-bottom: 0;
}

#ic-main-content>ul>li {
    list-style: decimal !important;
}

hr {
    margin-bottom: 0;
}

.itemid-124.com_content #sp-main-body a,
.itemid-186 #sp-page-builder .sppb-addon-timeline-wrapper :is(.timeline-panel>*, .timeline-date) {
    color: #4e4e4e !important;
    font-family: 'Helvetica', Helvetica, Arial, Sans-Serif !important;
}

.itemid-186 #sp-page-builder .sppb-addon-content p,
.com_content #sp-main-body p {
    margin-bottom: 0;
    padding: 5px 0;
}

.com_content #sp-main-body table tbody tr.row-lin td {
    padding: 0 10px;
}

.com_content #sp-main-body h1[itemprop="headline"] {
    color: #1f1f1f;
    font-size: 32px;
    line-height: 42px;
    font-weight: 200;
}

.com_content #sp-main-body table th {
    background: #E9E9E9;
    padding: 6px 10px;
    line-height: 30.88px;
}

.com_content #sp-main-body table tbody tr td {
    /* line-height: 30.88px; */
    /* padding: 0; */
}

.com_content #sp-main-body table tbody:has(.UDT_Table_Head) tr td a {
    color: #000000;
}

.com_content #sp-main-body table tbody tr td a:hover {
    text-decoration: underline;
}

.com_content #sp-main-body #sp-component .article-details .ensure-blog-details :is(.col-sm-11, .article-header, div[itemprop="articleBody"]) {
    max-width: 100%;
    width: 100%;
}

.com_content #sp-main-body #sp-right.col-lg-4 {
    max-width: 250px;
    width: 100%;
    padding: 0;
}

#sp-right .menu .menu-child li {
    margin-left: 24px;
}

#sp-right .menu .menu-child li a {
    color: #191919 !important;
    font-size: .9em !important;
    line-height: normal !important;
    padding: 0;
    margin-bottom: 6px;
}

#sp-right .menu li a:hover {
    text-decoration: underline;
    color: #5477F0 !important;
}

.com_content #sp-main-body #sp-right .sp-column {
    background-color: transparent !important;
    box-shadow: none !important;

}

.com_content #sp-main-body #sp-right .sp-module {
    padding: 40px 9px;
    background-color: transparent;
}

.com_content .ic-container #sidebar-menu-wrapper #sidebar-menu {
    padding: 0;
    margin: 0;
}

.com_content .ic-container #sidebar-menu-wrapper #sidebar-menu ul:has(.dropdown-btn) {
    padding: 0;
    margin: 0 18px 0 6px;
}

.com_content .ic-container #sidebar-menu-wrapper #sidebar-menu ul:has(.dropdown-btn) ul {
    padding: 0;
    margin: 0 18px 0 12px;
}

.com_content .ic-container #sidebar-menu-wrapper #sidebar-menu .dropdown-btn {
    border: 0;
}

/* Inner pages End here*/

/* Responsive */

@media (min-width: 992px) {
    header#sp-header {
        height: auto !important;
        padding: 8px 0;
    }

    .com_content #sp-main-body #sp-component.col-lg-8 {
        flex: 1;
    }

    .com_content #sp-main-body #sp-right.col-lg-4 {
        max-width: 250px;
        width: 100%;
        padding: 0;
    }

    li:has(.ctm_authentication_signup) {
        display: none !important;
    }

    .menu:has(.ctm_authentication_try_methvin) li {
        list-style: none;
    }

    .menu:has(.ctm_authentication_try_methvin) {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
    }

    #sp-menu>.sp-column:has(.ctm_authentication_try_methvin) {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }

    .ctm_authentication_signin,
    .ctm_authentication_try_methvin {
        cursor: pointer;
        padding: 5px 11px 5px 15px;
        color: #000 !important;
        font-weight: 400;
        font-size: 0.9625em;
        line-height: 34px;
        position: relative;
    }

    .menu li a.ctm_authentication_signin::before {
        position: absolute;
        content: "\F4D7";
        top: 16px;
        color: #000000;
        font-size: 20px;
        line-height: 0;
        font-family: 'bootstrap-icons' !important;
        left: -12px;
    }


    .menu li a.ctm_authentication_signin:hover::before,
    .ctm_authentication_signin:hover {
        color: #5477F0 !important;
    }

    .ctm_authentication_signup:hover {
        color: #000000 !important;
    }
}
@media (max-width: 1400px) {
  #sp-header .sp-megamenu-parent>.sp-menu-item>a, #sp-header .sp-megamenu-parent>.sp-menu-item>span {
    padding:0 12px;
}
}
@media (max-width: 1199px) {
  .ctm_authentication_signin,
    .ctm_authentication_try_methvin,
#sp-header .sp-megamenu-parent>.sp-menu-item>a,
    #sp-header .sp-megamenu-parent>.sp-menu-item>span {
        font-size: 14px;
    }
    .ctm_pricing_table_main_wrapper .sppb-row-container,
    #sp-section-1,
    #sp-header :is(.container),
    #sp-main-body>.container,
    #sp-section-3 :is(.container),
    #sp-footer :is(.container),
    #sp-bottom :is(.container) {
        max-width: 98% !important;
        margin: 0 auto;
    }

    .ctm_authentication_signin,
    .ctm_authentication_try_methvin {
        padding: 5px 8px;
    }

    .menu li a.ctm_authentication_signin::before {
        left: -16px;
        font-size: 18px;
    }

    .ctm_pricing_page_table_wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 25px 20px;
    }

    .pricing_card_heading {
        font-size: 24px !important;
        line-height: 28px !important;
        margin: 0 0 20px 0 !important;
    }

    .pricing_card {
        padding: 30px;
    }

    .price {
        line-height: 50px !important;
        font-size: 40px;
        margin-bottom: 26px;
    }

    .pricing_benefits {
        margin-bottom: 32px;
    }

    .benefits li {
        margin-bottom: 16px;
    }

    .pricing_button {
        font-size: 20px !important;
        line-height: 22px !important;
        padding: 10px !important;
    }

    .pricing_card_popular {
        top: 19px;
    }

    .pricing_card_popular::before {
        width: 110px;
    }

    .pricing_card_popular span {
        top: 41%;
        font-size: 16px;
        line-height: 24px;
    }

    #sp-bottom:has(#sp-bottom1) {
        padding: 40px 0;
    }

    /* #sp-bottom ul.ctm_useful_links_wrap li {
        margin-bottom: 12px;
    } */

    #sp-bottom :is(p:has(.ctm_footer_info),
        .ctm_footer_info,
        ul.ctm_useful_links_wrap li a) {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    #sp-bottom :is(#sp-bottom3 .sp-column, #sp-bottom4 .sp-column) {
        gap: 30px;
    }

    #sp-bottom :is(.ctm_footer_heading, #sp-bottom2 .moduletable h3) {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    #sp-bottom #sp-bottom2 .moduletable:has(.ctm_useful_links_wrap),
    #sp-bottom .custom:has(.ctm_footer_heading) {
        gap: 12px;
    }

    .ctm_followIcon_wrap li a .bi {
        font-size: 22px;
    }

    .ctm_followIcon_wrap {
        gap: 14px;
    }

    #sp-section-3 .ctm_footer_logo {
        max-width: 200px !important;
        max-height: 50px !important;
    }

    #sp-section-3 p:has(.ctm_footer_logo) {
        padding: 20px 0;
    }

    footer#sp-footer .container {
        padding: 12px 0 !important;
    }
}

@media (max-width: 1099px) {

    #sp-header .sp-megamenu-parent>li>a,
    #sp-header .sp-megamenu-parent>li>span {
        padding: 0 8px !important;
    }

    .ctm_authentication_signin,
    .ctm_authentication_try_methvin {
        padding: 5px 6px;
        font-size: 14px;
    }

    .menu li a.ctm_authentication_signin::before {
        left: -14px;
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
  #sp-header .sp-megamenu-parent>li>a,
    #sp-header .sp-megamenu-parent>li>span {
        padding: 0 6px !important;
    }
    .com_content #sp-main-body table tbody tr.row-lin {
        display: flex;
        flex-wrap: wrap;
    }

    .com_content #sp-main-body table tbody tr.row-lin td {
        width: 100% !important;
        padding: 0;
    }

    #sp-section-1:has(.m-row) {
        margin-top: 30px;
    }

    .ctm_authentication_signin,
    .ctm_authentication_try_methvin {
        font-size: 14px;
    }

}

@media (max-width: 1023px) {
    .myCustomIcons .m-col.m-hide {
        display: none !important;
    }
}

@media (max-width: 991px) {
    header #sp-logo:has(.logo) {
        padding: 0;
    }

    /* header #sp-logo .logo:has(.logo-image) {
        display: none;
    } */
  header #sp-logo .logo .logo-image {
    max-width: 160px !important;
    max-height: 40px !important;
}

    header#sp-header #sp-logo a#offcanvas-toggler {
        display: flex !important;
        height: 48px;
    }

    li:has(.ctm_authentication_try_methvin),
    .offcanvas-menu ul.menu .menu-parent .menu-separator:has(img) {
        display: none !important;
    }

    .offcanvas-menu {
        background: #1C5581 !important;
    }

    .offcanvas-menu .offcanvas-inner {
        padding: 4px 12px 8px !important;
        margin: 0 !important;
    }

    .offcanvas-menu .close-offcanvas {
        display: none !important;
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul.menu>li {
        padding: 10px !important;
        line-height: normal !important;
        margin-bottom: 4px !important;
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul.menu li .menu-separator,
    .offcanvas-menu .offcanvas-inner .sp-module ul.menu ul.menu-child li .menu-separator,
    .offcanvas-menu .offcanvas-inner .sp-module ul.menu li a {
        color: #FFF !important;
        font-family: Raleway !important;
        line-height: normal !important;
        font-weight: 100 !important;
        padding: 0;
        margin: 0;
        font-size: 0.9em;
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul.menu>li>ul.menu-child {
        margin-top: 20px;
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul.menu ul.menu-child li :is(a, .menu-separator) {
        font-size: 12px !important;
        line-height: 28px !important;
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler:after,
    .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler:after {
        content: "\F282" !important;
        font-family: 'bootstrap-icons' !important;
        color: #fff !important;
        position: absolute !important;
        line-height: 0 !important;
        font-size: 11px !important;
        left: -12px;
        transform: rotate(-90deg);
        transition: all 250ms ease;
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent.menu-parent-open>a>.menu-toggler:after,
    .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent.menu-parent-open>.menu-separator>.menu-toggler:after {
        transform: rotate(0deg);
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul.menu-child>li.menu-parent>a>.menu-toggler,
    .offcanvas-menu .offcanvas-inner ul.menu-child li.menu-parent .menu-separator .menu-toggler {
        display: none !important;
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent.menu-parent-open>.menu-child>li .menu-child {
        display: block !important;
    }

    #sp-bottom :is(#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4) {
        width: 50% !important;
    }


    .ctm_offcanvas_search_wrap .form-control {
        border-radius: 0 !important;
        margin-bottom: 6px;
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding-left: 48px;
    }

    .ctm_offcanvas_search_wrap .form-control,
    .ctm_offcanvas_search_wrap .form-control::placeholder {
        font-size: 14px;
        line-height: normal;
        color: #ffffff;
    }

    .sp-module:has(.ctm_authentication_wrap),
    .sp-module:has(.ctm_offcanvas_menu_wrap),
    .ctm_offcanvas_search_wrap {
        border-bottom: 1px solid #FFF;
        width: calc(100% + 24px);
        margin-left: -12px !important;
        padding-bottom: 6px !important;
        margin-bottom: 8px !important;
    }

    .sp-module-content:has(.ctm_offcanvas_menu_wrap),
    .sp-module-content:has(.ctm_authentication_wrap) {
        width: calc(100% - 24px);
        margin-left: 12px;
    }

    .ctm_offcanvas_search_wrap .form-search {
        position: relative;
    }

    .ctm_offcanvas_search_wrap .form-search::before {
        position: absolute;
        content: "\F52A";
        top: 16px;
        color: #ffffff;
        font-size: 14px;
        line-height: 0;
        font-family: 'bootstrap-icons' !important;
        left: 24px;
    }

    .ctm_authentication_wrap li a.ctm_authentication_signin::before {
        position: absolute;
        content: "\F4E1";
        top: 8px;
        color: #ffffff;
        font-size: 18px;
        line-height: 0;
        font-family: 'bootstrap-icons' !important;
        left: 0;
    }

    .ctm_authentication_wrap li a.ctm_authentication_signup::before {
        position: absolute;
        content: "\F89A";
        top: 8px;
        color: #ffffff;
        font-size: 20px;
        line-height: 0;
        font-family: 'bootstrap-icons' !important;
        left: 0;
    }

    .ctm_authentication_wrap li a {
        padding-left: 28px !important;
    }
}

@media (max-width: 768px) {
    #sp-section-1:has(.m-row) {
        margin-top: 20px;
    }

    .ctm_pricing_page_table_wrap {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 20px;
    }

    .pricing_card_heading {
        font-size: 22px !important;
        line-height: 24px !important;
        margin: 0 0 16px 0 !important;
    }

    .pricing_card {
        padding: 20px;
    }

    .price {
        line-height: 40px !important;
        font-size: 30px;
        margin-bottom: 16px;
    }

    .pricing_benefits {
        font-size: 18px;
        margin-bottom: 22px;
    }

    .benefits li {
        margin-bottom: 14px;
        font-size: 16px;
    }

    .benefits {
        margin: 0 0 30px 0;
    }

    .pricing_button {
        font-size: 18px !important;
        padding: 8px !important;
    }

    .pricing_card_popular {
        top: 5px;
    }

    .pricing_card_popular::before {
        width: 90px;
    }

    .pricing_card_popular span {
        top: 43%;
        font-size: 14px;
        line-height: 20px;
    }

    .ctm_pricing_table_main_wrapper .sppb-row {
        gap: 20px 0;
    }

    #sp-bottom :is(#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4) {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
  .icmobile {
      position: relative !important;
  }
  .icmobile #icmenu::before {
    top: 22px !important; 
    left: 2px !important;
  }
      .icmobile #icmenu.menu-active::before {
        top: 21px !important; 
      }
}

img {
  display: inline !important
}

.custom-input-sup {
    right: 7px !important;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    top: 3px !important;
    height: 36px !important;
}
.ctm_sidbar_right {
  display: none;
}
.sidbar-right {
  display: none;
}
#sp-left .sp-column {
  border-radius: 0px !important;
  box-shadow: none !important;
  background-color: transparent !important;
}
#sp-left .sp-module ul>li>a, #sp-right .sp-module ul>li>a {
  color: #666666 !important;
}
@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 auto;
        width: 20.333333% !important;
    }
}
#sp-left .sp-module, #sp-right .sp-module {
    padding: 40px 10px 0px 10px !important;
}

.sidebar, .sidbar-right {
    min-width: 30% !important;
    max-width: 30% !important;
}
.menu-separator {
  font-weight: 700 !important;
}
.menu-child {
  font-size: 14px !important;
  margin-left: 8px !important;
}

.production-rates-menu .sp-dropdown .sp-dropdown-items {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 136px;
}