.bg-red { background-color: #E22452; } 
.bg-blue { background-color: #32A3C3; } 
.bg-yellow { background-color: #FBB016; } 
.bg-violet { background-color: #4D2375; } 
h1 { font-size: 46px; color: #273240; line-height: 52px; font-weight: 800; } 
h2 { font-size: 42px; font-weight: 700; color: #273240; line-height: 46px; } 
* { margin: 0; padding: 0; } 
a { text-decoration: none; }
ul { padding-left: 0; list-style: none; } 
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } 
.client-logo-image { filter: grayscale(1); } 
.client-logo-image:hover { filter: grayscale(0); scale: 1.1; }

@media (min-width: 576px) { .container { max-width: 540px; } } 
@media (min-width: 768px) { .container-md, .container { max-width: 720px; } } 
@media (min-width: 992px) { .container-lg, .container-md, .container { max-width: 960px; } } 
@media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container { max-width: 1140px; } } 
@media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container { max-width: 1320px; } }

.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); }
.row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); }
.col { flex: 1 0 0%; }
.row-cols-auto > * { flex: 0 0 auto; width: auto; }
.row-cols-1 > * { flex: 0 0 auto; width: 100%; }
.row-cols-2 > * { flex: 0 0 auto; width: 50%; }
.row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
.row-cols-4 > * { flex: 0 0 auto; width: 25%; }
.row-cols-5 > * { flex: 0 0 auto; width: 20%; }
.row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
.col-auto { flex: 0 0 auto; width: auto; }
.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-3 { flex: 0 0 auto; width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-9 { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-12 { flex: 0 0 auto; width: 100%; }

@media (min-width: 768px) {
  .col-md { flex: 1 0 0%; }
  .row-cols-md-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-md-auto { flex: 0 0 auto; width: auto; }
  .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-md-3 { flex: 0 0 auto; width: 25%; }
  .col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-md-6 { flex: 0 0 auto; width: 50%; }
  .col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-md-9 { flex: 0 0 auto; width: 75%; }
  .col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-md-12 { flex: 0 0 auto; width: 100%; }
}

@media (min-width: 992px) {
  .col-lg { flex: 1 0 0%; }
  .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; }
  .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-lg-3 { flex: 0 0 auto; width: 25%; }
  .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-lg-6 { flex: 0 0 auto; width: 50%; }
  .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-lg-9 { flex: 0 0 auto; width: 75%; }
  .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-lg-12 { flex: 0 0 auto; width: 100%; }
}

@media (min-width: 1200px) {
  .col-xl { flex: 1 0 0%; }
  .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; }
  .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-xl-3 { flex: 0 0 auto; width: 25%; }
  .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-xl-6 { flex: 0 0 auto; width: 50%; }
  .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-xl-9 { flex: 0 0 auto; width: 75%; }
  .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-xl-12 { flex: 0 0 auto; width: 100%; }
}

@media (min-width: 1400px) {
  .col-xxl { flex: 1 0 0%; }
  .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-xxl-auto { flex: 0 0 auto; width: auto; }
  .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-xxl-3 { flex: 0 0 auto; width: 25%; }
  .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-xxl-6 { flex: 0 0 auto; width: 50%; }
  .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-xxl-9 { flex: 0 0 auto; width: 75%; }
  .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-xxl-12 { flex: 0 0 auto; width: 100%; }
}

.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
.d-none { display: none !important; }
.m-auto { margin: auto !important; }
.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
.mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
.mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
.mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
.mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mt-auto { margin-top: auto !important; }
.me-0 { margin-right: 0 !important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }
.me-auto { margin-right: auto !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-auto { margin-bottom: auto !important; }
.ms-0 { margin-left: 0 !important; }
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }
.ms-auto { margin-left: auto !important; }
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
.px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
.px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
.px-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
.px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }


.px-5 { padding-right: 3rem !important; padding-left: 3rem !important; }
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }
.pe-0 { padding-right: 0 !important; }
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }
.ps-0 { padding-left: 0 !important; }
.ps-1 { padding-left: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }

@media (min-width: 768px) { .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } }
@media (min-width: 992px) { .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } }
@media (min-width: 1200px) { .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } }
@media (min-width: 1400px) { .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } }

.text-center { text-align: center; }
.btn:hover { opacity: 0.95; }
.img-fluid { height: auto; max-width: 100%; }
.btn-main { background: #0477A9; color: #fff; padding: 0.75rem 4.75rem; text-align: center; border-radius: 29px; font-size: 14px; border: 3px solid #0477A9; }
.btn-outline-main { background: #fff; color: #273240; border: 3px solid #273240; padding: 0.75rem 3.75rem; text-align: center; border-radius: 29px; font-size: 14px; font-weight: 700; }
.f-18 { font-size: 18px; }
.btn-outline-white { background: transparent; color: #fff; border: 2px solid #fff; padding: 0.75rem 5.75rem; text-align: center; border-radius: 24px; font-size: 18px; }
@font-face { font-family: darkFont; src: url(../fonts/Roboto-Black.ttf); }
* { box-sizing: border-box; }
body { font-family: "Roboto", sans-serif; font-size: 16px; line-height: 16px; letter-spacing: 0.5px; overflow-x: hidden; }
.topbar { padding: 15px 0; color: #fff; background-image: url(https://cdn.getitsms.com/images/home/bg-img.webp); position: relative; }
.topbar p { justify-content: center; align-items: center; }
.topbar p svg { height: 30px; margin-right: 10px; }
.topbar p svg path { fill: #fff; }
.topbar p .topbar-border { display: inline-block; border-radius: 100px; padding: 4px 10px; }
.topbar p .btn-shopify { font-weight: 400; line-height: 1.5; text-align: center; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border: 1px solid #fff; background: #000; box-shadow: -2px 1px 5px 0 #828282; color: #fff; display: inline-flex; align-items: center; justify-content: center; margin-left: 10px; }
.topbar p .btn-shopify svg { margin-left: 5px; }
.topbar p .btn-shopify:hover svg { position: relative; right: -5px; }
.topbar p .shopify-close { position: absolute; right: 0; top: 50%; font-size: 14px; padding: 5px; line-height: 14px; transform: translateY(-50%); cursor: pointer; }
.topbar p .shopify-close svg { height: 20px; }

#middlebar { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); padding: 10px 0; position:relative; z-index:999999999; }
#middlebar .middlebar-contact li { display: inline-flex; justify-content: center; align-items: center; margin-right: 10px; }
#middlebar .middlebar-contact li a { color: #000; margin-left: 10px; font-size: 16px; }
#middlebar .alignment-container { display: flex; align-items: center; }
#middlebar .right-side-menus li { display: inline-block; margin-right: 10px; }
#middlebar .right-side-menus li a.btn-main { background: #0477A9; color: #fff; padding: 0.75rem 0.75rem; text-align: center; border-radius: 24px; font-size: 14px; border: 2px solid #0477A9; }
#middlebar .right-side-menus li a.btn-outline-main { background: #fff; color: #0477A9; border: 2px solid #0477A9; padding: 0.75rem 0.75rem; text-align: center; border-radius: 24px; font-size: 14px; }
#bottombar { background: #F8F8F8; padding: 10px 0; position: sticky; top: 0; z-index: 99999; }
.menus-container { display: inline-flex; align-items: center; justify-content: space-between; }
.menus-container .menus-innerContainer { display: inline-flex; justify-content: end; align-items: center; flex-grow: 2; }
.menus-container .menus-innerContainer li { position: relative; }
.menus-container .menus-innerContainer li a { color: #273240 !important; font-weight:700; }
.menus-container .menus-innerContainer li.has-dropdown a::after { position: absolute; right: 5px; content: "+"; }
.first-ul { display: none; position: absolute; width: 100%; left: -250px; min-width: 850px; background-color: #fff; padding: 25px 35px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12); }
.has-dropdown:hover .first-ul { display: flex; }
.first-ul li a::after { content: "" !important; }
.first-ul li { margin-bottom: 10px; }
.first-ul h3 { color: #0477A9; font-size: 18px; line-height: 20px; font-weight: 800; margin-bottom: 10px; }
.first-ul li a { font-size: 16px; line-height: 18px; color: #273240; font-weight: 400; display: flex; align-items: center; }
.first-ul li a img { margin-right: 5px; }
.first-ul li a:hover { color: #0477A9; }
.second-ul { display: none; position: absolute; width: 100%; left: 0; min-width: 350px; background-color: #fff; padding: 25px 35px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12); }
.has-dropdown:hover .second-ul { display: flex; }
.second-ul li a::after { content: "" !important; }
.second-ul li { margin-bottom: 10px; }
.second-ul h3 { color: #0477A9; font-size: 18px; line-height: 20px; font-weight: 800; margin-bottom: 10px; }
.second-ul li a { font-size: 16px; line-height: 18px; color: #273240; font-weight: 400; display: flex; align-items: center; }
.second-ul li a img { margin-right: 5px; }
.second-ul li a:hover { color: #0477A9; }
.welcome-back { background: #F8F8F8; }
.welcome-back .welcome-left-side-container { color: #273240; font-size: 20px; line-height: 28px; }
.welcome-back .welcome-left-side-container .services-list { margin-top: 15px; }
.welcome-back .welcome-left-side-container .services-list li { display: inline-flex; margin-bottom: 15px; width: calc(50% - 10px); align-items: center; }
.welcome-back .welcome-left-side-container .services-list li span{ font-size:18px; }
.welcome-back .welcome-left-side-container .services-list li div.circle { display: inline-flex; height: 20px; width: 20px; border-radius: 50%; justify-content: center; align-items: center; padding: 5px; margin-right: 15px; }

.welcome-back .welcome-left-side-container .services-list li div.circle svg { height: 20px; }
.welcome-back .welcome-left-side-container .services-list li div.circle svg path { fill: #fff; }
.welcome-back .welcome-left-side-container .testing-inputs { font-weight: 700; margin-top: 15px; }
.welcome-back .welcome-left-side-container .testing-inputs li { display: inline-block; width: calc(100% / 2 - 20px); margin-right:10px; }
.welcome-back .welcome-left-side-container .testing-inputs li .input-group { border: 2px solid #273240; border-radius: 29px; padding: 14px 0; position: relative; background: transparent; display: block; margin-top: 8px; width: 100%; }
.welcome-back .welcome-left-side-container .testing-inputs li .input-group::-moz-placeholder { padding-left: 12px; }
.welcome-back .welcome-left-side-container .testing-inputs li .input-group::placeholder { padding-left: 12px; }
.welcome-back .welcome-right-container { position: relative; text-align: center; }
.welcome-back .welcome-right-container .slider-01 { position: absolute; z-index: 1; width: 100%; top:11px; left:0; right:0; bottom:0; }
.welcome-back .welcome-right-container .splash { position: absolute; top: -120px; left: -120px; width: 100%; }
.welcome-back .clients-list { display: flex; justify-content: space-between; align-items: center; }
.discover-list { display: flex; justify-content: space-between; padding: 0 30px; margin-top: 40px; }
.discover-list li { box-shadow: 0px -1px 7px rgba(0, 0, 0, 0.12), 0px 4px 7px rgba(0, 0, 0, 0.12); background: #fff; border-radius: 20px 20px 20px 0; padding: 30px; margin-right: 20px; width: 100%; }
.discover-list li div { background-color: #0477A9; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px 10px 10px 0; height: 70px; width: 70px; display: flex; justify-content: center; align-items: center; margin-bottom: 40px; }
.discover-list li span { color: #273240; font-weight: 700; font-size: 18px; }
.services-bg { background: #FCF2F2; border-radius: 20px 20px 20px 0; }
.services-bg .services-menu { display: flex; justify-content: space-evenly; align-items: center; padding: 30px 0; }
.services-bg .services-menu btn{ color: #5f5f5f; font-weight: 700; line-height: 22px; font-size: 18px; cursor:pointer; }
.services-bg .services-menu li.active btn { color: #0477A9; border-bottom: 4px solid #0477A9; }
.services-bg .services-left-container { padding: 30px 75px 30px 100px; align-self: center; }
.services-bg .services-left-container p { font-size: 18px; color: #5f5f5f; line-height: 26px; font-weight: 400; margin-top: 20px; }
.services-bg .sub-heading { color: #273240; font-size: 28px; line-height: 36px; font-weight: 700; }
.services-bg .services-right-container { text-align: center; }
.countries-back { background: #F1FAFF; }
.countries-back .countries-list { display: flex; flex-flow: row wrap; padding: 15px 0; }
.countries-back .countries-list li { width: 25%; }

.countries-back .countries-list li div { display: flex; align-items: center; margin-bottom: 25px; }
.countries-back .countries-list li div span { color: #273240; font-weight: 500; font-size: 20px; line-height: 30px; margin-left: 10px; }
.arrow-toggle:hover svg { position: relative; right: -5px; }
.marketing-container .sub-heading { color: #273240; font-size: 32px; line-height: 36px; font-weight: 700; margin-top:15px; }
.marketing-container p { font-size: 18px; color: #5f5f5f; line-height: 26px; font-weight: 400; margin-top: 20px; }
.align-self-center { align-self: center; }
.testimonial-container { background: #F8F8F8; }
.testimonial-container p { color: #000; font-weight: 400; font-size: 18px; line-height: 26px; margin-top: 10px; }
.testimonial-container .testi-container { background: #fff; border: 1px solid #ecebea; border-radius: 20px 20px 20px 0; margin-bottom: 20px; }
.testimonial-container .testi-container .testi-header { padding: 15px 30px; }
.testimonial-container .testi-container .testi-header img { height: 30px; }
.testimonial-container .testi-container .testi-content { border-top: 1px solid #ecebea; }
.testimonial-container .testi-container .testi-content .content { padding: 15px 30px; }
.testimonial-container .testi-container .testi-content .content p { color: #5f5f5f; font-size: 16px; line-height: 28px; }
.testimonial-container .testi-container .testi-content .content h3 { color: #273240; font-size: 18px; font-weight: 700; line-height: 28px; }
.platform-container { background-image: url(https://s3.us-west-1.wasabisys.com/cdn.getitsms.com/design-getitsms/images/platform/01.webp); background-size: cover; }
.platform-container p { color: #000; font-weight: 400; font-size: 18px; line-height: 26px; margin-top: 10px; }
.platform-container .review-container { display: flex; justify-content: space-between; padding: 20px 0; }
.platform-container .review-container li { border-radius: 15px 15px 15px 0; border: 2.5px solid #000; background: #fff; padding: 30px; display: flex; }
.platform-container .review-container li .platform-content { margin-left: 15px; }
.platform-container .review-container li .platform-content .g2-rating svg { height: 20px; margin: 5px 0; }
.platform-container .review-container li .platform-content .g2-rating svg path { fill: #fd492c; }
.platform-container .review-container li .platform-content .trust-rating svg { height: 20px; margin: 5px 0; }
.platform-container .review-container li .platform-content .trust-rating svg path { fill: #11DC93; }
.platform-container .review-container li .platform-content .google-rating svg { height: 20px; margin: 5px 0; }
.platform-container .review-container li .platform-content .google-rating svg path { fill: #FDC22C; }
.platform-container .review-container li .platform-content span { display: block; }
.platform-container .review-container li .platform-content span.name { font-weight: 600; color: #273240; }
.platform-container .feature-list { display: flex; justify-content: space-evenly; padding: 20px 0; }
.platform-container .feature-list li { border-radius: 15px 15px 15px 0; border: 2.5px solid #000; background: #fff; padding: 30px; text-align: center; width: 25%; }
.platform-container .feature-list li .count { color: #273240; font-size: 40px; line-height: 28px; font-weight: 700; display: block; margin: 15px 0; }
.platform-container .feature-list li .text { color: #5f5f5f; font-weight: 600; font-size: 20px; line-height: 24px; }
.diff-container { background-color: #F1FAFF; }
.cta-container { background-image: url(https://cdn.getitsms.com/design-getitsms/images/difference/02.webp); background-size: cover; border-radius: 20px; }
.cta-container p { color: #fff; font-weight: 600; font-size: 34px; line-height: 50px; }
.integrate-container p { color: #000; font-weight: 400; font-size: 18px; line-height: 26px; margin-top: 10px; }
.integrate-container .integrate-list { display: flex; flex-flow: row wrap; justify-content: space-between; }
.integrate-container .integrate-list li { width: 19%; border-radius: 20px 20px 20px 0; margin-bottom: 15px; padding: 35px; border: 2px solid #ecebea; cursor: pointer; }

.integrate-container .integrate-list li div { display: flex; flex-direction: column; align-items: start; }
.integrate-container .integrate-list li div input { margin-bottom: 20px; }
input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--form-background); margin: 0; color: currentColor; width: 1.15em; height: 1.15em; border: 0.15em solid #ecebea; transform: translateY(-0.075em); display: grid; place-content: center; }
input[type=radio]::before { content: ""; width: 0.65em; height: 0.65em; transform: scale(0); transition: 120ms transform ease-in-out; }
input[type=radio]:checked::before { transform: scale(1); }
.connect-shopify input[type=radio]::before { background: #81ad44; }
.connect-shopify:hover { border-color: #81ad44 !important; }
.connect-getstarted1 { background: #81ad44 !important; border: 2px solid #81ad44 !important; }
.connect-shopify input[type=radio]:focus { border-color: #81ad44; }
.connect-wordpress input[type=radio]::before { background: #00749a; }
.connect-wordpress:hover { border-color: #00749a !important; }
.connect-getstarted2 { background: #00749a !important; border: 2px solid #00749a !important; }
.connect-wordpress input[type=radio]:focus { border-color: #00749a; }
.connect-magento input[type=radio]::before { background: #f37b20; }
.connect-magento:hover { border-color: #f37b20 !important; }
.connect-getstarted3 { background: #f37b20 !important; border: 2px solid #f37b20 !important; }
.connect-magento input[type=radio]:focus { border-color: #f37b20; }
.connect-woo input[type=radio]::before { background: #9c5d90; }
.connect-woo:hover { border-color: #9c5d90 !important; }
.connect-getstarted4 { background: #9c5d90 !important; border: 2px solid #9c5d90 !important; }
.connect-woo input[type=radio]:focus { border-color: #9c5d90; }
.connect-laravel input[type=radio]::before { background: #e74430; }
.connect-laravel:hover { border-color: #e74430 !important; }
.connect-getstarted5 { background: #e74430 !important; border: 2px solid #e74430 !important; }
.connect-laravel input[type=radio]:focus { border-color: #e74430; }
.connect-php input[type=radio]::before { background: #6582ba; }
.connect-php:hover { border-color: #6582ba !important; }
.connect-getstarted6 { background: #6582ba !important; border: 2px solid #6582ba !important; }
.connect-php input[type=radio]:focus { border-color: #6582ba; }
.connect-wix input[type=radio]::before { background: #2d3134; }
.connect-wix:hover { border-color: #2d3134 !important; }
.connect-getstarted7 { background: #2d3134 !important; border: 2px solid #2d3134 !important; }
.connect-wix input[type=radio]:focus { border-color: #2d3134; }
.connect-web input[type=radio]::before { background: #4353ff; }
.connect-web:hover { border-color: #4353ff !important; }
.connect-getstarted8 { background: #4353ff !important; border: 2px solid #4353ff !important; }
.connect-web input[type=radio]:focus { border-color: #4353ff; }
.connect-big input[type=radio]::before { background: #34303e; }
.connect-big:hover { border-color: #34303e !important; }
.connect-getstarted9 { background: #34303e !important; border: 2px solid #34303e !important; }
.connect-big input[type=radio]:focus { border-color: #34303e; }
.connect-square input[type=radio]::before { background: #535353; }
.connect-square:hover { border-color: #535353 !important; }
.connect-getstarted10 { background: #535353 !important; border: 2px solid #535353 !important; }
.connect-square input[type=radio]:focus { border-color: #535353; }
input[value=shopify]:checked ~ a.colored-btn { background-color: #81ad44 !important; border-color: #81ad44; }


.blog-container .blog-header { border-radius: 15px 15px 0 0; }
.blog-container .blog-header img { width: 100%; border-radius: 15px 15px 0 0; }
.blog-container .blog-content { background: #fff; box-shadow: 0px 7px 15px #E0E0EB, 4px 0px 15px rgba(224, 224, 235, 0.25), 0px -7px 15px rgba(224, 224, 235, 0.25), -7px 0px 15px rgba(224, 224, 235, 0.25); border-radius: 0 0 15px 0; padding: 20px; }
.blog-container .blog-content p svg { height: 20px; }
.blog-container .blog-content p svg path { fill: #273240; }
.blog-container .blog-content .blog-heading { color: #273240; font-size: 18px; line-height: 28px; font-weight: 700; margin-top: 10px; margin-bottom: 15px; }
.blog-container .blog-content .blog-description { color: #5f5f5f; line-height: 28px; font-weight: 500; font-size: 16px; letter-spacing: 0.02em; }
.blog-container .blog-content .blog-description a { color: #5f5f5f; line-height: 28px; font-weight: 500; font-size: 16px; letter-spacing: 0.02em; }
.footer-ctaa { position: absolute; left: 0; right: 0; top: -120px; }
.footer-back { background: #1E282D; border-bottom: 1px solid #c1ced5; padding-top: 11rem; }
.footer-back .social-links { display: flex; padding: 15px 0; }
.footer-back .social-links li { margin-right: 15px; }
.footer-back .social-links li svg { height: 20px; }
.footer-back .social-links li svg path { fill: #fff; }
.footer-back .footer-mail { color: #d5d5d5; font-weight: 700; font-size: 16px; line-height: 20px; margin-bottom: 12px; }
.footer-back .footer-mail a { color: #d5d5d5; }
.footer-back .btn-footer-wordpress { background: #fff; border-radius: 20px; padding: 10px 20px; color: #000; font-weight: 500; display: inline-flex; justify-content: center; align-items: center; border: 1px solid #fff; margin-right: 10px; }
.footer-back .btn-footer-wordpress svg.w { height: 22px; margin-right: 10px; }
.footer-back .btn-footer-wordpress svg.w path { fill: #000; }
.footer-back .btn-footer-wordpress svg.arrow { margin-left: 10px; }
.footer-back .btn-footer-wordpress svg.arrow path { fill: #000; }
.footer-back .btn-footer-shopify { background: transparent; border-radius: 20px; padding: 10px 20px; color: #fff; font-weight: 500; display: inline-flex; justify-content: center; align-items: center; border: 1px solid #fff; }
.footer-back .btn-footer-shopify svg.s { height: 22px; margin-right: 10px; }
.footer-back .btn-footer-shopify svg.s path { fill: #fff; }
.footer-back .btn-footer-shopify svg.arrow { margin-left: 10px; }
.footer-back .btn-footer-shopify svg.arrow path { fill: #fff; }
.footer-back .footer-links { display: flex; }
.footer-back .footer-links li h3 { text-transform: uppercase; color: #fff; line-height: 20px; font-size: 18px; font-weight: 700; padding: 10px 0; margin-bottom: 20px; border-bottom: 1px solid; display: inline-block; }
.footer-back .footer-links li .footer-sub-links li { display: block; margin-bottom: 5px; }
.footer-back .footer-links li .footer-sub-links li a { color: #d5d5d5; font-size: 16px; font-weight: 400; line-height: 28px; }
.footer-back .quick-links { display: flex; justify-content: space-between; padding-top: 15px; }
.footer-back .quick-links li a { color: #fff; font-size: 16px; line-height: 20px; }
.copyright-back { background: #1E282D; color: #fff; text-transform: uppercase; line-height: 20px; font-weight: 400; font-size: 18px; }


@media only screen and (min-width: 960px) {
  #middlebar .middlebar-contact li a { font-size: 14px; }
  #middlebar .t-end { justify-content: end; }
  .platform-container .review-container li { margin-right: 10px; }
}

@media only screen and (min-width: 1440px) {
  /* styles for browsers larger than 1440px; */
}

@media only screen and (min-width: 2000px) {
  /* for sumo sized (mac) screens */
}

@media only screen and (max-device-width: 480px) {
  .welcome-back .welcome-left-side-container .testing-inputs li { width: 100%; margin-bottom: 10px; }
  .welcome-back .clients-list { flex-flow: wrap; }
  .topbar { padding: 10px; text-align: center; line-height: 32px; }
  .topbar p { display: block; color: #fff; }
  .right-side-menus { display: none; }
  h1 { font-size: 30px; line-height: 40px; }
  .splash { top: 0 !important; left: 0 !important; width: 100%; }
  h2 { font-size: 28px; line-height: 38px; }
  .discover-list { display: flex; flex-wrap: wrap; padding: 0 20px; margin-top: 20px; justify-content: space-around; }
  .discover-list li { margin-right: 0; margin-bottom: 20px; width: 45%; }
  .services-bg .services-menu { display: flex; justify-content: flex-start; flex-wrap: wrap; }
  .services-bg .services-menu li { width: calc(33.3333333333% - 10px); margin-bottom: 10px; }
  .services-bg .services-menu li a { font-size: 16px; }
  .services-bg .services-left-container { padding: 0 30px 30px 30px; }
  .countries-back .countries-list li { width: 50%; }
  .countries-back .countries-list li div span { font-size: 16px; }
  .platform-container .review-container { flex-wrap: wrap; }
  .platform-container .review-container li { width: 100%; margin-bottom: 10px; }
  .platform-container .feature-list { display: block; }
  .platform-container .feature-list li { width: 100%; margin-bottom: 10px; }
  .platform-container .feature-list li .count { font-size: 28px; }
  .platform-container .feature-list li .text { font-size: 18px; }
  .footer-back .footer-links { flex-flow: row wrap; }
  .footer-back .quick-links { flex-flow: row wrap; justify-content: start; }
  .footer-back .quick-links li { margin-right: 10px; margin-bottom: 10px; }
  .footer-back .btn-footer-wordpress { margin-bottom: 10px; }
  .integrate-container .integrate-list li { width: 49%; }
  .cta-container p { font-size: 30px; }
  .first-ul { min-width: auto; position: relative; }
  #bottombar { position: relative; }
  .second-ul { position: relative; }
  header.container-fluid.px-0 { background: #F8F8F8; position: sticky; top: 0; z-index: 99999999; }
}

@media only screen and (device-width: 768px) {
  /* default iPad screens */
}

/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* For portrait layouts only */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* For landscape layouts only */
}
.hamburger { display: none; }
.bar { display: block; width: 25px; height: 3px; margin: 5px auto; transition: all 0.3s ease-in-out; background-color: #101010; }


@media only screen and (max-width: 768px) {
  .nav-menu { position: absolute; left: -100%; top: 7rem; flex-direction: column; background-color: #fff; width: 100%; border-radius: 10px;text-align: center; transition: 0.3s; box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05); height: 85vh; padding-bottom: 160px; }
  .nav-menu.active { left: 0; height: 100vh; padding-bottom: 0px;justify-content: start; }
  .menus-container .menus-innerContainer {justify-content: start;}
  .menus-container .menus-innerContainer li { margin-top: 10px; }
  a.nav-link.menu-item-6104 { margin-right: 0; }
  li#menu-item-6111 { margin-left: 20px; }
  .nav-item { margin: 1.5rem 0; }
  .hamburger { display: block; cursor: pointer; }
}

.hamburger.active .bar:nth-child(2) { opacity: 0; }
.hamburger.active .bar:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.hamburger.active .bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
.btncolorset1 { background: green; width: 200px; height: 50px; }
.btncolorset2 { background: #7dedca; width: 200px; height: 50px; }
span.coverrr { border-radius: 17px; border: 1px solid #46E863; display: flex; margin: 0px 10px; }
img.imgwhatsapp { padding: 5px 0px 5px 10px; }
.topbar p .topbar-border { display: inline-block; border-radius: 100px; padding: 9px 10px; }
.topbar p .btn-shopify { font-weight: 400; line-height: 1.5; text-align: center; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 3.25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; border: 1px solid #8bcf70; background: #000; box-shadow: -1px 1px 9px 1px #47e94b; color: #fff; display: inline-flex; align-items: center; justify-content: center; margin-left: 10px; }
.g2awardtop { display: flex; }
img.g2image2 { align-self: center; border-left: 2px solid #000000; padding-left: 10px; scale: 0.8; }


 @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){
       .topbar {/*display: none;*/}}
/*add new css 9/2/2024*/
.tab-pane{transform: translateY(80px);animation: fadeIn 1s ease 1 forwards;}
@keyframes fadeIn {
    100% {opacity: 1;transform: none;}
}
.yearly-price-3 { display: none; }
.price-change-btn-3 { background-color: transparent; color: #000; border: 0; width: 135px; height: 40px; font-size: 14px; border-radius: 50px 0px 0px 50px; font-weight: 500; }
.price-change-btn-3.active { background-color: #0477a9; color: #fff; border: 0; width: 135px; height: 40px; font-size: 14px; border-radius: 50px 0px 0px 50px; font-weight: 500; }
.yearly-price-4 { display: none; }
.price-change-btn-4 { background-color: transparent; color: #000; border: 0; width: 135px; height: 40px; font-size: 14px; border-radius: 50px 0px 0px 50px; font-weight: 500; }
.price-change-btn-4.active { background-color: #0477a9; color: #fff; border: 0; width: 135px; height: 40px; font-size: 14px; border-radius: 50px 0px 0px 50px; font-weight: 500; }
.price-yearly p { font-size: 36px; font-weight: 600 !important; text-align: center; margin-top: 25px !important; margin-bottom: 25px !important; }

@media only screen and (max-device-width: 480px){
.btn-main {padding: 0.75rem 2.75rem !important;width: 100%;display: block;}
.yearly-price-mobile {font-size: 30px !important;}
}


/*add new css 8-3-24*/

/*add new css 8-3-24*/
.whatsapp-api-free-triall { display: none; color: #fff !important; text-align: center; border-radius: 24px; font-size: 14px; border: 2px solid #0477A9; }
.whatsapp-api-free-triall a { color: #fff !important; }
.login-signup-mobile { display: none; color: #fff !important; text-align: center; border-radius: 24px; font-size: 14px; border: 2px solid #0477A9; }
@media (max-width: 767px) { 
  .whatsapp-api-free-triall { display: block !important; margin-left: 25px !important; }
  .login-signup-mobile { display: block !important; margin-left: 25px !important; }
}

/*css for  cta*/

.getit-blog-cta { background-image: url('https://getitsms.com/wp-content/themes/twentytwenty/img/bannerimg.svg'); background-size: 101%; border-radius: 20px; }
.heading-ctass { font-size: 1.5rem !important; font-weight: 700 !important; color: white !important; }
.heading-ctassc { font-size: 1.5rem !important; font-weight: 700 !important; color: white !important; padding: 0px 0px 0px 30px !important; }
.sub-titless { font-size: 14px !important; font-weight: 400 !important; color: white !important; }
.btn-cta-new { background: #fff; border-radius: 20px; padding: 10px 50px; color: #000; font-weight: 500; display: inline-flex; justify-content: center; align-items: center; border: 1px solid #fff; }
.btn-cta-new1 { background: #fff; border-radius: 20px; padding: 10px 15px; color: #000; font-weight: 500; display: inline-flex; justify-content: center; align-items: center; border: 1px solid #fff; }
.mobilectaimg { margin-bottom: -2px; }
.getit-blog-cta-m { border-radius: 16px; }
.left { max-width: 100%; border-radius: 2.25rem 2.25rem 2.25rem 0; display: flex; align-items: center; z-index: 1; background-color: #250c34; }
.cta-button-container { display: flex; align-items: center; gap: 10px; }
.content-div { margin: 0 auto; padding: 0 40px; }
.col-6.deskt-content { display: flex; align-items: center; justify-content: center; }
.cta-button-containerr { display: flex; align-items: center; gap: 20px; justify-content: center; }
@media (max-width:1400px) {
    .heading-ctass { font-size: 1.3rem !important; font-weight: 700 !important; color: white !important; }
    .heading-ctassc { font-size: 1.3rem !important; font-weight: 700 !important; color: white !important; padding: 0px 0px 10px 30px !important; }
    .getit-blog-cta { background-image: url(https://getitsms.com/wp-content/themes/twentytwenty/img/bannerimg.svg); background-size: 101%; border-radius: 20px; }
    .sub-titless { font-size: 13px !important; font-weight: 400 !important; color: white !important; }
    .btn-cta-new { background: #fff; border-radius: 20px; padding: 10px 46px; color: #000; font-weight: 500; display: inline-flex; justify-content: center; align-items: center; border: 1px solid #fff; margin-right: 10px; }
    .paji { padding-left:30px; }
    .content-div { margin: 0 auto; padding: 0px 20px; }
}
@media (max-width:1199px) {
    .heading-ctass { font-size: 1rem !important; font-weight: 700 !important; color: white !important; }
    .heading-ctassc { font-size: 1rem !important; font-weight: 700 !important; color: white !important; padding: 0px 0px 10px 30px !important; }
    .sub-titless { font-size: 11px !important; font-weight: 400 !important; color: white !important; }
    .btn-cta-new1 { background: #fff; border-radius: 20px; padding: 8px 14px; color: #000; font-weight: 500; display: inline-flex; justify-content: center; align-items: center; border: 1px solid #fff; margin-right: 10px; font-size: 12px; }
    .btn-cta-new { background: #fff; border-radius: 20px; padding: 8px 40px; color: #000; font-weight: 500; display: inline-flex; justify-content: center; align-items: center; border: 1px solid #fff; margin-right: 10px; font-size: 12px; }
    .getit-blog-cta { background-size: 101%; border-radius: 20px; }
    .content-div { margin: 0 auto; padding: 0px 15px; }
}
@media (max-width:767px) {
    .getit-blog-cta { display: none; }
    .left-wrap { padding: 40px 0 40px 0 !important; }
    p.heading-ctass { text-align: center; }
    p.sub-titless { text-align: center; }
    .content-div { margin: 20px auto 0px auto; padding: 0 30px; }
}
 /* Modal Content */
        .book-modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 100%; max-width: 450px; border-radius: 25px; }
.close { color: #aaa; float: right; font-size: 34px !important; font-weight: bold; }
.close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; }
.book_now-btn { border: 2px solid #0477A9; background-color: #0477A9; padding: 5px 0px; width: 100%; border-radius: 50px; cursor: pointer; color: #fff; }
.book-modal-content .testingInputs.input-group form { width: 100%; }
.countryCode_phone { display: flex; align-items: center; border: 1px solid #0477A9; border-radius: 20px; }
.countryCode_phone select { width: max-content; border: 0 !important; border-right: 1px solid #0477A9 !important; border-radius: 20px 0px 0px 20px !important; padding: 10px 30px 10px 10px !important; }
.countryCode_phone .book_modal_input { border: 0 !important; }
.book_modal_input, .book_modal_select { border: 1px solid #0477A9 !important; border-radius: 20px !important; font-weight: 500; padding: 10px 10px !important; height: auto !important; }
.book_modal_input:focus { outline: 0; box-shadow: none !important; }
.book_modal_select:focus-visible { outline: 0px; }
.book_modal_select:focus { box-shadow: none !important; }
.form_Submit_Btn { background-color: #0477A9 !important; width: 100% !important; padding: 5px 0px; font-size: 20px; font-weight: 500; color: #fff; border: 0; border-radius: 20px; margin-top: 20px; }
.form_Submit_Btn:focus-visible, .form_Submit_Btn::focus { outline: 0px; }
button:focus { outline: 0px !important; outline: 0px !important; }
.book_captcha_input { border: 1px solid #0477A9 !important; border-radius: 20px !important; font-weight: 500; padding: 3px 10px; font-size: 16px; padding: 10px 10px !important; }
.book_captcha_input:focus-visible { outline: 0px; box-shadow: none !important; }
.captcha_img_input { position: relative; }
.captcha_img_input img { position: absolute; right: 12px; top: 11px; border-radius: 20px; width: 50px; }
.book_form_lable { font-size: 16px; font-weight: 500; }

@media (max-width: 767px) { .book-modal-content { width: 95%; } .countryCode_phone select { width: 60%; } }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.getit_New_Cta { background-image: url(https://getitsms.com/wp-content/themes/twentytwenty/img/bannerimg.svg); background-size: cover; border-radius: 20px; padding: 30px; padding-bottom: 0px; }
.countryCode_phone_2 { display: flex; background-color: #fff; align-items: center; border: 0; border-radius: 20px; }
.countryCode_phone_2 select { border: 0 !important; border-right: 1px solid #0477A9 !important; border-radius: 20px 0px 0px 20px !important; }
.countryCode_phone_2 .book_modal_input { border: 0 !important; }
.form_Submit_Btn_2 { width: auto !important; padding: 8px 50px; background-color: #ffffff !important; color: #273240; margin-top: 0px; cursor: pointer; border-bottom: 0 !important; }
img.cta_girl-img { position: absolute; top: -4px; }
.cta_girl-img_2 { position: absolute; top: 71px; }
a.form_Submit_Btn.form_Submit_Btn_2:hover { text-decoration: none; color: #273240; }


@media (max-width: 767px) {
   .getit_New_Cta { padding: 15px; padding-bottom: 0; padding-top: 30px; }
   .book_name_input { margin-top: 1rem; }
   img.cta_girl-img { position: relative; top: 0px; }
   .cta_girl-img_2 { position: relative; top: 0px; }
   .form_Submit_Btn_2 { padding: 8px 30px; border-bottom: 0 !important; }
}
.dropdown_select { position: relative; }
i.fa-solid.fa-chevron-down.dropdown_select_arrow {
   position: absolute; z-index: 999; color: #000; top: 14px; right: 15px;
}

/*ticker css after 7-10-2024*/
span.clickableButton {
   background: #ffffff; color: #291dfd; padding: 2px 12px; border-radius: 3px;
   font-weight: 500;
}
.timmer-startcontainer {
   display: flex; text-align: center; justify-content: center; align-items: center;
}
@media only screen and (max-device-width: 480px) {
   span.clickableButton {
      background: #ffffff; color: #291dfd; padding: 2px 6px; border-radius: 3px;
      font-weight: 500;
   }
   .topbar { padding: 35px 10px 10px 10px; text-align: center; line-height: 32px; }
   .topbar p .shopify-close {
      position: absolute; right: 0; top: 15% !important; font-size: 14px; padding: 5px;
      line-height: 17px; transform: translateY(-50%); cursor: pointer;
   }
}
.blog_chat_cta { width: 100%; }
.whatsapp_tick_chat_img { text-align: center; position: relative; top: 30px; }
.blog_chat_cta_txt { background-image: linear-gradient(to right, #0477a9, #273240); border-radius: 20px; width: 100%; padding: 40px 30px 30px 30px; }
.blog_chat_cta_txt p { font-family: Inter; font-size: 14px; font-weight: 700; line-height: 22px; text-align: left; color: #fff; font-family: "Roboto", sans-serif; }
.blog_chat_cta_txt button { font-family: Inter; font-size: 18px; font-weight: 700; line-height: 21.78px; text-align: left; background-color: #fff; border: 0; padding: 5px 30px; border-radius: 20px; cursor: pointer; font-family: "Roboto", sans-serif; }
.whatsapp_tick_img { width: 80%; animation: bounceIn 2s infinite 2s; }
.whatsapp_chat_img { width: 80%; animation: bounceIn 2s infinite 2s; }
img.bluetick_img1 { width: 20px; }
@keyframes bounceIn { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); opacity: 1; z-index: 2; } 40% { transform: translateY(-30px); z-index: 2; } 60% { transform: translateY(-15px); z-index: 2; } }
.full-width-rectangle { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); z-index: 999; }
.blog-content { position: relative; padding: 20px; }
.newblogcta.pt-2.pb-2 { position: relative; z-index: 9999; }
.accordion-container { width: 90%; max-width: 500px; margin: 0 auto; }
.row.decktop-table { margin-left: 0; margin-right: 0; }
.menu-button { width: 100%; padding: 19px 20px; margin-top: 2px; font-size: 20px; display: flex; justify-content: space-between; align-items: center; border: none; background-color: #0477A9; cursor: pointer; font-weight: 600; color: #ffffff; }
.menu-button:hover { background-color: #0477A9; }
.icon { font-size: 20px; transition: 0.4s; }
.menu-button.open .icon { transform: rotate(45deg); }
.content { padding: 0 20px; background-color: #f2f2f2; transition: 0.4s; overflow: hidden; }
.blog-images.sidebar-full { height: 89vh; overflow-y: scroll; }
.blog-images.sidebar-full::-webkit-scrollbar { display: none; }
.cta-button-containerr a { border-bottom: 0; }
.table_content_cta { order: 2; }

/* Mobile layout */
@media (max-width: 991px) { .table_content_cta { order: -1; } .blog-images.sidebar-full { height: auto; overflow-y: scroll; } .accordion-container { width: 100%; } }
/* messaging Campaign modal css */
.messaging_campaign_content { padding: 20px; }
.modal_title_h5 { font-family: Roboto; font-size: 18px; font-weight: 600; line-height: 24px; text-align: left; color: #20AC45; }
.virtualNumber, .businessApi { background-color: #F4F7F3; border-radius: 10px; }
.virtualNumberHeader { background-color: #C6FFB4; border-radius: 10px 10px 0px 0px; padding: 15px 13px; }
.virtualNumberHeader h2 { font-family: Roboto; font-size: 16px; font-weight: 600; line-height: 12px; text-align: left; color: #20AF46; }
.businessApiHeader { background-color: #20AC45; border-radius: 10px 10px 0px 0px; padding: 15px 4px 15px 14px; }
.businessApiHeader h2 { font-family: Roboto; font-size: 16px; font-weight: 600; line-height: 12px; text-align: left; color: #FFFFFF; }
/*.virtualNumberImg img, .businessApiImg img { width: 100%; }*/
.virtualNumberItems, .businessApiItems { padding: 0px 20px; padding-bottom: 20px; }
.pointerItems { background-color: #FFFFFF; border: 1.5px dashed #1FAA44; padding: 5px 20px; }
.pointerItems span { font-family: Roboto; font-size: 14px; font-weight: 400; line-height: 12px; text-align: left; color: #434544; }
.pointerItems i { font-size: 20px; }
.pointerItems p { font-family: Roboto; margin-bottom: 0; font-size: 14px; position: relative; left: 32px; color: #20AC45; }
.campaign_services_btn button { background-color: #C6FFB4; border: 0; padding: 12px 30px; border-radius: 10px; color: #20AC45; font-weight: 500; font-size: 16px; cursor: pointer; width: 250px; }
.campaign_services_btn_2 button { background-color: #20AC45; border: 0; padding: 12px 30px; border-radius: 10px; color: #fff; font-weight: 500; font-size: 16px; cursor: pointer; width: 250px; }
.campaign_services_btn button:hover { background-color: #90e973; }
.campaign_services_btn_2 button:hover { background-color: #54c973; }
.pointerItems_2 { display: flex; align-items: center; }
.messaging_campaign_close { background-color: transparent; border: 0; font-size: 20px; font-weight: 500; cursor: pointer; }
.messaging_campaign_content .modal-header { border: 0; padding-bottom: 0; }
.virtualNumberImg img, .businessApiImg img { width: 85%; }
.modaladdedpointer { visibility: hidden; height: 21px; }
p.noteforgreemtick { text-align: left; margin-top: 30px; font-size: 12px; color: #d5d5d5; margin-bottom: 0px; font-weight: 400; }
@media (max-width: 991px) { .virtualNumberImg img, .businessApiImg img { display: none; } .businessApi { margin-top: 30px; } }
div#messagingCampaign { z-index: 999999999; }
a.cta-button-url { color: white; }
a.cta-button-url1 { color: #20AC45; }
img.obp.img-fluid { width: 33%; }
@media (max-width: 769px) { .modaladdedpointer { visibility: hidden; height: 0px; margin-top: 0rem !important; } .blog_chat_cta { width: 100%; display: none; } p.noteforgreemtick { text-align: left; margin-top: 30px; font-size: 12px; color: #d5d5d5; margin-bottom: 0px; font-weight: 400; } }
.calendly-overlay { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; overflow: hidden !important; z-index: 999999 !important; background-color: #05384e9e !important; }
.calendly-popup-close { position: fixed; top: 10px; right: 10px; width: 30px; height: 30px; cursor: pointer; font-size: 20px; display: flex; align-items: center; justify-content: center; background-color: #ff0000; color: #fff; border-radius: 50%; font-weight: bold; }
.calendly-popup-close::before { content: "✕"; }