* {
    padding: 0;
    margin: 0;
}

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

ul,
ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

.container {
    max-width: 1216px;
    margin: auto;
    padding: 0 20px;
}

header {
    padding: 18px 0;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99999;
    top: 0px;
}

main {
    padding-top: 80px !important;
}

inputstyle1 {
    position: relative;
    width: 307px;
}

.inputstyle1 {
    padding: 11px 10px 12px 40px;
    box-sizing: border-box;
    border-radius: 55px;
    border: 1px solid rgba(186, 186, 186, 1);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;

    background-color: #fff !important;
}


.inputstyle2::-webkit-input-placeholder,
.inputstyle1::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(161, 161, 161, 1);
}

.inputstyle2:-moz-placeholder,
.inputstyle1:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(161, 161, 161, 1);
    opacity: 1;
}

.inputstyle2::-moz-placeholder,
.inputstyle1::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(161, 161, 161, 1);
    opacity: 1;
}

.inputstyle2:-ms-input-placeholder,
.inputstyle1:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(161, 161, 161, 1);
}

.inputstyle2::-ms-input-placeholder,
.inputstyle1::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(161, 161, 161, 1);
}

.inputstyle2::placeholder,
.inputstyle1::placeholder {
    /* Most modern browsers support this now. */
    color: rgba(161, 161, 161, 1);
}

.search-header {
    background: url("../images/search.png") no-repeat 15px center;
    height: 44px;
    width: 307px;
    padding: 15px 10px 15px 40px;
}

header .search-wrapper button {
    background: url("../images/upload.png") no-repeat;
    border: 0;
    position: absolute;
    right: 20px;
    width: 19px;
    height: 18px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

header form {
    display: flex;
    margin-left: 20px;
}

.header-nav > nav > ul {
    display: flex;
    align-items: center;
}

header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .header-logo-area {
    display: flex;
    align-items: center;
}

header .header-logo-area > a {

    text-align: center;
}

header .header-logo-area > a > img {
    width: 240px;
    vertical-align: bottom;
}

.buttonstyle1 {
    background: rgba(0, 51, 160, 1);
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 50px;
    color: #fff;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    border: 0;
}

header .buttonstyle1 {
    padding: 10px 17px;
}

header nav > ul > li > a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #757575;
    transition: 0.5s all ease;
    padding: 0 0 11px 0;
}

.header-nav nav ul li ul {
    background: #fff;
    position: absolute;
    display: none;
    flex-direction: column;
    max-width: 240px;
    width: 100%;
    margin: 10px 0 0 -60px;
    border-radius: 10px;
    border: 1px solid rgba(242, 244, 247, 1);
}

.header-nav nav ul li:hover ul {
    display: flex;
}

.header-nav ul li a img {
    margin-left: 5px;
    vertical-align: middle;
}

.header-nav nav ul li ul li {
    width: 100%;
}

.header-nav nav ul li ul li a {
    display: block;
    padding: 10px 16px 10px 16px;
    font-family: Poppins, serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(32, 32, 32, 1);
}

header nav ul li a:not(.buttonstyle1):hover {
    color: rgba(32, 32, 32, 1);
}

.header-nav nav > ul > li {
    margin-right: 20px;
}

.header-nav nav ul li:last-child {
    margin: 0;
}

.frame-section {
    /* background: url(../images/header-frame.jpg) no-repeat 0 0 / cover; */
    padding: 30px 0;
    margin-bottom: 80px;
    background: radial-gradient(97.77% 269.43% at 11.11% 89.64%,
    #001e5f 0%,
    #6596ff 100%);
}

.frame-section .frame-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.frame-section h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    color: #fff;
}

.frame-section p {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    color: #fff;
    margin-top: 25px;
}

.frame-section .heading-frame {
    margin-right: 5%;
    flex: 1;
}

.frame-section .video-frame {
    position: relative;
    max-width: 640px;
    width: 100%;
    height: 360px;
}

.frame-section .video-frame iframe {
    border-radius: 7%;
    width: 100%;
    height: 100%;
    display: none;
}

.frame-section .video-frame .play .playicon {
    position: absolute;
}

.frame-section .video-frame .play {
    position: absolute;
    right: 0;
    right: 0;
    width: 100%;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
}

.frame-section .video-frame .play .video-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.search-wrapper-section {
    border: 8px solid rgba(152, 185, 255, 1);
    padding: 50px 0;
    border-radius: 54px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.search-page-wrapper-section {
    background-color: #EDF6FF;
    border: none;
}

.search-page-wrapper-section input.buttonstyle1 {
    height: auto;
    padding-right: 23px;
    padding-left: 23px;
}

.search-wrapper-main .search-wrapper-section {
    border: 0;
    background: rgba(237, 246, 255, 1);
}

.search-wrapper-section ul li {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 27px;
    padding: 8px 15px 8px 15px;
    border-radius: 44px;
    display: flex;
    margin-right: 20px;
}

.search-wrapper-section ul li img {
    margin-right: 12px;
}

.search-wrapper-section ul li.product {
    background: linear-gradient(89.88deg,
    #ffedd1 1.51%,
    rgba(255, 255, 255, 0) 84.54%);
    color: rgba(250, 158, 21, 1);
}

.search-wrapper-section .factory {
    background: linear-gradient(89.88deg,
    #b0c9ff 1.51%,
    rgba(255, 255, 255, 0) 84.54%);
    color: rgba(88, 134, 233, 1);
}

.search-wrapper-section ul {
    display: flex;
    margin-bottom: 25px;
    justify-content: center;
    flex-wrap: wrap;
}

.search-wrapper-section .search {
    background: linear-gradient(89.88deg,
    #d6f4dc 1.51%,
    rgba(255, 255, 255, 0) 84.54%);
    color: rgba(37, 184, 69, 1);
    margin: 0;
}

.h2style1 {
    padding: 10px 30px;
    border-radius: 38px;
    background: rgba(237, 246, 255, 1);
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(0, 51, 160, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
}

.h2style1:before,
.h2style1:after {
    content: "";
    border-bottom: 1px solid rgba(227, 225, 252, 1);
    position: absolute;
    width: 50%;
    left: 0;
    z-index: -1;
}

.heading-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
}

.heading-wrapper > div {
    background-color: #fff;
    padding: 0 20px;
}

.h2style1:after {
    right: 0;
    left: auto;
}

.logo-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    align-items: center;
}

.logo-wrapper > div {
    margin-right: 20px;
}

.logo-wrapper > div:last-child {
    margin: 0;
}

.logo-wrapper a {
    filter: grayscale(100%);
    transition: 0.3s;
    opacity: 0.4;
}

.logo-wrapper a:hover {
    opacity: 1;
    filter: grayscale(0);
}

.profit-cards-wrapper {
    margin-top: 80px;
}

.card-item {
    /* background: url(../images/header-frame.png) no-repeat 0 0 / cover; */
    justify-content: space-between;
    margin-top: 16px;
    /*border-radius: 50px;*/
    box-sizing: border-box;
}

.card-item {
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}

.product-price {
    display: block;
    margin-bottom: 16px;
}

.card-item.right {
    padding-left: 80px;
    background: radial-gradient(97.77% 269.43% at 11.11% 89.64%,
    #001e5f 0%,
    #6596ff 100%);
}

.card-item img {
    max-width: fit-content;
}

.card-item.left {
    /*  background: radial-gradient(
    97.77% 269.43% at 11.11% 89.64%,
    #6596ff 0%,
    #001e5f 100%
  ); */

    background: radial-gradient(97.77% 269.43% at 11.11% 0.64%,
    #6596ff 0%,
    #001e5f 100%);

    /* background-image: url(../images/header-frame2.png); */
    padding-right: 80px;
}

/* .card-item.left.local {
  background-image: url(../images/header-frame3.png);
} */
.card-item.left.solutions {
    /* background-image: url(../images/header-frame.png); */
    background: radial-gradient(97.77% 269.43% at 11.11% 89.64%,
    #001e5f 0%,
    #6596ff 100%);
}

.card-item.right.dropship {
    /* background-image: url(../images/header-frame2.png); */
    background: radial-gradient(97.77% 269.43% at 11.11% 10.64%,
    #6596ff 0%,
    #001e5f 100%);
}

.icon-box {
    width: 100px;
    height: 100px;
    border-radius: 64px;
    border: 8px solid rgba(208, 223, 254, 1);
    background: linear-gradient(0deg, #0033a0, #0033a0),
    linear-gradient(0deg, #d0dffe, #d0dffe);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.content-card h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: #fff;
    margin-top: 15px;
}

.content-card p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #fff;
    margin-top: 10px;
}

.card-item.right .content-card {
    margin-right: 5%;
}

.card-item.left .content-card {
    margin-left: 8%;
}

.card-item .content-card {
    padding-bottom: 101px;
    padding-top: 101px;
}

.content-img {
    display: flex;
    align-items: flex-end;
}

.quote-form .product {
    background: url("../images/upload-icon.png") no-repeat 15px center;
}

.quote-form .keyword {
    background: url("../images/search-icon.png") no-repeat 15px center;
}

.quote-form form {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.quote-form form .buttonstyle1 {
    max-width: 214px;
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
}

.quote-form form .inputstyle1 {
    flex: 1;
    margin-right: 18px;
}

.search-wrapper-section .result-wrapper {
    max-width: 862px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.frame-section .inputstyle1 {
    margin-right: 20px;
}

.search-wrapper-main {
    margin-bottom: 80px;
}

.how-content-main {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.how-content-main ul {
    max-width: 626px;
    width: 100%;
}

.how-content-main-wrapper ul li {
    display: flex;
    justify-content: center;
}

.how-content-main ul li.arrow {
    margin: 15px 0;
}

.how-content-main-wrapper .icon-box {
    margin-right: 3%;
    width: 105px;
    height: 105px;
}

.how-content-main .how-content-wrapper {
    width: 80%;
}

.how-content-main-wrapper .how-content-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.how-content-main-wrapper .how-sep-main {
    margin-top: 70px;
}

.how-content-main-wrapper .how-sep-main .how-content-wrapper {
    margin-top: 20px;
}

.how-sep-main ul {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
}

.how-sep-main ul li {
    display: flex;
    flex-direction: column;
    max-width: 466px;
    width: 100%;
    align-items: center;
    text-align: center;
}

.how-sep-main ul li:first-child .separate-arrow {
    align-self: self-end;
    margin-right: 40px;
}

.how-sep-main ul li:last-child .separate-arrow {
    align-self: self-start;
    margin-left: 40px;
}

.how-sep-main ul li .separate-arrow {
    margin-bottom: 40px;
}

.how-content-main-wrapper {
    margin-bottom: 80px;
}

.ecommerce-platform-main {
    margin-bottom: 80px;
}

.ecommerce-platform-main .ecommerce-platform-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}

.ecommerce-platform-main .ecommerce-platform-wrapper div {
    margin-right: 20px;
}

.ecommerce-platform-main .ecommerce-platform-wrapper div.amazon {
    align-self: flex-end;
}

.case-main-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.case-main-wrapper > div {
    margin-right: 2.5%;
    flex: 1;
}

.case-main-wrapper > div:last-child {
    margin-right: 0;
}

.case-main-wrapper .case-content-wrapper {
    margin-top: 20px;
}

.h3style1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: rgba(32, 32, 32, 1);
    margin-bottom: 10px;
}

.parastyle1 {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: rgba(32, 32, 32, 1);
}

.buttonstyle2 {
    padding: 10px 18px;
    border-radius: 75px;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: rgba(0, 51, 160, 1);
    border: 1px solid rgba(0, 51, 160, 1);
    display: inline-block;
}

.buttonstyle2 > img {
    margin-left: 6px;
}

.case-main-wrapper .case-content-wrapper .buttonstyle2 {
    margin-top: 30px;
}

.testimonials-main-wrapper {
    margin: 80px 0;
}

.testimonials-main-wrapper .testimonials-main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 10px;
}

.testimonials-main-wrapper .testimonials-main > div {
    background-color: rgba(237, 246, 255, 1);
    flex-basis: 48.9%;
    padding: 40px 40px;
    box-sizing: border-box;
    border-radius: 40px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.testimonials-main-wrapper .testimonials-main .testi-meta {
    display: flex;
    align-items: center;
}

.testimonials-main-wrapper .testimonials-main .testi-meta .test-text {
    display: flex;
    flex-direction: column;
}

.testimonials-main-wrapper .testimonials-main .testi-meta img {
    margin-right: 10px;
}

.testimonials-main-wrapper .testimonials-main .testi-meta .test-text span {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(32, 32, 32, 1);
}

.testimonials-main-wrapper .testimonials-main .qoute-metas {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}

.v-center {
    display: flex;
    justify-content: center;
}

.tranding-wrapper {
    text-align: center;
    margin: 40px 0 80px 0;
}

.tranding-main {
    margin-top: 20px;
}

.tranding-main ul {
    display: flex;
}

.tranding-main ul li {
    width: 224px;
    height: 224px;
    margin-right: 20px;
}

.tranding-main ul li img {
    object-fit: cover;
    height: 100%;
}

.tranding-main ul li:first-child img {
    border-radius: 30px 0 0 30px;
}

.tranding-main ul li:last-child img {
    border-radius: 0 30px 30px 0;
}

.tranding-main ul li:last-child {
    margin: 0;
}

.blog-wrapper ul {
    justify-content: space-between;
    display: flex;
    margin-top: 40px;
    flex-wrap: wrap;
}

.blog-wrapper ul li {
    flex-basis: 48.9%;
    margin-bottom: 50px;
}

.blog-meta span {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #7A7575;
    display: flex;
    align-items: flex-start;
}

.blog-meta span.dot {
    font-size: 45px;
    height: auto;
    line-height: 0;
    display: inline-block;
    margin: 0 5px;
    margin-top: 5px;
}

.blog-meta span:last-child img {
    margin-right: 10px;
    align-self: center;
}

.blog-meta {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.blog-wrapper ul li > p {
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-weight: 500;
    margin-top: 10px;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(32, 32, 32, 1);
}

.blog-wrapper ul li img {
    border-radius: 38px;
}

.insta-wrapper-main {
    background: url("../images/instant-bg.png") no-repeat left bottom,
    radial-gradient(109.9% 306.95% at 0% 100%, #001e5f 0%, #6596ff 100%);
    text-align: center;
    margin-top: 30px;
    padding: 100px 0;
    position: relative;
}

.insta-wrapper-main .container {
    position: relative;
    z-index: 99;
}

/*.insta-wrapper-main:after {*/
/*  content: "";*/
/*  background: url(../images/instant-bg.png) no-repeat left bottom;*/
/*  width: 485px;*/
/*  height: 462.46px;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: 0;*/
/*}*/

.insta-wrapper-main h2 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 9;
}

.insta-wrapper-main a {
    position: relative;
    z-index: 9;
    padding: 17px 42px;
    display: inline-block;
    border-radius: 82px;
    font-family: Poppins;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: rgba(13, 45, 114, 1);
    background-color: #fff;
    margin-top: 30px;
}

.text-white {
    color: #FFFFFF !important;
}

footer {
    padding: 67px 0;
}

footer .container {
    display: flex;
    justify-content: space-between;
}

footer .container > ul {
    display: flex;
    align-items: center;
}

footer .container > ul:last-child {
    flex-direction: column;
    align-items: flex-end;
}

footer .container > ul > li {
    margin: 0 10px;
    position: relative;
}

footer .container > ul > li ul {
    position: absolute;
    bottom: 38px;
    background: #fff;
    padding: 10px 20px 10px 0;
    box-shadow: 0px 0px 2px 0px #aeaeae;
    width: 180px;
    border-radius: 10px;
    display: none;
    z-index: 9999;
}

footer .container > ul > li ul li a {
    display: block;
    padding: 10px 16px 10px 16px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(32, 32, 32, 1);
}

footer .container > ul > li img {
    vertical-align: middle;
    margin-left: 2px;
    transform: rotate(180deg);
    transition: 0.5s all ease;
}

footer .container > ul > li.active img {
    transform: rotate(360deg);
}

footer .container > ul:first-child > li > a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #757575;
}

footer .container > ul:last-child > li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    color: rgba(32, 32, 32, 1);
}

.search-image-pop-wrapper {
    background-color: #fff;
    max-width: 643px;
    height: 494px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 28px;
    margin: auto;
    z-index: 9999999;
    padding: 30px;
    text-align: center;
    display: none;
}

.blackscreen {
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 999999;
}

.search-image-pop-wrapper h3 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
}

.search-image-pop-wrapper .image-upload-main {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: rgba(32, 32, 32, 1);
    padding: 100px 0;
    margin-top: 30px;
    border: 2px dashed rgba(200, 200, 200, 1);
    border-radius: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.search-image-pop-wrapper .image-upload-main span {
    margin: 0 10px;
}

.search-image-pop-wrapper .image-upload-main input[type=file] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.search-image-pop-wrapper .image-upload-main a {
    color: rgba(74, 58, 255, 1);
    border-bottom: 1px solid rgba(74, 58, 255, 1);
}

.search-image-pop-wrapper .or span {
    padding: 0 20px;
    background-color: #fff;
}

.search-image-pop-wrapper .or {
    margin: 30px 0;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-image-pop-wrapper .or:after,
.search-image-pop-wrapper .or:before {
    content: "";
    border-bottom: 1px solid rgba(200, 200, 200, 1);
    position: absolute;
    width: 50%;
    left: 0;
    z-index: -1;
}

.search-image-pop-wrapper .or:after {
    right: 0;
    left: auto;
}

.search-image-pop-wrapper input[type="text"] {
    width: 100%;
    border: 1px solid rgba(200, 200, 200, 1);
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 39px;
    margin-bottom: 20px;
}

.h1style1 {
    font-size: 40px;
    font-weight: 700;
    color: rgba(12, 35, 64, 1);
}

.h2style2 {
    font-size: 24px;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
}

.inner-page {
    margin-top: 72px;
}

.faq .h2style2 {
    margin-top: 60px;
}

.faq-wrapper-main {
    margin: 20px 0 50px 0;
}

.faq-wrapper-main ul li .content {
    width: 95%;
}

.faq-wrapper-main ul li h3 {
    font-size: 18px;
    font-weight: 400;
    color: rgba(16, 24, 40, 1);
    background: url(../images/acc-plus.png) no-repeat top right;
    cursor: pointer;
    padding-right: 30px
}

.faq-wrapper-main ul li.active h3 {
    background-image: url(../images/acc-minus.png);
}

.faq-wrapper-main ul li {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(234, 236, 240, 1);
}

.faq-wrapper-main ul li p {
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    color: rgba(102, 112, 133, 1);
}

.faq-wrapper-main ul li .content {
    display: none;
}

.faq-wrapper-main ul li .content.show {
    display: block;
}

.faq-main .main-wrapper-list:not(:first-child) .h2style2 {
    border-bottom: 1px solid rgba(234, 236, 240, 1);
    padding-bottom: 30px
}

.h2style3 {
    font-size: 20px;
    font-weight: 600;
    color: rgba(186, 186, 186, 1);
}

.center-align :is(.h1style1, .h2style3) {
    text-align: center;
}

.blog .h2style3 {
    margin-bottom: 60px;
}

.contact .contact-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.contact .contact-wrapper .form {
    max-width: 480px;
    width: 100%;
    display: flex;
    align-items: center;
    margin-right: 20px
}

.contact .contact-wrapper .form .field-wrapper > label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: rgba(12, 35, 64, 1);
    margin-bottom: 5px;
}

.contact .contact-wrapper .form .field-wrapper {
    width: 100%;
    margin-bottom: 25px;
}

.contact .contact-wrapper .form .col-2 {
    display: flex;
}

.contact .contact-wrapper .form textarea {
    height: 128px;
    resize: none;
}

.contact .contact-wrapper .form .col-2 .field-wrapper:not( :last-child) {
    margin-right: 30px;
}

.inputstyle2 {
    width: 100%;
    height: 48px;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid rgba(186, 186, 186, 1);
    font-size: 16px;
    font-weight: 400;
    color: rgba(182, 182, 182, 1);
}

.contact .form .buttonstyle1 {
    width: 100%;
    height: 48px;
}

.contact .contact-wrapper .content {
    background: rgba(237, 246, 255, 1);
    max-width: 624px;
    width: 100%;
    border-radius: 50px;
    text-align: center;
    padding: 100px 50px;
    box-sizing: border-box;
}

.contact .contact-wrapper .content ul {
    width: 100%;
}

.contact .contact-wrapper .content ul li:not(:last-child) {
    border-bottom: 1px solid rgba(186, 186, 186, 1);
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.contact .contact-wrapper .content ul li h3 {
    font-size: 20px;
    font-weight: 600;
    color: rgba(0, 51, 160, 1);
    margin-bottom: 15px;
}

.contact .contact-wrapper .content ul li h3 img {
    margin-right: 5px;
    vertical-align: middle;
}

.contact .contact-wrapper .content span {
    font-size: 14px;
    font-weight: 400;
    color: rgba(32, 32, 32, 1);
}

.contact .contact-wrapper .content ul li:not(:last-child) a {
    color: rgba(32, 32, 32, 1);
}

.contact .contact-wrapper .content li.livechat a {
    height: 50px;
    padding: 14px 21px;
}

.contact .insta-wrapper-main {
    border-radius: 50px;
    margin-top: 35px;
}

.testimonials .testimonials-main-wrapper {
    margin: 60px 0 0 0;
}

.about .h1style1 {
    margin-bottom: 42px;
}

.about-content-with-image {
    /* margin-top: 40px; */
    display: flex;
    align-items: center;
}

.about-content-with-image > div {
    flex: 1;
}

.about-content-with-image > div > img {
    border-radius: 45px;
}

.about-content-with-image > div.content .h2style4 {
    margin-bottom: 10px;
}

.about-content-with-image > div.content {
    margin-right: 7%;
}

.h2style4 {
    font-size: 32px;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
}

.about .about-content {
    margin-top: 48px;
    margin-bottom: 120px;
}

.about .mission p {
    text-align: center;
    margin: auto;
    max-width: 854px;
}

.about-content .heading-wrapper {
    margin-bottom: 48px;
}

.about .services-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.about .services-wrapper .service:nth-child(2n+1) {
    margin-right: 2%;
}

.about .services-wrapper .service:last-child {
    margin: 0;
    width: 100%;
}

.about .services-wrapper .service:last-child p {
    width: 40%;
}

.about .services-wrapper .service {
    background-color: rgba(237, 246, 255, 1);
    border-radius: 50px;
    text-align: center;
    width: 49%;
    box-sizing: border-box;
    /* height: 441px; */
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 89px 68px;
    margin-bottom: 30px;
}

.about .icon-box {
    width: 94px;
    height: 94px;
    margin-bottom: 15px;
}

.about .image-with-content {
    text-align: center;
}

.about .image-with-content > img {
    border-radius: 45px;
}

.about .image-with-content > p {
    width: 68%;
    text-align: center;
    margin: auto;
    margin-bottom: 35px;
}

.heading-area {
    display: flex;
    justify-content: space-between;
    /* margin-top: 50px; */

}

.blog .heading-area .blog-category {
    display: flex;
}

.blog .heading-area .blog-category li {
    margin-right: 10px;
}

.blog .heading-area .blog-category li a {
    background-color: rgba(237, 246, 255, 1);
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 600;
    color: rgba(0, 51, 160, 1);
    display: block;
    border-radius: 42px;
}

.pagination-wrapper {
    display: flex;
    justify-content: space-between;
}

.pagination-wrapper .pager li a {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 42px;
}

.pagination-wrapper .pager li {
    margin: 0 2px;
}

.pagination-wrapper .pager li a:hover {
    background-color: rgba(237, 246, 255, 1);
}

.pagination-wrapper .pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination-wrapper .pager li.active a {
    background-color: rgba(237, 246, 255, 1);
}

.pagination-wrapper a {
    font-size: 20px;
    font-weight: 600;
    color: rgba(0, 51, 160, 1);
}


.pagination-wrapper a.actions {
    padding: 10px 30px;
    background: rgba(237, 246, 255, 1);
    border-radius: 42px;

}

.pagination-wrapper a.prev > img {
    margin-right: 5px;
}

.pagination-wrapper a.next > img {
    margin-left: 5px;
}

.blog .search-wrapper-main .search-wrapper-section {
    margin-top: 50px;
}

/* PRICING STYLE START*/

.pricing-heading-blank {
    padding: 218px 0 50px 35px;
}

.pricing-changer-wrapper {
    max-width: 195px;
    width: 100%;
}

.pricing-changer-wrapper ul {
    height: 48px;
    position: relative;
    display: flex;
    border: 1px solid rgba(228, 228, 231, 1);
    border-radius: 30px;
    padding: 0 5px;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.pricing-changer-wrapper ul li.highlighter {
    position: absolute;
    width: calc(35% - -25px);
    border-radius: 30px;
    background: rgba(0, 51, 160, 1);
    transition: transform 0.25s ease-in-out;
    z-index: 8;
    /*height: 85%;*/
    box-sizing: border-box;
    height: 100%;
}

.pricing-changer-wrapper ul li {
    z-index: 9;
    color: rgba(161, 161, 170, 1);
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
}

.pricing-changer-wrapper ul li.active {
    color: #fff;

}

.pricing-changer-wrapper ul li.active + .highlighter {
    transform: translateX(100%);
}

.price-heading-wrapper {
    background-color: #fff;
    width: 25%;
}

.pricing-wrapper-main {
    display: flex;
    background: #fff;
    margin: 60px 0 30px 0;
    position: relative;
}

.pricing-wrapper-main.active .price-cards:before {
    content: "";
    height: 170px;
    width: 100%;
    top: 80px;
    left: 0;
    position: fixed;
    background: white;
    border-bottom: 1px solid #aeaeae6b;
}

.price-cards {
    width: 16%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.price-cards > div {
    width: 100%;
}

.price-cards .heading-list-wrapper {
    display: none;
}

.price-cards.popular .m-popular {
    padding: 10px;
    /* box-sizing: border-box; */
    /* position: absolute; */
    /* left: 0; */
    /* outline: 2px solid rgba(241, 43, 55, 1); */
    background: #EC0010;
    /* display: flex; */
    /* justify-content: center; */
    text-align: center;
    /* top: -38px; */
    /* width: 100%; */
    /* height: 38px; */
    /* box-shadow: -2px 0px 0px 0px rgba(241, 43, 55, 1), 2px 0px 0px 0px rgba(241, 43, 55, 1); */
    color: #fff;
    /* left: 0; */
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px 4px 0 0;
}

/* .price-cards.popular .card-heading {
  padding: 0;
} */

.price-cards.popular .card-heading > .popular-content {
    padding: 0 15px 10px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

/* .price-cards.popular .card-heading .price-wrapper {
  margin-bottom: 15px;
  margin-top: 3px;
} */

.price-cards.popular .m-popular > img {
    margin-right: 10px;

}

.price-cards .card-heading {
    display: flex;
    z-index: 9;
    flex-direction: column;
    /* height: 165px; */
    /* max-width: 178px;
  width: 100%; */
    box-sizing: border-box;
    padding: 30px 15px 15px 15px;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid rgba(228, 228, 231, 1);
    margin-bottom: 30px;
    margin-left: 3px;
    margin-right: 3px;
    /* position: sticky; */
    /* top: 80px; */
    background: white;
    position: relative;
}

.buttonstyle3 {
    min-height: 40px;
    border-radius: 29px;
    background: rgba(0, 51, 160, 1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.price-cards h2 {
    font-size: 20px;
    font-weight: 700;
    color: rgba(12, 35, 64, 1);
    line-height: 23px;

}


.price-cards .card-heading .price-wrapper {
    display: flex;
    margin: 7px 0;
    align-items: center;
}

.price-cards .price {
    color: rgba(12, 35, 64, 1);
    font-size: 32px;
    font-weight: 600;
    line-height: 29px;
    display: flex;
    align-items: flex-end;
    margin-right: 5px;
}

.price-cards .duration {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #18181B;
}

.pricing-wrapper-main .heading {
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.pricing-wrapper-main .colorfull {
    background: rgba(243, 247, 255, 1);

}


.pricing-wrapper-main .price-cards .normal {
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    height: 64px;
    width: 100%;
    align-items: center;
    color: rgba(113, 113, 122, 1);
}

.pricing-wrapper-main .normal {
    display: flex;
    align-items: center;
    height: 64px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(12, 35, 64, 1);

}

.heading-list-wrapper .normal {
    padding-left: 15px;

}

.pricing-wrapper-main .colorfull + .normal {

    border-bottom: 1px solid rgba(212, 212, 216, 1)
}

.pricing-wrapper-main > div > .normal:last-child {
    flex-direction: column;
    height: auto;
    padding-top: 15px;
}

.pricing-wrapper-main :is(.normal:last-child, .normal:nth-last-child(3)) {
    border: 0;
}

.pricing-wrapper-main > div:first-child .heading {
    border-radius: 8px 0 0 8px;
}

.pricing-wrapper-main > div:last-child .heading {
    border-radius: 0 8px 8px 0;
}

.pricing-wrapper-main .normal.heading {
    font-size: 20px;
    font-weight: 600;
    color: rgba(12, 35, 64, 1);
    border-bottom: 0
}

.value-service-grid {
    margin-top: 60px;
}

.value-service-grid > ul {
    margin: auto;
    margin-top: 50px;
    max-width: 1008px;
    width: 100%;
    border-radius: 24px;
    border: 1px solid rgba(212, 212, 216, 1);
    display: flex;
    flex-wrap: wrap;
}

.value-service-grid > ul > li {
    width: 50%;
    height: 56px;
    border-bottom: 1px solid rgba(212, 212, 216, 1);
    border-right: 1px solid rgba(212, 212, 216, 1);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;

}

.value-service-grid > ul > li:nth-child(odd) {
    color: rgba(0, 51, 160, 1);
}

.value-service-grid > ul > li:nth-child(even) {
    color: rgba(76, 76, 76, 1);
    border-right: 0;
}

.value-service-grid > ul > li:is(:nth-last-child(1), :nth-last-child(2)) {
    border-bottom: 0;
}

.article .h1style1 {
    max-width: 730px;
    margin: auto;
}

.article .blog-meta {
    justify-content: center;
}

.article .blog-meta span:first-child {
    align-items: center;

}

.article .blog-meta span > img {
    margin-right: 5px;

}

.article .article-media {
    max-width: 360px;
    width: 100%;
    position: relative;
    margin-left: 80px;
    margin-bottom: 30px;
    flex: 1;
    text-align: center;

}

.article .buttonstyle1 {
    margin-top: 20px;
    padding: 10px 30px;
}

.article .btn-wrapper {
    text-align: center;
}

.article .article-media blockquote {
    height: 557px;
    display: none;
}

.article .article-media .screenshot {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.article .article-media .screenshot > img:last-child {
    position: absolute;
    z-index: 999;
}

.article .content-parent {
    margin-top: 50px;
}

.article .content-parent > div {
    display: flex;
}

.article .content-parent .content-area {
    flex: 1;
}

.article .content-parent .parastyle1 {
    margin-bottom: 20px;
}

.article .cost-wrapper {
    background: rgba(237, 246, 255, 1);
    border-radius: 24px;
    display: flex;
    justify-content: center;
    padding: 11px 0;
    margin-top: 20px;
}

.article .cost-wrapper > div {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 20px
}

.article .cost-wrapper > div > span:first-child {
    font-size: 32px;
    font-weight: 600;
    color: rgba(0, 51, 160, 1);
}

.article .cost-wrapper > div > span:last-child {
    font-size: 16px;
    font-weight: 500;
    color: rgba(161, 161, 161, 1);
}


/******************** This is for product search module **********************/
.left-panel {
    position: relative;
    min-height: 100vh;
    width: 16%;
    margin-right: 1%;
    background-color: #fff;
}

.left-panel .nav-left {
    margin-top: 20px;
}

.left-panel ul li a {
    padding: 13px 19px 13px 45px;
    color: rgba(32, 32, 32, 1);
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 19px;
    background: url(../images/product.png) no-repeat 15px center;
    width: 100%;
    border-left: 2px solid transparent;
}

.left-panel ul li a:hover {
    border-left: 2px solid rgba(0, 51, 160, 1);
}

.left-panel ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.left-panel ul li:after {
    content: "";
    background: url(../images/arrow.png) no-repeat center;
    width: 18px;
    height: 18px;
    margin-right: 18px;
}

.left-panel ul li:hover:after {
    background-image: url(../images/arrow-hover.png);
}

.left-panel ul li:hover a {
    color: rgba(0, 51, 160, 1);
}

.left-panel ul li.product:hover a {
    background-image: url(../images/product-hover.png);
}

.left-panel ul li.my-product a {
    background-image: url(../images/my-product.png);
}

.left-panel ul li.my-product:hover a {
    background-image: url(../images/my-product-hover.png);
}


.left-panel ul li.ship a {
    background-image: url(../images/Ship.png);
}


.left-panel ul li.ship:hover a {
    background-image: url(../images/ship-hover.png);
}


.left-panel ul li.billing a {
    background-image: url(../images/bill.png);
}

.left-panel ul li.billing:hover a {
    background-image: url(../images/bill-hover.png);
}

.left-panel ul li.account a {
    background-image: url(../images/user.png);
}

.left-panel ul li.account:hover a {
    background-image: url(../images/user-hover.png);
}

.left-panel ul li.trending a {
    background-image: url(../images/my-product.png);
}

.left-panel ul li.trending:hover a {
    background-image: url(../images/my-product-hover.png);
}

.left-panel ul li.tutorial a {
    background-image: url(../images/titorial.png);
}

.left-panel ul li.tutorial:hover a {
    background-image: url(../images/titorial-hover.png);
}

.left-panel ul li.source {
    border-top: 8px solid rgba(243, 243, 243, 1);
    padding-top: 15px;
    margin-top: 15px;
}

.left-panel ul li.source a {
    background-image: url(../images/source.png);
    background-position: 9px;
}

.left-panel ul li.source:hover a {
    background-image: url(../images/source-hover.png);
}


.left-panel ul li a > img:first-child {
    margin-right: 10px;
}

.left-panel ul li a span {
    margin-right: auto;
}

.left-panel .welcome-wrapper h2 {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
}

.left-panel .welcome-wrapper {
    border-bottom: 1px solid rgba(235, 235, 235, 1);
    padding: 25px 21px;
}

.global-section {
    display: flex;
}

.product-wrapper {
    display: flex;
    margin: 0 0 30px 0;
    width: 100%;
    flex-wrap: wrap;
    position: relative;
    min-height: 200px;
}

.loading {
    position: relative;
}

.loading:after {
    background: #f5f5f5cf url(../images/loader.gif) no-repeat center 15%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.product-wrapper article {
    background-color: #fff;
    margin-right: 0.2%;
    box-sizing: border-box;
    width: calc(99% / 5);
    text-align: center;
}

.product-wrapper article .product-item {
    max-height: 244px;
    overflow: hidden;
}

.product-detail-wrapper {
    padding-top: 12px;
}

.product-item a {
    display: block;
}

.product-des {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    color: #101828;;
    margin-top: 5px;
    height: 40px;
}

.card-item-btn {
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}

.product-price {
    font-family: Poppins, sans-serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 30.24px;
    letter-spacing: 0em;
    text-align: left;
    color: #202020;
}

.more-info {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    text-align: left;
    padding: 13px;
    border-radius: 115.5px;
    background: rgba(0, 51, 160, 1);
    display: inline-flex;
}

.more-info img {
    display: block;
}

.more-info span {
    display: flex;
    margin-left: 4.5px;
    flex-direction: column;
    justify-content: center;
}

.product-carousal-slider .slick-slide img {
    width: 100%;
    border-radius: 27px;
    height: 100%;
    object-fit: contain;
}

.product-slider-nav {
    width: 90%;
    margin: auto;
}

.product-slider-nav {
    margin-top: 20px;
}

.product-slider-nav .slick-slide {
    margin: 0 2px;
}

.product-meta-detail-wrapper {
    width: 713px;
}

.main-white-bg {
    background: #fff;
    padding: 15px;
    margin-top: 30px;
}

.product-wrapper-main {
    display: flex;
}

.spaced-product {
    margin-bottom: 50px;
}

.spaced-product article {
    padding-right: 30px;
}

.product-image {
    width: 100%;
}

.product-carousal-wrapper {
    width: 50%;
    margin-right: 32px;
    /*width: 40%;*/
    /*margin-right: 2%;*/
}

.product-carousal-slider .slick-track .slick-slide {
    height: 597px;
}

.product-slider-nav .slick-track .slick-slide {
    height: 73px;
}

.sub-img {
    margin-left: 6px;
    margin-right: 6px;
    border-radius: 13px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.trasn-n-4 {
    transform: translateY(-4px);
}

.product-meta-detail-wrapper {
    width: 50%;
}

.product-slider-nav .slick-next:before,
.product-slider-nav .slick-prev:before {
    background: url(../images/arrow-black.png);
    height: 24px;
    width: 24px;
    display: block;
    opacity: 1;
    content: "";
}

.product-slider-nav .slick-prev:before {
    transform: rotate(180deg);
}

.product-tabs ul {
    display: flex;
    justify-content: center;
}

.product-tabs ul li {
    margin-right: 10px;
}

.product-tabs ul li a {
    padding: 10px 12px 10px 12px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
    display: block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(70, 79, 98, 1);
    transition: 0.2s all ease;
}

.product-tabs ul li :is(a:hover, a.active) {
    background-color: rgba(0, 51, 160, 1);
    color: #fff;
}

.burger-menu {
    display: none;
}

.panel-toggle {
    padding: 10px 19px 10px 19px;
    border-radius: 3px;
    background: rgba(37, 37, 37, 1);
    display: inline-block;
    cursor: pointer;
}

.full-width {
    width: 100%;
    transition: 0.5s all ease;
}

.product-meta-detail-wrapper .product-para {
    font-family: Open Sans;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: rgba(46, 46, 46, 1);
}

.rating-wrapper {
    margin: 20px 0;
}

.rating-wrapper > span {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: rgba(135, 135, 135, 1);
}

.product-details-wrapper > h3 {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
}

.product-description-wrapper {
    margin-top: 15px;
    padding: 0 0 !important;
    border-bottom: 1px solid rgba(221, 221, 221, 1);
    border-top: 1px solid rgba(221, 221, 221, 1);
}

.product-description-wrapper .des {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.product-details-wrapper .price {
    display: flex;
    justify-content: space-between;
    margin: 25px 0 15px 0;
}

.product-details-wrapper .item {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
}

.product-details-wrapper .color-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    /*margin-left: 10px;*/
}


.product-details-wrapper .item span:first-child {
    font-weight: 600;
}

.color-item-wrapper {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(221, 221, 221, 1);
    padding: 0 0 !important;
    align-items: center;
    margin-top: 14px;
}

.color-wrapper input[type="radio"] {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.color-wrapper > div {
    width: fit-content;
    border-radius: 13px;
    margin-right: 12px;
    margin-bottom: 12px;
    /*margin-left: 5px;*/
    /*position: relative;*/
    /*min-width: 80px;*/
    /*margin-bottom: 10px;*/
    /*height: 42px;*/
    /*border-radius: 3px;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    display: flex;
    cursor: pointer;
    border: 1px solid rgba(221, 221, 221, 1);
    /*padding: 0 10px;*/
}

.color-item-wrapper {
    display: block;
}

.color-wrapper > div > img {
    /*margin-right: 5px;*/
    /*width: 31px;*/
    /*max-height: 44px;*/
    width: 64px;
    height: 64px;
    border-radius: 13px;
}

.color-wrapper > div > span {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
}

.color-wrapper > div.red > span {
    color: rgba(230, 35, 35, 1);
}

.color-wrapper > div.blue > span {
    color: rgba(23, 152, 224, 1);
}

.color-wrapper > div:after {
    display: block;
    content: "";
}

.product-size-wrapper {
    display: block !important;
    /*display: flex;*/
    margin-top: 20px;
    justify-content: space-between;
}

.product-size-wrapper > * {
    flex: 1;
    /*max-height: 600px;*/
    /*overflow: auto;*/
}

.product-size-main ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(221, 221, 221, 1);
    padding: 10px 0;
    flex-wrap: wrap;
}

.product-size-main ul li:last-child {
    border: 0;
    padding-bottom: 0;
}

.product-size-main ul li label {
    padding: 18px;
    border: 1px solid #CECECE;
    border-radius: 7px;
    font-family: Poppins, serif;
    font-weight: 600;
    font-size: 13px;
    /*font-family: Roboto;*/
    /*font-size: 14px;*/
    /*font-weight: 400;*/
    line-height: 16px;
    max-width: 150px;
}

.product-size-main ul li span {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

.qty-wrapper:not(.no-style) .qty-main {
    border: none;
    /*border: 1px solid rgba(222, 222, 222, 1);*/
    display: flex;
}

.qty-wrapper:not(.no-style) .qty-main button {
    width: 47px;
    height: 43px;
    padding: 10px;
    background: #E7F6FF;
    border-radius: 7px;
    border: none;
    cursor: pointer;
    /*width: 30px;*/
    /*height: 28px;*/
    /*border: 1px solid rgba(222, 222, 222, 1);*/
    /*background-color: rgba(222, 222, 222, 1);*/
    /*font-family: Roboto;*/
    /*font-size: 20px;*/
    /*font-weight: 400;*/
    /*line-height: 23px;*/
    /*color: rgba(107, 107, 107, 1);*/
}

.qty-wrapper:not(.no-style) .qty-main input {
    width: 50px;
    height: 44px;
    font-size: 14px;
    font-family: Poppins, serif;
    font-weight: 400;
    text-align: center;
    border: 0;
    /*height: 28px;*/
    /*width: 40px;*/
    padding: 0 5px;
    box-sizing: border-box;
}

.product-btn {
    padding: 10px 12px 10px 12px;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(70, 79, 98, 1);
    border: 0;
    /* margin-left: 10px; */
    cursor: pointer;
}

.product-btn.blue {
    background: rgba(0, 51, 160, 1);
    color: #fff;
}

.cart-button-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
    border-top: 1px solid rgba(221, 221, 221, 1);
    padding-top: 15px;
}

.cart-button-wrapper > a {
    margin-left: 10px;
}

.big-image-product {
    margin: 50px 0 30px 0;
    height: 789px;
    overflow: hidden;
}

.big-image-product img {
    width: 100%;
}

.h2style1 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(46, 46, 46, 1);
}

.h2style2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0px;
    color: rgba(33, 37, 41, 1);
}

.search-by-image-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.search-by-image-wrapper .search-text {
    display: none;
}

.h1style1 {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 700;
    line-height: 60px;
}

.h1style2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
}

.blue {
    color: rgba(0, 51, 160, 1);
}

.my-products-wrapper {
    margin: 30px 0;
}

.price-datatable table.dataTable tr th:first-child {
    text-align: left;
}

.price-datatable table.dataTable tr th {
    background: rgba(12, 35, 64, 1);
    border-right: 1px solid rgba(214, 214, 214, 1);
    color: #fff;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    padding: 20px;
    text-align: center;
}

.price-datatable table.dataTable tr td {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    color: rgba(51, 51, 51, 1);
    padding: 19px 20px;
    border-right: 1px solid rgba(214, 214, 214, 1);
    text-align: center;
}

.price-datatable tr.odd {
    background-color: #fff;
}

.price-datatable .product-name {
    display: flex;
    align-items: center;
}

.price-datatable .product-name img {
    max-width: 47px;
    border-radius: 3px;
    margin-right: 15px;
}

.price-datatable table.dataTable.no-footer {
    border: 1px solid rgba(214, 214, 214, 1);
}

.price-datatable .dataTables_wrapper .paginate_button.current,
.price-datatable .dataTables_wrapper .paginate_button:hover,
.price-datatable .dataTables_wrapper .paginate_button.current:hover {
    border: 0 !important;
    background: rgba(0, 51, 160, 1);
    color: #fff !important;
}

.price-datatable .dataTables_wrapper .paginate_button {
    width: 27px;
    height: 27px;
    border-radius: 5px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    border: 0 !important;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.price-datatable .dataTables_wrapper :is(.previous, .next) {
    font-size: 0;
    background: url(../images/pagination-arrow.png) no-repeat 0 !important;
    height: 16px;
    width: 16px;
}

.price-datatable .dataTables_wrapper .previous {
    transform: rotate(180deg);
}

.price-datatable .dataTables_wrapper a.disabled {
    display: none;
}

.price-datatable .dataTables_wrapper .dataTables_paginate {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-top: 30px;
}

.price-datatable {
    margin-bottom: 30px;
    overflow: auto;
}

.price-datatable .blue {
    margin: 0;
    width: 196px;
}

.price-datatable .dataTables_wrapper .dataTables_paginate > span {
    display: flex;
}

.d-flex-x {
    display: flex;
    justify-content: center;
}

.price-datatable table.dataTable tr td:last-child {
    border: 0;
}

.price-datatable table.dataTable tr td a.view,
.btnstyle3 {
    padding: 10px 12px 10px 12px;
    border-radius: 4px;
    background: rgba(234, 236, 240, 1);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(70, 79, 98, 1);
    display: block;
}

.register-wrapper {
    background-color: #fff;
    margin: 30px 0;
    padding: 30px;
    box-shadow: 17px 34px 88px 0px rgba(0, 0, 0, 0.1);
}

.register-wrapper .field-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.inputstyle1 {
    padding: 14px 15px;
    border-radius: 6px;
    border: 1px solid rgba(129, 129, 129, 1);
    /*margin-bottom: 10px;*/
    margin-right: 1%;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    box-sizing: border-box;
}

.inputstyle2 {
    width: 100%;
    height: 58px;
    border-radius: 10px;
    border: 1px solid rgba(122, 122, 122, 1);
    font-family: Open Sans;
    font-size: 15px;
    font-weight: 400;
    padding: 0 20px;
    box-sizing: border-box;
}

.register-wrapper .field-wrapper .inputstyle1 {
    width: 49.5%;
}

.register-wrapper .field-wrapper.save .inputstyle1 {
    background: rgba(244, 244, 244, 1) url(../images/edit.png) no-repeat 95% center;
}

.register-wrapper .field-wrapper.save .editbtn {
    background-image: url(../images/save.png);
}

.register-wrapper .field-wrapper .inputstyle1:nth-child(2n + 2) {
    margin-right: 0;
}

.button-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-top: 5px;
}

.btn_style1 {
    padding: 15px 22px 15px 22px;
    border-radius: 5px;
    background: rgba(0, 51, 160, 1);
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: #fff;
    cursor: pointer;
    border: 0;
    box-sizing: border-box;
}

.labelstyle1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: rgba(13, 0, 90, 1);
}

.editbtn {
    background-image: url(../images/edit-icon.png);
    background-position: 127px center;
    background-repeat: no-repeat;
    padding-right: 57px;
}

.email-notification-wrapper label {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    margin-bottom: 5px;
}

.email-notification-wrapper span {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}

.email-notification-wrapper {
    display: flex;
    margin-top: 20px;
}

.email-notification-wrapper select {
    background: rgba(209, 223, 253, 1) url(../images/select-caret.png) no-repeat 48px center;
    padding: 0px 13px 0px 13px;
    border-radius: 5px;
    border: 0;
    height: 48px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: rgba(37, 37, 37, 1);
    -webkit-appearance: none;
    appearance: none;
    width: 73px;
}

.email-notification-wrapper > div {
    display: flex;
    flex-direction: column;
    margin-right: 25px;
}

.icon-with-heading {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.icon-with-heading > img {
    margin-right: 10px;
}

.search-product-wrapper {
    background-color: #fff;
    text-align: center;
    padding: 30px;
    margin-top: 30px;
}

.spanstyle1 {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(144, 144, 144, 1);
}

.drag-heading {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(33, 37, 41, 1);
}

.search-product-wrapper form {
    max-width: 888px;
    margin: auto;
    margin-bottom: 20px;
}

.search-product-wrapper .input-file-wrapper {
    border: 2px dashed rgba(214, 190, 190, 1);
    height: 284px;
    border-radius: 19px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    position: relative;
}

.search-product-wrapper .input-file-wrapper h3 {
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    color: rgba(33, 37, 41, 1);
}

.search-product-wrapper .spanstyle1 {
    margin: 20px 0;
    display: inline-block;
    text-align: center;
}

.search-product-wrapper .inputstyle1 {
    width: 100%;
}

.search-product-wrapper .btn_style1 {
    width: 121px;
    height: 41px;
    padding: 0;
}

.search-product-wrapper form .inputstyle2 {
    background: url(../images/search-icon.png) no-repeat 20px center;
    padding: 0 0 0 55px;
    margin-bottom: 35px;
}

.linkstyle1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: rgba(0, 51, 160, 1);
    border-bottom: 1px solid rgba(0, 51, 160, 1);
}

.search-product-wrapper .input-file-wrapper img {
    margin: 20px 0;
}

.search-product-wrapper .input-file-wrapper .spanstyle1 {
    margin: 0;
}

.search-product-wrapper .input-file-wrapper input[type="file"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    cursor: pointer;
}

.heading-wrapper {
    margin: 20px 0;
}

.create-ship-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.create-ship-wrapper .item {
    margin-right: 1%;
    /* width: 340px; */
    margin-bottom: 20px;
    flex: 0 0 32.3%;
    min-height: 254px;
    border-radius: 10px;
    border: 1px solid rgba(206, 206, 206, 1);
    padding: 20px;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.create-ship-wrapper .item:last-child {
    margin-right: 0;
}

.bottom-actions {
    display: flex;
    justify-content: space-between;
}

.create-ship-wrapper .item.api .inputstyle3 {
    width: 100%;
}

.create-ship-wrapper .item .item-top {
    border-bottom: 1px solid rgba(197, 197, 197, 1);
    padding-bottom: 15px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.create-ship-wrapper .item .item-top .step-box {
    width: 63px;
    height: 60px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.create-ship-wrapper .item.integration .bottom-actions {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.create-ship-wrapper .item.integration .bottom-actions .inputstyle3 {
    flex: 0 0 28%;
    margin-bottom: 10px;
    margin-right: 2%;
}

.create-ship-wrapper .item .item-top .step-box.green {
    background-color: rgba(18, 183, 106, 1);
}

.create-ship-wrapper .item .item-top .step-box.blue {
    background-color: rgba(0, 51, 160, 1);
}

.create-ship-wrapper .item .item-top .step-box.orange {
    background-color: rgba(255, 140, 75, 1);
}

.create-ship-wrapper .item .item-top .step-box.purple {
    background-color: rgba(173, 101, 252, 1);
}

.create-ship-wrapper .middle-part {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    justify-content: space-between;
    margin: 0 0 15px 0;
}

.create-ship-wrapper .middle-part a {
    font-size: 14px;
    font-weight: 400;
    color: rgba(13, 0, 90, 1);
    border-bottom: 1px solid rgba(13, 0, 90, 1);
}

.create-ship-wrapper .middle-part span {
    font-size: 14px;
    font-weight: 400;
    color: rgba(66, 66, 66, 1);
}

.create-ship-wrapper .middle-part input {
    border: 1px solid rgba(188, 188, 188, 1);
    background-color: rgba(241, 241, 241, 1);
    flex: 1;
    height: 28px;
    border-radius: 2px;
    margin-left: 15px;
}

.create-ship-wrapper .middle-part .middle-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.create-ship-wrapper .item .item-top .step-box span:first-child {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
}

.create-ship-wrapper .item .item-top .step-box span:last-child {
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    color: #fff;
}

.create-ship-wrapper .item .item-top h3 {
    font-size: 18px;
    font-weight: 700;
    color: rgba(66, 66, 66, 1);
    margin-left: 10px;
}

.inputstyle3,
.inputstyle3_blue {
    height: 36px;
    padding: 10px 12px 10px 12px;
    border-radius: 4px;
    background-color: rgba(234, 236, 240, 1);
    font-family: Roboto;
    border: 0;
    font-size: 14px;
    font-weight: 400;
    color: rgba(70, 79, 98, 1);
    cursor: pointer;
    line-height: 16px;
}

.inputstyle3_blue {
    background-color: rgba(0, 51, 160, 1);
    color: #fff;
}

.ecommerce-wrapper {
    width: 580px;
    /* height: 731px; */
    border-radius: 16px;
    padding: 30px;
    box-sizing: border-box;
    background-color: #fff;
    margin-right: 20px;
}

.ecommerce-wrapper .ecom-logos {
    text-align: center;
}

.ecommerce-wrapper .ecom-logos img {
    margin-bottom: 40px;
}

.ecommerce-wrapper .h1style1 {
    text-align: center;
}

.ecommerce-wrapper .h2style3 {
    margin-top: 40px;
}

.ecommerce-wrapper > .parastyle1 {
    margin: 5px 0 20px 0;
}

.item-actions > a.dis {
    color: rgba(235, 99, 41, 1);
}

.error-box {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
    border-radius: 8px;
    padding: 16px 20px;
    max-width: 500px;
    margin: 20px auto;
    text-align: center;
    font-family: Poppins, sans-serif;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.labelstyle2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    /* margin-right: 15px; */
}

.item-actions .settings {
    color: rgba(5, 174, 211, 1);
    border-bottom: 1px solid;
    margin: 0;
}

.ecommerce-main-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-right: 20px;
    margin-bottom: 30px;
}

.ecom-items li h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    color: rgba(51, 51, 51, 1);
}

.ecom-items .item-actions .labelstyle2 {
    margin-right: 15px;
}

.ecom-items .item-actions .labelstyle2:last-child {
    margin: 0;
}

.ecom-items {
    margin: 40px 0;
}

.ecom-items li {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 20px;
    box-sizing: border-box;
    width: 100%;
    /* height: 42px; */
    border-radius: 5px;
    background-color: rgba(244, 248, 255, 1);
}

.h2style3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 29px;
    color: rgba(51, 51, 51, 1);
    text-transform: uppercase;
}

.parastyle1 {
    font-size: 15px;
    font-weight: 400;
    line-height: 29px;
    color: rgba(51, 51, 51, 1);
}

.parastyle3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 29px;
    color: rgba(91, 91, 91, 1)
}

.selectstyle1 {
    width: 221px;
    height: 44px;
    border-radius: 25px;
    box-shadow: 3px 8px 18px 0px rgba(0, 51, 160, 0.3);
    background: rgba(0, 51, 160, 1) url(../images/select1.png) no-repeat 90% center;
    color: rgba(255, 255, 255, 1);
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 20px;
    border: 0;

    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;

}

.cart {
    background-color: #fff;
}

.ecom-items .form input {
    font-size: 12px;
    font-weight: 400;
    line-height: 29px;
    color: rgba(212, 212, 212, 1);
    width: 230px;
    height: 31px;
    border-radius: 5px;
    border: 0;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 5px;
}

.es-account .escrow-inner {
    max-width: 526px;
    margin: auto;
}

.es-account .escrow-inner .parastyle3 {
    padding: 30px 0 30px 0
}

.ecom-items .form {
    display: flex;
    flex-direction: column;
    margin-right: 30px;
}

.ecom-items .content p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize;
    margin-top: 5px;
}

.ecom-items .content h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 29px;
    color: rgba(51, 51, 51, 1);
    text-transform: uppercase;
}

.ecommerce-wrapper .product-btn {
    width: 98px;
    height: 36px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    margin: 10px 0 0 0;
}

.product-item-card {
    max-width: 399px;
    width: 100%;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0px 20px 43px 0px rgba(161, 161, 161, 0.3);
}

.product-item-card.full {
    max-width: 100%;

}

.product-item-card h2 {
    background: rgba(0, 51, 160, 1);
    border-radius: 16px 16px 0px 0px;
    color: #fff;
    padding: 8px 5px;
    text-align: center;
}

.ecom-items.ecom-form {
    margin: 0;
}

.ecom-items.ecom-form li {
    padding: 20px;
    justify-content: flex-start;
}

.product-item-card h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 29px;
}

.radiostyle1 {
    position: relative;
    height: 22px;
    width: 22px;
}

.radiostyle1 input[type="radio"] {
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
}

/* On mouse-over, add a grey background color */
.radiostyle1:hover input ~ .checkmark {
    background-color: #ccc;
}

.radiostyle1 input:checked ~ .checkmark {
    background-color: #2196f3;
}

.radiostyle1 .checkmark {
    width: 22px;
    height: 22px;
    border-radius: 2px;
    border: 1px solid rgba(220, 220, 220, 1);
    background-color: rgba(220, 220, 220, 1);
    display: inline-block;
}

.product-item-card .radio label {
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
    color: rgba(51, 51, 51, 1);
}

.product-item-card .radio {
    display: flex;
    margin: 25px 0;
}

.product-item-card .radio li {
    display: flex;
    margin-right: 30px;
}

.product-item-card .radio li .radiostyle1 {
    margin-right: 10px;
}

.product-item-card .radio li .product-btn.blue {
    width: 100%;
}

.product-item-card .item-card-content {
    max-width: 254px;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    padding: 40px 0;
}

.price-datatable .d-flex-x {
    margin-top: 20px;
}

.shipment-main {
    max-width: 506px;
    border-radius: 6px;
    background-color: #fff;
    padding: 35px;
    box-sizing: border-box;
    margin: auto;
}

.produc-main ul li {
    display: flex;
    justify-content: space-between;
}

.produc-main ul li .product {
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    color: rgba(66, 66, 66, 1);
    margin-right: 20px;
}

.produc-main {
    border-top: 1px solid rgba(214, 214, 214, 1);
    /* border-bottom: 1px solid rgba(214, 214, 214, 1); */
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
}

.produc-main ul li .price {
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    color: rgba(121, 121, 121, 1);
}

.produc-main.ship-method ul li .price {
    font-size: 14px;
}

.produc-main.ship-method.total ul li .price {
    font-weight: 600;
    color: rgba(69, 69, 69, 1);
    font-size: 16px;
}

.parastyle2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.shipment-main .parastyle2 {
    margin-top: 20px;
    color: rgba(88, 88, 88, 1);
}

.shipment-main .btn-wrapper {
    margin-top: 20px;
    justify-content: flex-start;
}

.shipment-main .btn-wrapper .product-btn.blue {
    margin-right: 10px;
}

.center-main {
    margin-bottom: 40px;
}

.center-main > .h1style1 {
    margin: 30px 0;
    text-align: center;
}

.shipment-main .h1style1 {
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center;
}

.shipment-form {
    margin: 20px 0;
}

.shipment-form section {
    margin-top: 20px;
}

.shipment-form section > form {
    display: flex;
    width: 50%;
}

.shipment-form .product-select {
    min-width: 267px;
    height: 51px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(129, 129, 129, 1);
    border: 1px solid rgba(227, 227, 227, 1);
}

.shipment-form .qty-wrapper button,
.shipment-form .qty-wrapper .quantity {
    background-color: #fff;
    font-family: Roboto;
    font-size: 20px;
    flex: 1;
    font-weight: 400;
    line-height: 23px;
    width: 42px;
    height: 51px;
    color: rgba(107, 107, 107, 1);
    border: 0;
    border: 1px solid rgba(231, 231, 231, 1);
    cursor: pointer;
}

.shipment-form .product-select {
    background: #fff url(../images/select.png) no-repeat 92% center;
    padding: 0px 13px 0px 13px;
    -webkit-appearance: none;
    appearance: none;
}

.btnstyle2 {
    width: 114px;
    height: 51px;
    border-radius: 4px;
    background-color: #fff;
    border: 0;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(48, 56, 72, 1);
    cursor: pointer;
}

.shipment-form .qty-wrapper .quantity {
    font-size: 16px;
    color: rgba(53, 53, 53, 1);
    padding: 10px 0 10px 18px;
    box-sizing: border-box;
}

.shipment-form .qty-main {
    display: flex;
}

.shipment-form .qty-wrapper {
    margin: 0 10px;
}

.shipment-form .qty-wrapper .quantity {
    border-right: 0;
    border-left: 0;
}

.shipment-form section > form > * {
    flex-basis: 100%;
}

.shipment-form .qty-wrapper button:first-child {
    border-radius: 3px 0 0 3px;
}

.shipment-form .qty-wrapper button:last-child {
    border-radius: 0 3px 3px 0;
}

.shipment-form .produc-main {
    border: 0;
    margin: 0;
    padding: 20px 0;
    display: flex;
}

.shipping-option-form .ship-white-form {
    background-color: #fff;
    padding: 50px 40px;
    margin-right: 15px;
}

.shipping-option-form .ship-white-form > input {
    width: 100%;
}

.shipping-option-form .ship-white-form .col-2 {
    display: flex;
}

.shipping-option-form .ship-white-form .col-2 > input {
    flex: 1;
}

.shipping-option-form .ship-white-form .col-2 > input:last-child {
    margin-right: 0;
}

.shipping-option-form form > .product-btn.blue {
    height: 40px;
    width: 49.5%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shipping-option-form form > .product-btn.blue > img {
    margin-right: 10px;
}

.shipping-option-form .form-wrapper > .shipping-method .product-btn.blue {
    width: 136px;
    height: 48px;
    align-self: center;
    margin-top: 50px;
    border-radius: 5px;
}

.shipping-option-form .form-wrapper {
    display: flex;
    /* flex-wrap: wrap; */
}

.shipping-option-form .form-wrapper > div {
    flex: 1;
}

.shipping-option-form .form-wrapper > .shipping-method {
    background-color: #fff;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
}

.shipping-option-form .form-wrapper > .shipping-method h2 {
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 30px;
}

.checkboxstyle1.shipping-option-form .form-wrapper > .shipping-method label {
    color: rgba(184, 183, 183, 1);
    font-size: 16px;
    font-weight: 400;
}

.checkboxstyle1 {
    position: relative;
    height: 22px;
    width: 22px;
}

.checkboxstyle1 input[type="checkbox"] {
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
}

/* On mouse-over, add a grey background color */
.checkboxstyle1:hover input ~ .checkmark {
    background-color: #ccc;
}

.checkboxstyle1 input:checked ~ .checkmark {
    background: url(../images/white-right.png) no-repeat center;
    background-color: rgba(0, 51, 160, 1);
}

.checkboxstyle1 .checkmark {
    width: 22px;
    height: 22px;
    border-radius: 5px;
    border: 1px solid rgba(184, 183, 183, 1);
    background-color: #fff;
    display: inline-block;
}

.shipping-option-form .form-wrapper > .shipping-method ul li {
    display: flex;
    margin-bottom: 20px;
}

.shipping-option-form .form-wrapper > .shipping-method ul li label {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(184, 183, 183, 1);
}

.buttonstyle1 {
    font-family: Roboto;
    font-size: 16px;
    height: 40px;
    padding: 0 36px;
    border: 0;
    background-color: rgba(0, 51, 160, 1);
    color: #fff;
    border-radius: 5px;
    font-weight: 400;
    cursor: pointer;
}

.search-wrapper-form {
    margin-top: 30px;
}

.inputstyle4 {
    height: 41px;
    border-radius: 4px;
    border: 1px solid rgba(198, 198, 198, 1);
    font-family: Open Sans;
    font-size: 15px;
    padding: 10px 20px 10px 45px;
    box-sizing: border-box;
    background: #fff url(../images/search1.png) no-repeat 18px center;
    font-weight: 400;
}

.search-wrapper-form .inputstyle4 {
    max-width: 383px;
    width: 100%;
    margin-right: 10px;
}

.buttonstyle2 {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 13px 25px;
    border-radius: 75px;
}

.buttons-wrapper-main {
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.buttons-wrapper-main .buttonstyle2:nth-child(2) {
    margin-right: auto;
    margin-left: 12px;
}

.buttons-wrapper-main .inputstyle4 {
    max-width: 259px;
    width: 100%;
}

.billing-balance-wrapper {
    background: #f9f8fd;
}

.billing-main-wrapper {
    display: flex;
}

.billing-main-wrapper .price-datatable {
    width: 70%;
    padding-right: 30px;
    padding-top: 20px;
}

.billing-main-wrapper .billing-balance-wrapper {
    width: 30%;
    padding: 20px;
    box-sizing: border-box;
    border-left: 1px solid rgba(225, 225, 225, 1);
}

.billing-balance-wrapper .total-wrapper {
    background-color: rgba(254, 254, 254, 1);
    border: 1px solid rgba(239, 239, 239, 1);
    border-radius: 6px;
    padding: 18px 20px 18px 30px;
}

.billing-balance-wrapper .total-wrapper h3 {
    font-size: 18px;
    font-weight: 400;
    color: rgba(92, 86, 126, 1);
    margin-bottom: 5px;
}

.billing-balance-wrapper .total-wrapper .rate {
    font-size: 32px;
    font-weight: 700;
    color: rgba(30, 41, 92, 1);
}

.billing-balance-wrapper .total-wrapper .rate span {
    font-size: 9px;
    font-weight: 700;
}

.billing-balance-wrapper .topup-field {
    height: 38px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(129, 129, 129, 1);
    border: 1px solid rgba(129, 129, 129, 1);
    width: 100%;
    margin: 20px 0;
    padding: 20px 20px;
    box-sizing: border-box;
}

.billing-balance-wrapper .top-up {
    background-color: rgba(208, 223, 254, 1);
    padding: 10px;
    box-sizing: border-box;
}

.billing-balance-wrapper .top-up h3 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    color: rgba(45, 45, 45, 1);
    margin: 20px 0 8px 0;
}

.billing-balance-wrapper .top-up a {
    font-family: Roboto;
    color: rgba(79, 94, 126, 1);
}

.billing-balance-wrapper .top-up input {
    font-family: Roboto;
    color: rgba(79, 94, 126, 1);
    background: none;
    border: none;
    font-size: 16px;
}

.billing-balance-wrapper .top-up span {
    color: rgba(79, 94, 126, 1);
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
}

.billing-balance-wrapper .member-plan {
    border-top: 1px solid rgba(224, 224, 224, 1);
    border-bottom: 2px dashed rgba(220, 220, 220, 1);
    padding: 25px 0;
    margin: 25px 0;
}

.billing-balance-wrapper .member-plan h3 {
    font-size: 16px;
    font-weight: 600;
    color: rgba(30, 41, 92, 1);
}

.billing-balance-wrapper .member-plan .price h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.billing-balance-wrapper .member-plan .price > span {
    font-size: 20px;
    font-weight: 700;
}

.billing-balance-wrapper .member-plan .price {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 5px 0;
}

.billing-balance-wrapper .member-plan .exp {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 400;
    color: rgba(90, 90, 90, 1);
}

.billing-balance-wrapper .remain span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 8px;
}

.billing-balance-wrapper .remain h3 {
    font-size: 12px;
    font-weight: 600;
    color: rgba(52, 52, 52, 1);
    margin-bottom: 10px;
}

.billing-balance-wrapper .remain span a {
    color: rgba(0, 51, 160, 1);
    border-bottom: 1px solid rgba(0, 51, 160, 1);
}

.billing-balance-wrapper .inputstyle3_blue {
    width: 100%;
    margin: 15px 0;
}

.cs-btn {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    color: rgba(215, 47, 66, 1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.cs-btn img {
    margin-left: 5px;
}

.billing-balance-wrapper .cs-btn {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(220, 220, 220, 1);
}

.invoice-main-wrapper {
    background-color: #fff;
    border: 1px solid rgba(206, 206, 206, 1);
    display: flex;
    padding: 50px 80px;
    border-radius: 10px;
    margin: 20px 0;
}

.invoice-main-wrapper .invoice-heading span {
    font-size: 14px;
    font-weight: 400;
    color: rgba(98, 98, 99, 1);
}

.invoice-main-wrapper .invoice-heading h2 {
    color: rgba(40, 40, 40, 1);
    font-size: 28px;
    font-weight: 700;
}

.invoice-main-wrapper .invoice-heading h3 {
    color: rgba(97, 92, 132, 1);
    font-size: 16px;
    font-weight: 400;
}

.invoice-main-wrapper .invoice-heading {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.invoice-main-wrapper .invoice-bill-wrapper {
    flex: 1;
    box-shadow: 1px 12px 27px 0px rgba(128, 128, 128, 0.1);
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
}

.invoice-main-wrapper .invoice-bill-wrapper ul li {
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    padding: 20px 0 20px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(209, 209, 209, 1);
}

.invoice-main-wrapper .invoice-bill-wrapper ul li h4 {
    font-size: 14px;
    font-weight: 600;
    color: rgba(36, 36, 36, 1);
    margin-right: 10px;
}

.invoice-main-wrapper .invoice-bill-wrapper ul li span {
    font-size: 14px;
    font-weight: 400;
    color: rgba(66, 66, 66, 1);
}

.invoice-main-wrapper .invoice-bill-wrapper ul li:nth-child(2) {
    border-top: 1px solid rgba(209, 209, 209, 1);
}

.invoice-main-wrapper .invoice-bill-wrapper ul li:first-child {
    padding: 6px 10px;
    margin-bottom: 15px;
    background: rgba(0, 51, 160, 1);
}

.invoice-main-wrapper .invoice-bill-wrapper ul li:first-child > * {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}

.invoice-main-wrapper .invoice-bill-wrapper ul li:last-child {
    border: 0;
}

.invoice-main-wrapper .invoice-bill-wrapper .inputstyle3_blue {
    display: block;
    text-align: center;
    box-sizing: border-box;
}

.container {
    --container-padding: 30px;
    max-width: 1276px;
    width: 100%;
    margin: auto;
    padding-right: var(--container-padding);
    padding-left: var(--container-padding);
    box-sizing: border-box;
}

.row {
    --gap-x: calc(var(--container-padding) / 2);
    display: flex;
    margin-left: calc(-1 * var(--gap-x));
    margin-right: calc(-1 * var(--gap-x));
    width: auto;
}

.col {
    width: calc(100% / 4);
    padding-left: var(--gap-x);
    padding-right: var(--gap-x);
    box-sizing: border-box;
    margin-bottom: 38px;
}

.main-content {
    margin-top: 120px;
}

.showingRequest h2 {
    font-family: Poppins, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 33px;
    margin-bottom: 44px;
    color: #101828;
    word-break: break-word;
}

.payment-instruction-wrapper {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    padding: 80px 0;

}

.payment-instruction-wrapper .container {
    display: flex;

}

.payment-instruction-wrapper .h1style1 {
    color: rgba(35, 31, 32, 1);
}

.payment-instruction-wrapper > .container > section {
    flex: 2;
}

.full-page .left-panel {
    display: none;
}

.full-page .main-right-area {
    width: 100%;
}

.full-page main {
    padding: 0;
}

.payment-instruction-wrapper > .container > section:first-child {

    margin-right: 80px;

}

.label-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;

}

.labelstyle3 {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);

}

.invoice-data {
    padding: 30px 0;
    border-bottom: 1px solid rgba(212, 212, 212, 1);
    margin-bottom: 30px;
}

.invoice-data .labelstyle3 {
    font-size: 18px;
    font-weight: 600;
}

h2.labelstyle3 {
    font-weight: 600;
}

.payment-instruction-wrapper .amount-wrapper {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(212, 212, 212, 1);
    margin-bottom: 30px;
}

.payment-instruction-wrapper .amount-wrapper .label-wrapper {
    margin-top: 20px;
}

.payment-instruction-wrapper .inputstyle4_blue {
    display: flex;
    align-items: center;
}

.inputstyle4_blue {
    padding: 11px 30px;
    border-radius: 28px;
    background-color: rgba(0, 51, 160, 1);
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
}

.inputstyle4_blue > img {
    margin-right: 10px;
}

.payment-instruction-wrapper .labelstyle3 span {
    font-weight: 400;
    font-size: 16px;
}

.payment-instruction-wrapper > .container > section.about {
    background: rgba(0, 51, 160, 1);
    border-radius: 16px;
    box-shadow: 0 20px 43px 0 rgba(161, 161, 161, 1);
    color: #fff;
    padding: 80px;
    flex: 1;
}

.parastyle2 {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 19.07px;
}

.payment-instruction-wrapper .about h2 {
    font-family: Open Sans, serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
}

.payment-instruction-wrapper .about p {
    margin-bottom: 30px;
}

.assist-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.assist-wrapper > img {
    margin-right: 10px;

}

.assist-wrapper .assist-content {
    display: flex;
    flex-direction: column;
}

.assist-wrapper > .parastyle2 {
    display: block;
    width: 100%;
    margin-top: 30px;
}

.payment-other-info .labelstyle3 {
    margin-right: 10px;
}

.top-up-form-wrappper {
    max-width: 445px;
    width: 100%;
    background: #fff;
    padding: 25px;
    margin-top: 20px;
    box-sizing: border-box;
}

.top-up-form-wrappper ul {
    display: flex;
    margin-bottom: 20px;
}

.inputstyle5 {
    width: 100%;
    height: 49px;
    border: 1px solid rgba(219, 219, 219, 1);
    background: rgba(248, 248, 248, 1);
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    color: rgba(205, 205, 205, 1);
    cursor: pointer;
    box-sizing: border-box;
}

.inputstyle5.cvv {
    background: rgba(248, 248, 248, 1) url(../images/card-lock.png) no-repeat 20px center;
}

.inputstyle5.month {
    background: rgba(248, 248, 248, 1) url(../images/card-exp.png) no-repeat 20px center;
}

.inputstyle5.year {
    background: rgba(248, 248, 248, 1) url(../images/card-exp.png) no-repeat 20px center;
}

.credit-fields-expiry .inputstyle5 {
    padding-left: 50px;
}

.top-wrapper-main .inputstyle5::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(205, 205, 205, 1);
}

.top-wrapper-main .inputstyle5:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(205, 205, 205, 1);
    opacity: 1;
}

.top-wrapper-main .inputstyle5::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(205, 205, 205, 1);
    opacity: 1;
}

.top-wrapper-main .inputstyle5:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(205, 205, 205, 1);
}

.top-wrapper-main .inputstyle5::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(205, 205, 205, 1);
}

.top-wrapper-main .inputstyle5::placeholder {
    /* Most modern browsers support this now. */
    color: rgba(205, 205, 205, 1);
}

.top-up-form-wrappper ul li > img {
    margin-right: 10px;
}

.top-wrapper-main {
    margin-top: 20px;
}

.credit-fields-expiry {
    display: flex;
    margin-top: 20px;
}

.top-up-form-wrappper ul li .google-pay {
    margin-right: 10px;
    border: 1px solid rgba(205, 205, 205, 1);
    width: 59px;

    height: 28px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.credit-fields-expiry .credit-fields:not( :last-child) {
    margin-right: 15px;

}

.credit-fields-expiry .credit-fields > label {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    color: rgba(120, 120, 120, 1);
    margin-bottom: 5px;
    display: block;

}

.top-up-form-wrappper ul li.active .default {
    display: none;
}

.top-up-form-wrappper ul li.active {
    border: 1px solid rgba(0, 51, 160, 1);
    color: rgba(0, 51, 160, 1);
}

.top-up-form-wrappper ul li:first-child {
    margin-right: 15px;

}

.top-up-form-wrappper form > .inputstyle5 {
    width: 100%;
}


.top-up-form-wrappper form input[type=text]::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(205, 205, 205, 1);
}

.top-up-form-wrappper form input[type=text]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(205, 205, 205, 1);
    opacity: 1;
}

.top-up-form-wrappper form input[type=text]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(205, 205, 205, 1);
    opacity: 1;
}

.top-up-form-wrappper form input[type=text]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(205, 205, 205, 1);
}

.top-up-form-wrappper form input[type=text]::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(205, 205, 205, 1);
}

.top-up-form-wrappper form input[type=text]::placeholder {
    /* Most modern browsers support this now. */
    color: rgba(205, 205, 205, 1);
}

.top-up-form-wrappper .inputstyle3_blue {
    width: 100%;
    margin-top: 20px;

}

.credit-card-main {
    display: flex;
    align-items: center;
}

.credit-card-main .add span:first-child {
    background: rgba(0, 51, 160, 1);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    font-family: Open Sans;
    font-size: 66px;
    font-weight: 600;
    line-height: 90px;
    letter-spacing: 0px;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.credit-card-main .add {
    margin-left: 80px;
    text-align: center;
    cursor: pointer;
}

.credit-card-main .add span:last-child {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: rgba(49, 49, 49, 1);

}

.pricing-changer-wrapper {
    padding: 50px 0;
    display: flex;
    justify-content: center;

}

.pricing-changer-wrapper ul {
    height: 40px;
    position: relative;
    display: flex;
    border: 1px solid lightgrey;
    border-radius: 30px;
    background: rgba(238, 238, 238, 1);
    max-width: 175px;
    width: 100%;
}

.pricing-changer-wrapper ul li.highlighter {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(35% - -27px);
    border-radius: 30px;
    background: rgba(0, 51, 160, 1);
    transition: transform 0.25s ease-in-out;
    z-index: 8;
    box-sizing: border-box;

}

.pricing-changer-wrapper ul li {
    z-index: 9;
    color: rgba(64, 64, 64, 1);
    padding: 0 8px;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /* font-family: Roboto; */
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.pricing-changer-wrapper ul li.active {
    color: #fff;

}

.pricing-changer-wrapper ul li.active + .highlighter {
    transform: translateX(100%);
}

.price-heading-wrapper {
    background-color: #fff;
    width: 25%;
    /* border-right: 1px solid rgba(214, 214, 214, 1) */
}

.pricing-wrapper-main {
    display: flex;
    background: #fff;
    margin: 30px 0;

}

.pricing-wrapper-main .price-table {
    display: flex;
    width: 50%;
}

.pricing-wrapper-main .change-plan-wrapper {
    width: 50%;
}

.pricing-wrapper-main .price-table .price-heading-wrapper {
    width: 40%;
}

.pricing-wrapper-main .price-table .price-cards {
    width: 28%;
}


.change-plan-wrapper .payment-form label {
    font-size: 16px;
}

.change-plan-wrapper .card-items {
    display: flex;
    justify-content: space-between;
}

.change-plan-wrapper .card-items .price label {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    margin-right: 10px;
}

.change-plan-wrapper .card-items .price {
    display: flex;
}

.change-plan-wrapper .card-items .price > span {
    font-size: 24px;
    font-weight: 700;
}

.change-plan-wrapper .card-items .price > span span {
    font-size: 14px;
}

.price-cards {
    /* border-right: 1px solid rgba(214, 214, 214, 1); */
    width: 15%;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.change-plan-wrapper .card-items.btn {
    justify-content: center;
    margin-top: 20px;
    border-top: 1px solid #C0CBE2;
    padding-top: 10px;
}

.change-plan-wrapper .top-up-form-wrappper {
    max-width: 100%;
}

.btnstyle4 {
    padding: 10px 20px 10px 20px;
    border-radius: 6px;
    background: #0033A0;
    color: #fff;
}

.sucess-box h1 {
    font-family: Poppins;
    font-size: 28px;
    font-weight: 600;
    color: #52AE0A;
}

.sucess-box p {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    color: #2C2C2C;

}

.sucess-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.sucess-box > div {
    text-align: center;
    max-width: 510px;
    height: 255px;
    background: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-shadow: 1px 15px 34px 0px #0000001f;

}

.sucess-box .newmem {
    margin: 15px 0;
    padding: 15px 0;
    max-width: 336px;
    border-top: 1px solid #B4B4B4;
    width: 100%;
}

.sucess-box .newmem span {
    font-size: 18px;
    font-weight: 700;

}

.cart-price-main .pricing-wrapper-main {
    margin: auto;
    margin-top: 100px;
    margin-bottom: 30px;
    max-width: 940px;
    width: 100%;
    border: 1px solid rgba(204, 204, 204, 1);
}

.cart-price-main .price-cards {
    width: 19%;
}

.cart-price-main .price-cards:last-child {
    border-right: 0;
}

.cart-price-main .pricing-wrapper-main .product-btn {
    background: rgba(218, 218, 218, 1);
}

.price-cards.popular {
    /* position: relative; */
    border-top: 0;
}

/* .price-cards.popular .m-popular {
  padding: 0 10px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  /* outline: 2px solid rgba(241, 43, 55, 1);
  background: rgba(241, 43, 55, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  top: -38px;
  width: 100%;
  height: 38px;
  box-shadow: -2px 0px 0px 0px rgba(241, 43, 55, 1), 2px 0px 0px 0px rgba(241, 43, 55, 1);
  color: #fff;
  left: 0;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;

} */

.price-cards.popular .m-popular > img {
    margin-right: 10px;

}

.price-cards .card-heading {
    display: flex;
    flex-direction: column;
    /* height: 138px; */
    /* align-items: center; */
    padding-top: 20px;
    box-sizing: border-box;
}

.price-cards .heading-list-wrapper {
    display: none;
}

/*
.price-cards h2 {
  font-size: 14px;
  font-weight: 600;
  color: rgba(12, 35, 64, 1);

} */

.price-cards .price {
    font-size: 12px;
    font-weight: 400;
    margin: 10px 0;
    color: rgba(108, 108, 108, 1);
    display: flex;


}

.price-cards .price span {
    color: rgba(12, 35, 64, 1);
    font-size: 28px;
    font-weight: 600;
    line-height: 29px;
    display: flex;
    align-items: flex-end;

}

.cart-price-main .price-cards .price span {
    font-weight: 700;
}

.price-cards .price sub {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: rgba(12, 35, 64, 1);


}

.pricing-wrapper-main .heading {
    background: rgba(0, 51, 160, 1);
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.pricing-wrapper-main .colorfull {
    background: rgba(243, 247, 255, 1);
}

.pricing-wrapper-main .price-cards div > .normal:last-child {
    height: auto;
    margin: 20px 0;
}

.pricing-wrapper-main .normal {
    font-size: 14px;
    font-weight: 400;
    color: rgba(73, 83, 95, 1);

}

.pricing-wrapper-main .heading-list-wrapper > li,
.pricing-wrapper-main .price-cards .normal {
    height: 70px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

/* .heading-list-wrapper li.heading+li { */
/* background: rgba(243, 247, 255, 1); */
/* } */

.pricing-wrapper-main .price-cards .normal {
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pricing-wrapper-main .price-cards .normal.with-height {
    height: 71px;
    box-sizing: border-box;
    align-items: flex-start;
}

.account-form-wrapper {
    display: flex;
    background-color: #fff;
    margin-top: 10px;
    padding: 30px;
}

.account-form-wrapper > div {
    width: 50%;

}

.account-form-wrapper .left {
    background: rgba(237, 243, 255, 1) url(../images/account-bg.png) no-repeat center 50px;
    padding: 70px;
    box-sizing: border-box;
    width: 40%;
}

.account-form-wrapper .left h1 {
    font-size: 20px;
    font-weight: 600;
    color: rgba(4, 20, 54, 1);
    margin-top: 40px;

}

.account-form-wrapper .left ul li {
    font-size: 16px;
    font-weight: 400;
    color: rgba(60, 64, 73, 1);
    margin-top: 20px;
}

.account-form-wrapper .right {
    padding: 50px 50px 50px 80px;
    box-sizing: border-box;

}

.account-form-wrapper .right > p:last-of-type {
    text-align: center;
    max-width: 399px;
}

.account-form-wrapper .right p {
    font-size: 16px;
    font-weight: 400;
    color: rgba(44, 51, 66, 1);
    margin-bottom: 15px;
}

.account-form-wrapper .right p span {
    color: rgba(5, 143, 19, 1);
    font-weight: 700;
}

.inputstyle6 {
    height: 42px;
    border-radius: 6px;
    padding: 0 20px;
    border: 1px solid rgba(208, 208, 208, 1);
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;

}

.inputwrapper {
    margin-bottom: 10px;
    text-align: left;
}

.account-form-wrapper .form-wrapper .product-btn {
    width: 100%;
    margin-top: 15px;
}

.account-form-wrapper .product-item-card > div {
    padding: 20px;
    text-align: center;
}

.account-form-wrapper .product-item-card {
    margin: 50px 0 20px 0;
}


.account-form-wrapper .right p a {
    color: rgba(0, 51, 160, 1);
    font-weight: 600;
}

.login .product-item-card h3 {
    font-size: 28px;
    font-weight: 700;
    color: rgba(40, 58, 96, 1);
    margin: 20px 0 5px 0;
}

.radiostyle2 {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
    color: rgba(101, 101, 101, 1);
    text-align: left;
}

.radiostyle2 input {
    width: 16px;
    vertical-align: sub;
    margin-right: 5px;
    height: 16px;

}

.login.account-form-wrapper .right div > p {
    color: rgba(129, 129, 129, 1);
    margin-bottom: 35px;
}

.login.account-form-wrapper .left {
    padding: 160px 70px 0 70px;
}

.login.account-form-wrapper .form-wrapper .error-wrapper {
    text-align: left;
    margin-top: 5px;
}

.errorstyle1 {
    font-size: 12px;
    font-weight: 400;
    color: rgba(215, 47, 66, 1);
}

.errorstyle2 {
    font-size: 18px;
}

.successstyle1 {
    color: #52AE0A;
    font-size: 18px;
}

.login.account-form-wrapper .left {
    background-position: 75% 50px;
}

.login.account-form-wrapper .right {
    padding-bottom: 0;
}

.h1style3 {
    font-size: 26px;
    font-weight: 600;
    color: rgba(47, 47, 47, 1);
}

.h1style3 span {
    font-weight: 400;
}


.cart-wrapper {
    padding: 50px 0 0 0;
}

.cart-wrapper .h1style3 {
    text-align: center;
    font-family: Poppins;
}

table.cart-table-data {
    width: 100%;
    font-family: Poppins;

}

table.cart-table-data tr th:first-child {
    text-align: left;
}

table.cart-table-data tr th {
    font-size: 18px;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);

}

table.cart-table-data tr td:first-child {
    display: flex;
    align-items: center;
    text-align: left;
}

table.cart-table-data tr td .item-parent {
    display: flex;
}

table.cart-table-data td label {
    display: none;

}

table.cart-table-data tr td .item-data h3 {
    font-size: 16px;
    font-weight: 700;
    color: rgba(49, 56, 64, 1);
}

table.cart-table-data tr td .item-data > span {
    font-size: 14px;
    font-weight: 400;

}

table.cart-table-data tr td .delete {
    border: none;
    background: url(../images/item-delete.png) no-repeat 0 0;
    width: 15px;
    height: 15px;
    font-size: 0;
    margin-left: 20px;
    cursor: pointer;
}

table.cart-table-data tr td {
    font-size: 16px;
    font-weight: 400;
    color: rgba(49, 56, 64, 1);
    text-align: center;

}

table.cart-table-data tr td .item-data {
    margin-left: 20px;
    width: 86%;
}

table.cart-table-data tr td .item-img img {
    max-width: 75px;
}

table.cart-table-data tr td {
    border-top: 1px solid rgba(222, 222, 222, 1);
    padding: 20px 10px;
}

table.cart-table-data tr td.price {
    width: 7%;
}

table.cart-table-data tr :is(td:last-child, th:last-child) {
    text-align: right;
    width: 13%;
}

table.cart-table-data tr td .cart-total {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

table.cart-table-data tr:last-child td {
    border-bottom: 1px solid rgba(222, 222, 222, 1);

}

table.cart-table-data tr td .qty-wrapper {
    display: flex;
    justify-content: center;
}

table.cart-table-data tr th {
    padding: 10px 0px 20px 0px;

}

.total-cart-wrapper {
    display: flex;
    /* justify-content: right; */
    flex-direction: column;
    align-items: flex-end;

}

.cart-total-data .buttonstyle1 {
    width: 100%;
    font-family: Poppins;
}


.cart-total-data {
    max-width: 525px;
    font-family: Poppins;
}

.cart-total-data tr:not(:last-child) :is(td, th) {
    border-bottom: 1px solid rgba(222, 222, 222, 1);
    padding: 25px 0;
}

.cart-total-data tr th:first-child {
    text-align: left;

}

.cart-total-data tr.cart-total th:last-child {
    font-size: 22px;
    font-weight: 400;
    color: rgba(49, 56, 64, 1)
}

.cart-total-data tr.cart-total th:first-child {
    font-size: 20px;
    font-weight: 600;
    color: rgba(47, 47, 47, 1)
}

.cart-total-data tr th {
    font-size: 18px;
    font-weight: 600;
    color: rgba(47, 47, 47, 1);


}

.es-account {
    display: flex;
    text-align: center;
    min-height: 339px;

}

.heading-wrapper-border {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 99;
}

.heading-wrapper-border > div {
    background-color: #fff;
    padding: 0 20px;
}

.h2style4 {
    padding: 10px 38px;
    border-radius: 38px;
    /* background: rgba(237, 246, 255, 1); */
    font-family: Poppins;
    font-size: 32px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #101828;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
}

.h2style4:before,
.h2style4:after {
    /* content: ""; */
    border-bottom: 1px solid rgba(227, 225, 252, 1);
    position: absolute;
    width: 50%;
    left: 0;
    z-index: -1;
}

.h2style4:after {
    right: 0;
    left: auto;
}

.cart-total-data tr td:last-child {
    width: 17%;
    text-align: right;
}

.cart-total-data tr td {
    font-size: 16px;
    font-weight: 400;
    color: rgba(35, 31, 32, 1);
    vertical-align: top;
}

.cart-total-data tr.cart-option td:first-child {
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.cart-total-data tr td .info-icon {
    margin-left: 3px;
}

.cart-total-data tr.cart-option td .radiostyle3 {
    margin-right: 10px;
    margin-top: 3px;

}

.cart-total-data tr.cart-option td:first-child label {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding-right: 20px;
    cursor: pointer;

}

.radiostyle3 {
    position: relative;
    min-width: 18px;
    height: 18px;
    border: 2px solid rgba(0, 51, 160, 1);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.radiostyle3 input[type="checkbox"] {
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
}

/* On mouse-over, add a grey background color */
.radiostyle3:hover input ~ .checkmark {
    background-color: rgba(0, 51, 160, 1);

}

.radiostyle3 input:checked ~ .checkmark {
    background-color: rgba(0, 51, 160, 1);
    width: 14px;
    height: 14px;

}

.radiostyle3 .checkmark {
    width: 18px;
    height: 18px;
    border-radius: 100%;

    display: inline-block;
}

.ship-video-main .ship-inner-section {
    display: flex;
    margin-top: 15px;
}

.ship-video-main .h1style2 {
    font-family: Roboto;
}

.ship-video-main.headingstyle .h1style2 span {
    background: #fff;
    z-index: 999;
    padding-right: 20px;
}

.ship-video-main {
    margin-bottom: 30px;
}

.ship-video-main .ship-video {
    flex: 1;
    margin-right: 25px;
}

.ship-video-main .ship-video:nth-child(2n) {
    margin: 0;
}

.ship-video-main .ship-video iframe {
    width: 100%;
    display: none;
    height: 278px;
}

.source-page {
    display: flex;
}

.source-page > section {
    flex: 1;
    margin-right: 2.5%;
}

.source-page > section:last-child {
    margin: 0;
}

.ship-video-main .ship-video .content {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.ship-video-main .ship-video .content > div span {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    color: rgba(191, 191, 191, 1);

}

.ship-video-main .ship-video .content > div h2 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;

}

.ship-video-main .ship-video .content > div {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
}

.ship-video-main .video-overflow {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.ship-video-main .video-overflow > .img-wrapper {
    height: 100%;
}

.ship-video-main .video-overflow > .img-wrapper img {
    width: 100%;
    border-radius: 20px;
    height: 100%;
    object-fit: cover;

}

.ship-video-main .video-overflow > .img-wrapper:after {
    content: "";
    border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;

}

.ship-video-main.headingstyle .h1style2 {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    margin-bottom: 30px;

}

.ship-video-main.headingstyle .h1style2:after {
    content: "";
    border-bottom: 1px solid rgba(203, 203, 203, 1);
    width: 100%;
    position: absolute;
}

.source-page .form-wrapper {
    padding: 30px;
}

.source-page .form-wrapper .product-btn.blue {
    width: 100%;
}

.source-page .form-wrapper .labelstyle2 {
    color: rgba(71, 80, 100, 1);
    margin-bottom: 5px;
    display: block;
}

.source-page .form-wrapper > div {
    margin-bottom: 20px;
}

.source-page .form-wrapper > div textarea {
    height: 90px;
    padding: 10px;
    resize: none;
    margin: 0;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
}

.source-page .form-wrapper > div .file > span {
    font-size: 12px;
    font-weight: 400;
    color: rgba(92, 102, 123, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.source-page .form-wrapper > div .file > span > img {
    margin-right: 10px;

}

.source-page .form-wrapper > div .file > span > span {
    color: rgba(0, 51, 160, 1);
    border-bottom: 1px solid rgba(0, 51, 160, 1);
}

.source-page .form-wrapper > div .file {
    cursor: pointer;
    border: 3px dotted rgba(223, 223, 223, 1);
    border-radius: 5px;
    padding: 10px;
    position: relative;
}

.source-page .form-wrapper > div .file > span > span {
    color: rgba(0, 51, 160, 1);
    margin-left: 5px;

}

.source-page .form-wrapper > div .file input[type=file] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.source-page .form-wrapper .col2 {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;

}

.source-page .form-wrapper .col2 > div {
    margin-right: 10px;
    flex: 1;
}

.source-page .form-wrapper .col2 > div:last-child {
    margin: 0;
}

.source-page .radiostyle2 {
    color: rgba(77, 86, 104, 1);
    display: flex;
}

.source-page .form-wrapper > div label {
    width: 80%;
    line-height: 23px;
}

.source-page .radiostyle2 input {
    margin-top: 8px;
    margin-right: 10px;
}

.source-page .radiostyle2 a {
    color: rgba(42, 55, 84, 1);
    border-bottom: 1px solid rgba(42, 55, 84, 1);
    text-transform: capitalize;
}

.source-page .h2style3 {
    color: rgba(12, 35, 64, 1);
    text-transform: capitalize;
    border-bottom: 1px solid rgba(231, 231, 231, 1);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.source-content {
    padding-top: 30px;
}

.source-content ul li {
    margin-bottom: 20px;
    display: flex;

}

.source-content ul li > div:first-child {
    margin-top: 5px;
}

.source-content ul li > div:last-child {
    width: 80%;
    margin-left: 15px;
}

.source-content ul li .h1style2 {
    color: rgba(57, 69, 95, 1);
    margin-bottom: 10px;
}

.source-content ul li p {
    color: rgba(71, 80, 100, 1);
}

/* .header-nav {
    display: flex;
    margin-left: auto;
  }

  .header-nav li {
    margin-right: 25px;
    position: relative;
  }

  .header-nav li a .count {
    background: rgba(245, 27, 27, 1);
    width: 21px;
    top: -10px;
    right: -20px;
    height: 21px;
    border-radius: 37px;
    color: #fff;
    font-family: Open Sans;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-weight: 600;

  }

  .header-nav li a {
    font-size: 16px;
    font-weight: 600;
    color: rgba(44, 40, 69, 1);

  } */

.black-screen {
    display: none;
}

.card-wrapper-main {
    position: fixed;
    right: 0;
    z-index: 999999;
    height: 100vh;
    max-width: 449px;
    width: 100%;
    display: none;
    background-color: #fff;
    padding: 30px;
    box-sizing: border-box;

}

.cross-cart {
    cursor: pointer;
}

.black-screen {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}


.cart-heading .cross {
    cursor: pointer;
}

.cart-heading h2 {
    font-family: Roboto, serif;
    font-size: 26px;
    font-weight: 600;
    color: rgba(35, 31, 32, 1);

}

.card-wrapper-main ul.cart-list-product {
    height: 70vh;
    overflow-y: auto;
    width: 100%;
    padding-right: 50px;
}

.card-wrapper-main ul li .cross {
    cursor: pointer;
}

.card-wrapper-main ul li .cross input {
    border: none;
    background: url('../images/cross-cart.png') no-repeat 0 0;
    width: 12px;
    height: 12px;
    font-size: 0;
    cursor: pointer;
}

.card-wrapper-main ul li .cross img {
    max-width: 12px;
}

.card-wrapper-main ul li .item-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-wrapper-main ul li .cart-image {
    max-width: 50px;
}

.card-wrapper-main ul li .item-title {
    font-size: 14px;
    font-weight: 400;
    color: rgba(49, 56, 64, 1);
}

.card-wrapper-main ul li .item-spec {
    margin: 15px 0;
    display: flex;
}

.card-wrapper-main ul li .item-spec span {
    font-size: 12px;
    font-weight: 600;
    color: rgba(45, 45, 45, 1);
    width: 50%;
    padding-right: 10px;
}

.card-wrapper-main ul {
    margin-top: 30px;
}

.card-wrapper-main .cart-heading {
    display: flex;
    justify-content: space-between;
}

.card-wrapper-main ul li {
    border-top: 1px solid rgba(192, 192, 192, 1);
    padding-top: 15px;
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
}

.card-wrapper-main ul li > div:nth-child(2) {
    margin: 0 20px 0 15px;
}

.card-wrapper-main ul li .item-spec span > span {
    font-weight: 400;
}

.card-wrapper-main ul li .item-qty {
    font-family: Roboto, serif;
    font-size: 16px;
    font-weight: 400;
    color: rgba(80, 80, 80, 1);
}

.card-wrapper-main ul li .buttonstyle1 {
    width: 128px;
    height: 46px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-wrapper-main ul li.total-list {
    align-items: center;
}

.card-wrapper-main ul li .total-wrapper > span > span {
    margin-left: 20px;
}

.card-wrapper-main ul li .total-wrapper span {
    font-family: Roboto, serif;
    font-size: 14px;
    font-weight: 500;
    color: rgba(46, 46, 46, 1);
}

.card-wrapper-main ul li .total-wrapper span > span {
    color: rgba(80, 80, 80, 1);
    font-size: 16px;
}

.payment-form-wrapper .parastyle3 {
    text-align: center;
    margin-top: 30px;
}

.form-payment-main .payment-heading {
    display: flex;
    justify-content: space-between;
}

.form-payment-main .payment-heading span {
    font-size: 16px;
    font-weight: 400;
    color: rgba(156, 156, 156, 1);
}

.form-payment-main .payment-heading span img {
    margin-right: 5px;
}

.form-payment-main .payment-heading h2 {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
}


.form-payment-main {
    max-width: 987px;
    width: 100%;
    margin: auto;
    padding-bottom: 60px;
    margin-top: 50px;
}

.payment-form-wrapper {
    margin-top: 80px;
}

.form-payment-main ul > li {
    border: 1px solid rgba(226, 226, 226, 1);
    border-radius: 19px;
    padding: 20px;
    margin-top: 20px;
    background-color: rgba(251, 251, 251, 1);
}

.form-payment-main ul > li:not(.active) > .form {
    display: none;
}

.form-payment-main ul > li.active {
    border: 1px solid rgba(0, 51, 160, 1);
}

.payment-selection label {
    font-family: Poppins, serif;
    font-size: 14px;
    font-weight: 600;
    color: rgba(131, 132, 133, 1);
}

.payment-selection p {
    font-family: Poppins, serif;
    font-size: 16px;
    font-weight: 400;
    color: rgba(134, 134, 134, 1);
    margin-top: 10px;

}

.payment-selection {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

.form-payment-main .form {
    border-top: 1px dashed rgba(207, 207, 207, 1);
    padding-top: 10px;
    margin-top: 10px;
}

.payment-selection input {
    margin-right: 10px;
    margin-top: 6px;
}

.form-payment-main .field-wrapper label {
    font-family: Poppins, serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(120, 120, 120, 1);
    display: block;
    margin-bottom: 5px;
}

.form-payment-main .errorstyle2 {
    text-align: center;
    display: block;
    margin-top: 10px;
}

.form-payment-main .col-2 {
    display: flex;
}

.form-payment-main .col-2 .field-wrapper:not( :last-child) {
    margin-right: 35px;
}

.form-payment-main .field-wrapper {
    margin-bottom: 20px;
    width: 100%;
}

.form-payment-main .field-wrapper.checkbox {
    display: flex;
}

.form-payment-main .field-wrapper.checkbox input {
    margin-right: 10px;
    height: 17px;
    width: 17px;
    border: 1px solid rgba(189, 189, 189, 1)
}

.form-payment-main .field-wrapper.checkbox label {
    font-family: Poppins, serif;
    font-size: 13px;
    font-weight: 400;
    color: rgba(120, 120, 120, 1);
}

.buttonstyle4 {
    height: 41px;
    border-radius: 4px;
    font-family: Poppins, serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background-color: rgba(0, 51, 160, 1);
    border: 0;
    cursor: pointer;
}

.form-payment-main .buttonstyle4 {
    width: 100%;
}

.form-payment-main .field-wrapper input:not([type="checkbox"]) {
    height: 49px;
    border: 1px solid rgba(179, 179, 179, 1);
    border-radius: 4px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-family: Open Sans, serif;
    font-size: 16px;
    font-weight: 400;
    color: rgba(205, 205, 205, 1);

}

.view-wrapper {
    display: flex;
}

.view-wrapper .img {
    margin-right: 40px;
}

.h2style5 {
    font-size: 18px;
    font-weight: 500;
    font-family: Poppins;
}

.sku-list {
    margin-top: 25px;
}

.sku-list li > strong {
    min-width: 180px;
}

.sku-list li {
    margin-bottom: 35px;
    display: flex;
    font-family: Poppins;
    font-size: 16px;
}

.sku-list li strong {
    font-weight: 600;
}

.view-wrapper .btn-wrapper {
    display: flex;
}

.view-wrapper .btn-wrapper .btnstyle3 {
    padding: 12px 12px 12px 12px;
    margin-right: 10px;
}

.view-detail-info .h2style5 {
    width: 100%;
    margin-bottom: 50px;
}

.view-detail-info {
    display: flex;
    flex-wrap: wrap;
}

.view-detail-info .login-btn {
    margin-left: auto;
}

.member-section-top {
    background-color: #fff;
    border-radius: 7px;
    padding: 15px 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.member-section-top :is(h2, span) {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: rgba(37, 37, 37, 1);
}

.card-detail-wrapper {
    padding: 30px 20px;
}

.card-detail-wrapper .payment-tabs {
    display: flex;
}

.card-detail-wrapper .payment-tabs li {
    background: rgba(234, 236, 240, 1);
    min-height: 42px;
    padding: 0 15px;
    align-items: center;
    display: flex;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 15px;
    transition: 0.5s all ease;
    justify-content: center;
    font-size: 15px;
}


.card-detail-wrapper .payment-tabs li.visa {
    background: rgba(234, 236, 240, 1) url(../images/visa.png) no-repeat center / 164px 18px;
    flex-basis: 194px;
}

.card-detail-wrapper .payment-tabs li:is(:hover, .active, :hover.visa, .visa.active) {
    background-color: rgba(0, 51, 160, 1);
    color: #fff;
}

.card-detail-wrapper .payment-tabs li:is(:hover.visa, .visa.active) {
    background-image: url(../images/visa-hover.png);
}

.member-section-top span {
    font-weight: 600;
}

.payment-form {
    background: rgba(235, 241, 255, 1);
    padding: 25px 50px;
    border-radius: 15px;
    margin-top: 30px;
}

.payment-item {
    display: none;
}

.payment-form label {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 500;
    color: rgba(56, 55, 55, 1);
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}

.payment-form label.col-2 {
    justify-content: space-between;
}

.payment-form label img {
    margin-right: 10px;
}

.payment-form .field-wrapper {
    display: flex;
}

.payment-form .inputstyle-payment {
    border: 1px solid rgba(129, 129, 129, 1);
    border-radius: 6px;
    padding: 5px 15px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-right: 15px;
    flex: 1;
}

.payment-form .btn-payment {
    background: rgba(0, 51, 160, 1);
    padding: 10px 12px 10px 12px;
    border-radius: 6px;
    color: #fff;
    border: 0;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 400;
    flex: 1;
}

.member-payment-form-wrapper .payment-item.active {
    display: block;
}

.top-up-card-wrapper {
    display: flex;
    justify-content: center;
}

.pagination {
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0;
    width: 100%;
    flex-wrap: wrap;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    /* Light grey border */
    margin: 0 4px 20px 4px;
}

.pagination a.active {
    background-color: rgba(0, 51, 160, 1);
    color: white;
    border: 1px solid rgba(0, 51, 160, 1);
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}

.buttonstyle2.active {
    background: rgba(0, 51, 160, 1);
    color: #fff;
}


/******************** This is for product search module **********************/


/******************** This is for New Header *************************************/
/* ======= NEW HEADER START ========== */
.change-plan-btn-container a {
    display: block;
    text-align: center;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: Roboto;
    border: 0;
    padding: 10px 3px;
    font-size: 14px;
    font-weight: 400;
    background: rgba(0, 51, 160, 1);
    cursor: pointer;
    line-height: 16px;
    margin: 1rem 0;
}


.disabledBtn {
    background: rgba(0, 51, 160, 0.5) !important;
}

.disabled-package {
    opacity: 0.4;
}

.border-right {
    border: none;
}

.border-left {
    border-left: 1px solid rgba(214, 214, 214, 1);
}

.price-cards .price sub {
    display: inline-flex;
    flex-direction: column;
    justify-content: end;
}

.log-btn {
    width: 72px;
    height: 22px;
}

.model-parent {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    display: none;
}

.model {
    width: 500px;
    margin: auto;
}

.flex-direction {
    flex-direction: column;
}

.d-block {
    display: block;
}

.w-85 {
    width: 85px;
}

.text-right {
    text-align: right;
}

.py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.bg-black {
    background: rgba(12, 35, 64, 1) !important;
}

.active-model {
    display: flex;
}

.border-none {
    border: none;
}

.pay-con-btn {
    text-transform: capitalize;
    font-size: 17px;
}

.message {
    color: #fff;
    background: #0033a0;
    padding: 8px;
    text-align: center;
    max-width: 672px;
    margin: auto;
    border-radius: 6px;
}

.message-parent {
    width: 100%;
    position: fixed;
    left: -45px;
}

.top-up .top-up-header {
    display: flex;
}

.top-up .top-up-header .ms-bal-p {
    width: 100%;
    text-align: right;
}

.top-up .top-up-header .ms-bal-p h2 {
    text-transform: uppercase;
    font-size: 16px;
    color: #5C567E;
}

.top-up .top-up-header .ms-bal-p h3,
.top-up h3 {
    text-transform: capitalize;
    font-weight: 400;
    color: #5C567E;
}

.round-4 {
    border-radius: 4px;
}

.ms-bal-p h3 {
    margin: 0px !important;
}


header {
    padding: 18px 0;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99999;
    top: 0px;
}

/*main {*/
/*    padding-top: 120px;*/
/*}*/

header .search-wrapper {
    position: relative;
    width: 307px;
}

.inputstyle1 {
    padding: 11px 10px 12px 40px;
    box-sizing: border-box;
    border-radius: 55px;
    border: 1px solid rgba(186, 186, 186, 1);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;

    background-color: #fff !important;
}


.inputstyle2::-webkit-input-placeholder,
.inputstyle1::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(161, 161, 161, 1);
}

.inputstyle2:-moz-placeholder,
.inputstyle1:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(161, 161, 161, 1);
    opacity: 1;
}

.inputstyle2::-moz-placeholder,
.inputstyle1::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(161, 161, 161, 1);
    opacity: 1;
}

.inputstyle2:-ms-input-placeholder,
.inputstyle1:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(161, 161, 161, 1);
}

.inputstyle2::-ms-input-placeholder,
.inputstyle1::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(161, 161, 161, 1);
}

.inputstyle2::placeholder,
.inputstyle1::placeholder {
    /* Most modern browsers support this now. */
    color: rgba(161, 161, 161, 1);
}

.search-header {
    background: url("../images/search-gray.png") no-repeat 15px center;
    height: 44px;
    width: 307px;
    padding: 15px 10px 15px 40px;
    box-sizing: border-box;
    border-radius: 55px;
    border: 1px solid rgba(186, 186, 186, 1);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    background-color: #fff !important;
}

header .search-wrapper button {
    background: url("../images/upload.png") no-repeat;
    border: 0;
    position: absolute;
    right: 20px;
    /*width: 19px;*/
    /*height: 18px;*/
    width: 44px;
    height: 44px;
    background-position: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

header form {
    display: flex;
    margin-left: 20px;
}

.header-nav > nav > ul {
    display: flex;
    align-items: center;
}

header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .header-logo-area {
    display: flex;
    align-items: center;
}

header .header-logo-area > a {

    text-align: center;
}

header .header-logo-area > a > img {
    width: 240px;
    vertical-align: bottom;
}

.buttonstyle1 {
    background: rgba(0, 51, 160, 1);
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 50px;
    color: #fff;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    border: 0;
}

header .buttonstyle1 {
    padding: 10px 17px;
}

header nav > ul > li > a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #757575;
    transition: 0.5s all ease;
    padding: 0 0 11px 0;
}

.header-nav nav ul li ul {
    background: #fff;
    position: absolute;
    display: none;
    flex-direction: column;
    max-width: 240px;
    width: 100%;
    margin: 10px 0 0 -60px;
    border-radius: 10px;
    border: 1px solid rgba(242, 244, 247, 1);
}

.header-nav nav ul li:hover ul {
    display: flex;
}

.header-nav ul li a img {
    margin-left: 5px;
    vertical-align: middle;
}

.header-nav nav ul li ul li {
    width: 100%;
}

.header-nav nav ul li ul li a {
    display: block;
    padding: 10px 16px 10px 16px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(32, 32, 32, 1);
}

header nav ul li a:not(.buttonstyle1):hover {
    color: rgba(32, 32, 32, 1);
}

.header-nav nav > ul > li {
    margin-right: 20px;
}

.header-nav nav ul li:last-child {
    margin: 0;
}


.search-image-pop-wrapper {
    background-color: #fff;
    max-width: 643px;
    height: 494px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 28px;
    margin: auto;
    z-index: 9999999;
    padding: 30px;
    text-align: center;
    display: none;
}

.blackscreen {
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 999999;
}

.search-image-pop-wrapper h3 {
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
}

.search-image-pop-wrapper .image-upload-main {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: rgba(32, 32, 32, 1);
    padding: 100px 0;
    margin-top: 30px;
    border: 2px dashed rgba(200, 200, 200, 1);
    border-radius: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.search-image-pop-wrapper .image-upload-main span {
    margin: 0 10px;
}

.search-image-pop-wrapper .image-upload-main input[type=file] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.search-image-pop-wrapper .image-upload-main a {
    color: rgba(74, 58, 255, 1);
    border-bottom: 1px solid rgba(74, 58, 255, 1);
}

.search-image-pop-wrapper .or span {
    padding: 0 20px;
    background-color: #fff;
}

.search-image-pop-wrapper .or {
    margin: 30px 0;
    font-family: Poppins, serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-image-pop-wrapper .or:after,
.search-image-pop-wrapper .or:before {
    content: "";
    border-bottom: 1px solid rgba(200, 200, 200, 1);
    position: absolute;
    width: 50%;
    left: 0;
    z-index: -1;
}

.search-image-pop-wrapper .or:after {
    right: 0;
    left: auto;
}

.search-image-pop-wrapper input[type="text"] {
    width: 100%;
    border: 1px solid rgba(200, 200, 200, 1);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 39px;
    margin-bottom: 20px;
}

.product-desc {
    margin: 0 auto;
    margin-bottom: 70px;
    max-width: 594px;
    width: 100%;
}

.product-desc img {
    border-radius: 27px;
    margin-bottom: 30px;
    width: 100%;
}

.dis-inner-video {
    max-width: 594px;
    max-height: 420px;
    width: 100%;
    height: auto;
    margin: auto;
    margin-bottom: 30px;
}

/*get Started button for home page header*/
.getStartBtn {
    color: #FFF;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    width: 124px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: #0033A0;
    box-sizing: border-box;
}

a.getStartBtn:hover {
    color: #FFF !important;
}

.sourceDirectText {
    border-radius: 38px;
    background: #EDF6FF;
    color: #0033A0;
    font-family: Poppins, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.mb-72 {
    margin-bottom: 72px;
}

.bottom-border-none {
    border-bottom: none !important;
}

.h2-title {
    font-size: 20px;
    font-weight: 600;
    color: #BABABA;
    text-transform: none;
    margin-top: 8px;
}

.text-40 {
    font-size: 40px;
}

.testimonials-main .parastyle1 {
    font-size: 18px;
}

.width-fit {
    width: fit-content;
}

.backend .qty-wrapper {
    display: none;
}

.product-meta-detail-wrapper .product-para {
    margin-top: 35px;
}

.price-style {
    font-family: Poppins, serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20.16px !important;
}

/*heading-wrapper*/


/******************** This is for New Header *************************************/


.price-cards .card-heading {
    display: flex;
    z-index: 9;
    flex-direction: column;
    /* height: 165px; */
    max-width: 178px;
    width: 100%;
    box-sizing: border-box;
    padding: 24px 16px 16px 16px;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid rgba(228, 228, 231, 1);
    /* margin-bottom: 30px; */
    /* position: sticky; */
    /* top: 80px; */
    background: white;
    position: relative;
}

/* .price-cards .card-heading {
  display: flex;
  z-index: 9;
  flex-direction: column;
  /* height: 165px;
  max-width: 178px;
  width: 100%;
  box-sizing: border-box;
  padding: 24px 16px 16px 16px;
  justify-content: space-between;
  border-radius: 8px;
  border: 1px solid rgba(228, 228, 231, 1);
  /* margin-bottom: 30px;
  /* position: sticky;
  top: 80px;
  background: white;
} */

.price-cards .card-heading .price-wrapper {
    display: flex;
    /* margin: 7px 0; */
    /* align-items: center; */
    padding-top: 32px;
    padding-bottom: 38px;
}

.dollar-sign {
    font-family: Poppins, serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36.8px;
    text-align: left;
    color: #0C2340;
}

/* .popular .card-heading {
  max-width: inherit !important;
  margin-left: inherit;
  margin-right:inherit;
} */

.price-cards:last-child .card-heading {
    margin-right: inherit;
}

.popular .card-heading {
    border-radius: 0 0 8px 8px;
}

.m-popular-area {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 945px;
    border: 1px solid red;
    top: -35px;
    border-radius: 6px 6px 0 0;
}

.reting-store .store img {
    width: 21px;
    height: auto;
    border-radius: 50px;
}

.reting-store .store span {
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #8C8C8C;
    display: inline-block;
}

.reting-store .store {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.color-item-wrapper .item span {
    font-family: Poppins, serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 8px;
    display: block;
}

.reting-store .store .store-container div {
    display: inline-block;
    flex-direction: column;
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.pagination {
    margin-top: 72px;
    padding: 0 30px;
}

.pagination a:hover:not(.active) {
    color: #011132 !important;
    background: none;
}

.next-previous-btn {
    width: 158px;
    padding: 10px 0;
    gap: 8px;
    border-radius: 32px;
    background: #EDF6FF;
    display: flex;
    justify-content: center;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #0033A0;
    height: fit-content;
}

.next-previous-btn svg {
    margin-top: 4px;
    width: 24px;
    height: 24px;
}

.rating-parent {
    margin-left: 11px;
    background: #E7F6FF;
    padding: 11px 15px;
    border-radius: 6px;
    transform: translateY(3px);
}

.rating-parent img {
    width: 89px !important;
}

.rating-number {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0033A0 !important;
}

.factory-dit {
    margin-top: 14px;
}

.factory-dit h3,
.product-description-wrapper h3 {
    font-family: Poppins, serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.factory-dit span,
.product-description-wrapper span {
    font-family: Poppins, serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #7D7B7B;
}

.product-description-wrapper {
    border: none;
}

.pag-num {
    border: none !important;
    color: #0033A0 !important;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 20px;
}

.pag-num.active {
    background: #EDF6FF !important;
    border-radius: 42px;
}

.w-158 {
    width: 158px;
}

.pagination-link {
    cursor: pointer;
}

.shopName {
    transform: translateY(-6px);
}

.product-meta-detail-wrapper .product-para {
    font-family: Poppins, serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 33px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-top: 10px;
}

.solid14k {
    font-family: Poppins, serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #8C8C8C;
    transform: translateY(-6px);
    display: inline-block;
}

.justify-between {
    justify-content: space-between;
}

.flex {
    display: flex;
}

.mobile {
    display: none;
}

.pricing-wrapper-main .heading {
    width: 100%;
    box-sizing: border-box;
}

.pricing-wrapper-main .normal {
    font-size: 14px;
    font-weight: 400;
    color: rgba(73, 83, 95, 1);
}

.p-0 {
    padding: 0 !important;
}

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

.pricing-wrapper-main .price-cards .normal {
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pricing-wrapper-main .normal {
    font-size: 14px;
    font-weight: 400;
    color: rgba(73, 83, 95, 1);
}

.padding-xy {
    padding: 9px 15px;
}

.header-nav .logout a span {
    display: none;
}

@media only screen and (max-width: 1320px) {
    .price-cards.popular .m-popular {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1200px) {

    .pricing-wrapper-main.pricing-two-col {
        flex-direction: column;
    }

    .pricing-wrapper-main.pricing-two-col > *,
    .pricing-wrapper-main.pricing-two-col .price-table .price-cards {
        width: 100%;
    }

    .cart-price-main .price-cards,
    .price-heading-wrapper,
    .price-cards {
        width: 100%;
    }

    .ship-video-main .ship-video .content > div {
        bottom: 10px
    }

    .account-form-wrapper .left {
        width: 50%;
        padding: 70px 30px;
    }

    .account-form-wrapper .right {
        padding: 50px 0px 50px 30px;
        width: 50%;
    }

    .pricing-changer-wrapper {
        padding-left: 0;
        display: flex;
        justify-content: center;
    }

    .billing-main-wrapper {
        flex-direction: column;
    }

    .billing-main-wrapper .price-datatable {
        width: 100%;
        padding: 0;
    }

    .billing-main-wrapper .billing-balance-wrapper {
        width: 100%;
    }

    .ecommerce-main-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        margin-right: 0;
    }

    .ecommerce-wrapper {
        margin: 0;
        margin-bottom: 30px;
    }


    .product-wrapper article {
        width: calc(99% / 3);
    }

    .create-ship-wrapper .item {
        flex: 0 0 49%;
    }

    .shipping-option-form .form-wrapper {
        flex-direction: column;
    }

    .shipping-option-form .ship-white-form {
        margin: 0 0 30px 0;
    }

    .shipping-option-form form > .product-btn.blue {
        width: 100%;
    }

    .shipment-form section > form {
        width: 100%;
    }
}

@media only screen and (max-width: 992px) {
    .big-image-product {
        height: auto;
    }

    .search-credit {
        display: none;
    }

    .payment-instruction-wrapper .container {
        flex-direction: column;
    }

    .invoice-main-wrapper .invoice-heading {
        text-align: center;
        margin-bottom: 30px;
    }

    .payment-instruction-wrapper > .container > section:first-child {
        margin: 0 0 30px 0;
    }

    .invoice-main-wrapper {
        flex-direction: column;
    }

    .product-wrapper-main {
        flex-direction: column;
    }

    .product-carousal-wrapper,
    .product-meta-detail-wrapper {
        width: 80%;
        margin: auto;
        margin-bottom: 40px;
    }

    .product-tabs ul {
        margin-top: 30px;
    }

    .shipment-form {
        margin: 20px 0;
    }

    .payment-instruction .search-credit {
        display: flex;
    }

    .payment-instruction .left-panel {
        position: fixed;
        width: 100%;
    }
}


@media only screen and (max-width: 850px) {

    .pricing-wrapper-main .heading-list-wrapper > li,
    .pricing-wrapper-main .price-cards .normal {
        /* padding-left: 10px; */
        margin-top: -8px;
    }

    .pricing-wrapper-main .heading-list-wrapper .heading {
        /* color: rgba(0, 51, 160, 1); */
        font-weight: bold;
        background: #f3f7ff;
    }

    /* .price-cards .price span {
    color: #fff;
  } */
    .price-cards .heading-list-wrapper {
        display: block;
        width: 40%;
    }

    .price-cards {
        flex-flow: row wrap;
    }

    .price-cards > div {
        width: 60%;
    }

    .pricing-wrapper-main .price-cards .heading-list-wrapper .normal {
        justify-content: flex-start;
        padding-left: 5%;
    }

    .price-heading-wrapper {
        display: none;

    }

    .pricing-wrapper-main {
        flex-direction: column;
    }

    .pricing-heading-blank {
        padding: 0;
    }

    .price-cards .card-heading {
        text-align: center;
        max-width: 100%;
        height: auto;
        /* position: static; */
        /* background: rgba(0, 51, 160, 1); */
        width: 100%;
        padding: 20px;
    }
    .price-cards .card-heading:first-child {
        margin-top: 20px;
    }
    /* .price-cards .price sub {
    color: #fff;
  } */
    /* .price-cards :is(.duration, .price, h2) {
    color: #fff;
  } */
    .price-cards .card-heading .price-wrapper {
        justify-content: center;
        margin: 15px 0 20px 0;
    }

    .price-cards h2 {
        font-size: 35px;
    }

    .price-cards.popular .m-popular {
        position: static;
        padding: 10px 20px;
        font-size: 25px;
        font-weight: bold;
    }

    .w-full {
        width: 100% !important;
    }

}

@media only screen and (max-width: 767px) {
    .change-plan-wrapper .card-items {
        flex-direction: column;
        justify-content: center;
        border-bottom: 2px solid #aeaeae;
        padding-bottom: 10px;
        margin-bottom: 10px;
        text-align: center;
        align-items: center;
    }

    .payment-instruction .search-credit {
        display: none;
    }

    .payment-instruction .left-panel .search-credit {
        display: flex;
    }

    table.cart-table-data tr td .item-parent {
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    table.cart-table-data tr td.price,
    table.cart-table-data tr :is(td:last-child, th:last-child) {
        width: 100%;
    }

    .view-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .view-wrapper .img {
        margin: 0 0 30px 0;

    }

    table.cart-table-data {
        margin-top: 30px
    }

    .cart-total-data {
        max-width: 100%;
    }

    table.cart-table-data tr {
        display: block;
        border-bottom: 2px solid rgba(0, 51, 160, 1);

    }

    table.cart-table-data tr:last-child {
        border-bottom-width: 5px;
    }

    table.cart-table-data thead {

        display: none;

    }

    table.cart-table-data tr td {
        display: flex;
        text-align: center;
        justify-content: space-between;
        width: 100%;
    }


    table.cart-table-data tr td span {
        margin-left: auto;
    }

    table.cart-table-data td label {
        display: block;
        font-weight: bold;
        margin-right: 20px;

    }


    .price-datatable .product-name img {
        margin: 0;
    }

    .price-datatable .product-name {
        flex-direction: column;
    }

    .login.account-form-wrapper .left {
        padding: 40px;
    }

    .source-page .form-wrapper {
        padding: 30px 20px;
    }

    .source-page .form-wrapper > div label {
        width: 100%;
    }

    .source-page {
        flex-direction: column;
    }

    .ship-video-main .ship-video .content img {
        width: 10%;

    }

    .ship-video-main .ship-inner-section {
        flex-direction: column;
    }

    .ship-video-main .ship-video {
        margin: 0 0 30px 0;
    }

    .login.account-form-wrapper .right {
        padding-top: 0;
    }

    .account-form-wrapper {
        flex-direction: column;
    }

    .account-form-wrapper .right p {
        text-align: center;
    }

    .product-item-card,
    .account-form-wrapper .right > p:last-of-type {
        max-width: 100%;
    }

    .account-form-wrapper .left,
    .account-form-wrapper .right {
        width: 100%;
        text-align: center;
    }

    .account-form-wrapper .right {
        padding-left: 0;

    }

    .price-cards.popular .m-popular {
        position: static;
    }

    .pricing-wrapper-main {
        flex-direction: column;
    }

    .credit-card-main {
        flex-direction: column;
    }

    .credit-card-main .add {
        margin: 30px 0;
    }

    .payment-instruction-wrapper > .container > section.about {
        padding: 40px;
    }

    .buttons-wrapper-main {
        flex-direction: column;
    }

    .buttons-wrapper-main .inputstyle4 {
        max-width: 100%;
    }

    .buttons-wrapper-main .buttonstyle2,
    .buttons-wrapper-main .buttonstyle2:nth-child(2) {
        width: 100%;
        margin: 0 0 20px 0;
        box-sizing: border-box;
    }

    .price-datatable table.dataTable tr td,
    .price-datatable table.dataTable tr th {
        padding: 10px;
    }

    .price-datatable .dataTables_wrapper {
        overflow-x: auto;
    }

    .register-wrapper .field-wrapper .inputstyle1 {
        width: 100%;
        margin-right: 0;
    }

    .register-wrapper .button-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .register-wrapper .button-wrapper .labelstyle1 {
        margin-bottom: 10px;
    }

    .create-ship-wrapper .item {
        flex: 0 0 100%;
    }

    .payment-tabs {
        flex-direction: column;
    }

    .card-detail-wrapper .payment-tabs li.visa {
        flex-basis: auto;
    }

    .payment-tabs > li {
        margin-bottom: 10px;
    }

    .payment-form label.col-2 {
        text-align: center;
        flex-direction: column;
    }

}

@media only screen and (max-width: 580px) {
    .payment-form .field-wrapper {
        flex-direction: column;
    }

    .payment-form .inputstyle-payment {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .form-payment-main .col-2 {
        flex-direction: column;
    }

    .email-notification-wrapper > div {
        margin-bottom: 10px;
    }

    .email-notification-wrapper {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .product-tabs {
        display: flex;
        justify-content: center;
    }

    .product-tabs ul {
        flex-direction: column;
        width: 80%;
    }

    .product-tabs ul li {
        margin-bottom: 10px;
    }

    .spaced-product article {
        padding: 0;
    }

    .product-wrapper article {
        width: calc(99% / 1);
        margin: 0;
    }

    .product-wrapper article > p {
        text-align: center;
    }

    .product-carousal-wrapper,
    .product-meta-detail-wrapper {
        width: 100%;
    }

    .product-size-main ul li .qty-main {
        justify-content: space-between;
    }

    .product-size-main .qty-wrapper {
        width: 100%;
        margin-top: 10px;
    }

    .ecom-items.ecom-form li {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .ecom-items .form {
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
        align-items: center;
    }

    .shipment-form .produc-main {
        width: 100%;
    }

    .shipment-form section > form {
        flex-wrap: wrap;
    }

    .shipment-form .product-select {
        width: 100%;
    }

    .shipping-option-form .ship-white-form .col-2 {
        flex-wrap: wrap;
    }

    .shipment-form .qty-wrapper {
        margin: 10px 0;
    }

    .search-wrapper-form .inputstyle4 {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .search-wrapper-form form {
        display: flex;
        flex-direction: column;
    }

    .invoice-main-wrapper {
        padding: 50px 20px;
    }

    .invoice-main-wrapper .invoice-bill-wrapper {
        padding: 15px;

    }
}


@media only screen and (max-width: 480px) {

    .pricing-wrapper-main .heading-list-wrapper > li,
    .pricing-wrapper-main .price-cards .normal {
        height: 56px;
        margin-top: 6px;
    }

    .m-popular-area {
        height: 1340px !important;
    }

    .shipping-option-form .ship-white-form,
    .shipping-option-form .form-wrapper > .shipping-method {
        padding: 50px 20px;
    }

    .source-page .form-wrapper .col2 {
        flex-direction: column;
        align-items: stretch;
    }

    .source-page .form-wrapper .col2 > div {
        margin: 0 0 20px 0;
    }

    .payment-other-info .labelstyle3 {
        width: 50%;
    }

    .invoice-data {
        flex-direction: column;
    }

    .payment-instruction-wrapper .inputstyle4_blue {
        margin-top: 20px;
    }


    .ecommerce-wrapper .h2style3 {
        text-align: center;
    }

    .ecom-items li {
        flex-wrap: wrap;
    }

    .ecom-items li > * {
        width: 100%;
        text-align: center;
    }

    .ecommerce-wrapper .product-btn {
        width: 100%;
    }

    header .logo {
        display: flex;
        margin-top: 20px;
    }

    .produc-main ul li {
        flex-wrap: wrap;
    }

    .top-up-form-wrappper ul,
    .credit-fields-expiry {
        flex-direction: column;
    }

    .credit-fields-expiry .credit-fields:not( :last-child),
    .top-up-form-wrappper ul li {
        margin: 0 0 20px 0;

    }

    .top-up-form-wrappper ul {
        margin: 0;
    }

    .search-by-image-wrapper .search-drag-wrapper .drag-form form {
        flex-direction: column;
    }

    .search-by-image-wrapper .search-drag-wrapper .buttonstyle3 {
        max-width: 100%;
        margin-top: 10px;
    }

    .search-by-image-wrapper .search-drag-wrapper > div {
        padding: 0 20px
    }

    .form-payment-main .payment-heading {
        flex-direction: column;
    }

    .form-payment-main .payment-heading h2 {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1200px) {

    header .container {
        flex-direction: column;
    }

    header .header-logo-area {
        margin-bottom: 20px;
    }

    .payment-instruction-wrapper {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 767px) {
    header .header-logo-area {
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0;
    }

    header form {
        margin: 20px 0 0 0;
        width: 100%;
    }

    .burger-menu {
        margin: 0;
    }

    header .header-logo-area > a > img {
        width: 70%;
    }

    header .search-wrapper,
    .search-header {
        width: 100%;
    }

    .burger-menu,
    .burger-menu.close {
        position: absolute;
        left: 20px;
        top: 17px;
    }

    header .container .header-nav {
        align-self: flex-start;
        width: 100%;
        display: none;
        margin-top: 20px;
    }

    header .container .header-nav nav {
        background: rgba(152, 185, 255, 1);
        padding: 30px 30px;
    }

    .header-nav > nav > ul {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-nav nav > ul > li {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
    }

    header nav > ul > li > a {
        color: #000;
    }

    .header-nav > nav > ul {
        flex-direction: column;
        align-items: flex-start;
    }

    header .container .header-nav {
        align-self: flex-start;
        width: 100%;
        display: none;
        margin-top: 20px;
    }

    .header-nav nav > ul > li {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
    }

    .burger-menu {
        display: block;
        cursor: pointer;
        height: 27px;
        width: 27px;
        overflow: visible;
        z-index: 2;
        margin: 0 0 0 20px;
        position: relative;
    }

    .burger-menu.close {
        z-index: 99;
        left: auto;
    }

    .logout-btn {
        order: -1;
        display: flex;
        justify-content: flex-end;
        align-self: flex-end;
    }

    .burger-menu span,
    .burger-menu span:before,
    .burger-menu span:after {
        background: #000;
        display: block;
        height: 2px;
        opacity: 1;
        position: absolute;
        transition: 0.3s ease-in-out;
    }

    .burger-menu span:before,
    .burger-menu span:after {
        content: "";
    }

    .burger-menu span:before {
        left: 0px;
        top: -10px;
        width: 27px;
    }

    .burger-menu span {
        right: 0px;
        top: 13px;
        width: 27px;
    }

    .burger-menu span:after {
        left: 0px;
        top: 10px;
        width: 27px;
    }

    .burger-menu.close span:before {
        top: 0px;
        transform: rotate(90deg);
        width: 27px;
    }

    .burger-menu.close span {
        transform: rotate(-45deg);
        top: 13px;
        width: 27px;
    }

    .burger-menu.close span:after {
        top: 0px;
        left: 0;
        transform: rotate(90deg);
        opacity: 0;
        width: 0;
    }

    header .container .header-nav nav {
        background: rgba(152, 185, 255, 1);
        padding: 30px 30px;
    }

    header nav > ul > li > a {
        color: #000;
    }

    .burger-menu,
    .burger-menu.close {
        position: absolute;
        left: 20px;
        top: 17px;
    }

    .header-nav nav ul li ul {
        left: 95px;
    }

    .header-nav .logout a img {
        display: none;
    }

    .header-nav .logout a span {
        display: inline;
    }
}

/*@media only screen and (max-width: 1200px) {*/
/*  .product-wrapper {*/
/*    margin: 78px 0 30px 0;*/
/*  }*/
/*}*/

@media only screen and (max-width: 1097px) {
    .heading-frame {
        padding-top: 25px;
    }
}

@media screen and (max-width: 992px) {
    .card-item .content-card {
        padding-bottom: 45px;
        padding-top: 0;
    }
}

@media only screen and (max-width: 580px) {
    .card-item {
        margin-top: 0px;
        padding: 0px !important;
        margin-bottom: 35px;
    }

    .product-price {
        margin-bottom: 10px;
    }


}


/* PRICING STYLE END*/
@media only screen and (max-width: 1200px) {
    .price-cards .card-heading {
        padding: 15px 8px;
    }

    .price-heading-wrapper,
    .price-cards {
        width: 100%;
    }

    .search-header {
        width: auto;
    }

    .frame-section .heading-frame {
        flex: auto;
        width: 50%;
    }

    .frame-section .video-frame {
        width: 50%;
    }

    header .search-wrapper {
        width: auto;
    }

    .main-white-bg {
        margin-top: 116px;
    }
}

@media only screen and (max-width: 1140px) {
    /* .price-cards .card-heading {
    position: static;

  } */
    header .container {
        flex-direction: column;
    }

    header .header-logo-area {
        margin-bottom: 20px;
    }

    .card-item .content-card {
        width: 50%;
    }

    .card-item .content-img {
        width: 50%;
    }

    .card-item .content-img > img {
        max-width: 100%;
    }

    footer .container {
        flex-direction: column;
        align-items: center;
    }

    footer .container ul:first-child {
        margin-bottom: 30px;
    }

    main {
        padding-top: 80px;
    }
    .frame-section{
        padding: 52px 0;
    }
    footer .container > ul:last-child {
        align-items: center
    }
}

@media only screen and (max-width: 992px) {
    .blog .heading-area {
        flex-direction: column;
        text-align: center;
    }

    .blog .heading-area .blog-category {
        justify-content: center;
        margin-top: 30px;
    }

    .pagination-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .pagination-wrapper .pager {
        margin: 20px 0;
    }

    .frame-section .heading-frame {
        width: 100%;
        margin: 0 0 40px 0;
        text-align: center;
        margin-top: 30px;
    }

    .frame-section .frame-wrapper {
        flex-direction: column !important;
    }

    .frame-section .video-frame {
        width: 100%;
        max-width: 100%;
    }

    .quote-form form .inputstyle1 {
        flex: auto;
        width: 47%;
        margin-bottom: 30px;
    }

    .search-wrapper-section ul li {
        width: 40%;
        margin: 0 0 20px 0;
    }

    .card-item {
        flex-direction: column;
        padding: 40px 0 0 0 !important;
        align-items: center;
        height: auto;
    }

    .card-item .content-card {
        margin: 30px 0 0 0 !important;
        width: 60%;
    }

    .card-item .content-img {
        width: 100%;
        justify-content: flex-end;
    }

    .profit-cards-wrapper .icon-box {
        margin: auto;
    }

    .how-sep-main ul {
        flex-direction: column;
        align-items: center;
    }

    .how-sep-main ul li,
    .how-content-main ul {
        max-width: 100%;
    }

    .how-sep-main ul li .separate-arrow,
    .how-content-main ul li.arrow {
        display: none;
    }

    .how-sep-main ul li,
    .how-content-main-wrapper ul li {
        margin-bottom: 30px;
    }

    .how-content-main-wrapper .how-sep-main {
        margin: 0;
    }

    .how-content-main-wrapper ul li {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .how-content-main .how-content-wrapper {
        width: 100%;
        margin-top: 20px;
    }

    .blog-meta:not(.article .blog-meta) {
        flex-direction: column;
    }

    .blog-meta span {
        margin-bottom: 5px;
    }

    .card-item.left {
        flex-direction: column-reverse;
    }

    .card-item.left .content-img {
        justify-content: flex-start;
    }

    .about .services-wrapper {
        flex-direction: column;
    }

    .about .services-wrapper .service {
        width: 100%;
        padding: 89px 30px;
    }

    .about .services-wrapper .service:last-child p {
        width: 100%;
    }

    .about .about-content {
        flex-direction: column;
    }

    .about-content-with-image > div.content {
        margin: 0 0 30px 0;
        text-align: center;
    }

    .about .image-with-content > p {
        width: 100%;
    }
}

@media only screen and (max-width: 850px) {
    .pricing-wrapper-main .normal.heading {
        font-size: 18px;
    }

    .m-popular-area {
        height: 890px !important;
        top: -45px !important;
    }

    .price-cards .heading-list-wrapper {
        display: block;
        width: 40%;
    }

    .price-cards {
        flex-flow: row wrap;
    }

    .price-cards > div {
        width: 60%;
    }

    .pricing-wrapper-main .price-cards .heading-list-wrapper .normal {
        justify-content: flex-start;

    }

    .price-heading-wrapper {
        display: none;

    }

    .pricing-wrapper-main {
        flex-direction: column;
    }

    .pricing-heading-blank {
        padding: 0;
    }

    .price-cards .card-heading {
        text-align: center;
        margin-top: 45px;
        height: auto;
        /* position: static; */
        /* background: rgba(0, 51, 160, 1); */
        max-width: inherit !important;
        margin-left: 0px;
        margin-right: 0px;
    }

    /* .buttonstyle3 {
    color: rgba(0, 51, 160, 1);
    background: white;
  } */
    .price-cards :is(.duration, .price, h2) {
        color: #000000;
    }

    .price-cards .card-heading .price-wrapper {
        justify-content: center;
        margin: 15px 0 20px 0;
    }

    .price-cards h2 {
        font-size: 35px;
    }

    .price-cards.popular .m-popular {
        position: static;
        padding: 10px 20px;
        font-size: 25px;
        font-weight: bold;
    }
}

@media only screen and (max-width: 767px) {
    .frame-section .heading-frame {
        margin-top: 40px;
    }

    .inner-page {
        margin-top: 78px;
    }

    .article .content-parent > div {
        flex-direction: column;
        align-items: center;
    }

    .article .article-media {
        margin: 30px 0;
    }

    .blog .heading-area .blog-category {
        flex-direction: column;
    }

    .blog .heading-area .blog-category li {
        margin: 0 0 20px 0;
    }

    .testimonials .testimonials-main-wrapper .testimonials-main > div:last-child {
        margin-bottom: 0;

    }

    .testimonials .testimonials-main-wrapper,
    .faq .h2style2 {
        margin: 20px 0;

    }

    .contact .contact-wrapper {
        flex-direction: column;
    }

    .contact .contact-wrapper form {
        width: 100%;
    }

    .contact .contact-wrapper .form {
        margin-bottom: 30px;

    }

    .contact .contact-wrapper .form,
    .contact .contact-wrapper .content {
        max-width: 100%;
    }

    .header-nav nav ul li ul {
        left: 95px;
    }

    .profit-cards-wrapper {
        margin-top: 40px;
    }

    header .header-logo-area {
        margin-bottom: 0;
    }

    .search-wrapper-section ul li {
        width: 100%;
    }

    .logo-wrapper {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .logo-wrapper > div {
        width: 30%;
        margin: 0 0 40px 0;
        text-align: center;
    }

    .ecommerce-platform-main .ecommerce-platform-wrapper {
        flex-wrap: wrap;
    }

    .ecommerce-platform-main .ecommerce-platform-wrapper div {
        width: 30%;
        margin-bottom: 40px;
        text-align: center;
        margin-right: 0;
    }

    .testimonials-main-wrapper .testimonials-main {
        flex-direction: column;
    }

    .tranding-main ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .tranding-main ul li {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .blog-wrapper ul {
        flex-direction: column;
        align-items: center;
    }

    .blog-wrapper ul li {
        margin-bottom: 30px;
    }

    .case-main-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .case-main-wrapper > div {
        margin: 0 0 30px 0;
        text-align: center;
    }

    .case-main-wrapper > div > img {
        width: 100%;
    }

    .header-nav > nav > ul {
        flex-direction: column;
        align-items: flex-start;
    }

    header .container .header-nav {
        align-self: flex-start;
        width: 100%;
        display: none;
        margin-top: 20px;
    }

    .header-nav nav > ul > li {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
    }

    .burger-menu {
        display: block;
        cursor: pointer;
        height: 27px;
        width: 27px;
        overflow: visible;
        z-index: 2;
        margin: 0 0 0 20px;
        position: relative;
    }

    .burger-menu.close {
        z-index: 99;
        left: auto;
    }

    .logout-btn {
        order: -1;
        display: flex;
        justify-content: flex-end;
        align-self: flex-end;
    }

    .burger-menu span,
    .burger-menu span:before,
    .burger-menu span:after {
        background: #000;
        display: block;
        height: 2px;
        opacity: 1;
        position: absolute;
        transition: 0.3s ease-in-out;
    }

    .burger-menu span:before,
    .burger-menu span:after {
        content: "";
    }

    .burger-menu span:before {
        left: 0px;
        top: -10px;
        width: 27px;
    }

    .burger-menu span {
        right: 0px;
        top: 13px;
        width: 27px;
    }

    .burger-menu span:after {
        left: 0px;
        top: 10px;
        width: 27px;
    }

    .burger-menu.close span:before {
        top: 0px;
        transform: rotate(90deg);
        width: 27px;
    }

    .burger-menu.close span {
        transform: rotate(-45deg);
        top: 13px;
        width: 27px;
    }

    .burger-menu.close span:after {
        top: 0px;
        left: 0;
        transform: rotate(90deg);
        opacity: 0;
        width: 0;
    }

    header .container .header-nav nav {
        background: rgba(152, 185, 255, 1);
        padding: 30px 30px;
    }

    header nav > ul > li > a {
        color: #000;
    }

    .card-item .content-img > img {
        max-width: 80%;
    }

    .insta-wrapper-main {
        margin-top: 0;
    }

    .insta-wrapper-main:after {
        background-size: 60%;
    }

    .how-content-main-wrapper {
        margin-bottom: 30px;
    }

    .ecommerce-platform-main .ecommerce-platform-wrapper {
        margin-top: 60px;
    }

    .ecommerce-platform-main {
        margin-bottom: 0px;
    }

    .value-service-grid > ul {
        flex-direction: column;
    }

    .value-service-grid > ul > li {
        width: 100%;
        border-right: 0;
        padding: 0 20px;
        text-align: center;
    }

    .value-service-grid > ul > li:nth-last-child(2) {
        border-bottom: 1px solid rgba(212, 212, 216, 1);
    }

    .pricing .heading-area .parastyle1 {
        margin: 20px 0;
    }

    .pricing .heading-area {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    header .header-logo-area {
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0;
    }

    header form {
        margin: 20px 0 0 0;
        width: 100%;
    }

    .burger-menu {
        margin: 0;
    }

    header .header-logo-area > a > img {
        width: 70%;
    }

    header .search-wrapper,
    .search-header {
        width: 100%;
    }

    .burger-menu,
    .burger-menu.close {
        position: absolute;
        left: 20px;
        top: 17px;
    }

    .payment-instruction .burger-menu.close {
        z-index: 2;
        left: 20px;
    }

    .payment-instruction .burger-menu.close span:before {
        left: 0;
        top: -10px;
        transform: rotate(0deg);
        width: 27px;
    }

    .payment-instruction .burger-menu.close span {
        transform: rotate(0deg);
        top: 13px;
        width: 27px;
        right: 0;
    }

    .payment-instruction .burger-menu.close span:after {
        top: 10px;
        left: 0;
        transform: rotate(0deg);
        opacity: 1;
        width: 27px;
    }

}

/* register */

/* new register */
.blog-row {
    display: flex;
}

.blog-720 {
    /*max-width: 720px;*/
    width: 50%;
}

.reg-right-blog {
    max-width: 360px;
    margin: auto;
}

.header-top-bar {
    display: flex;
    padding: 14.5px 42.5px;
    background: #F0F5FF;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 13px;
}

.header-top-bar div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.header-top-bar p {
    font-family: Poppins, serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    color: #444C57;
}

.reg-right-blog {
    margin-top: 162px;
}

.r-bottom span {
    display: flex;
}

.svg-mass {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 8px;
}

.reg-header .reg-from-heading h2 {
    font-family: Poppins, serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    text-align: left;
}

.reg-header {
    margin-bottom: 32px;
}

.reg-from label {
    display: block;
    font-family: Poppins, serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #0C2340;
}

.d-flex {
    display: flex;
}

.reg-from .radiostyle2 input[type="checkbox"] {
    margin-top: 2px;
}

.reg-from input {
    width: 100%;
    display: block;
    margin-top: 6px;
    padding: 10px 14px 10px 14px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    box-sizing: border-box;
}

.reg-from input::placeholder {
    font-family: Poppins, serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #A1A1A1;
}

.input-error-mess {
    font-family: Poppins, serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    margin-bottom: 20px;
    display: block;
    margin-top: 6px;
    color: red;
}

.submit-btn {
    padding: 10px 18px 10px 18px;
    border-radius: 8px;
    border: none;
    background: #0033A0;
    font-family: Poppins, serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    margin-bottom: 16px;
    cursor: pointer;
}

button {
    cursor: pointer;
}

.reg-from a.google-btn {
    display: flex;
    font-family: Poppins, serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    justify-content: center;
    padding: 10px 0;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    margin-bottom: 32px;
    color: #202020;
}

.reg-from a.google-btn svg {
    margin-right: 12px;
}

.reg-from p {
    text-align: center;
    font-family: Poppins, serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}

.reg-from p a {
    font-family: Poppins, serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.r-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 82px;
    margin-bottom: 32px;
    padding: 0 32px;
}

.r-bottom span {
    font-family: Poppins, serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #475467;
}

.reg-dit {
    max-width: 390px;
    margin: 220px auto 139px auto;
}

.reg-dit h2 {
    font-family: Poppins, serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 20px;
    color: #101828;
}

.reg-dit li {
    font-family: Poppins, serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 12px;
}

.reg-dit li svg {
    margin-right: 8px;
}

.blog-720.bg-right {
    /*background: url("../../dashboard/assets/images/385f5afef59a684b4c2979b9c2263774.png");*/
    background: #F0F5FF;
    height: 100%;
}

.reg-dit-top {
    max-width: 638px;
}

.reg-right-top {
    margin-left: auto;
    max-width: 638px;
}

.rig-bottom-img {
    overflow: hidden;
}

.rig-bottom-img img {
    max-width: inherit;
    width: calc(100% + 254px);
    transform: translate(10%, 8px);
    border-left: 12px solid #0033A0;
    border-top: 12px solid #0033A0;
    border-radius: 20px 0 0 0;
}

.error-text {
    font-size: 12px;
    color: #b42318;
    margin-top: 6px;
}

.has-error {
    border-color: #b42318 !important;
    outline: none;
}

.hp-field {
    position: absolute;
    left: -5000px;
    height: 0;
    width: 0;
    opacity: 0;
}

/* If you do not load Bootstrap, keep minimal error visuals: */
.invalid-feedback {
    color: #b42318;
    font-size: 12px;
    margin-top: 6px;
}

.is-invalid {
    border-color: #b42318 !important;
    outline: 0;
}


/*alert css start */
.alert-box,
.alert-box2 {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px 20px;
    border-radius: 5px;
    color: #fff;
    display: none;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translateX(100%);
    animation: slideIn 0.5s ease-out forwards, fadeOut 0.5s ease-in 4.5s forwards;
    z-index: 999;
}

.alert-box.success,
.alert-box2.success {
    background-color: #28a745;
}

.alert-box.failed,
.alert-box2.failed {
    background-color: #E5A4A4;
}

/* Slide-in Animation */
@keyframes slideIn {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Fade-out Animation */
@keyframes fadeOut {
    to {
        opacity: 0;
        transform: translateX(100%);
    }
}


@media only screen and (max-width: 570px) {

    .price-cards .heading-list-wrapper {
        display: block;
        width: 58%;
        padding-left: 2%;
    }

    .price-cards > div {
        width: 38%;
        padding-right: 2%;
    }


    .frame-section h2 {
        font-size: 30px;
        line-height: normal;
    }

    .insta-wrapper-main:after {
        width: 100%;
    }

    .search-image-pop-wrapper .image-upload-main {
        flex-direction: column;
    }

    .search-image-pop-wrapper .image-upload-main span {
        margin: 20px 0;
    }

    .search-image-pop-wrapper {
        height: 580px;
    }

    .card-item .content-card {
        width: 90%;
    }

    .insta-wrapper-main a {
        padding: 17px 42px;
        line-height: 17px;
        font-size: 18px;
    }

    .insta-wrapper-main h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .ecommerce-platform-main .ecommerce-platform-wrapper {
        margin-top: 80px;
    }

    footer .container > ul {
        flex-direction: column;
    }

    footer .container > ul > li {
        margin: 5px 0 5px 0;
        text-align: center;
    }

    footer {
        padding: 30px 0;
    }

    footer .container > ul > li ul {

        text-align: left;
    }

    .contact .contact-wrapper .form .col-2 .field-wrapper:not( :last-child) {
        margin-right: 0;
    }

    .contact .contact-wrapper .form .col-2 {
        flex-direction: column;

    }
}

@media only screen and (max-width: 699px) {
    .col {
        width: calc(100% / 3);
    }

    .container {
        --container-padding: 15px;
    }
}

@media only screen and (max-width: 530px) {
    .shipping-qty {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .add-check-btn {
        width: 100%;
        justify-content: center;
    }

    .cart-button-wrapper {
        flex-direction: column;
    }
}

@media only screen and (max-width: 583px) {
    .col {
        width: calc(100% / 2);
    }
}

@media only screen and (max-width: 450px) {
    .col {
        width: calc(100% / 1);
    }

    .product-des {
        font-size: 14px;
        text-align: center;
    }

    .card-item {
        /*padding: 32px 0 0 0 !important;*/
        padding: 0 !important;
    }

    .product-price {
        font-size: 16px;
        text-align: center;
    }

    .more-info {
        font-size: 14px;
    }

    .more-info img {
        width: 20px;
        height: auto;
    }

    .product-detail-wrapper {
        text-align: center;
    }
}

@media only screen and (max-width: 870px) {
    .pagination-items {
        display: none;
    }
}

@media only screen and (max-width: 399px) {
    .next-previous-btn {
        width: 140px;
    }

    .next-previous-btn svg {
        margin-top: 7px;
        width: 18px;
        height: 18px;
    }
}

@media only screen and (max-width: 362px) {
    .col {
        width: 100%;
    }

    .card-item {
        padding: 10px 0 0 0 !important;
    }
}

@media only screen and (max-width: 690px) {
    .pagination {
        margin-top: 72px;
        padding: 0 5px;
    }
}

@media only screen and (max-width: 860px) {
    .blog-row {
        display: block;
    }

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

    .blog-720 {
        max-width: 100%;
        width: 100%;
    }

    .reg-dit {
        margin: 60px auto 60px auto;
        padding-top: 60px;
        /*padding-left: 20px;*/
    }
}

@media only screen and (max-width: 454px) {
    .reg-dit {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 400px) {
    .r-bottom {
        flex-direction: column;
        align-items: center;
    }

    .reg-right-blog {
        padding: 0 15px;
    }

    .reg-right-blog {
        margin-top: 75px;
    }
}

@media only screen and (max-width: 850px) {
        .pricing-changer-wrapper {
        padding: 0px;
        }
        .price-heading {
        font-family: Open Sans, serif;
        font-weight: 600;
        font-size: 14px;
        text-align: center;
        padding: 10px 17px;
        background: #0033A0;
        color: #FFFFFF;
    }

    .pricing-wrapper-main .normal {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(73, 83, 95, 1) !important;
    }

    .mt-24 {
        margin-top: 24px;
    }

    .buttonstyle3 {
        padding: 0 25px;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .price {
        display: flex;
        justify-content: center;
    }
}