@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body { font-family: "Poppins", sans-serif;margin: 0; padding: 0; font-size: 14px; line-height: normal; }

h1, h2, h3, h4, h5, h6, a, span, ul, li, p { margin: 0 !important; padding: 0 !important; list-style: none !important; }

@media (min-width: 1200px) {
    .container {
        width: 1296px;
    }
}

/* Scrolling Menu */
.scrolling-menu { background: #3EB1C8; box-shadow: 0px 4px 10px rgba(0, 65, 105, 0.08); width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
.scrolling-menu .navbar-nav li a { padding: 20px 15px !important; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 21px; color: #FFFFFF; }
.scrolling-menu .nav>li>a:focus, .scrolling-menu .nav>li>a:hover { text-decoration: none; background-color: #FEC158 !important; }
#section1 { padding-top: 150px; height: 500px; }
#section2 { padding-top: 150px; height: 500px; }
#section3 { padding-top: 150px; height: 500px; }
#section4 { padding-top: 150px; height: 500px; }
#section5 { padding-top: 150px; height: 500px; }
#section6 { padding-top: 150px; height: 500px; }
#section7 { padding-top: 150px; height: 500px; }
#section8 { padding-top: 150px; height: 500px; }
#section9 { padding-top: 150px; height: 500px; }

/* Header */
header .navbar-default { background-color: #ffffff; border: 0px; margin: 0; min-height: 100px; }
header .navbar-brand img { height: 58px; }
header .navbar-default .navbar-nav>li>a { padding-left: 20px; padding-right: 20px; padding-top: 41px; padding-bottom: 41px; font-family: "Roboto", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #606060; }
header .search-icon { padding: 0px !important; margin: 28px 0 22px 20px; background: #5086F5; border-radius: 12px; width: 40px; height: 40px; display: flex !important; align-items: center; justify-content: center; }
header .search-icon:focus, header .search-icon:hover { background: #5086F5 !important; }
header .navbar-brand { float: left; height: 100px; }
header .navbar-nav > li { margin-left: 0px; }
header .caret { display: inline-block; width: 10px; height: 6px; margin-left: 2px; vertical-align: middle; border: 0px; background-image: url('../images/menu-down-arrow.png'); background-repeat: no-repeat; background-size: cover; }
@media (max-width: 767px) {
    header .navbar-header { float: none; }
    header .navbar-toggle { display: block; }
    header .navbar-collapse { border-top: 1px solid #e7e7e7; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
    header .navbar-collapse.collapse { display: none !important; }
    header .navbar-collapse.collapse.in { display: block !important; }
    header .navbar-nav { float: none !important; margin-top: 7.5px; }
    header .navbar-nav > li { float: none; }
    header .navbar-right { float: none !important; }
    header .search-icon { padding-left: 15px; }
}

/* Banner */
.banner-section { padding: 54px 0 52px 0; background-image: url('../images/banner-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.banner-section .content-align { display: flex; align-items: center; }
.banner-section .banner-title { display: inline-flex !important; font-family: 'Poppins' !important; font-style: normal !important; font-weight: 700 !important; font-size: 79px !important; line-height: normal !important; color: #FFFFFF !important; }
.banner-section .highlight { margin-left: 20px !important; position: relative; }
.banner-section .highlight::before { content: ""; width: 235px; height: 4px; background-color: #FEC158; position: absolute; bottom: 20px; left: 6px; }
.banner-section .banner-tag { display: flex; justify-content: center; align-items: center; padding: 2px 10px; gap: 10px; background: #20458D; border-radius: 5px; width: 92px; height: 33px; font-family: 'Poppins'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 30px; text-transform: uppercase; color: #FFFFFF; }
.banner-section .banner-text { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 30px; color: #FFFFFF; }
.banner-section .img-responsive { max-width: 100%; height: auto; float: right; }
@media (max-width: 767px) {
    .banner-section .banner-title { font-size: 32px; }
}

/* Smarten */
.smarten-for { padding: 70px 0; }
.smarten-for .feature-box { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; padding: 30px 15px; box-sizing: border-box; height: 148px; background: #FFFFFF; border: 1px solid #E2E2E2; box-shadow: 0px 20px 35px -9px rgba(0, 0, 0, 0.06); border-radius: 8px; }
.smarten-for .icon-circle { display: flex; align-items: center; justify-content: center; background: #3C7EFF; width: 80px; height: 80px; border-radius: 100px; }
.smarten-for .icon-circle img { width: 50px; height: 50px; }
.smarten-for .icon-blue { background-color: #3C7EFF; }
.smarten-for .icon-red { background-color: #EF706E; }
.smarten-for .icon-yellow { background-color: #F4BD57; }
.smarten-for .feature-title { font-weight: 700; }
.smarten-for .feature-box p { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 26px; color: #606060; }
.smarten-for .highlight-text { font-weight: 700; }
.smarten-for .first-desk { margin-bottom: 10px !important; }
.smarten-for .footer-section { display: flex; flex-direction: column; align-items: center; padding: 20px; background: #3364C2; border-radius: 8px; }
.smarten-for .footer-section h3 { font-family: 'Poppins'!important; font-style: normal; font-weight: 700; font-size: 40px; line-height: 60px; text-align: center; color: #FFFFFF!important; }
.smarten-for .footer-section p { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 28px; line-height: 33px; text-align: center; color: #FFFFFF; }
@media (max-width: 767px) {
    .smarten-for .icon-circle { display: block; margin: 0 auto 10px; }
}

/* Its Uniqueness */
.its-uniqueness { padding: 70px 0; background-color: #F5FAFE; }
.its-uniqueness .title-section { text-align: center; margin-bottom: 30px; }
.its-uniqueness .title-section h2 { margin-bottom: 30px !important; font-family: 'Poppins' !important; font-style: normal; font-weight: 700 !important; font-size: 40px !important; line-height: 60px; color: #5D5F65 !important; }
.its-uniqueness .title-section h2 span { z-index: 0; color: #3364C2; position: relative; }
.its-uniqueness .title-section h2 span::before { z-index: -1; content: ""; position: absolute; width: 244px; height: 4px; left: 0px; bottom: 1px; background-color: #FEC158; }
.its-uniqueness .title-section p { font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 26px; text-align: center; color: #606060; }
.its-uniqueness .card { background-color: #ffffff; border-radius: 10px; padding: 40px 40px 0 40px; margin-bottom: 38px; box-shadow: 0px 50px 70px rgba(162, 182, 212, 0.16); height: 100%; }
.its-uniqueness .section-red { background: #FFFFFF; border-top: 5px solid #EF706E; box-shadow: 0px 50px 70px rgba(162, 182, 212, 0.16); border-radius: 10px; }
.its-uniqueness .section-blue { background: #FFFFFF; border-top: 5px solid #3364C2; box-shadow: 0px 50px 70px rgba(162, 182, 212, 0.16); border-radius: 10px; }
.its-uniqueness .section-yellow { display: flex; align-items: center; padding: 40px 27px 46px 25px; background: #FFFFFF; border-top: 5px solid #F4BD57; box-shadow: 0px 50px 70px rgba(162, 182, 212, 0.16); border-radius: 10px; margin: 0; }
.its-uniqueness .card p { margin: 0 0 25px 0 !important; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px;color: #606060; }
.its-uniqueness .section-red p { background: url('../images/red-check-icon.png') left 0px no-repeat; padding-left: 32px !important; }
.its-uniqueness .section-red p:nth-child(3) { margin: 0; }
.its-uniqueness .section-blue p { background: url('../images/blue-check-icon.png') left 0px no-repeat; padding-left: 32px !important; }
.its-uniqueness .section-blue p:nth-child(4) { margin: 0; }
.its-uniqueness .section-yellow p { background: url('../images/gold-check-icon.png') left 0px no-repeat; padding-left: 32px !important; font-style: italic !important; }
.its-uniqueness .section-yellow p:nth-child(4) { margin: 0; }
.its-uniqueness .card .red-img { text-align: center; margin: 0 auto; display: block; padding-top: 57px; }
.its-uniqueness .card .blue-img { text-align: center; margin: 0 auto; display: block; padding-top: 27px; }
.its-uniqueness .card .yellow-img { display: block; float: right; }
@media (max-width: 767px) {
    .its-uniqueness .card { margin-bottom: 20px; }
}

/* Its Differentiators */
.differentiators { padding: 70px 0; }
.differentiators .title-section { text-align: center; }
.differentiators .title-section h2 { margin-bottom: 30px !important; font-family: 'Poppins' !important; font-style: normal; font-weight: 700 !important; font-size: 40px !important; line-height: 60px; color: #5D5F65 !important; }
.differentiators .title-section h2 span { z-index: 0; color: #3364C2; position: relative; }
.differentiators .title-section h2 span::before { z-index: -1; content: ""; position: absolute; width: 302px; height: 4px; left: 0px; bottom: 1px; background-color: #FEC158; }
.differentiators .title-section p { background: url('../images/blue-check-icon.png') left 0px no-repeat; padding-left: 32px !important; margin: 0 0 25px 0 !important; text-align: left; font-family: 'Roboto'; font-style: italic; font-weight: 400; font-size: 17px; line-height: 24px; color: #606060; }
.differentiators .title-section  p:nth-child(7) { margin: 0; }
.differentiators .title-section-list { display: flex; align-items: center; }

/* Its Differentiators */
.aboutyou { padding: 70px 0; background-color: #F5FAFE; }
.aboutyou .title-section h2 { margin-bottom: 30px !important; font-family: 'Poppins'!important; font-style: normal; font-weight: 700!important; font-size: 40px!important; line-height: 60px; color: #5D5F65!important; }
.aboutyou .title-section h2 span { z-index: 0; color: #3364C2; position: relative; }
.aboutyou .title-section h2 span::before { z-index: -1; content: ""; position: absolute; width: 81px; height: 4px; left: 0px; bottom: 1px; background-color: #FEC158; }
.aboutyou .title-section p { margin: 0 0 25px 0 !important; text-align: left; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 24px; color: #606060; }
.aboutyou .about-image-main { float: right; position: relative; }
.aboutyou .about-image-main img { z-index: 1; position: relative; margin-right: 50px; margin-top: 24px; border-radius: 24px; width: 436px; height: 436px; }
.aboutyou .about-img-box.red { z-index: 0; position: absolute; width: 122px; height: 122px; right: 0px; top: 0px; background: #EF706E; border-radius: 24px; }
.aboutyou .about-img-box.yellow { z-index: 0; position: absolute; width: 159px; height: 160px; right: 0px; bottom: -30px; background: #F4BD57; border-radius: 24px; }
.aboutyou .about-img-box.blue { z-index: 0; position: absolute; width: 122px; height: 123px; left: -60px; bottom: 50px; background: #3C7EFF; border-radius: 24px; }
.aboutyou .wesee-threebox { display: flex; flex-wrap: wrap; margin-top: 42px; }
.aboutyou .wesee-threebox > [class*='col-'] { display: flex; flex-direction: column; }
.aboutyou .wesee-threebox .section-title { margin-bottom: 30px !important; font-family: 'Roboto' !important; font-style: normal; font-weight: 500; font-size: 36px; line-height: 64px; letter-spacing: -0.04em; color: #0B0D0E !important; }
.aboutyou .reason-box { flex-grow: 1; height: 100%; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02); border-radius: 24px; }
.aboutyou .reason-box.yellow { background-color: #F4BD57; }
.aboutyou .reason-box.blue { background-color: #2F6BE2; }
.aboutyou .reason-box.red { background-color: #EF706E; }
.aboutyou .reason-box ul { padding: 20px 30px !important; }
.aboutyou .reason-box li { margin-bottom: 30px !important; list-style: none !important; position: relative; padding-left: 42px !important; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 26px; letter-spacing: -0.02em; color: #FFFFFF; }
.aboutyou .reason-box li:last-child { margin: 0; }
.aboutyou .reason-box.yellow li:before { content: ""; width: 32px; height: 32px; position: absolute; background-image: url('../images/yellow-checkmark-icon.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 0; }
.aboutyou .reason-box.blue li:before { content: ""; width: 32px; height: 32px; position: absolute; background-image: url('../images/blue-checkmark-icon.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 0; }
.aboutyou .reason-box.red li:before { content: ""; width: 32px; height: 32px; position: absolute; background-image: url('../images/red-checkmark-icon.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 0; }
@media (max-width: 768px) {
}

/* Why Smarten Cloud */
.why-smarten-cloud { padding: 70px 0; }
.why-smarten-cloud .title-section h2 { margin-bottom: 30px !important; font-family: 'Poppins'!important; font-style: normal; font-weight: 700 !important; font-size: 40px !important; line-height: 60px; color: #5D5F65 !important; }
.why-smarten-cloud .title-section h2 span { z-index: 0; color: #3364C2; position: relative; }
.why-smarten-cloud .title-section h2 span::before { z-index: -1; content: ""; position: absolute; width: 81px; height: 4px; left: 0px; bottom: 1px; background-color: #FEC158; }
.why-smarten-cloud .title-section p { text-align: left; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 24px; color: #606060; }
.why-smarten-cloud .checklist { padding: 30px !important; background: #FFFFFF; border: 1px solid #E2E2E2; box-shadow: 0px 20px 35px -9px rgba(0, 0, 0, 0.06); border-radius: 8px; }
.why-smarten-cloud .checklist li { padding-left: 40px !important; margin-bottom: 24px !important; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #606060; }
.why-smarten-cloud .checklist li:before { content: ""; width: 32px; height: 32px; position: absolute; background-image: url('../images/blue-check-icon.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 45px; }
.why-smarten-cloud .checklist li:last-child { margin: 0; }
.why-smarten-cloud .illustration { float: left; padding-top: 136px; }
.why-smarten-cloud .illustration img { max-width: 100%; height: auto; }

/* Smarten Cloud Pricing */
.smarten-cloud-pricing { padding: 0 0 70px 0; background: none; border-radius: 0; margin: 0; }
.smarten-cloud-pricing .title-section h2 { margin-bottom: 30px !important; font-family: 'Poppins' !important; font-style: normal; font-weight: 700 !important; font-size: 40px !important; line-height: 60px; color: #5D5F65 !important; }
.smarten-cloud-pricing .title-section h2 span { z-index: 0; color: #3364C2; position: relative; }
.smarten-cloud-pricing .title-section h2 span::before { z-index: -1; content: ""; position: absolute; width: 140px; height: 4px; left: 0px; bottom: 1px; background-color: #FEC158; }
.price-container { gap: 15px; }
.smarten-cloud-pricing .pricing-header { text-align: center; }
.smarten-cloud-pricing .toggle-tabs { position: relative; }
.smarten-cloud-pricing .toggle-tabs::before { content: ""; position: absolute; width: 1102px; height: 4px; left: auto; right: auto; top: 30px; background-color: #FFC20E; margin: 0 auto; display: block; }
.smarten-cloud-pricing .toggle-tabs { text-align: center; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; }
.smarten-cloud-pricing .toggle-tabs .btn-group { padding: 10px !important; border: 0px !important; width: 376px; height: 62px; background: #ECECFE; border-radius: 32px; display: flex !important; align-items: center; justify-content: center; }
.smarten-cloud-pricing .mon-yea-btn.active { width: 50%; border: 0px !important; padding: 0px 58px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 50px; text-align: center; letter-spacing: -0.03em; color: #FFFFFF; border-top-left-radius: 24px !important; border-bottom-left-radius: 24px !important; }
.smarten-cloud-pricing .mon-yea-btn { width: 50%; border: 0px !important; padding: 0px 66px; border-radius: 24px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 50px; text-align: center; letter-spacing: -0.03em; color: #5086F5;border-top-left-radius: 24px !important; border-bottom-left-radius: 24px !important; }
.smarten-cloud-pricing .usd-inr-btn.active { width: 50%; border: 0px !important; padding: 0px 73px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 50px; text-align: center; letter-spacing: -0.03em; color: #FFFFFF; background: #651FFF; border-radius: 24px; border-top-right-radius: 24px !important; border-bottom-right-radius: 24px !important; }
.smarten-cloud-pricing .usd-inr-btn { width: 50%; border: 0px !important; background: none; border: 0px; padding: 0px 76px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 50px; text-align: center; letter-spacing: -0.03em; color: #651FFF; border-radius: 24px; border-top-right-radius: 24px !important; border-bottom-right-radius: 24px !important; }
.smarten-cloud-pricing .usd-inr-btn:active:focus, .usd-inr-btn:active:hover { background: none !important; }
.smarten-cloud-pricing .usd-inr-btn.active:focus, .usd-inr-btn.active:hover { border: 0px !important; }
.smarten-cloud-pricing .usd-inr-btn:active:focus, .usd-inr-btn:active:hover { border: 0px !important; }
.smarten-cloud-pricing .active .customtab { border-radius: 100px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 50px; text-align: center; letter-spacing: -0.03em; width: 100%; outline: none !important; background-color: #651FFF!important; border: none!important; color: #ffffff; }
.smarten-cloud-pricing .customtab { border-radius: 100px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 50px; text-align: center; letter-spacing: -0.03em; width: 100%; outline: none !important; background: none!important; border: none!important; color: #651FFF; }
.smarten-cloud-pricing .active .customtab-two { border-radius: 100px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 50px; text-align: center; letter-spacing: -0.03em; width: 100%; outline: none !important; background-color: #5086F5!important; border: none!important; color: #ffffff; }
.smarten-cloud-pricing .customtab-two { border-radius: 100px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 50px; text-align: center; letter-spacing: -0.03em; width: 100%; outline: none !important; background: none!important; border: none!important; color: #5086F5; }
.smarten-cloud-pricing .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border: 0px !important; border-top-right-radius: 24px !important; border-bottom-right-radius: 24px !important; }
.smarten-cloud-pricing .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border: 0px !important; border-top-left-radius: 24px !important; border-bottom-left-radius: 24px !important; }
.smarten-cloud-pricing .btn-group.left-part { margin-right: 52px !important; }
.smarten-cloud-pricing .btn-group.right-part { margin-left: 52px !important; }
.smarten-cloud-pricing .pricing-box { height: 570px !important; text-align: left; padding: 30px 20px; background: #FFFFFF; border: 1px solid #C4C7CF; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02); border-radius: 24px; }
.smarten-cloud-pricing .pricing-box hr { margin-top: 20px; margin-bottom: 20px; border: 0; border: 1px dashed #E2E4E9; }
.smarten-cloud-pricing .pricing-box h3 { font-family: 'Roboto' !important; font-style: normal; font-weight: 500; font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #5086F5 !important; }
.smarten-cloud-pricing .pricing-box.blue h3 { color: #5086F5 !important; }
.smarten-cloud-pricing .pricing-box.darkblue h3 { color: #651FFF !important; }
.smarten-cloud-pricing .pricing-box.pink h3 { color: #E43157 !important; }
.smarten-cloud-pricing .pricing-box.purpel h3 { color: #791F8D !important; }
.smarten-cloud-pricing .pricing-box.green h3 { color: #82BD04 !important; }
.smarten-cloud-pricing .pricing-box .price { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 34px; line-height: 56px; letter-spacing: -0.05em; color: #0B0D0E; }
.smarten-cloud-pricing .pricing-box ul { list-style: none; padding: 0; min-height: 290px !important; border: 0px !important; }
.smarten-cloud-pricing .pricing-box.blue .price small { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 32px; letter-spacing: -0.03em; color: #5086F5; }
.smarten-cloud-pricing .pricing-box.darkblue .price small{ font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 32px; letter-spacing: -0.03em; color: #651FFF; }
.smarten-cloud-pricing .pricing-box.pink .price small{ font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 32px; letter-spacing: -0.03em; color: #E43157; }
.smarten-cloud-pricing .pricing-box.purpel .price small{ font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 32px; letter-spacing: -0.03em; color: #791F8D; }
.smarten-cloud-pricing .pricing-box.green .price small{ font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 32px; letter-spacing: -0.03em; color: #82BD04; }
.smarten-cloud-pricing .pricing-box.blue ul li:before { content: ""; width: 24px; height: 24px; position: absolute; background-image: url('../images/pricing-blue-check.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 0px; }
.smarten-cloud-pricing .pricing-box.darkblue ul li:before { content: ""; width: 24px; height: 24px; position: absolute; background-image: url('../images/pricing-darkblue-check.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 0px; }
.smarten-cloud-pricing .pricing-box.pink ul li:before { content: ""; width: 24px; height: 24px; position: absolute; background-image: url('../images/pricing-pink-check.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 0px; }
.smarten-cloud-pricing .pricing-box.purpel ul li:before { content: ""; width: 24px; height: 24px; position: absolute; background-image: url('../images/pricing-purpel-check.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 0px; }
.smarten-cloud-pricing .check-list { padding-left: 28px; margin-bottom: 30px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 32px; color: #606060; }
.smarten-cloud-pricing .check-list:last-child { margin: 0; }
.smarten-cloud-pricing .pricing-box ul li { margin-bottom: 15px !important; padding-left: 35px !important; position: relative; font-family: 'Roboto';font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: -0.02em; color: #5C5F6E; }
.smarten-cloud-pricing .pricing-box ul li.text { margin-bottom: 15px !important; padding-left: 0px !important; position: relative; font-family: 'Roboto';font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: -0.02em; color: #5C5F6E; }
.smarten-cloud-pricing .btn-try { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 13px 25px !important; background: #5086F5 !important; border-radius: 12px !important; }
.smarten-cloud-pricing .pricing-box .btn-try { text-decoration: none !important; width: 168px; height: 48px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 150%; text-align: center; letter-spacing: -0.02em; color: #FFFFFF; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 13px 25px !important; background: #5086F5 !important; border-radius: 12px !important; }
.smarten-cloud-pricing .pricing-box.blue .btn-try { background: #5086F5 !important; }
.smarten-cloud-pricing .pricing-box.darkblue .btn-try { background: #651FFF !important; }
.smarten-cloud-pricing .pricing-box.pink .btn-try { background: #E43157 !important; }
.smarten-cloud-pricing .pricing-box.purpel .btn-try { background: #791F8D !important; }
.smarten-cloud-pricing .pricing-box.green .btn-try { background: #82BD04 !important; }
.smarten-cloud-pricing .btn-contact { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 13px 25px !important; background: #22c55e !important; border-radius: 12px !important; }
#pricingContent .col-sm-2 { width: 20%; }
.smarten-cloud-pricing .section-title { font-size: 28px; font-weight: bold; margin-bottom: 20px !important; font-family: 'Roboto'!important; }
.smarten-cloud-pricing .section-title .highlight { color: #2c69ff; }
.smarten-cloud-pricing .pricing-tab { margin: 30px 0; }
.smarten-cloud-pricing .pricing-tab .btn { margin: 0 5px; }
.smarten-cloud-pricing .plan-box { border: 1px solid #ddd; padding: 20px; margin-bottom: 30px; text-align: center; border-radius: 10px; }
.smarten-cloud-pricing .plan-box h4 { font-size: 22px; font-weight: bold; }
.smarten-cloud-pricing .price { font-size: 26px; font-weight: bold; color: #2c69ff; }
.smarten-cloud-pricing .feature-list { list-style: none; padding-left: 0; }
.smarten-cloud-pricing .feature-list li { padding: 5px 0; }
.smarten-cloud-pricing .addons-section { padding: 60px 0 0 0; }
.smarten-cloud-pricing .addons-section .section-text { margin-bottom: 40px !important; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; color: #838696; }
.smarten-cloud-pricing .tab-btn-group { margin: 0 auto; width: 613px; height: 62px; background: #ECECFE; border-radius: 32px; display: flex; align-items: center; justify-content: center; }
.smarten-cloud-pricing .tab-btn { text-decoration: none !important; background: none !important; border: 0px; padding: 0px 25px;border-radius: 24px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 50px; text-align: center; color: #5086F5; }
.smarten-cloud-pricing .tab-btn.active { text-decoration: none !important; padding: 0px 25px; background: #5086F5 !important; border-radius: 24px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 50px; text-align: center; color: #FFFFFF; }
.smarten-cloud-pricing .tab-content-box { margin-top: 40px; }
.smarten-cloud-pricing .addon-box { padding: 40px 20px; text-align: left; background: #FFFFFF; border: 1px solid #C4C7CF; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02); border-radius: 24px; }
.smarten-cloud-pricing .addon-box span strong { margin-right: 10px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 56px; letter-spacing: -0.05em; color: #0B0D0E; }
.smarten-cloud-pricing .addon-box span { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 32px; letter-spacing: -0.03em; color: #5086F5; }
.smarten-cloud-pricing .addon-box p { text-align: le ft; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: -0.02em; color: #5C5F6E; }
.smarten-cloud-pricing .addon-box hr { margin-top: 20px; margin-bottom: 20px; border: 0; border: 1px dashed #E2E4E9; }
.smarten-cloud-pricing .addon-box .checklist li { padding-left: 40px !important; margin-bottom: 10px !important; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #606060; }
.smarten-cloud-pricing .addon-box.blue .checklist li:before { content: ""; width: 24px; height: 24px; position: absolute; background-image: url('../images/addons-price-arrow.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 45px; }
.smarten-cloud-pricing .addon-box.purpel .checklist li:before { content: ""; width: 24px; height: 24px; position: absolute; background-image: url('../images/addons-price-arrow2.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 45px; }
.smarten-cloud-pricing .addon-box.pink .checklist li:before { content: ""; width: 24px; height: 24px; position: absolute; background-image: url('../images/addons-price-arrow3.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 45px; }
.smarten-cloud-pricing .addon-box .checklist li:last-child { margin: 0; }

/* Consulting */
.consulting { background-color: #3364C2; color: #ffffff; text-align: center; padding: 70px 0; position: relative; overflow: hidden; }
.consulting h2 { margin-bottom: 30px !important; font-family: 'Poppins'!important; font-style: normal; font-weight: 700!important; font-size: 40px!important; line-height: 60px; text-align: center!important; color: #FFFFFF!important; }
.consulting p { margin-bottom: 30px !important; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 26px; text-align: center; color: #FFFFFF; }
.consulting p:last-child { margin: 0; }
.consulting .bg-circle-left,
.consulting .bg-circle-right { position: absolute; background: rgba(255, 255, 255, 0.08); border-radius: 100px; z-index: 0; }
.consulting .bg-circle-left { position: absolute; width: 404px; height: 404px; border-radius: 100%; bottom: -124px; left: -170px; }
.consulting .bg-circle-right { position: absolute; width: 404px; height: 404px; border-radius: 100%; top: -130px; right: -174px; }

/* About Smarten Cloud */
.about-smarten-cloud { padding: 70px 0; }
.about-smarten-cloud .title-section h2 { text-align: center; margin-bottom: 35px !important; font-family: 'Poppins'!important; font-style: normal; font-weight: 700!important; font-size: 40px!important; line-height: 60px; color: #5D5F65!important; }
.about-smarten-cloud .title-section h2 span { z-index: 0; color: #3364C2; position: relative; }
.about-smarten-cloud .title-section h2 span::before { z-index: -1; content: ""; position: absolute; width: 124px; height: 4px; left: 0px; bottom: 1px; background-color: #FEC158; }
.about-smarten-cloud .title-section p { text-align: left; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 24px; color: #606060; }
.about-smarten-cloud .about-section { padding: 50px 19px 44px 35px; margin-bottom: 30px; background: #E4ECFF; border-radius: 30px; display: flex; align-items: center; }
.about-smarten-cloud .about-section p { margin-bottom: 30px !important; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 32px; color: #606060; }
.about-smarten-cloud .about-section p a { color: #3364C2; }
.about-smarten-cloud .about-section p:last-child { margin: 0; }
.about-smarten-cloud .about-img { text-align: left; }
.about-smarten-cloud .section-img { text-align: right; }
.about-smarten-cloud .section-two { padding: 50px 35px; background: #FFEAE3; border-radius: 30px; display: flex; align-items: center; }
.about-smarten-cloud .check-list { padding-left: 28px; margin-bottom: 30px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 32px; color: #606060; }
.about-smarten-cloud .check-list:last-child { margin: 0; }
.about-smarten-cloud .check-list:before { content: ""; width: 32px; height: 32px; position: absolute; background-image: url('../images/red-check-icon-about.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 0px; }
.about-smarten-cloud .img-responsive-custom { max-width: 100%; height: auto; }

/* FAQ */
.faq-main { padding: 70px 0; background: #FAFAFA; }
.faq-main .title-section h2 { margin-bottom: 28px !important; font-family: 'Poppins' !important; font-style: normal; font-weight: 700 !important; font-size: 40px !important; line-height: 60px; text-align: center; color: #5D5F65 !important; }
.faq-main .title-section p { margin-bottom: 40px !important; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 32px; text-align: center; color: #5C5F6E; }
.faq-main .tab-pane h3 { font-family: 'Roboto' !important; font-style: normal; font-weight: 700; font-size: 36px; line-height: 40px; letter-spacing: -0.04em; color: #0B0D0E!important; margin: 0 0 30px 0 !important; }
.faq-main .faq-left .nav-pills > li > a { padding: 13px 20px !important; background: #FFFFFF; border: 1px solid #ECECFE; border-radius: 12px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing: -0.04em; color: #0B0D0E; }
.faq-main .faq-left .nav-pills > li.active > a,
.faq-main .faq-left .nav-pills > li.active > a:focus,
.faq-main .faq-left .nav-pills > li.active > a:hover { background: #ECF3FE; border-radius: 12px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing: -0.04em; color: #0B0D0E; }
.faq-main .faq-left .nav-stacked>li+li { margin: 0 0 10px 0 !important; }
.faq-main .faq-left .nav-stacked>li { margin-bottom: 10px !important; }
.faq-main .faq-right .tab-content { margin-left: 20px; padding: 40px 24px; background: #ECF3FE; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02); border-radius: 24px; }
.faq-main .faq-right .panel-default>.panel-heading+.panel-collapse>.panel-body { border-radius: 16px; border: 0px; }
.faq-main .faq-right .panel-body p { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #000000; }
.faq-main .panel-group .panel { background: #fff !important; border-radius: 6px !important; border: none !important; margin-bottom: 10px !important; }
.faq-main .panel-heading { padding: 0; border: 0px; background: none; }
.faq-main .panel-body { background: #fff; padding: 15px 30px; font-size: 14px; }
.faq-main .panel-group .panel { margin-bottom: 10px !important; background: none !important; border: 0px !important; background-color: #ffffff !important; border-radius: 16px !important; box-shadow: none !important; }
.faq-main .panel-title a { text-decoration: none; background: #ffffff; border: 0px; border-radius: 16px; font-family: "Roboto"; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; letter-spacing: -0.04em; color: #0b0d0e; padding: 30px !important; width: 100%; display: block; }
.faq-main .panel-title a .arrow { float: right; transition: transform 0.3s ease; width: 16px; height: 20px; display: inline-block; background-image: url('../images/faq-arrow-down.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.faq-main .panel-title a[aria-expanded="true"] .arrow { transform: rotate(0deg); background-image: url('../images/faq-arrow-up.png'); }
.faq-main .panel-title a[aria-expanded="false"] .arrow { background-image: url('../images/faq-arrow-down.png'); }
.faq-main .panel-title a { position: relative; padding-right: 20px !important; transition: all 0.3s ease; }
.faq-main .panel-title a .arrow-icon { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-size: 16px; color: #000000; transition: transform 0.3s ease, color 0.3s ease; }
.faq-main .panel-title a[aria-expanded="true"] .arrow-icon { transform: translateY(-50%) rotate(180deg) }
.faq-main .panel-title a[aria-expanded="true"] { color: #2A5AB8 }

@media (max-width: 767px) {
    .faq-main .faq-left,
    .faq-main .faq-right { margin-bottom: 20px; }
}

/* Footer */
.footer { position: relative; background-color: #27007f; padding: 40px 0 24px 0; color: #fffcf7; }
.footer .rating-logos { margin-bottom: 35px; text-align: left; }
.footer .rating-logos a { display: inline-block; margin-right: 10px; }
.footer .rating-logos img { width: 119px; height: auto; }
.footer .social-icons { text-align: left; }
.footer .social-icons img { width: 36px; height: 36px; margin-right: 10px; }
.footer .footer-links li a { font-family: "Roboto", sans-serif; font-size: 14px; text-decoration: underline; color: #00ff11; }
.footer .footer-links { float: right; list-style: none; padding-left: 0; margin-bottom: 20px; }
.footer .footer-links li { margin-bottom: 10px; }
.footer .copyright { font-family: "Roboto", sans-serif; font-size: 14px; text-align: center; margin-top: 20px; }
.scroll-top { position: fixed; bottom: 235px; right: 20px; display: none; z-index: 999; }
.scroll-top img { width: 62px; height: 59px; cursor: pointer; }
.chat-button { position: fixed; bottom: 20px; right: 20px; width: 80px; height: 80px; z-index: 999; }
.chat-button img { width: 100%; height: auto; }
.footer-top-hidden #site-footer { margin-top: 0; }