@charset "UTF-8";

:root {
   --white: #ffffff;
   --black: #222328;
   --gray-2: #8c94b0;
   --blue: #4260cb;
}

/* Home Hero Section */

.home-dec-2 {
   position: absolute;
   top: 58%;
   right: -1%;
   z-index: 1;
   z-index: 0;
}

.home-dec-1 {
   position: absolute;
   top: 1%;
   left: -1%;
   z-index: 0;
}

.round-3 {
   position: absolute;
   width: 437px;
   height: 437px;
   border-radius: 100%;
   background: linear-gradient(176.86deg, #467efe 14.79%, #fdfeff 88.51%);
   opacity: 7%;
   bottom: -20%;
   left: 3%;
   z-index: 0;
}

.round-2 {
   position: absolute;
   width: 141px;
   height: 141px;
   border-radius: 100%;
   background: linear-gradient(350deg, #467efe 14.79%, #fdfeff 88.51%);
   opacity: 7%;
   top: 16%;
   z-index: 0;
   right: 31%;
}

.round-1 {
   position: absolute;
   width: 437px;
   height: 437px;
   border-radius: 100%;
   background: linear-gradient(323deg, #467efe 25.59%, #fdfeff 60.95%);
   opacity: 7%;
   top: 8%;
   right: -4%;
   z-index: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
   outline: none;
}

.hero-section {
   background: linear-gradient(93.31deg, #467efe 2.06%, #61cafd 100%);
}

.hero-section .hero-text {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 0em;
   color: var(--white);
   margin-bottom: 50px;
}

.hero-section .hero-text a {
   color: var(--white);
   font-weight: 500;
}

.switcher {
   font-size: 18px;
   cursor: pointer;
   font-weight: 500 !important;
   width: 264px;
   height: 50px;
   border-radius: 35px;
   background-color: var(--blue);
   color: var(--white);
   position: relative;
   margin: 0 auto 23px;
}

.switcher .roller {
   width: 129px;
   height: 44px;
   border-radius: 35px;
   position: absolute;
   top: 3px;
   left: 3px;
   background-color: var(--white);
   transition: all 0.4s ease;
}

.switcher .roller.active {
   left: 50%;
}

.switcher .parts {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   display: flex;
   gap: 1px;
}

.switcher .parts .part {
   width: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.switcher .parts .part .active {
   color: var(--blue);
}

.switcher .parts .part span {
   transition: color 0.4s ease;
}

.main-search {
   border-radius: 51px;
   background: var(--white);
   box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.05);
   display: flex;
   gap: 10px;
   padding: 20px;
   max-width: 827px;
   margin: 0 auto 22px;
}

.main-search .state-search-pere,
.main-search .state-select2-pere {
   border-radius: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 60px;
   background: #f7f7f7;
   padding: 16px 20px 17px;
   position: relative;
}

.main-search .state-search-pere .select2-container {
   margin-right: 20px;
   padding-right: 10px;
   min-width: 82px;
}

.main-search .state-search-pere .select2-container .select2-selection__rendered {
   padding-left: 0 !important;
   width: 85px !important;
}

.main-search .state-search-pere .select2-container b {
   margin-left: 2px !important;
}

.main-search .state-select2-pere .select2-container {
   width: 150px !important;
}

.main-search .state-select2-pere .select2-container .select2-selection__rendered {
   padding-left: 0 !important;
}

.main-search .state-search-pere {
   width: 100%;
}

#code_no .select2-selection__rendered {
   width: 126px !important;
}

#code_no .select2-container b {
   margin-left: 8px !important;
}

.main-search .choose-state-select {
   border: none;
}

.main-search .choose-state-select .select2 {
   min-width: -moz-fit-content;
   min-width: fit-content;
}

.main-search .search-border {
   position: relative;
}

.main-search .search-border::before {
   content: " ";
   position: absolute;
   left: 0;
   height: 30px;
   margin: auto;
   bottom: 0;
   top: 0;
   width: 1px;
   background-color: rgba(34, 35, 40, 0.1);
}

.main-search .select2-selection--single {
   border: none;
   background: #f7f7f7;
   font-size: 18px;
   font-weight: 500;
   color: var(--black);
}

.main-search .select2-selection--single b {
   border-color: #7e7f87 transparent transparent transparent !important;
   border-width: 6px 6px 0 6px !important;
   margin-left: 0 !important;
}

.main-search .form-control {
   background-color: transparent;
   border: none;
   color: var(--blue);
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   padding-left: 20px;
}

.main-search .form-control:focus {
   box-shadow: none;
}

.why-choose-section .wcs-position {
   position: relative;
}

.why-choose-section .wcs-position .round-4 {
   position: absolute;
   background: linear-gradient(101deg, #467efe 14.79%, #fdfeff 88.51%);
   width: 325px;
   height: 325px;
   border-radius: 100%;
   opacity: 5%;
   top: 12%;
   left: 8%;
   z-index: 1;
}

.why-choose-section .wcs-position .round-5 {
   position: absolute;
   background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
   width: 1028px;
   height: 1028px;
   border-radius: 100%;
   opacity: 5%;
   top: -31%;
   left: 41%;
   z-index: 1;
}

.why-choose-section .title {
   font-size: 36px;
   font-weight: 700;
   line-height: 44px;
   letter-spacing: 0em;
   margin: auto;
   text-align: center;
   color: var(--black);
   margin-bottom: 15px;
}

.why-choose-section .sub-title {
   font-size: 18px;
   font-weight: 500;
   line-height: 28px;
   letter-spacing: 0em;
   text-align: center;
   margin: auto;
   margin-bottom: 30px;
   color: var(--gray-2);
}

.why-choose-section .why-choose-video {
   height: 575px;
   margin-bottom: 134px;
   max-width: 1422px;
   border-radius: 40px;
   background-image: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   position: relative;
}

.why-choose-section .why-choose-video .why-choose-child {
   position: absolute;
   background-color: var(--white);
   inset: 5px;
   border-radius: 38px;
}

.why-choose-section .why-choose-video .why-choose-child .vide-bg-img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 38px;
}

.video-play-btn {
   position: absolute;
   cursor: pointer;
   inset: 0;
   width: -moz-fit-content;
   width: fit-content;
   height: -moz-fit-content;
   height: fit-content;
   margin: auto;
}

#video-modal .modal-dialog {
   position: relative;
   border-radius: 30px;
}

#video-modal .modal-dialog .modal-content {
   border-radius: 30px;
}

#video-modal .modal-dialog .btn-close {
   position: absolute;
   right: 10px;
   top: 10px;
   background-color: var(--white);
   opacity: 1;
}

#video-modal .modal-dialog .modal-body {
   margin-bottom: -7px;
   border-radius: 30px;
}

#video-modal .modal-dialog iframe {
   width: 100%;
   border-radius: 10px;
}

.why-buy-section {
   background: url(../images/image/home-bg-2.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center top;
}

.why-buy-section .buy-featured img {
   opacity: 0.7;
   transition: all 0.4s ease-in-out;
   cursor: pointer;
}

.why-buy-section .buy-featured img:hover {
   opacity: 1;
   transform: translateY(-10px);
}

.why-buy-section .title {
   font-size: 36px;
   font-weight: 700;
   line-height: 44px;
   color: var(--black);
   margin-bottom: 88px;
   max-width: 548px;
}

.why-buy-section .why-buy-text {
   position: relative;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 0;
   color: var(--white);
   margin-bottom: 20px;
   padding-right: 20px;
   padding-left: 40px;
}

.why-buy-section .why-buy-text:hover::after {
   transform: rotateY(360deg);
}

.why-buy-section .why-buy-text::after {
   content: '';
   position: absolute;
   left: 0;
   top: 5px;
   width: 30px;
   height: 30px;
   background-image: url(../images/icons/why-buy-true.png);
   background-size: contain;
   background-repeat: no-repeat;
   transition: all 0.7s ease-in-out;
}

.why-buy-section .buy-featured {
   border-top: 1px solid rgba(255, 255, 255, 0.2);
   margin-top: 40px;
   padding: 50px 0;
}

.why-buy-section .buy-featured h3 {
   font-size: 36px;
   font-weight: 700;
   line-height: 44px;
   margin-bottom: 30px;
   text-align: center;
   color: var(--white);
}

.why-buy-section .why-cs-position:hover .why-buy-call {
   animation: bellshake 2s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
}

.why-buy-section .why-cs-position {
   position: relative;
}

.why-buy-section .why-cs-position .why-buy-call {
   position: absolute;
   top: 20%;
   left: 34%;
   z-index: 1;
   width: 240px;
}

.why-buy-section .why-cs-position .why-buy-dec1 {
   position: absolute;
   bottom: 18%;
   left: 4%;
   z-index: 1;
   border-radius: 100%;
   width: 256px;
   height: 256px;
   background: linear-gradient(176.86deg, rgba(70, 126, 254, 0.07) 14.79%, rgba(253, 254, 255, 0.07) 88.51%);
}

.why-buy-section .why-cs-position .why-buy-dec2 {
   position: absolute;
   bottom: 11%;
   right: 4%;
   z-index: 1;
   border-radius: 100%;
   width: 256px;
   height: 256px;
   background: linear-gradient(309deg, rgba(70, 126, 254, 0.07) 25.59%, rgba(253, 254, 255, 0.07) 60.95%);
}

.map-section {
   padding: 80px 0 0;
}

.map-section .title {
   font-size: 36px;
   font-weight: 700;
   line-height: 44px;
   letter-spacing: 0em;
   margin: auto;
   text-align: center;
   color: var(--black);
   margin-bottom: 24px;
   max-width: 671px;
}

.map-section .chart-map-section #us-map {
   margin-left: -110px;
   width: 1100px;
}

.map-section .chart-map-section tspan {
   fill: transparent !important;
}

.map-section .chart-map-section #VT_line,
.map-section .chart-map-section #RI_line,
.map-section .chart-map-section #NJ_line,
.map-section .chart-map-section #DC_line,
.map-section .chart-map-section #MD_line,
.map-section .chart-map-section #DE_line {
   stroke: transparent !important;
}

.map-section .chart-map-section g:hover tspan {
   fill: rgb(66, 96, 203) !important;
   font-size: 19px;
   font-weight: 700;
   line-height: 23px;
   letter-spacing: 0em;
   text-align: left;
   cursor: url(../images/icons/big-hand-cursor.svg), auto;
}

.map-section .chart-map-section g:hover path {
   fill: #fff !important;
   stroke: #222328 !important;
}

.map-section .chart-map-section #tooltip {
   display: none !important;
   position: absolute;
   max-width: 205px;
   list-style-type: none;
   z-index: 99;
}

.map-section .chart-map-section #tooltip li {
   padding: 7px 11px;
   font-size: 14px;
   font-weight: 700;
   color: white;
   background: rgba(0, 0, 0, 0.3);
   border: 1px solid #ffffff;
   -webkit-backdrop-filter: blur(17px);
   backdrop-filter: blur(17px);
   border-radius: 3px;
}

.map-section .chart-map-section #tooltip h2 {
   margin: 0;
   font-size: 20px;
}

.map-section .chart-map-section g {
   position: relative;
   cursor: pointer;
}

.map-section .us-all-numberss {
   max-height: 644px;
   overflow-y: auto;
   padding-right: 45px;
}

.map-section .us-all-numberss .accordion-item {
   margin-bottom: 10px;
   border: 1px solid #dddddd;
   border-radius: 30px;
}

.map-section .us-all-numberss .accordion-button:hover {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   color: var(--white);
}

.map-section .us-all-numberss .accordion-button.collapsed,
.map-section .us-all-numberss .accordion-button {
   border-radius: 30px;
}

.map-section .us-all-numberss .accordion-button:not(.collapsed)::after {
   transform: rotate(-180deg);
}

.map-section .us-all-numberss .accordion-button::after {
   filter: brightness(10);
}

.map-section .us-all-numberss .accordion-button:not(.collapsed) {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   color: var(--white);
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   padding: 10px 20px 11px;
}

.map-section .us-all-numberss .accordion-button:focus {
   border: none;
   box-shadow: none;
}

.map-section .us-all-numberss .accordion-body {
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   color: #7e7f87;
   padding: 10px 20px 9px;
}

.map-section .us-all-numberss .accordion-button {
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   color: var(--black);
   padding: 10px 20px 11px;
   transition: all 0s ease-in-out;
}

.map-section ::-webkit-scrollbar {
   width: 5px;
}

.map-section ::-webkit-scrollbar-track {
   background: #dddddd;
   border-radius: 50px;
}

.map-section ::-webkit-scrollbar-thumb {
   background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 50px;
}

.use-cases-section::after {
   content: "";
   position: absolute;
   top: 3.5%;
   right: -9%;
   background: url(../images/image/home-vimaan-img.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   height: 455px;
   width: 1168px;
}

.use-cases-section {
   background-color: var(--white);
   background: url(../images/image/home-bg-3.png);
   background-position: center top;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 136px 0 120px;
   position: relative;
   overflow: hidden;
}

.use-cases-section .use-case-dec {
   position: absolute;
   left: 14%;
   z-index: 3;
   bottom: 17.9%;
}

.use-cases-section .use-case-pill {
   font-size: 14px;
   font-weight: 400;
   line-height: 21px;
   color: var(--white);
   margin-bottom: 12px;
   width: -moz-fit-content;
   width: fit-content;
   padding: 5px 19px 4px;
   border-radius: 15px;
   background-color: rgba(255, 255, 255, 0.1);
}

.use-cases-section .title {
   font-size: 36px;
   font-weight: 700;
   line-height: 44px;
   letter-spacing: 0em;
   margin-bottom: 30px;
   color: var(--white);
   margin-bottom: 12px;
   max-width: 595px;
}

.use-cases-section .get-btn {
   font-size: 18px;
   font-weight: 500;
   line-height: 25px;
   letter-spacing: -0.1px;
   color: var(--white);
   background-color: #4cc1fe;
   padding: 14px 48px;
   border-radius: 30px;
   position: relative;
   z-index: 4;
   border: 1px solid #4cc1fe;
   cursor: pointer;
   transition: all 0.4s ease-in-out;
}

.use-cases-section .get-btn:hover {
   color: var(--white);
   background-color: transparent;
   border-color: var(--white);
}

.use-cases-slider {
   position: relative;
}

.use-cases-slider .owl-prev {
   position: absolute;
   left: -15px;
   top: 0;
   bottom: 0;
   margin: auto;
   height: -moz-fit-content;
   height: fit-content;
}

.use-cases-slider .owl-prev span {
   display: none;
}

.use-cases-slider .owl-prev::after {
   content: url(../images/icons/slider-prev-arrow.svg);
   opacity: 0.2;
   transition: all 0.4s ease-in-out;
}

.use-cases-slider .owl-next {
   position: absolute;
   right: -15px;
   top: 0;
   bottom: 0;
   margin: auto;
   height: -moz-fit-content;
   height: fit-content;
}

.use-cases-slider .owl-next span {
   display: none;
}

.use-cases-slider .owl-next::after {
   content: url(../images/icons/slider-next-arrow.svg);
   opacity: 0.2;
   transition: all 0.4s ease-in-out;
}

.use-cases-slider .owl-prev:hover::after,
.use-cases-slider .owl-next:hover::after {
   opacity: unset !important;
}

.use-cases-slider .owl-dots {
   text-align: center;
   margin-top: 25px;
}

.use-cases-slider .owl-dots .owl-dot {
   width: 12px;
   height: 12px;
   background-color: rgba(34, 35, 40, 0.2);
   margin: 0 5px;
   border-radius: 100%;
}

.use-cases-slider .owl-dots .owl-dot.active {
   background-color: var(--white);
}

.number-cards-section {
   background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
   margin-bottom: 127px !important;
   padding: 86px 0 0;
   position: relative;
}

.number-cards-section .title {
   font-size: 36px;
   font-weight: 700;
   line-height: 44px;
   color: var(--black);
   margin-bottom: 15px;
   max-width: 696px;
}

.number-cards-section .sub-title {
   font-size: 18px;
   font-weight: 500;
   line-height: 28px;
   color: var(--gray-2);
   margin-bottom: 0;
}

.number-cards-section .round-7 {
   background: linear-gradient(120deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
   width: 333px;
   height: 333px;
   border-radius: 100%;
   position: absolute;
   right: 4%;
   bottom: 0%;
   opacity: 0.1;
   z-index: 1;
}

.number-cards-section .round-6 {
   background: linear-gradient(26deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
   width: 370px;
   height: 370px;
   border-radius: 100%;
   position: absolute;
   left: 5.5%;
   top: 0%;
   opacity: 0.1;
   z-index: 1;
}

.number-cards-section::before {
   content: "";
   background: url(../images/image/card-section-bg.png);
   position: absolute;
   right: 0;
   bottom: -120px;
   left: 0;
   width: 100%;
   height: 127px;
}

/* Why Need Section */

.why-need-section {
   background: url(../images/image/home-bg-4.png);
   background-position: center bottom;
   background-repeat: no-repeat;
   background-size: contain;
   padding: 50px 0 200px;
}

.why-need-section .why-need-4 {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   width: 498px;
   height: 498px;
   border-radius: 100%;
   display: flex;
   flex-direction: column;
   margin: auto;
   align-items: center;
   justify-content: center;
}

.why-need-section .why-need-4 .logo-img {
   max-width: 497px;
   margin-bottom: 30px;
}

.why-need-section .why-need-4 .title {
   font-size: 36px;
   text-align: center;
   font-weight: 700;
   line-height: 44px;
   color: var(--white);
   margin-bottom: 15px;
   max-width: 414px;
}

.why-need-section .why-need-4 .sub-title {
   font-size: 18px;
   text-align: center;
   font-weight: 500;
   line-height: 28px;
   max-width: 342px;
   margin-bottom: 30px;
   color: var(--white);
}

.why-need-section .why-need-2,
.why-need-section .why-need-1,
.why-need-section .why-need-3 {
   border-radius: 100%;
   width: -moz-fit-content;
   width: fit-content;
   height: -moz-fit-content;
   height: fit-content;
   margin: auto;
   padding: 60px;
}

.why-need-section .why-need-3 {
   position: relative;
   border: 1px solid rgba(76, 193, 254, 0.4);
}

.why-need-section .why-need-3 .need-img {
   position: absolute;
   border-radius: 100%;
   border: 1px solid #d3d9db;
   background: var(--white);
   display: flex;
   align-items: center;
   justify-content: center;
   width: 90px;
   height: 90px;
}

.why-need-section .why-need-3 .why-need-img2 {
   right: 15%;
   top: 1%;
}

.why-need-section .why-need-3 .why-need-img5 {
   left: -6.1%;
   bottom: 31%;
}

.why-need-section .why-need-3 .why-need-img6 {
   right: 4%;
   bottom: 11%;
}

.why-need-section .why-need-3 .why-need-img7 {
   width: 100px;
   height: 100px;
   left: 20.9%;
   bottom: -14%;
}

.why-need-section .why-need-3::after {
   content: " ";
   position: absolute;
   left: 10%;
   top: 17%;
   width: 15px;
   height: 15px;
   border-radius: 100%;
   background-color: var(--white);
   border: 1px solid #4cc1fe;
}

.why-need-section .why-need-3::before {
   content: " ";
   position: absolute;
   left: 14%;
   bottom: 13%;
   width: 15px;
   height: 15px;
   border-radius: 100%;
   background-color: var(--white);
   border: 1px solid #4cc1fe;
}

.why-need-section .why-need-2 {
   border: 1px solid rgba(76, 193, 254, 0.6);
}

.why-need-section .why-need-1 {
   border: 1px solid #4cc1fe;
   position: relative;
}

.why-need-section .why-need-1 .need-img1 {
   position: absolute;
   border-radius: 100%;
   border: 1px solid #d3d9db;
   background: var(--white);
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100px;
   height: 100px;
}

.why-need-section .why-need-1 .why-need-img1 {
   top: -6%;
   left: 40%;
}

.why-need-section .why-need-1 .why-need-img3 {
   top: 23%;
   left: -2%;
}

.why-need-section .why-need-1 .why-need-img4 {
   top: 33%;
   right: -4.5%;
}

.why-need-section .why-need-1 .need-text {
   position: absolute;
   font-size: 28px;
   font-weight: 500;
   line-height: 36px;
   margin-bottom: 0;
   transition: all 0.2s ease-in-out;
}

.why-need-section .why-need-1 .need-text.active,
.why-need-section .why-need-1 .need-text:hover {
   background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   cursor: pointer;
}

.why-need-section .why-need-1 .need-text.active::before,
.why-need-section .why-need-1 .need-text:hover::before {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%), linear-gradient(0deg, #4cc1fe, #4cc1fe);
}

.why-need-section .why-need-1 .need-text-1 {
   left: 0%;
   top: 0%;
   max-width: 210px;
}

.why-need-section .why-need-1 .need-text-1::before {
   content: "";
   position: absolute;
   right: 0;
   bottom: 0;
   width: 16px;
   height: 16px;
   border-radius: 100%;
   border: 1px solid #4cc1fe;
   background-color: var(--white);
}

.why-need-section .why-need-1 .need-text-2 {
   left: -22.3%;
   top: 42%;
   max-width: 200px;
}

.why-need-section .why-need-1 .need-text-3 {
   left: -20%;
   bottom: 12%;
   max-width: 254px;
}

.why-need-section .why-need-1 .need-text-4 {
   right: -10%;
   top: 2%;
   max-width: 294px;
}

.why-need-section .why-need-1 .need-text-5 {
   right: -24%;
   top: 52%;
   max-width: 176px;
}

.why-need-section .why-need-1 .need-text-6 {
   right: -8%;
   bottom: 5%;
   max-width: 193px;
}

.why-need-section .why-need-1 .need-text-2::before {
   content: "";
   position: absolute;
   right: 0;
   bottom: 0;
   top: 0;
   margin: auto;
   width: 16px;
   height: 16px;
   border-radius: 100%;
   border: 1px solid #4cc1fe;
   background-color: var(--white);
}

.why-need-section .why-need-1 .need-text-3::before {
   content: "";
   position: absolute;
   right: -10%;
   top: 17%;
   margin: auto;
   width: 16px;
   height: 16px;
   border-radius: 100%;
   border: 1px solid #4cc1fe;
   background-color: var(--white);
}

.why-need-section .why-need-1 .need-text-4::before {
   content: "";
   position: absolute;
   left: -13%;
   top: 27%;
   margin: auto;
   width: 16px;
   height: 16px;
   border-radius: 100%;
   border: 1px solid #4cc1fe;
   background-color: var(--white);
}

.why-need-section .why-need-1 .need-text-5::before {
   content: "";
   position: absolute;
   left: -23%;
   top: 0%;
   bottom: 0%;
   margin: auto;
   width: 16px;
   height: 16px;
   border-radius: 100%;
   border: 1px solid #4cc1fe;
   background-color: var(--white);
}

.why-need-section .why-need-1 .need-text-6::before {
   content: "";
   position: absolute;
   left: -20%;
   top: 13%;
   margin: auto;
   width: 16px;
   height: 16px;
   border-radius: 100%;
   border: 1px solid #4cc1fe;
   background-color: var(--white);
}

.metrioit-perent {
   position: relative;
   overflow: hidden;
}

.animated .metrioit-icon {
   animation: meteor 4s linear 1;
}

.metrioit-icon {
   position: absolute;
   opacity: 0;
   display: none;
}

.animated .metrioit-icon {
   display: block;
}

.metrioit-icon1 {
   top: -10%;
   left: 87%;
   animation-delay: 0s;
}

.metrioit-icon2 {
   top: 30%;
   left: 97%;
   animation-delay: 4s;
}

.metrioit-icon3 {
   top: 5%;
   left: 35%;
   animation-delay: 20s;
}

.metrioit-icon4 {
   top: 45%;
   left: 79%;
   animation-delay: 1.5s;
}

.metrioit-icon5 {
   top: 45%;
   left: 63%;
   animation-delay: 1.8s;
}

.metrioit-icon6 {
   top: 5%;
   left: 43%;
   animation-delay: 1s;
}

.metrioit-icon7 {
   top: 5%;
   left: 70%;
   animation-delay: 2s;
}

@keyframes meteor {
   0% {
      opacity: 0;
   }

   1% {
      opacity: 1;
      margin-top: -300px;
      margin-right: -300px;
   }

   75% {
      margin-top: 60%;
      margin-left: -58%;
   }

   100% {
      opacity: 0;
   }
}

.metrioit-static {
   display: none;
}

.noanimated .metrioit-static {
   position: absolute;
   display: block;
}

.metrioit-static1 {
   top: -9%;
   right: 12%;
}

.metrioit-static2 {
   top: 17%;
   right: -2%;
}

.metrioit-static3 {
   top: 5%;
   left: 6%;
}

.metrioit-static4 {
   bottom: 24%;
   right: 2%;
}

.metrioit-static5 {
   right: 0;
   left: 0;
   bottom: 3%;
   margin: auto;
}

.metrioit-static6 {
   left: -2%;
   bottom: 33%;
}

.metrioit-static7 {
   left: 40%;
   top: 21%;
}

.reviews-section {
   background: url(../images/image/home-bg-7.png);
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 61px 0 240px;
   position: relative;
}

.reviews-section .round-8 {
   position: absolute;
   top: 8%;
   left: 2%;
   background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
   opacity: 0.2;
   width: 158px;
   height: 158px;
   border-radius: 100%;
}

.reviews-section .round-9 {
   position: absolute;
   top: 1%;
   right: -7%;
   width: 428px;
   height: 428px;
   background: linear-gradient(68.22deg, #69c5fb 11.66%, rgba(105, 197, 251, 0) 95.97%);
   border-radius: 100%;
}

.reviews-section .title {
   font-size: 52px;
   margin-top: 17px;
   margin-bottom: 15px;
   font-weight: 700;
   line-height: 62px;
   color: var(--white);
}

.reviews-section .sub-title {
   font-size: 18px;
   font-weight: 500;
   line-height: 28px;
   color: var(--white);
   margin-bottom: 20px;
   max-width: 698px;
}

.reviews-section .reviews-img {
   width: 100%;
   height: 391px;
   position: relative;
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 20px;
   box-shadow: 0px 34px 24px 0px rgba(0, 0, 0, 0.1490196078);
}

.reviews-section .reviews-img img {
   position: absolute;
   inset: 10px;
   width: calc(100% - 20px);
   height: calc(100% - 20px);
   border-radius: 10px;
   -o-object-fit: cover;
   object-fit: cover;
}

.reviews-section .reviews-slider {
   margin-left: -40px;
}

.reviews-section .reviews-slider .owl-prev {
   left: -45px;
}

.reviews-section .reviews-slider .owl-next {
   right: -45px;
}

.reviews-section .reviews-slider .revies-slide-ring {
   width: 615px;
   margin: auto;
   height: 615px;
   border-radius: 100%;
   background: url(../images/image/review-slider-bg.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   padding: 1px;
}

.reviews-section .reviews-slider .revies-slide-bg {
   border-radius: 100%;
   width: 100%;
   height: 100%;
   padding: 20px;
}

.reviews-section .reviews-slider .revies-slide {
   width: 100%;
   height: 100%;
   border-radius: 100%;
   background: linear-gradient(180deg, #65b1ff 0%, #7db9ff 100%);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: end;
   text-align: center;
}

.reviews-section .reviews-slider .review-text {
   font-size: 18px;
   font-weight: 400;
   line-height: 26px;
   color: var(--white);
   margin-bottom: 20px;
   width: 394px;
   display: -webkit-box;
   -webkit-line-clamp: 6;
   -webkit-box-orient: vertical;
   overflow: hidden;
   min-height: 156px;
}

.reviews-section .reviews-slider .review-text-perr {
   position: relative;
}

.reviews-section .reviews-slider .review-text::after {
   content: "";
   background: url(../images/icons/reviews-left-dec.svg);
   position: absolute;
   width: 57px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   height: 46px;
   top: -76px;
   left: 13px;
}

.reviews-section .reviews-slider .review-text::before {
   content: "";
   background: url(../images/icons/reviews-right-dec.svg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   position: absolute;
   width: 57px;
   height: 46px;
   bottom: -40px;
   right: -20px;
}

.reviews-section .reviews-slider .review-user {
   width: 80px;
   height: 80px;
   border-radius: 100%;
   padding: 6px;
   border: 1px solid #9bddff;
   margin-bottom: 5px;
}

.reviews-section .reviews-slider .review-user img {
   width: 100%;
   height: 100%;
   border-radius: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.reviews-section .reviews-slider .review-name {
   font-size: 18px;
   font-weight: 700;
   line-height: 27px;
   margin-bottom: 5px;
   color: var(--white);
}

.reviews-section .reviews-slider .review-position {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: var(--blue);
   max-width: 180px;
   overflow: hidden;
   margin-bottom: 88px;
}

.why-waiting-section {
   position: relative;
}

.why-waiting-section .waiting-main {
   position: relative;
   margin-top: -290px;
}

.why-waiting-section .waiting-part {
   text-align: center;
   position: absolute;
   right: 11%;
   bottom: 16%;
}

.why-waiting-section .title {
   font-size: 36px;
   font-weight: 700;
   line-height: 54px;
   color: var(--black);
   margin-bottom: 5px;
}

.why-waiting-section .sub-title {
   font-size: 18px;
   font-weight: 400;
   line-height: 28px;
   color: var(--gray-2);
   max-width: 514px;
   margin: 0 auto 30px;
}

.why-waiting-section .waiting-btns {
   display: flex;
   gap: 20px;
   justify-content: center;
}

.why-waiting-section .waiting-fill-btn {
   width: 184px;
   height: 55px;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   border-radius: 30px;
   color: var(--white);
   background: var(--blue);
   text-align: center;
   border: 1px solid var(--blue);
   transition: all 0.4s ease-in-out;
}

.why-waiting-section .waiting-btn {
   width: 184px;
   height: 55px;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   border-radius: 30px;
   background: transparent;
   color: var(--black);
   text-align: center;
   border: 1px solid var(--blue);
   transition: all 0.4s ease-in-out;
}

.why-waiting-section .waiting-fill-btn:hover {
   color: var(--black);
   background-color: transparent;
}

.why-waiting-section .waiting-btn:hover {
   color: var(--white);
   background: var(--blue);
}

.why-waiting-section .waiting-arrow {
   position: absolute;
   left: 109px;
   top: -102px;
   rotate: 4deg;
   max-height: 120px;
}

.why-waiting-section .round-10 {
   background: linear-gradient(224.9deg, #46d2fe 18.65%, rgba(76, 193, 254, 0) 56.34%);
   opacity: 15%;
   width: 608px;
   height: 608px;
   border-radius: 100%;
   position: absolute;
   left: -8%;
   top: 31%;
   z-index: 3;
   rotate: 90deg;
}

.why-waiting-section .round-11 {
   background: linear-gradient(224.9deg, #46d2fe 18.65%, rgba(76, 193, 254, 0) 56.34%);
   position: absolute;
   right: 0;
   left: 0;
   bottom: -160px;
   rotate: 199deg;
   margin: auto;
   width: 319px;
   height: 319px;
   border-radius: 100%;
   opacity: 10%;
}

.why-waiting-section .round-12 {
   background: linear-gradient(224.9deg, #46d2fe 18.65%, rgba(76, 193, 254, 0) 56.34%);
   width: 608px;
   height: 608px;
   border-radius: 100%;
   rotate: 180deg;
   position: absolute;
   bottom: -110px;
   right: -232px;
   opacity: 10%;
}

.contactus-section {
   width: -moz-fit-content;
   width: fit-content;
   margin: 76px 0 0 auto;
   text-align: center;
}

.contactus-section .title {
   font-size: 36px;
   font-weight: 700;
   line-height: 44px;
   color: var(--black);
   margin-bottom: 25px;
}

.contactus-section input {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   border: none;
   max-width: 363px;
   padding: 0 0 10px 0;
   margin: 0 auto 20px;
   text-align: center;
   border-bottom: 1px solid #dddddd;
   background-color: transparent;
   border-radius: 0;
}

.contactus-section input::-moz-placeholder {
   color: var(--gray-2) !important;
}

.contactus-section input::placeholder {
   color: var(--gray-2) !important;
}

.contactus-section .form-control:focus {
   box-shadow: none;
   background-color: transparent;
}

.contactus-section .fill-btn {
   width: 200px;
   height: 55px;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   border-radius: 30px;
   color: var(--white);
   background: var(--blue);
   text-align: center;
   border: 1px solid var(--blue);
   transition: all 0.4s ease-in-out;
}

.contactus-section .fill-btn:hover {
   color: var(--black);
   background: transparent;
}

.footer {
   background: url(../../images/image/footer-bg.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center top;
   margin-top: -144px !important;
   min-height: 528px;
   padding: 170px 0 17px;
}

.footer .footer-imgs {
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
   display: flex;
   justify-content: space-between;
   max-width: 576px;
   margin-bottom: 40px;
   padding-bottom: 10px;
}

.footer .footer-imgs .footer-logo {
   width: -moz-fit-content;
   width: fit-content;
   height: -moz-fit-content;
   height: fit-content;
}

.footer .footer-imgs .footer-icons {
   display: flex;
   gap: 15px;
}

.footer .footer-imgs .footer-icons .icon {
   width: 50px;
   height: 50px;
   cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid rgba(255, 255, 255, 0.2);
   border-radius: 100%;
   transition: all 0.4s ease-in-out;
}

.footer .footer-imgs .footer-icons .icon.active,
.footer .footer-imgs .footer-icons .icon:hover {
   background-color: var(--white);
}

.footer .footer-imgs .footer-icons .icon.active img,
.footer .footer-imgs .footer-icons .icon:hover img {
   filter: invert(60%) sepia(82%) saturate(608%) hue-rotate(202deg) brightness(101%) contrast(132%);
}

.footer .footer-title {
   font-size: 18px;
   font-weight: 600;
   line-height: 27px;
   color: var(--white);
   margin-bottom: 15px;
}

.footer .footer-link {
   font-size: 16px;
   font-weight: 400;
   line-height: 36px;
   color: rgba(255, 255, 255, 0.7);
   text-decoration: none;
   display: block;
   transition: all 0.2s ease-in-out;
}

.footer .footer-link:hover {
   color: var(--black);
}

.footer hr {
   border-top: 1px solid rgba(255, 255, 255, 0.2);
   margin: 30px auto 10px;
   opacity: 1;
}

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

.footer .footer-terms p {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 0;
   letter-spacing: 0em;
   text-align: left;
   color: rgba(255, 255, 255, 0.7);
}

.footer .footer-terms p a {
   text-decoration: none;
   color: rgba(255, 255, 255, 0.7);
}

.footer .footer-terms a:hover {
   color: var(--black);
}

.footer .gooter-links {
   align-items: flex-end;
}

.search-result .number-card {
   border: 1px solid #dddddd;
}

.search-result .short-by-line {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 10px;
   margin-bottom: 30px;
}

.search-result .short-by-line .short-title {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: var(--gray-2);
   margin-bottom: 0;
}

.search-result .short-by-line .short-badge .badge-text {
   font-size: 16px;
   cursor: pointer;
   font-weight: 400;
   line-height: 24px;
   text-align: center;
   color: var(--black);
   margin-bottom: 0;
   padding: 13px 30px;
   border-radius: 30px;
   background-color: var(--white);
   height: 50px;
   position: relative;
}

.search-result .short-by-line .short-badge .badge-text:hover {
   color: var(--blue);
   border-radius: 30px;
   background: linear-gradient(120deg, #edf2ff 0%, #eff9ff 100%);
}

.search-result .short-by-line .short-badge .badge-text:hover::after {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.search-result .short-by-line .short-badge .badge-text.active {
   color: var(--blue);
   border-radius: 30px;
   background: linear-gradient(120deg, #edf2ff 0%, #eff9ff 100%);
}

.search-result .short-by-line .short-badge .active.badge-text::after {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.search-result .short-by-line .short-badge .badge-text::after {
   content: "";
   position: absolute;
   background-color: #dddddd;
   inset: -1px;
   z-index: -1;
   border-radius: 30px;
}

.search-result .add-more {
   font-size: 20px;
   font-weight: 600;
   line-height: 30px;
   color: var(--blue);
   text-decoration: none;
}

.styled-checkbox {
   position: relative;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   padding: 0;
   width: 29px;
   height: 29px;
}

.styled-checkbox:before {
   content: "";
   border-radius: 4px;
   display: inline-block;
   width: 30px;
   border: 1px solid #dddddd;
   height: 30px;
   background: white;
}

.styled-checkbox:checked:before {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   border: none;
}

.styled-checkbox:checked:after {
   content: "";
   background: url(../images/icons/checked.svg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: absolute;
   width: 18px;
   height: 12px;
   left: 6px;
   top: 9px;
}

.page-list {
   padding: 20px 0 2px;
}

.page-list a {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: var(--white);
   margin-right: 23px;
   text-decoration: none;
   position: relative;
}

.page-list a.active {
   opacity: 0.7;
   position: unset;
}

.page-list a.active::after {
   content: unset;
}

.page-list a::after {
   content: "";
   background: url(../images/icons/page-right-icon.svg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   width: 7px;
   height: 12px;
   position: absolute;
   top: 0;
   bottom: 0;
   right: -18px;
   margin: auto;
}

.search-result-hero {
   background: url(../images/image/search-result-bg.png);
   background-position: center bottom;
   background-repeat: no-repeat;
   background-size: cover;
   padding-bottom: 210px;
}

.result-waiting-section {
   position: relative;
   margin-bottom: -36px;
}

.result-waiting-section img {
   width: 100%;
}

.rws-mb {
   margin-bottom: -225px !important;
}

.result-waiting-content {
   position: absolute;
   left: 50px;
   top: 190px;
}

.result-waiting-content .sub-title {
   font-size: 18px;
   font-weight: 400;
   line-height: 28px;
   color: var(--white);
   margin-bottom: 30px;
   max-width: 389.5px;
}

.result-waiting-content .result-waiting-btns {
   display: flex;
   gap: 20px;
}

.result-waiting-content .result-waiting-btns .light-blue-btn {
   text-align: center;
   padding: 14px 40px;
   border: 1px solid #4cc1fe;
   border-radius: 30px;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   background: #4cc1fe;
   color: var(--white);
   transition: all 0.4s ease-in-out;
}

.result-waiting-content .result-waiting-btns .light-blue-btn:hover {
   color: var(--white);
   background-color: transparent;
   border-color: var(--white);
}

.result-waiting-content .result-waiting-btns .light-btn:hover {
   border-color: #4cc1fe;
   background-color: #4cc1fe;
   color: var(--white);
}

.result-waiting-content .result-waiting-btns .light-btn {
   text-align: center;
   padding: 14px 40px;
   border: 1px solid var(--white);
   border-radius: 30px;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   background: transparent;
   color: var(--white);
}

#choose-plan .modal-dialog {
   max-width: 620px;
}

#choose-plan .modal-content {
   border-radius: 20px;
}

#choose-plan .modal-body {
   padding: 30px 50px 33px;
}

.choose-plan-radio .radio:checked,
#choose-plan .radio:checked {
   position: relative;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
}

.choose-plan-radio .radio:checked::before,
#choose-plan .radio:checked::before {
   content: "";
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   background: url(../images/icons/chekbox-checked.svg);
}

.choose-plan-radio .radio,
#choose-plan .radio {
   width: 30px;
   height: 30px;
   border: 1px solid #e7e7e7;
}

.choose-plan-radio .plan-card,
#choose-plan .plan-card {
   display: flex;
   border: 1px solid #e7e7e7;
   border-radius: 10px;
   padding: 24px 20px 25px;
   margin-bottom: 15px;
   align-items: center;
   background-color: var(--white);
   position: relative;
   z-index: 1;
}

#choose-plan .plan-card-div {
   position: relative;
}

#choose-plan .plan-card-div.active .plan-card {
   border-color: var(--white);
}

#choose-plan .plan-card-div.active::after {
   content: "";
   position: absolute;
   z-index: 0;
   border-radius: 12px;
   top: -3px;
   right: -3px;
   left: -3px;
   bottom: -3px;
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%), linear-gradient(0deg, #ffffff, #ffffff);
}

#choose-plan .plan-month {
   margin-left: 10px;
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   color: var(--black);
   margin-bottom: 0;
}

#choose-plan .plan-discount {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 0;
   color: #46b87a;
   background: rgba(70, 184, 122, 0.1);
   border-radius: 21px;
   height: 41px;
   margin-left: 9px;
   font-size: 20px;
   font-weight: 500;
   line-height: 30px;
   padding: 6px 15px 5px 13px;
}

#choose-plan .plan-price {
   margin-left: auto;
   font-size: 28px;
   font-weight: 600;
   line-height: 28px;
   margin-bottom: 0;
   background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

#choose-plan .plan-price span {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.modal-title {
   font-size: 28px;
   font-weight: 700;
   line-height: 42px;
   margin: 14px auto 0;
   color: var(--black);
}

.btn-close {
   position: absolute;
   right: 35px;
}

.offer-fields {
   padding: 13px 22px;
   border: 1px solid #e7e7e7;
   border-radius: 50px;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: var(--black);
   margin-bottom: 15px;
   box-shadow: none !important;
}

.offer-fields::-moz-placeholder {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: #7e7f87;
}

.offer-fields::placeholder {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: #7e7f87;
}

.offer-price {
   position: relative;
}

.offer-price .offer-fields {
   padding-left: 60px;
}

.offer-price::before {
   content: "$";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   padding: 2px 15px 2px 25px;
   margin: 13px auto 11px;
   color: var(--black);
   border-right: 1px solid #e7e7e7;
}

.states .filter-search {
   max-width: 424px;
   width: 100%;
}

.states .state-title {
   font-size: 24px;
   font-weight: 700;
   line-height: 36px;
   margin-bottom: 0;
   color: var(--black);
}

.states .state-heading {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-bottom: 15px;
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 34px;
}

.states .nav-tabs {
   justify-content: center;
}

.states .nav-link.active {
   border: none;
   border-bottom: 2px solid var(--blue);
   background-color: rgba(66, 96, 203, 0.05);
}

.states .nav-link:hover {
   border-bottom: 2px solid var(--blue);
}

.states .nav-link {
   padding: 15px 60px;
   border: none;
   border-bottom: 1px solid #e7e7e7;
   display: flex;
   font-size: 20px;
   font-weight: 500;
   line-height: 28px;
   gap: 10px;
   align-items: center;
   justify-content: center;
}

.states .nav-link .state-flag {
   width: 45px;
   height: 45px;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #e7e7e7;
}

.states .nav-link .state-flag img {
   -o-object-fit: cover;
   object-fit: cover;
}

.states .tab-content {
   margin: 50px auto 100px;
}

.states .tab-content p {
   font-size: 18px;
   padding-left: 30px;
   font-weight: 400;
   line-height: 28px;
   margin-bottom: 30px;
   color: var(--black);
}

.states .tab-content .col-6 {
   border-left: 1px solid #e7e7e7;
}

.number-faq {
   padding: 80px 0 0;
   background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
}

.number-faq .faq-title {
   max-width: 638px;
   font-size: 32px;
   font-weight: 700;
   line-height: 48px;
   color: var(--black);
   margin-bottom: 50px !important;
   margin: auto;
   text-align: center;
}

.number-faq .accordion-button:not(.collapsed)::after {
   background-image: none;
   height: 2px;
   content: " ";
   width: 14px;
   transform: none;
   border-top: 2px solid #ffffff;
}

.number-faq .accordion-button::after {
   background-image: url(../images/icons/plus-icon.svg);
   background-size: cover;
   content: "";
   width: 14px;
   height: 14px;
}

.number-faq .accordion-button:focus {
   box-shadow: none;
}

.number-faq .accordion-button {
   border-radius: 6px !important;
   border: none;
   font-size: 16px;
   font-weight: 600;
   line-height: 28px;
   color: var(--black);
   padding: 11px 20px 11px 15px;
   box-shadow: none;
   background-color: var(--white);
}

.number-faq .accordion-button:not(.collapsed) {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   color: var(--white);
}

.number-faq .accordion-item {
   margin-bottom: 10px;
   border: none;
}

.number-faq .accordion-body {
   padding: 15px 20px 15px 15px;
   min-height: 158px;
   border-radius: 6px;
   background-color: var(--white);
   font-size: 16px;
   font-weight: 400;
   line-height: 28px;
   color: #7e7f87;
   position: relative;
   z-index: 2;
   box-shadow: 0px 4px 64px 0px rgba(0, 0, 0, 0.0705882353);
}

.number-faq .faq-round-1 {
   position: absolute;
   width: 370px;
   height: 370px;
   border-radius: 100%;
   background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
   opacity: 10%;
   left: 46px;
   top: 45px;
   rotate: 180deg;
   z-index: 0;
}

.number-faq .faq-round-2 {
   position: absolute;
   width: 333px;
   height: 333px;
   border-radius: 100%;
   background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
   opacity: 10%;
   right: 46px;
   bottom: 7px;
   rotate: -90deg;
   z-index: 0;
}

.faq-img {
   width: 100%;
   height: 128px;
}

/* Cart Page */

.cart-shopings {
   row-gap: 30px;
}

.cart-number-card {
   box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.0705882353);
   border-radius: 6px;
   padding: 5px;
   background-color: var(--white);
   margin-right: 20px;
}

.cart-number-card .cart-number {
   display: flex;
   justify-content: space-between;
   padding: 15px 0 10px;
   margin: 0 15px;
   border-bottom: 1px solid rgba(34, 35, 40, 0.1);
}

.cart-number-card .cart-number h4 {
   color: var(--black);
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   margin-top: 4px;
   margin-bottom: 10px;
}

.cart-number-card .cart-number h3 {
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   margin-bottom: 0px;
}

.cart-number-card .cart-number .cart-trash {
   width: 50px;
   height: 50px;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #f7f7f7;
   border: none;
}

.cart-number-card .cart-number .cart-trash:hover img {
   animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

.cart-number-card .cart-alert-text {
   display: flex;
   margin: 15px 12px 20px 20px;
   align-items: flex-start;
}

.cart-number-card .cart-alert-text p {
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
   color: #7e7f87;
   margin-bottom: 0;
}

.cart-number-card .cart-text {
   margin: 0 20px 15px;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: var(--black);
}

.cart-number-card .cart-price {
   display: flex;
   justify-content: space-between;
   margin: 0 20px 15px;
}

.cart-number-card .cart-price p {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: var(--black);
   margin-bottom: 0;
}

.cart-number-card .cart-total-btn {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 6px;
   padding: 9px 15px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   color: var(--white);
   border: 2px solid var(--white);
   width: 100%;
   transition: all 0.2s ease-in-out;
}

.cart-number-card .cart-total-btn:hover {
   border: 2px solid var(--blue);
   color: var(--blue);
   background: var(--white);
}

.cart-number-card:hover {
   box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.21);
}

.cart-section .btn-blue {
   margin-right: 20px;
   width: 240px;
   margin-top: 30px;
}

.cart-shopings {
   border-right: 1px solid #e7e7e7;
   padding-right: 12px;
}

@keyframes bellshake {
   0% {
      transform: rotate(0);
   }

   15% {
      transform: rotate(15deg);
   }

   30% {
      transform: rotate(-15deg);
   }

   45% {
      transform: rotate(10deg);
   }

   60% {
      transform: rotate(-10deg);
   }

   75% {
      transform: rotate(5deg);
   }

   85% {
      transform: rotate(-5deg);
   }

   92% {
      transform: rotate(3deg);
   }

   100% {
      transform: rotate(0);
   }
}

.secure-checkout {
   box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.0705882353);
   background-color: var(--white);
   padding: 30px 30px 20px;
   border-radius: 6px;
   margin-left: 56px;
}

.secure-checkout .sc-total {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 10px;
}

.secure-checkout .sc-total p {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: var(--black);
   margin-bottom: 0;
}

.secure-checkout .sc-total2 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-bottom: 17px;
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 20px;
}

.secure-checkout .sc-total2 p {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: var(--black);
   margin-bottom: 0;
}

.secure-checkout .cart-disc-code {
   margin-bottom: 30px;
}

.secure-checkout .cart-disc-code .form-control {
   padding: 13px 22px;
   border-radius: 50px;
   height: 50px;
   border: 1px solid #e7e7e7;
   border-right: none !important;
}

.secure-checkout .cart-disc-code .form-control::-moz-placeholder {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: #7e7f87;
}

.secure-checkout .cart-disc-code .form-control::placeholder {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: #7e7f87;
}

.secure-checkout .cart-disc-code .form-control:focus {
   box-shadow: none;
}

.secure-checkout .cart-disc-code .apply-code-btn {
   border: 1px solid #e7e7e7;
   border-radius: 50px;
   height: 50px;
   padding: 13px 30px 13px 15px;
   border-left: none;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: var(--blue);
   position: relative;
   z-index: 7;
}

.secure-checkout .cart-disc-code .apply-code-btn:hover {
   background-color: rgba(70, 126, 254, 0.7);
   color: var(--white);
}

.secure-checkout .cart-disc-code .apply-code-btn::after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: -1px;
   width: 1px;
   height: 30px;
   margin: auto;
   background-color: #e7e7e7;
}

.secure-checkout .checkout-cart-btn {
   width: 100%;
   height: 45px;
   border-radius: 50px;
   background-color: var(--blue);
   color: var(--white) !important;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   border: none !important;
   margin-bottom: 20px;
}

.secure-checkout .checkout-cart-btn:hover {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.secure-checkout .pay-icons {
   display: flex;
   align-items: center;
   justify-content: space-around;
   margin-bottom: 30px;
}

.secure-checkout .trust-text {
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
   color: #7e7f87;
   margin-bottom: 0;
   text-align: center;
}

.our-company .our-company {
   width: 100%;
   max-width: 726px;
   max-height: 652px;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 10px;
}

.our-company .our-badge {
   background: linear-gradient(95.35deg, rgba(70, 126, 254, 0.1) 5.26%, rgba(97, 202, 253, 0.1) 100%);
   width: -moz-fit-content;
   width: fit-content;
   padding: 6px 20px;
   color: var(--blue);
   margin-bottom: 15px;
   border-radius: 18px;
}

.our-company .our-title {
   max-width: 614px;
   margin-bottom: 15px;
   font-size: 36px;
   font-weight: 700;
   line-height: 50px;
   color: var(--black);
}

.our-company .our-text {
   max-width: 626px;
   margin-bottom: 15px;
   font-size: 16px;
   font-weight: 400;
   line-height: 26px;
   color: #7e7f87;
}

.our-company .our-btn {
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   color: var(--white);
   border: 2px solid var(--blue);
   background-color: var(--blue);
   padding: 14px 52px;
   margin: 15px 0 15px;
   border-radius: 30px;
}

.our-company .our-btn:hover {
   color: var(--blue);
   background-color: var(--white);
}

.about-featured-section {
   margin: 80px 0;
}

.about-featured-section .featured-title {
   margin-bottom: 30px;
   font-size: 36px;
   font-weight: 700;
   line-height: 54px;
   text-align: center;
   color: var(--black);
}

.about-featured-section .featured-imgs {
   display: flex;
   align-items: center;
   justify-content: space-evenly;
   flex-wrap: wrap;
   -moz-column-gap: 90px;
   column-gap: 90px;
   row-gap: 40px;
}

.about-featured-section .featured-imgs img {
   max-height: 44px;
   -o-object-fit: cover;
   object-fit: cover;
}

.about-shop-section {
   padding: 93px 0 400px;
   background-position: center bottom;
}

.about-shop-section .about-white-title {
   font-size: 36px;
   margin-bottom: 15px;
   font-weight: 700;
   line-height: 44px;
   color: var(--white);
   max-width: 575px;
}

.about-shop-section .about-text {
   margin-bottom: 30px;
   font-size: 18px;
   font-weight: 400;
   line-height: 26px;
   color: var(--white);
   max-width: 575px;
}

.about-shop-section .shop-local-btn {
   border-radius: 30px;
   background: #4cc1fe;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   padding: 14px 33px;
   color: var(--white);
   border: 2px solid #4cc1fe;
}

.about-shop-section .shop-local-btn:hover {
   color: var(--white);
   background-color: transparent;
   border-color: var(--white);
}

.about-shop-section .reviews-img {
   background: linear-gradient(114.49deg, #4cc1fe 0%, #ffffff 100%);
   height: 492px;
   box-shadow: none;
}

.our-team .team-title {
   font-size: 36px;
   font-weight: 700;
   line-height: 50px;
   text-align: center;
   color: var(--black);
   margin-bottom: 0;
}

.our-team .team-sub-title {
   margin: 0 auto 50px;
   color: #7e7f87;
   font-size: 16px;
   font-weight: 400;
   line-height: 26px;
   text-align: center;
   max-width: 696px;
}

.our-team .our-team-member {
   margin: 0 3px 80px;
   text-align: center;
}

.our-team .our-team-member .member-img {
   max-width: 333px;
   max-height: 333px;
   border-radius: 100%;
   position: relative;
   overflow: hidden;
   margin: 0 auto 15px;
}

.our-team .our-team-member .member-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
   border-radius: 100%;
   transition: all 0.4s ease-in-out;
}

.our-team .our-team-member .member-img::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   opacity: 70%;
   border-radius: 100%;
   mix-blend-mode: overlay;
}

.our-team .our-team-member .member-name {
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   text-align: center;
   margin-bottom: 5px;
   color: var(--black);
}

.our-team .our-team-member .member-post {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   text-align: center;
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-bottom: 10px;
}

.our-team .our-team-member .member-icons {
   display: flex;
   align-items: center;
   justify-content: center;
   -moz-column-gap: 15px;
   column-gap: 15px;
}

.our-team .our-team-member .member-icons a {
   width: 40px;
   height: 40px;
   border-radius: 100%;
   border: 1px solid #e7e7e7;
   display: flex;
   align-items: center;
   justify-content: center;
}

.our-team .our-team-member .member-icons a:hover img {
   animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

.our-team .our-team-member:hover .member-img img {
   transform: scale(1.1);
}

/* .why-us-page .use-cases-section::after {
content: none !important;
} */

.why-text-dec p {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: var(--black);
   position: relative;
   padding-left: 22px;
}

.why-text-dec p:hover::after {
   background-color: transparent;
}

.why-text-dec p::before {
   content: " ";
   position: absolute;
   top: 6px;
   left: 0;
   width: 11.84px;
   height: 11.84px;
   border-radius: 100%;
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.why-text-dec p::after {
   content: "";
   position: absolute;
   top: 8px;
   left: 2px;
   width: 7.84px;
   border-radius: 100%;
   background-color: var(--white);
   height: 7.84px;
}

.why-us-network {
   position: relative;
}

.why-us-network .home-dec-1 {
   position: absolute;
   top: 0;
   left: 90px;
}

.why-sub-title {
   font-size: 16px;
   max-width: 605px;
   font-weight: 400;
   line-height: 28px;
   color: var(--white);
   margin-bottom: 30px;
}

.why-us-main {
   margin-bottom: 80px;
}

.why-us-main .why-us-title {
   font-size: 36px;
   max-width: 696px;
   margin: 0 auto 15px;
   font-weight: 700;
   line-height: 50px;
   text-align: center;
   color: var(--black);
}

.why-us-main .why-us-sub-title {
   font-size: 16px;
   font-weight: 400;
   line-height: 26px;
   text-align: center;
   max-width: 696px;
   color: #7e7f87;
   margin: 35px auto 50px;
}

.why-us-main .why-us-icon {
   width: 240px;
   height: 240px;
   border-radius: 100%;
   border: 5px solid rgba(66, 96, 203, 0.1019607843);
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 35px auto 20px;
}

.why-us-main .why-us-icon img {
   max-width: 120px;
   max-height: 120px;
   transition: all 0.6s ease-in-out;
}

.why-us-main .why-text {
   font-size: 22px;
   margin: 0 auto 10px;
   font-weight: 500;
   line-height: 28px;
   text-align: center;
   max-width: 251px;
   color: var(--black);
}

.why-us-main .why-sub-text {
   font-size: 16px;
   font-weight: 400;
   color: #7e7f87;
   line-height: 26px;
   text-align: center;
   max-width: 254px;
   margin: 0 auto 35px;
}

.why-us-main .col-xl-3 {
   border-right: 1px solid #e7e7e7;
   border-bottom: 1px solid #e7e7e7;
}

.why-us-main .col-xl-3:hover img {
   animation: bounceicon 3s infinite;
   animation-timing-function: ease-in-out;
}

.why-us-main .col-xl-3:hover .why-us-icon {
   border-style: dotted;
}

@keyframes bounceicon {

   0%,
   20%,
   50%,
   80%,
   100% {
      transform: translateY(0);
   }

   40% {
      transform: translateY(-20px);
   }

   60% {
      transform: translateY(-10px);
   }
}

.knowledge-main .nav-pills {
   gap: 20px;
   margin-bottom: 50px;
   justify-content: center;
}

.knowledge-main .nav-pills .nav-link {
   padding: 11px 30px;
   font-size: 20px;
   font-weight: 500;
   line-height: 28px;
   color: var(--black);
   border-radius: 25px;
   border: 1px solid #e7e7e7;
   max-height: 50px;
}

.knowledge-main .nav-pills .nav-link:hover {
   border-color: var(--blue);
   color: var(--blue);
}

.knowledge-main .nav-pills .nav-link.active {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   color: var(--white);
}

.knowledge-main .knowledge-card {
   position: relative;
   overflow: hidden;
}

.knowledge-main .knowledge-card .knowledge-card-img {
   max-width: 454px;
   height: 315px;
   overflow: hidden;
   border-radius: 10px;
   margin: 0 auto 15px;
}

.knowledge-main .knowledge-card video,
.knowledge-main .knowledge-card img {
   -o-object-fit: cover;
   object-fit: cover;
   width: 100%;
   border-radius: 10px;
   transition: all 0.4s ease-in-out;
}

.knowledge-main .knowledge-card .knowledge-title {
   font-size: 22px;
   font-weight: 500;
   line-height: 30px;
   color: var(--black);
   margin-bottom: 15px;
}

.knowledge-main .knowledge-card .knowledge-text {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: #7e7f87;
   margin-bottom: 20px;
}

.knowledge-main .knowledge-card .knowledge-btn {
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   color: var(--blue);
   border: 1px solid #4260cb;
   border-radius: 30px;
   padding: 14px 30px;
   transition: all 0.4s ease-in-out;
   margin-bottom: 50px;
}

.knowledge-main .knowledge-card .knowledge-btn:hover {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   color: var(--white);
   border-color: var(--white);
}

.knowledge-main .knowledge-case-study {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: var(--white);
   padding: 8px 15px;
   background: rgba(34, 35, 40, 0.3);
   border-radius: 25px 0 0 25px;
   width: -moz-fit-content;
   width: fit-content;
   position: absolute;
   transition: all 0.6s ease-in-out;
   right: 0;
   top: 25px;
}

.knowledge-card:hover .blog-date {
   color: var(--blue);
}

.knowledge-card:hover .knowledge-case-study {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.knowledge-pagination {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
   margin-bottom: 24px;
}

.knowledge-pagination .pagination-item.dark {
   font-size: 18px;
   font-weight: 500;
   line-height: 28px;
   text-align: center;
   width: 50px;
   height: 50px;
   border-radius: 100%;
   border: 1px solid #e7e7e7;
   color: var(--black);
}

.knowledge-pagination .pagination-item.lignt {
   color: #7e7f87;
   background: #f7f7f7;
   border-color: #f7f7f7;
   font-size: 18px;
   font-weight: 500;
   line-height: 28px;
   text-align: center;
   width: 50px;
   height: 50px;
   border-radius: 100%;
}

.knowledge-pagination .pagination-item.prev {
   color: #7e7f87;
   background: #f7f7f7;
   border-color: #f7f7f7;
   font-size: 18px;
   font-weight: 500;
   line-height: 28px;
   text-align: center;
   padding: 11px 30px;
   border-radius: 30px;
   height: 50px;
}

.knowledge-pagination .dark:hover,
.knowledge-pagination .lignt:hover,
.knowledge-pagination .next:hover {
   border-color: #4260cb !important;
}

.knowledge-pagination .pagination-item.next {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   padding: 11px 30px;
   border: 1px solid var(--white);
   border-radius: 25px;
   color: var(--white);
}

.local-faq {
   background: none;
   margin-bottom: 100px;
   padding-top: 0;
}

.local-faq .accordion-button.collapsed {
   border: 1px solid #e7e7e7;
}

.local-faq .faq-title {
   margin-bottom: 30px !important;
}

.blog-main .blog-date {
   font-size: 16px;
   font-weight: 400;
   line-height: 26px;
   margin-bottom: 5px;
   color: #7e7f87;
}

.blog-main .knowledge-btn {
   max-height: 55px;
   margin-bottom: 25px !important;
}

.blog-main .knowledge-text {
   margin-bottom: 10px !important;
}

.blog-main .knowledge-card-img {
   margin-bottom: 23px !important;
   overflow: hidden;
}

.blog-main .knowledge-card-img img {
   transition: all 0.4s ease-in-out;
}

.blog-main .knowledge-card:hover img {
   transform: scale(1.1);
}

.blog-detail .blog-detail-img img {
   max-height: 554px;
   width: 100%;
   border-radius: 10px;
   transition: all 0.6s ease-in-out;
}

.blog-detail .blog-detail-img {
   overflow: hidden;
   border-radius: 10px;
   max-height: 554px;
   margin-bottom: 30px;
}

.blog-detail .blog-detail-img:hover img {
   transform: scale(1.05);
}

.blog-detail .blog-detail-date {
   font-size: 16px;
   margin-bottom: 0;
   font-weight: 400;
   line-height: 26px;
   color: #7e7f87;
}

.blog-detail .blog-detail-title {
   font-size: 36px;
   font-weight: 700;
   line-height: 54px;
   color: #222328;
   margin-bottom: 0;
}

.blog-detail .blog-detail-text {
   font-size: 16px;
   font-weight: 400;
   line-height: 26px;
   margin-bottom: 10px;
   color: #7e7f87;
}

.blog-detail .blog-detail-list {
   padding-left: 20px;
}

.blog-detail .blog-detail-list::before {
   content: "•";
   color: #7e7f87;
   font-weight: bold;
   display: inline-block;
   width: 1em;
   margin-left: -1em;
}

.blog-detail .blog-detail-sub-title {
   font-size: 22px;
   margin-bottom: 30px;
   font-weight: 500;
   line-height: 30px;
   color: var(--black);
}

.blog-detail .next-prev-blog {
   display: flex;
   justify-content: space-between;
   margin: 34px auto 5px;
}

.blog-detail .next-prev-blog .prev-blog:hover p,
.blog-detail .next-prev-blog .next-blog:hover p {
   color: var(--blue);
}

.blog-detail .next-prev-blog .next-blog:hover,
.blog-detail .next-prev-blog .prev-blog:hover {
   border: 2px solid rgba(136, 198, 251, 0.42);
}

.blog-detail .next-prev-blog .next-blog,
.blog-detail .next-prev-blog .prev-blog {
   border: none;
   background-color: var(--white);
   display: flex;
   border-radius: 8px;
   border: 2px solid var(--white);
   -moz-column-gap: 30px;
   column-gap: 30px;
}

.blog-detail .next-prev-blog .next-blog img,
.blog-detail .next-prev-blog .prev-blog img {
   width: 91px;
   height: 91px;
   border-radius: 6px;
   -o-object-fit: cover;
   object-fit: cover;
}

.blog-detail .next-prev-blog .next-blog p,
.blog-detail .next-prev-blog .prev-blog p {
   margin-bottom: 3px;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   color: #7e7f87;
}

.blog-detail .next-prev-blog .next-blog h4,
.blog-detail .next-prev-blog .prev-blog h4 {
   font-size: 22px;
   font-weight: 500;
   line-height: 30px;
   max-width: 341px;
   margin-bottom: 0;
}

.privacy-policy {
   padding-bottom: 25px;
}

.privacy-policy h4 {
   margin: 30px 0 15px;
   font-size: 28px;
   font-weight: 700;
   line-height: 42px;
   color: var(--black);
}

.privacy-policy .policy-text {
   font-size: 18px;
   font-weight: 400;
   line-height: 28px;
   color: #8c94b0;
   margin-bottom: 15px;
}

.privacy-policy .policy-sub-text::before {
   content: "•";
   color: var(--black);
   font-weight: bold;
   display: inline-block;
   width: 1em;
   margin-left: -1em;
}

.privacy-policy .policy-sub-text {
   font-size: 18px;
   font-weight: 400;
   line-height: 32px;
   color: var(--black);
   padding-left: 20px;
   margin-bottom: 0px;
}

.testimonials .testimonal-box:hover {
   box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, 0.02);
   border: 1px dashed var(--black);
}

.testimonials .testimonal-box:hover .testimonial-info {
   background: linear-gradient(255deg, #f1f4fd 0%, #dbf1ff 100%);
}

.testimonials .testimonal-box {
   max-width: 416px;
   height: 416px;
   border-radius: 100%;
   border: 1px solid #e7e7e7;
   padding-top: 78px;
   display: flex;
   align-items: center;
   flex-direction: column;
   position: relative;
   margin: 0 auto 183px;
   z-index: 2;
   transition: all 0.4s ease-in-out;
}

.testimonials .testimonal-box .testimonial-dec-img {
   margin: 0 auto 20px;
}

.testimonials .testimonal-box .testimonial-text {
   color: #7e7f87;
   text-align: center;
   font-size: 16px;
   font-weight: 400;
   line-height: 28px;
   max-width: 394px;
   margin: 0 auto 0;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 5;
   white-space: pre-wrap;
}

.testimonials .testimonial-info {
   margin-top: 50px;
   width: 226px;
   min-height: 222px;
   border-radius: 100%;
   background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
   padding: 25px 10px 29px;
   display: flex;
   align-items: center;
   flex-direction: column;
   position: absolute;
   bottom: -105px;
}

.testimonials .testimonial-img {
   width: 86px !important;
   height: 86px !important;
   background: url(../images/image/testimonial-ring.png);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   display: flex;
   justify-content: center;
   align-items: center;
}

.testimonials .testimonial-img img {
   border-radius: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   max-width: 74px;
   width: 100%;
   height: 100%;
   max-height: 74px;
}

.testimonials h5 {
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   text-align: center;
   color: var(--black);
   margin-bottom: -3px;
}

.testimonials p {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   max-width: 138px;
   text-align: center;
   color: var(--gray-2);
   margin-bottom: 0;
}

.contact-us {
   margin-bottom: 100px;
}

.contact-us .feedback-title {
   font-size: 36px;
   color: var(--black);
   font-weight: 700;
   line-height: 54px;
   text-align: center;
   margin-bottom: 5px;
}

.contact-us .feedback-sub-title {
   max-width: 696px;
   font-size: 18px;
   font-weight: 400;
   margin: 0 auto 30px;
   line-height: 28px;
   text-align: center;
   color: #8c94b0;
}

.feedback-box:hover {
   box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.04);
}

.feedback-box {
   max-width: 1180px;
   padding: 49px 60px 50px;
   border-radius: 10px;
   box-shadow: 0px 4px 84px 0px rgba(0, 0, 0, 0.1019607843);
   margin: 0 auto 80px;
}

.feedback-box .offer-fields {
   min-height: 60px;
   color: var(--blue);
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 20px;
}

.feedback-box .offer-fields:focus {
   border-color: var(--blue);
}

.feedback-box .offer-fields::-moz-placeholder {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 0em;
   text-align: left;
   color: #7e7f87;
}

.feedback-box .offer-fields::placeholder {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 0em;
   text-align: left;
   color: #7e7f87;
}

.feedback-box textarea {
   border-radius: 20px;
   resize: none;
   padding: 19px 20px 17px;
}

.contact-way:hover img {
   transform: rotateY(180deg);
}

.contact-way {
   cursor: pointer;
}

.contact-way .contact-img {
   width: 240px;
   height: 240px;
   border-radius: 100%;
   border: 5px solid rgba(66, 96, 203, 0.1019607843);
   margin: 0 auto 20px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.contact-way .contact-img img {
   transition: all 0.9s ease-in-out;
}

.contact-way .contact-way-name {
   font-size: 22px;
   font-weight: 500;
   line-height: 33px;
   text-align: center;
   color: var(--black);
   margin-bottom: 10px;
}

.contact-way .contact-id {
   font-size: 20px;
   color: #7e7f87;
   margin-bottom: 20px;
   font-weight: 400;
   line-height: 26px;
   text-align: center;
   word-break: break-all;
}

.checkout-box .feedback-box {
   padding: 0;
   margin: 0 53px 0 0;
}

.checkout-box .checkout-title {
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   color: var(--black);
   margin: 0px 0 15px 30px;
   padding-top: 30px;
}

.checkout-box .offer-fields {
   min-height: 50px;
   margin-bottom: 15px;
}

.checkout-box .offer-fields::-webkit-outer-spin-button,
.checkout-box .offer-fields::-webkit-inner-spin-button {
   -webkit-appearance: none;
}

.checkout-box input[type="date"]::-webkit-calendar-picker-indicator {
   display: none;
   -webkit-appearance: none;
}

.checkout-box .row .row {
   margin: 0 22px;
}

.checkout-box hr {
   border-top: 1px solid #e7e7e7;
   opacity: 1;
   margin: 15px 0 0;
}

.accept-terms {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-left: 30px;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: var(--black);
}

.accept-terms a {
   text-decoration: none;
   color: #4260cb !important;
}

.my-profil-tabs {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
}

.my-profil-tabs a {
   font-size: 18px;
   font-weight: 500;
   line-height: 28px;
   color: var(--black);
   text-decoration: none;
   -moz-column-gap: 10px;
   column-gap: 10px;
   display: flex;
   align-items: center;
   border-bottom: 1px solid #e7e7e7;
   padding: 15px 22px 15px;
}

.my-profil-tabs a:hover {
   border-color: var(--blue);
}

.my-profil-tabs a.active {
   color: var(--blue);
   border-bottom: 2px solid var(--blue);
}

.my-profil-tabs a.active svg path {
   fill: var(--blue);
}

.my-profile {
   max-width: 938px;
   margin: 20px auto;
}

.my-profile .offer-fields {
   margin-bottom: 20px !important;
}

#myOrder th.sorting:before,
#myOrder th.sorting:after,
#myOrder td.sorting:before,
#myOrder td.sorting:after {
   content: none;
}

.table-perent {
   overflow: auto;
   margin-bottom: 100px;
}

.table-perent .dataTables_wrapper {
   --bs-gutter-x: 24px;
   --bs-gutter-y: 0;
   padding-right: calc(var(--bs-gutter-x) * 0.5);
   padding-left: calc(var(--bs-gutter-x) * 0.5);
}

#myOrder {
   width: 100%;
   border-top: none;
   min-width: 1180px;
   margin: 50px auto 0;
}

#myOrder .dt-row {
   --bs-gutter-x: 0;
}

#myOrder thead {
   border-radius: 6px !important;
}

#myOrder thead tr {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

#myOrder thead tr th {
   border: none;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   padding: 12px 0px 11px;
   color: var(--white);
}

#myOrder th:first-child {
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
}

#myOrder th:last-child {
   border-top-right-radius: 6px;
   padding-right: 35px;
   border-bottom-right-radius: 6px;
}

#myOrder tbody tr td:last-child {
   padding-right: 35px !important;
}

#myOrder th:first-child,
#myOrder tbody tr td:first-child {
   padding-left: 30px;
}

#myOrder tbody::after {
   content: "";
   position: absolute;
   top: -10px;
   width: 100%;
   height: calc(100% + 10px);
   border: 1px solid #e7e7e7;
   border-radius: 6px;
   z-index: -1;
}

#myOrder tbody {
   position: relative;
}

#myOrder tbody tr td {
   padding: 20px 10px 20px 0;
   color: var(--black);
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   vertical-align: top;
}

#myOrder tbody p,
#myOrder tbody span {
   color: var(--black);
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 0;
}

#myOrder tbody .order-address {
   min-width: 243px;
   max-width: 300px;
}

#myOrder tbody .even {
   position: relative;
}

#myOrder tbody .even td:first-child::after {
   content: "";
   width: calc(100% - 20px);
   background: linear-gradient(95.35deg, rgba(70, 126, 254, 0.1) 5.26%, hsla(200, 98%, 69%, 0.1) 100%) !important;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 10px;
   right: 10px;
   border-radius: 10px;
   z-index: -1;
}

.numbers-order tr th:last-child,
.numbers-order tr td:last-child {
   padding-right: 20px !important;
}

.numbers-order .order-address p {
   width: 243px;
   text-wrap: wrap;
}

.numbers-order .order-status,
#myOrder tbody .order-status {
   width: -webkit-fill-available;
   margin: auto;
   height: 35px;
   border-radius: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   min-width: 64px;
}

.numbers-order .pending,
#myOrder tbody .order-status.pending {
   color: #fb6666;
   background-color: rgba(70, 184, 122, 0.1);
}

.numbers-order .delivered,
#myOrder tbody .order-status.delivered {
   color: #46b87a;
   background-color: rgba(70, 184, 122, 0.1);
}

.numbers-order .open,
#myOrder tbody .order-status.open {
   color: #4260cb;
   background-color: rgba(66, 96, 203, 0.1);
}

.payment-part {
   margin: 50px auto 50px;
}

.payment-card {
   position: relative;
   background: var(--white);
   max-width: 393px;
   width: 100%;
   margin: auto;
}

.payment-card .payment-detail {
   display: flex;
   padding: 0 10px 0 17px;
   align-items: flex-start;
}

.payment-card label {
   background: var(--white);
   padding: 15px 5px 5px;
   border-radius: 10px;
}

.payment-card label h5 {
   font-size: 18px;
   margin-bottom: 5px;
   font-weight: 500;
   line-height: 27px;
   color: var(--blue);
}

.payment-card label p {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 20px;
   color: var(--gray-2);
}

.payment-card label .payment-btns {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 6px;
   display: flex;
   justify-content: space-around;
   padding: 2px;
}

.payment-card label .payment-btn {
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   color: var(--white);
   border-radius: 6px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 13px;
   padding: 9px 12px 9px;
   width: 50%;
   transition: all 0.4s ease-in-out;
}

.payment-card label .payment-btn img {
   transition: all 0.4s ease-in-out;
}

.payment-card label .payment-btn:hover {
   background-color: var(--white);
   color: var(--black);
}

.payment-card label .payment-btn:hover img {
   filter: invert(0.9);
}

.payment-card::after {
   content: "";
   background: #e7e7e7;
   position: absolute;
   inset: -1px;
   width: calc(100% + 2px);
   height: calc(100% + 2px);
   border-radius: 11px;
   z-index: 0;
}

.active.payment-card::after {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.new-card-btn {
   font-size: 18px;
   font-weight: 500;
   display: flex;
   line-height: 27px;
   color: var(--white);
   padding: 14px 55px;
   width: -moz-fit-content;
   width: fit-content;
   margin: auto;
   background: var(--blue);
   border-radius: 30px;
   margin-bottom: 100px;
   border: 1px solid var(--blue) !important;
}

.new-ask-btns form>div {
   width: calc(50%) !important;
   transform: translateX(calc(100% - 9px));
}

.new-ask-btns form label {
   width: calc(50% - 1px) !important;
}

.new-card-btn:hover {
   color: var(--blue);
   background-color: var(--white);
}

.change-pass-btn {
   font-size: 18px;
   font-weight: 500;
   display: flex;
   line-height: 27px;
   color: var(--blue);
   padding: 14px 55px;
   width: -moz-fit-content;
   width: fit-content;
   margin: 10px auto;
   background: var(--white);
   border-radius: 30px;
   border: 1px solid var(--blue) !important;
}

.change-pass-btn:hover {
   color: var(--white);
   background-color: #4260cb;
}

.newsletter-select {
   margin-left: 0;
   margin-bottom: 30px;
   cursor: pointer;
}

.custome-select .select2 {
   width: 100% !important;
   margin-bottom: 20px;
}

.custome-select .select2 .select2-selection--single {
   padding: 13px 20px !important;
   height: 50px;
   border: 1px solid #e7e7e7;
   border-radius: 50px !important;
}

.custome-select .select2 .select2-selection--single .select2-selection__arrow b {
   border-color: #888 transparent transparent transparent;
   border-style: solid;
   border-width: 8px 7px 0 7px;
   height: 0;
   left: -8px;
   margin-left: -4px;
   margin-top: -2px;
   position: absolute;
   top: 23px;
   width: 0;
}

.custome-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: transparent transparent #888 transparent;
   border-width: 0 6px 7px 6px;
}

.select2-container--open .select2-dropdown--below {
   border-radius: 20px;
   padding: 10px 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
   border-radius: 10px;
}

.forget-password {
   border: 1px solid #e7e7e7;
   background: linear-gradient(95.35deg, rgba(70, 126, 254, 0.05) 5.26%, rgba(97, 202, 253, 0.05) 100%);
   border-radius: 10px;
   max-width: 696px;
   margin: 50px auto 150px;
   padding: 50px 20px 50px;
}

.forget-password p {
   font-size: 18px;
   font-weight: 400;
   line-height: 27px;
   text-align: center;
   max-width: 453px;
   color: var(--black);
   margin: 0 auto 20px;
}

.forget-password input {
   max-width: 454px;
   margin: 0 auto 30px;
}

.forget-password .password-field {
   max-width: 454px;
   margin: 0 auto 30px;
}

.signup-bg {
   background: url(../images/image/signup-bg.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   border-radius: 20px;
   width: 100%;
   padding: 40px 29px;
   margin: 20px auto 131px;
   max-width: 1420px;
}

.signup-box {
   max-width: 696px;
   border-radius: 10px;
   outline: 7px solid rgba(255, 255, 255, 0.3019607843);
   background-color: var(--white);
   padding: 40px 30px 36px;
   margin-left: auto;
}

.signup-box .login-btns {
   border: 1px solid #e7e7e7;
   border-radius: 25px;
   width: -moz-fit-content;
   width: fit-content;
   display: flex;
   margin: 0 auto 30px;
}

.signup-box .login-btns .btn {
   color: var(--black);
   font-size: 18px;
   font-weight: 500;
   width: 180px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 27px;
   border: none;
}

.signup-box .login-btns .btn-active {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 25px;
   color: var(--white);
}

.signup-box .login-title {
   font-size: 22px;
   color: var(--black);
   font-weight: 600;
   line-height: 33px;
   margin: 30px 0 15px;
}

.signup-box .alredy-account-text {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: var(--black);
   text-align: center;
   margin-top: 20px;
   margin-bottom: 0;
}

.signup-box .alredy-account-text a {
   text-decoration: none;
   color: var(--blue);
   font-weight: 600;
}

.signup-box .alredy-account-text a:hover {
   text-decoration: underline;
}

.login-bg {
   background-image: url(../images/image/login-bg.png);
   position: relative;
   margin-top: 73px;
}

.login-bg::after {
   content: "";
   background: url(../images/image/login-img.png);
   position: absolute;
   top: -74px;
   left: 50px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   height: 562px;
   width: 385px;
}

.login-forget-password {
   display: flex;
   justify-content: space-between;
}

.offered-points-section .offered-points {
   display: flex;
   flex-wrap: wrap;
   row-gap: 10px;
   max-width: 1422px;
   margin: 74px auto 104px;
   justify-content: center;
   -moz-column-gap: 30px;
   column-gap: 30px;
   position: relative;
}

.offered-points-section .offered-card {
   width: 212px;
   height: 212px;
   border-radius: 100%;
   background: linear-gradient(95.35deg, rgba(70, 126, 254, 0.1) 5.26%, rgba(97, 202, 253, 0.1) 100%);
   text-align: center;
   padding-top: 46px;
}

.offered-points-section .offered-card:hover img {
   transform: rotateY(1turn);
   transition: 1s ease-out;
}

.offered-points-section .offered-text {
   font-size: 16px;
   margin-bottom: 0;
   font-weight: 500;
   line-height: 24px;
   letter-spacing: 0em;
   text-align: center;
   color: var(--black);
   max-width: 149px;
   margin: 0 auto 0;
}

.offered-points-section .offered-img {
   border: 0.51px solid #e7e7e7;
   background-color: var(--white);
   width: 72px;
   height: 72px;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 11px;
}

.offered-points::after {
   background: linear-gradient(123.8deg, #467efe 27.76%, #fdfeff 78.85%);
   width: 580px;
   height: 580px;
   border-radius: 100%;
   content: "";
   position: absolute;
   left: -530px;
   bottom: -280px;
   opacity: 7%;
   rotate: 53deg;
   z-index: -1;
}

.offered-points::before {
   background: linear-gradient(84.91deg, #467efe 8.04%, #fdfeff 70.4%);
   width: 580px;
   height: 580px;
   border-radius: 100%;
   content: "";
   position: absolute;
   right: -620px;
   top: -200px;
   opacity: 7%;
   z-index: -1;
}

.services-offered {
   /* background: linear-gradient(87.11deg, #467efe 1.52%, #55c7ff 100.15%);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; */
   padding: 262px 0 80px;
   position: relative;
   margin-top: 263px !important;
}

.services-offered::after {
   content: "";
   width: 100%;
   height: 440px;
   background: url(../images/icons/home-new-bg.png);
   background-repeat: no-repeat;
   background-position: center top;
   background-size: cover;
   position: absolute;
   right: 0;
   left: 0;
   top: -280px;
   min-height: 375px;
}

.services-offered::before {
   content: "";
   width: 100%;
   height: 272px;
   background: url(../images/image/slider-bg-bottom.png);
   background-repeat: no-repeat;
   background-position: top center;
   background-size: cover;
   position: absolute;
   right: 0;
   left: 0;
   bottom: -2px;
}

.offered-slider1 {
   width: 500px;
   margin: auto;
}

.offered-slider1 .slider-card {
   background: var(--blue);
   padding: 40px;
   border-radius: 20px;
   max-width: 241px;
   transition: all 0.4s ease-in-out;
}

.offered-slider1 .slider-card .slider-btn,
.offered-slider1 .slider-card .slider-text {
   display: none;
}

.offered-slider1 .slider-card .slider-img {
   width: 72px;
   height: 72px;
   border-radius: 100%;
   border: 0.51px solid #e7e7e7;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 11px;
   background-color: var(--white);
}

.offered-slider1 .slider-card .slider-img img {
   width: 40px;
   height: 40px;
   -o-object-fit: cover;
   object-fit: cover;
}

.offered-slider1 .slider-card .slider-title {
   font-size: 18px;
   font-weight: 700;
   line-height: 27px;
   letter-spacing: 0em;
   text-align: center;
   margin: 0;
   color: var(--white);
}

.offered-slider1 .slider-card .slider-text {
   font-size: 18px;
   margin: 0 auto 15px;
   font-weight: 500;
   line-height: 28px;
   letter-spacing: 0em;
   text-align: center;
   color: var(--white);
}

.offered-slider1 .slider-card .slider-btn {
   box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.0705882353);
   border-radius: 30px;
   padding: 14px 30px;
   font-size: 16px;
   font-weight: 500;
   line-height: 22px;
   letter-spacing: 0em;
   text-align: center;
   color: var(--black);
   margin: auto;
   background-color: var(--white);
   border-color: var(--white) !important;
}

.offered-slider1 .slider-card .slider-btn:hover {
   color: var(--white);
   background-color: transparent;
}

.offered-slider1 .slider-btn,
.offered-slider1 .slider-text {
   display: block !important;
   transition: all 0.4s ease-in-out;
}

.offered-slider1 .slider-title {
   margin-bottom: 10px;
}

.offered-slider1 .slider-card {
   width: 500px;
   max-width: 500px;
   background: linear-gradient(93.45deg, #467efe -21.54%, #61cafd 99.74%);
   padding: 43px 50px;
}

.offered-slider1 .slider-img {
   width: 153px !important;
   height: 153px !important;
}

.offered-slider1 .slider-img img {
   width: 87px !important;
   height: 87px !important;
}

.offered-slider1 .owl-dot {
   width: 12px;
   height: 12px;
   border-radius: 100%;
   border: 1px solid #8c94b0;
   background-color: var(--white);
}

.offered-slider1 .owl-stage {
   display: flex;
   align-items: center;
   justify-content: center;
}

.services-offered-container {
   max-width: 1568px !important;
   margin-top: -264px;
}

.slider-heading {
   font-size: 48px;
   font-weight: 700;
   line-height: 72px;
   letter-spacing: 0em;
   text-align: center;
   color: var(--white);
   margin-bottom: 0;
}

.slider-sub-heading {
   margin-bottom: 38px;
   font-size: 22px;
   font-weight: 500;
   line-height: 28px;
   letter-spacing: 0em;
   text-align: center;
   color: var(--white);
}

.services-offered .owl-dots {
   text-align: center;
   margin-top: 10px;
}

.services-offered .owl-dots .owl-dot {
   border: 1px solid #8c94b0;
   width: 12px;
   height: 12px;
   border-radius: 100%;
   background-color: var(--white);
   margin: 0 5px;
}

.services-offered .owl-dots .owl-dot.active {
   border-color: var(--blue);
   background-color: var(--blue);
   width: 12px;
   height: 12px;
   margin: 0 5px;
   border-radius: 100%;
}

.slider-card.dumy {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   width: 241px;
   height: 217px;
   border-radius: 20px;
   background-color: var(--blue);
   margin: auto 0;
}

.slider-card.dumy .slider-img {
   width: 72px;
   height: 72px;
   border-radius: 100%;
   border: 0.51px solid #e7e7e7;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 11px;
   background-color: var(--white);
}

.slider-card.dumy .slider-img img {
   width: 40px;
   height: 40px;
   -o-object-fit: cover;
   object-fit: cover;
}

.slider-card.dumy .slider-title {
   font-size: 18px;
   font-weight: 700;
   line-height: 27px;
   letter-spacing: 0em;
   text-align: center;
   margin: 0;
   color: var(--white);
}

.offered-slider2 {
   width: 241px;
   margin: auto;
}

.search-box {
   position: relative;
   margin-bottom: 15px;
}

.search-box img {
   position: absolute;
   left: 20px;
   top: 0;
   bottom: 0;
   margin: auto;
}

.search-box input {
   height: 50px;
   background: #f7f7f7;
   padding: 0 20px 0 51px;
   border: 1px solid #f7f7f7;
   border-radius: 30px;
}

.search-box input:focus {
   box-shadow: none;
   background-color: transparent;
   border-color: var(--blue);
}

.map-section .county-codes .search-btn {
   letter-spacing: 0em;
   text-align: left;
   padding: 6px 10px;
   margin: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   min-width: unset;
   height: unset;
   border: unset !important;
}

.map-section .county-codes .search-btn span {
   font-size: 12px;
   font-weight: 500;
   line-height: 150%;
   letter-spacing: 0.028px;
}

.map-section .county-codes .search-btn img {
   width: 16px;
   height: 16px;
}

.county-codes .d-flex {
   flex-wrap: wrap;
   -moz-column-gap: 10px;
   column-gap: 10px;
   row-gap: 5px;
   margin-bottom: 10px;
}

.county-codes label {
   border-radius: 20px;
   font-size: 14px;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: 0em;
   padding: 4px 15px;
   height: 30px;
   text-align: left;
   color: #7e7f87;
   border: 1px solid #e7e7e7;
   display: flex;
   cursor: pointer;
}

.county-codes label input {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.county-codes label.active {
   border-color: var(--blue);
   color: var(--blue);
   background: rgba(66, 96, 203, 0.1);
}

.industries {
   margin: 20px auto 100px;
}

.industrie-gradient-bg {
   width: 100%;
   border-radius: 20px;
   height: 400px;
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   margin-bottom: 30px;
   position: relative;
   cursor: pointer;
   overflow: hidden;
}

.industrie-gradient-bg:hover img {
   transform: scale(1.1);
}

.industrie-gradient-bg img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 20px;
   transition: all 0.4s ease-in-out;
}

.industrie-img img {
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 20px;
   height: 100%;
}

.industrie-text {
   position: absolute;
   left: 20px;
   bottom: 30px;
   font-size: 22px;
   font-weight: 600;
   width: calc(100% - 40px);
   border-top: 1px solid rgb(255, 255, 255, 0.5);
   padding-top: 13px;
   line-height: 33px;
   letter-spacing: 0em;
   margin-bottom: 0;
   text-align: left;
   max-width: 290px;
   color: var(--white);
   z-index: 1;
}

.buy-featured-new {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   border-top: 1px solid rgba(255, 255, 255, 0.2);
   gap: 24px;
   margin-top: 40px;
   padding: 40px 0 44px;
}

.buy-featured-new .featured-title {
   font-size: 36px;
   font-weight: 700;
   line-height: 44px;
   margin-bottom: 12px;
   max-width: 521px;
   color: var(--white);
}

.buy-featured-new .featured-sub-title {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   max-width: 575px;
   margin-bottom: 0;
   color: var(--white);
}

.buy-featured-new .why-buy-totals {
   display: flex;
   align-items: center;
   justify-content: center;
}

.buy-featured-new .why-buy-totals div {
   text-align: center;
}

.buy-featured-new .why-buy-totals div img {
   margin-bottom: 11px;
   max-width: 52px;
   -o-object-fit: contain;
   object-fit: contain;
}

.buy-featured-new .why-buy-totals div h1 {
   font-size: 36px;
   font-weight: 700;
   line-height: 44px;
   color: var(--white);
   margin-bottom: 12px;
}

.buy-featured-new .why-buy-totals div p {
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   color: var(--white);
   margin-bottom: 0;
}

.buy-featured-new .buy-transitions {
   padding-right: 84px;
   border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.buy-featured-new .buy-numbers {
   padding-left: 70px;
}

.new-slider .slick-dots li button:before {
   content: "";
   border: 1px solid #8c94b0;
   width: 12px;
   height: 12px;
   border-radius: 100%;
   background-color: var(--white);
   margin: 0 5px;
   opacity: 1;
}

.new-slider .slick-dots li.slick-active button:before {
   border-color: var(--blue);
   background-color: var(--blue);
   width: 12px;
   height: 12px;
   margin: 0 5px;
   border-radius: 100%;
   opacity: 1;
}

.new-slider .slick-slide {
   min-height: 494px;
   transition: all 0.2s ease;
   display: flex;
   align-items: center;
}

.new-slider .slider-card {
   background: var(--blue);
   padding: 40px;
   border-radius: 20px;
   margin: auto 10px;
   max-width: 241px;
}

.new-slider .slider-card .slider-btn,
.new-slider .slider-card .slider-text {
   display: none;
}

.new-slider .slider-card .slider-img {
   width: 72px;
   height: 72px;
   border-radius: 100%;
   border: 0.51px solid #e7e7e7;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 11px;
   background-color: var(--white);
}

.new-slider .slider-card .slider-img img {
   width: 40px;
   height: 40px;
   -o-object-fit: cover;
   object-fit: cover;
}

.new-slider .slider-card .slider-title {
   font-size: 18px;
   font-weight: 700;
   line-height: 27px;
   letter-spacing: 0em;
   text-align: center;
   margin: 0;
   color: var(--white);
}

.new-slider .slider-card .slider-text {
   font-size: 18px;
   margin: 0 auto 15px;
   font-weight: 500;
   line-height: 28px;
   letter-spacing: 0em;
   text-align: center;
   color: var(--white);
}

.new-slider .slider-card .slider-btn {
   box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.0705882353);
   border-radius: 30px;
   padding: 14px 30px;
   font-size: 16px;
   font-weight: 500;
   line-height: 22px;
   letter-spacing: 0em;
   text-align: center;
   color: var(--black);
   margin: auto;
   background-color: var(--white);
   border-color: var(--white) !important;
}

.new-slider .slider-card .slider-btn:hover {
   color: var(--white);
   background-color: transparent;
}

.new-slider .slick-center .slider-btn,
.new-slider .slick-center .slider-text {
   display: block !important;
}

.new-slider .slick-center .slider-title {
   margin-bottom: 10px;
}

.new-slider .slick-center .slider-card {
   width: 500px;
   max-width: 500px;
   background: linear-gradient(93.45deg, #467efe -21.54%, #61cafd 99.74%);
   padding: 43px 50px;
}

.new-slider .slick-center .slider-img {
   width: 153px;
   height: 153px;
}

.new-slider .slick-center .slider-img img {
   width: 87px;
   height: 87px;
}

.result-filters {
   display: flex;
   row-gap: 10px;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 30px;
}

.result-filters .select2-selection__rendered {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px !important;
   color: var(--black) !important;
}

.result-filters .select2 {
   width: auto !important;
   padding: 13px 40px 13px 20px;
   height: 50px;
   border: 1px solid #e7e7e7;
   width: -moz-fit-content;
   width: fit-content;
   border-radius: 30px;
}

.result-filters .select2-selection {
   border: none;
}

.result-filters .select2-selection__arrow b {
   border-width: 6px 6px 0 6px !important;
}

.result-filters .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-width: 0 6px 6px 6px !important;
}

.result-filters .select2-container--open .select2-dropdown--below {
   border-top-right-radius: 0px !important;
}

.result-filters .select2-container--default .select2-selection--single .select2-selection__arrow {
   top: 11px;
   right: 13px;
}

.result-filters .radio-label {
   width: 50px;
   height: 50px;
   border: 1px solid #e7e7e7;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}

.result-filters .radio-label input {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.result-filters .radio-label.active {
   border-color: var(--blue);
}

.result-filters .radio-label.active img {
   filter: invert(38%) sepia(30%) saturate(539%) hue-rotate(218deg) brightness(83%) contrast(337%);
}

.hero-bg {
   position: relative;
}

.hero-bg::after {
   content: "";
   background: url(../images/image/home-bg-dec.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   position: absolute;
   top: 18px;
   left: 0;
   right: 0;
   width: 100%;
   max-width: 1920px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0;
   height: 100%;
   min-height: 800px;
   z-index: 0;
}

/*# sourceMappingURL=style.css.map */
/* New Slieder CSS Start */

.offered-new-slider .slider-heading {
   max-width: 100vw;
   margin: auto;
   text-align: center;
}

.offered-new-slider .slider-sub-heading {
   max-width: 100vw;
   margin: auto;
   text-align: center;
   margin-bottom: 38px;
}

.offered-new-slider {
   display: flex;
   justify-content: center;
   align-items: center;
}

.cartoon-img {
   max-width: 484px;
   width: 100%;
   object-fit: contain;
   min-width: 260px;
   animation-duration: 3s;
   animation-fill-mode: both;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
}

@keyframes bounce {

   0%,
   100%,
   20%,
   50%,
   80% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
   }

   40% {
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px)
   }

   60% {
      -webkit-transform: translateY(-12px);
      -ms-transform: translateY(-12px);
      transform: translateY(-12px)
   }
}

.service-slider .slider1 {
   width: 1045px;
   margin: auto;
   height: 535px;
   text-align: center;
   padding: 0 67px;
}

.service-slider .slider1 .slide1 {
   padding: 0 18px;
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 512px;
   /* transition: all 0.4s ease-in-out; */
}

.new-service-slider .slick-list {
   clip-path: inset(0 60px 0 60px);
}

.slick-center {
   display: flex !important;
}

.service-slider .slider1 .slide1 .child-element {
   /* transition: all 0.2s ease; */
   background: #4260cb;
   border-radius: 20px;
   width: 100%;
   min-height: 217px;
}

.service-slider .slider1 .slide1.slick-center .child-element {
   background: linear-gradient(93.45deg, #467efe -21.54%, #61cafd 99.74%);
   border-radius: 20px;
   /* transform: translate(-125px, 0px); */
   width: calc(100% + 250px);
   flex-shrink: 0;
   min-height: 512px;
   max-height: 535px;
   max-width: initial;
   animation: slideAnimation 0.4s ease-in-out;
}

@keyframes slideAnimation {
   from {
      transform: scale(0.7);
   }

   to {
      transform: scale(1);
   }
}

.service-slider .slider-card {
   padding: 40px 20px;
   /* transition: all 0.4s ease-in-out; */
}

.service-slider .slider-card .slider-img img {
   max-width: 40px;
   max-height: 40px;
   width: 100%;
   object-fit: cover;
}

.service-slider .slider-card .slider-img {
   height: 72px;
   width: 72px;
   border-radius: 100%;
   background: var(--white);
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 11px;
}

.service-slider .slider-card h3 {
   font-size: 18px;
   font-weight: 700;
   line-height: 27px;
   text-align: center;
   color: var(--white);
   margin-bottom: 0;
}

.service-slider .slider-card .btn,
.service-slider .slider-card p {
   display: none;
}

.service-slider .slick-center p {
   display: block;
   font-size: 18px;
   font-weight: 500;
   line-height: 28px;
   text-align: center;
   color: var(--white);
   margin-bottom: 15px;
   word-break: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.service-slider .slick-center .btn {
   display: block;
   margin: auto;
   font-size: 16px;
   font-weight: 500;
   line-height: 22px;
   text-align: center;
   width: fit-content;
   color: var(--black);
   padding: 14px 30px;
   background: var(--white);
   border-radius: 30px;
   border-color: var(--white);
}

.service-slider .slick-center .btn:hover {
   color: var(--white);
   background-color: transparent;
}

.service-slider .slick-center h3 {
   font-size: 28px;
   line-height: 42px;
}

.service-slider .slick-center .slider-img {
   width: 153px;
   height: 153px;
}

.service-slider .slick-center .slider-img img {
   max-width: 85px;
   max-height: 85px;
   width: 100%;
   object-fit: cover;
}

.service-slider .slick-dots li.slick-active button:before {
   border-color: var(--blue);
   background-color: var(--blue);
   width: 12px;
   height: 12px;
   margin: 0 5px;
   border-radius: 100%;
   opacity: 1;
}

.service-slider li button:before {
   content: "";
   border: 1px solid #8c94b0;
   width: 12px;
   height: 12px;
   border-radius: 100%;
   background-color: var(--white);
   margin: 0 5px;
   opacity: 1;
}

/* New Slider CSS End */

.modal-content {
   border-radius: 20px;
}

.cart-modals .btns {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
}

.cart-modals .btn-blue {
   min-width: 202px;
}

.cart-modals .modal-body {
   padding-bottom: 50px;
}

.cart-modals .light-btn {
   color: var(--black);
   border-color: #e7e7e7 !important;
   background-color: var(--white);
}

.cart-modals .light-btn:hover {
   border-color: var(--blue);
   background-color: var(--blue);
   color: var(--white);
}

.cart-modals .btn-close {
   right: 30px;
   top: 30px;
   z-index: 10;
}

.cart-modals .cart-option-img {
   width: 100%;
   max-width: 433px;
   object-fit: cover;
   margin-top: 40px;
   margin-bottom: 40px;
}

/* Slider Arrow CSS */

.new-service-slider .slick-prev,
.new-service-slider .slick-next {
   width: 30px !important;
   height: 30px !important;
}

.slick-prev:before {
   font-size: 30px;
   content: url(../../images/icons/slider-prev-arrow.svg);
}

.slick-next:before {
   font-size: 30px;
   content: url(../../images/icons/slider-next-arrow.svg);
}

/* Admin Login CSS Start */

.login-left-part {
   background: url(../../assets/images/image/login1-left-bg.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 100vh;
   display: flex;
   flex-direction: column;
   padding-left: 107px;
   min-height: 600px;
}

.login-left-part img {
   width: 100%;
}

.login-left-img {
   margin-left: auto;
   margin-top: auto;
   max-width: 830px;
   object-fit: cover;
   object-position: top left;
   flex-grow: 1;
   min-height: 1px;
   max-height: 700px;
}

.login-text {
   padding: 135px 20px 90px 0;
   max-width: 909px;
   margin: auto;
}

.login-left-part .login-text h3 {
   font-size: 36px;
   max-width: 779px;
   margin-bottom: 15px;
   font-weight: 600;
   line-height: 46px;
   letter-spacing: 0.02em;
   color: var(--white);
}

.login-left-part .login-text p {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   max-width: 779px;
   margin-bottom: 0;
   color: var(--white);
}

.login-right-part {
   background: url(../../assets/images/image/login1-right-bg.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100vh;
   min-height: 600px;
}

.login-box {
   box-shadow: 0px 4px 104px 0px #0000000d;
   background-color: var(--white);
   padding: 25px 50px 75px;
   border-radius: 12px;
   max-width: 550px;
   width: 100%;
}

.login-box .login-logo {
   max-width: 201px;
   object-fit: cover;
   margin-bottom: 40px;
}

.login-box h3 {
   color: var(--black);
   font-size: 30px;
   font-weight: 500;
   line-height: 45px;
   margin-bottom: 11px;
}

.login-box p {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   margin-bottom: 36px;
   color: var(--gray-2);
}

.login-box label {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: var(--black);
   margin-bottom: 5px;
}

.login-box .input input {
   border: 1px solid #e7e7e7;
   border-radius: 7px;
   margin-bottom: 14px;
   height: 50px;
   padding: 0 15px 0 70px;
}

.login-box .input {
   position: relative;
}

.login-box .input .input-icon {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 17px;
   margin: auto;
}

.login-box .input::after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 54px;
   width: 1px;
   height: 100%;
   background-color: #e7e7e7;
}

.login-box .input .hide-pass-icon,
.login-box .input .show-pass-icon {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 17px;
   margin: auto;
   cursor: pointer;
}

.login-box .input input:focus {
   box-shadow: none;
   border-color: var(--blue);
}

.login-box .login-btn {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   text-align: center;
   color: var(--white);
   width: 100%;
   background-color: var(--blue);
   border: 3px solid var(--blue);
   padding: 13px 20px;
}

.login-box .login-btn:hover {
   color: var(--blue);
   background-color: transparent;
}

/* .styled-checkbox {
position: relative;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
width: 23px;
height: 23px;
} */
/* .styled-checkbox:checked:before {
background: var(--blue);
border: none;
} */
/* .styled-checkbox:before {
content: "";
border-radius: 4px;
display: inline-block;
width: 23px;
border: 1px solid #E7E7E7;
height: 23px;
background: white;
} */

.remember-label {
   cursor: pointer;
   display: flex;
   align-items: center;
   gap: 7px;
   margin-bottom: 28px !important;
}

/* .styled-checkbox:checked:after {
content: "";
background: url(../images/icons/checked.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 15px;
height: 11px;
left: 4px;
top: 5px;
} */

.login2 {
   background: url(../images/image/login2-bg.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 100vh;
   display: flex;
   align-items: center;
   padding: 50px 0 50px 187px;
   min-height: 700px;
}

.login2 .login-box {
   position: relative;
}

.login2 .login-box::after {
   content: "";
   display: inline-block;
   width: 93px;
   position: absolute;
   top: -42px;
   right: 89px;
   height: 93px;
   border-radius: 50%;
   box-shadow: 0px 23px 50px #46befe69;
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   animation: grow 4s ease infinite;
}

.login2 .login-box::before {
   content: "";
   display: inline-block;
   width: 52px;
   position: absolute;
   top: 55px;
   right: 49px;
   height: 52px;
   border-radius: 50%;
   box-shadow: 5px 14px 50px rgb(66, 96, 203, 0.3);
   background: url(../images/image/login-small-round.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   animation: grow 4s ease infinite;
}

@keyframes grow {
   from {
      transform: scale(0);
   }

   to {
      transform: scale(1);
   }
}

.login3 .login-box {
   transform: skew(0deg, 4deg) !important;
}

/* Admin Login CSS End */

.new-homedec {
   position: absolute;
   top: 37%;
   left: -17%;
   margin: auto;
   z-index: -1;
   animation-duration: 4s;
   animation-fill-mode: both;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
}

.new-homedec:hover {
   /*animation-name: bounce10;*/
}

@keyframes bounce10 {

   0%,
   100%,
   20%,
   50%,
   80% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0)
   }

   40% {
      -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      transform: translateY(-15px);
      -webkit-transform: translateX(-15px);
      -ms-transform: translateX(-15px);
      transform: translateX(-15px)
   }

   60% {
      -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
      transform: translateY(-8px);
      -webkit-transform: translateX(-8px);
      -ms-transform: translateX(-8px);
      transform: translateX(-8px)
   }
}

.checkuot-dropdown .number-list,
.checkuot-dropdown .wishlist-list {
   padding: 0px 30px;
   /* margin: 20px 0; */
   max-height: 257px;
   overflow: auto;
}

.checkuot-dropdown .number-list::-webkit-scrollbar,
.checkuot-dropdown .wishlist-list::-webkit-scrollbar {
   width: 5px;
}

.checkuot-dropdown .number-list::-webkit-scrollbar-thumb,
.checkuot-dropdown .wishlist-list::-webkit-scrollbar-thumb {
   background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 50px;
}

.checkuot-dropdown .number-list::-webkit-scrollbar-track,
.checkuot-dropdown .wishlist-list::-webkit-scrollbar-track {
   background: #dddddd;
   border-radius: 50px;
}

.checkuot-dropdown .checkout-number {
   display: flex;
   gap: 10px;
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 10px;
}

.checkuot-dropdown .checkout-number h1 {
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   color: #222328;
   margin-bottom: 5px;
   margin-right: auto;
}

.checkuot-dropdown .checkout-number p {
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
   color: #8c94b0;
   margin-bottom: 10px;
}

.checkuot-dropdown .checkout-number div div P {
   margin-bottom: 0px;
}

.checkuot-dropdown .checkout-number h2 {
   font-size: 18px;
   color: #222328;
   font-weight: 500;
   line-height: 28px;
   margin-bottom: 0;
}

.deleteNumber-btn {
   width: 45px;
   height: 45px;
   border: 1px solid #e7e7e7;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.deleteNumber-btn:hover,
.deleteNumber-btn:focus,
.deleteNumber-btn:active {
   background: linear-gradient(95.35deg, rgb(70, 126, 254, 0.2) 5.26%, rgb(97, 202, 253, 0.2) 100%);
   border: 1px solid #fff !important;
}

.deleteNumber-btn img {
   max-width: 18px;
   object-fit: contain;
}

.checkuot-dropdown .subtotal {
   margin: 0px 0 20px;
   background: linear-gradient(95.35deg, rgb(70, 126, 254, 0.2) 5.26%, rgb(97, 202, 253, 0.2) 100%);
   padding: 8px 30px;
   gap: 10px;
   display: flex;
   justify-content: space-between;
}

.checkuot-dropdown .subtotal h1 {
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   margin-bottom: 0;
   color: #222328;
}

.checkuot-dropdown .checkout-btns {
   display: flex;
   gap: 20px;
   margin: 0 30px 18px;
   justify-content: space-between;
}

.login-dropdown .login-checkout-btns {
   display: flex;
   gap: 20px;
   margin: 0 30px 18px;
   justify-content: space-between;
}

.checkout-number:last-child {
   border: none;
   margin-bottom: 0;
}

.new-outline-btn {
   font-size: 18px;
   border: 1px solid #4260cb;
   border-radius: 30px;
   min-height: 55px;
   background-color: #fff;
   font-weight: 500;
   line-height: 27px;
   color: #4260cb;
   justify-content: center;
}

.new-outline-btn:hover,
.new-outline-btn:focus,
.new-outline-btn:active {
   background-color: #4260cb;
   color: #fff;
   border: 1px solid #4260cb !important;
}

.new-fill-btn {
   font-size: 18px;
   border: 1px solid #4260cb;
   border-radius: 30px;
   min-height: 55px;
   background-color: #4260cb;
   font-weight: 500;
   line-height: 27px;
   color: #fff;
   justify-content: center;
}

.new-fill-btn:hover,
.new-fill-btn:focus,
.new-fill-btn:active {
   background-color: #fff;
   color: #4260cb;
   border: 1px solid #4260cb !important;
}

.checkuot-dropdown .resources-dropdown {
   right: 0 !important;
   left: unset !important;
   padding: 0;
   background-color: transparent;
   padding-top: 20px;
   min-width: 482px;
   top: unset !important;
   box-shadow: unset;
}

.login-dropdown .resources-dropdown {
   right: 0 !important;
   left: unset !important;
   padding: 0;
   background-color: transparent;
   padding-top: 20px;
   min-width: 482px;
   top: unset !important;
   box-shadow: unset;
}

.checkuot-dropdown-box,
.login-checkuot-dropdown-box,
.wishlist-dropdown-box {
   background-color: #fff;
   border-radius: 20px;
   padding: 10px 0 1px;
   box-shadow: 0px 64px 250px 0px #00000040;
}

.checkuot-dropdown .resources-dropdown::after,
.login-dropdown .resources-dropdown::after {
   content: "";
   position: absolute;
   right: 50px;
   top: 8px;
   margin: auto;
   width: 0;
   height: 0;
   border-left: 16px solid transparent;
   border-right: 16px solid transparent;
   border-top: 13px solid var(--white);
   rotate: 180deg;
}

.index-3 {
   position: relative;
   z-index: 3;
}

.new-animation {
   animation: slide-tr 1s steps(215, start) 2 alternate-reverse both;
}

@keyframes slide-tr {
   0% {
      -webkit-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0);
   }

   100% {
      transform: translateY(-30px) translateX(30px);
   }
}

.new-number-card {
   border: 1px solid #e7e7e7;
   background-color: #fff;
   border-radius: 10px;
   transition: all 0.4s ease;
   display: flex;
   flex-direction: column;
   min-height: 253px;
   height: 100%;
}

.new-number-card .btn-tool-tip {
   max-height: 22px;
}

.new-number-card:hover {
   box-shadow: 0px 14px 84px 0px #00000026;
}

.new-number-card .card-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 10px;
   padding: 11px 15px 10px;
   border-bottom: 1px solid #e7e7e7;
   flex-wrap: wrap;
   flex-grow: 1;
}

.new-number-card .card-header h2 {
   font-size: 24px;
   font-weight: 600;
   line-height: 36px;
   color: #222328;
   margin-bottom: 0;
}

.new-number-card .card-header h1 {
   font-size: 24px;
   font-weight: 600;
   line-height: 36px;
   margin-bottom: 0;
}

.new-number-card .card-header del {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: #8c94b0;
}

.new-number-card .card-header .d-flex {
   flex-direction: column-reverse;
   align-items: flex-end;
}

.new-number-card .card-body {
   gap: 5px;
   padding: 20px 15px 15px;
   display: flex;
   flex-grow: unset;
   justify-content: space-between;
}

.new-number-card .card-body p {
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
   margin-bottom: 0;
   color: #222328;
   max-width: 167px;
}

.icon-btn {
   background-color: transparent !important;
   border: none !important;
   display: flex;
   height: fit-content;
   flex-direction: column;
   align-items: center;
}

.favorite-btn {
   /* margin-left: auto; */
}

.favorite-btn img {
   transition: all 0.2s ease-in-out;
}

.favorite-btn:hover img {
   animation: pulse 0.9s linear infinite !important;
}

@keyframes pulse {
   0% {
      transform: scale(1.1);
   }

   50% {
      transform: scale(0.9);
   }

   100% {
      transform: scale(1);
   }
}

.icon-btn .icon {
   width: 50px !important;
   min-width: 50px !important;
   height: 50px;
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #e7e7e7;
   background-color: #4260cb0d;
   transition: all 0.4s;
}

.icon-btn .icon img {
   max-width: 25px;
   max-height: 25px;
   width: 100%;
   object-fit: contain;
   transition: all 0.4s;
}

.icon-btn .text {
   border-radius: 5px;
   padding: 5px 2px;
   margin-top: -10px;
   font-size: 10px;
   font-weight: 500;
   line-height: 14px;
   text-align: center;
   background: linear-gradient(95.35deg, #4cc1fe 5.26%, #4cc1fe 100%);
   color: #fff;
   transition: all 0.4s ease-in-out;
}

.new-number-card .card-btns {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   padding: 10px;
}

.icon-btn:hover .text {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   transition: all 0.4s ease-in-out;
}

.icon-btn:hover img {
   animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

/* .checked-icon:hover img {
animation: bellshake2 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) !important;
} */

@keyframes bellshake {
   0% {
      transform: rotate(0);
   }

   15% {
      transform: rotate(15deg);
   }

   30% {
      transform: rotate(-15deg);
   }

   45% {
      transform: rotate(10deg);
   }

   60% {
      transform: rotate(-10deg);
   }

   75% {
      transform: rotate(5deg);
   }

   85% {
      transform: rotate(-5deg);
   }

   92% {
      transform: rotate(3deg);
   }

   100% {
      transform: rotate(0);
   }
}

@keyframes bellshake2 {
   0% {
      transform: rotate(0);
   }

   10% {
      transform: rotate(15deg);
   }

   20% {
      transform: rotate(-15deg);
   }

   30% {
      transform: rotate(10deg);
   }

   40% {
      transform: rotate(-10deg);
   }

   50% {
      transform: rotate(15deg);
   }

   60% {
      transform: rotate(-15deg);
   }

   70% {
      transform: rotate(10deg);
   }

   80% {
      transform: rotate(-10deg);
   }

   90% {
      transform: rotate(10deg);
   }

   100% {
      transform: rotate(0);
   }
}

/*  */

.new-number-card form {
   width: 100%;
   background-color: white;
   text-align: center;
   position: relative;
   border-radius: 25px;
   padding: 5px;
}

.new-number-card form>div {
   color: white;
   padding-top: 24px;
   display: block;
   position: absolute;
   transform: translateX(calc(100% - 7px));
   top: 5px;
   left: 5px;
   bottom: 5px;
   width: calc(33.33%);
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 20px;
   z-index: 1;
   pointer-events: none;
   transition: transform 0.3s;
}

.new-ask-btns form>div {
   transform: translateX(calc(100% - 10px));
}

.new-number-card form::after {
   content: "";
   display: block;
   clear: both;
}

.new-number-card form label {
   float: left;
   width: calc(33.333% - 1px);
   position: relative;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   transition: color 0.3s;
   cursor: pointer;
}

.new-number-card form label:first-child {
   border-left: none;
}

.new-number-card form label input {
   position: absolute;
   top: -200%;
}

.new-number-card form label div {
   z-index: 5;
   position: absolute;
   width: 100%;
   font-size: 16px;
   font-weight: 500;
   line-height: 22px;
   text-align: center;
   color: #4260cb;
}

.new-number-card form label.selected div {
   color: white !important;
}

.compatibility-section {
   margin-bottom: 80px;
}

.compatibility-section .title {
   font-size: 36px;
   font-weight: 700;
   line-height: 54px;
   color: #222328;
   margin-bottom: 15px;
}

.compatibility-section .desc {
   font-size: 16px;
   font-weight: 400;
   line-height: 28px;
   color: #7e7f87;
   margin-bottom: 15px;
}

.compatibility-section .primery-btn {
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   padding: 14px 35px;
   border-radius: 30px;
   background-color: #4260cb;
   color: #fff;
   margin-top: 30px;
   transition: all 0.4s ease-in-out;
}

.compatibility-section .primery-btn:hover {
   background-color: #fff;
   border-color: #4260cb;
   color: #4260cb;
}

.compatibility-section .compatibility-mainimg {
   width: 100%;
}

.improve-section {
   margin-top: 80px;
   background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
   padding: 80px 0 20px;
   margin-bottom: -3px;
}

.improve-section img {
   width: 100%;
}

.compatibility-section img {
   border-radius: 10px;
}

.improve-section {
   position: relative;
}

.improve-section .round-1 {
   position: absolute;
   width: 370px;
   height: 370px;
   background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
   opacity: 10%;
   border-radius: 100%;
   top: 60px;
   left: 40px;
}

.improve-section .round-2 {
   position: absolute;
   width: 300px;
   height: 300px;
   background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
   border-radius: 100%;
   top: 0;
   bottom: 0;
   margin: auto;
   opacity: 10%;
   right: 40px;
}

.new-number-card {
   position: relative;
}

/* .new-number-card > .new-number-card{
position: fixed;
} */

body>.new-number-card.active {
   transition: top 1s, right 1s;
}

/* @keyframes topRight {
100% {
top: 0;
right: 0;
scale: 0;
}
} */

#basket {
   position: fixed;
   top: 0;
   right: 20px;
}

#fly-to-basket {
   z-index: 99000;
   overflow: hidden !important;
}

/* new-service-slider */

.state-search-pere .choose-state-select,
.choos-states .choose-state-select,
.new-service-slider {
   visibility: hidden;
}

/* Not Found CSS */

.notfound-text h1 {
   font-size: 36px;
   font-weight: 700;
   line-height: 54px;
   color: var(--black);
   margin-bottom: 15px;
}

.notfound-text p {
   font-size: 16px;
   font-weight: 400;
   line-height: 28px;
   color: #7e7f87;
   margin-bottom: 15px;
}

.notfound-text a {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: var(--blue);
}

.notfound-text a.btn {
   color: #fff;
}

.notfound-text a.btn:hover {
   color: var(--blue) !important;
}

.allowus-box {
   background: var(--white);
   border-radius: 20px;
   padding: 50px 50px 90px;
   height: 100%;
   position: relative;
}

.allowus-box h3 {
   font-size: 36px;
   font-weight: 700;
   line-height: 48px;
   text-align: center;
   margin-bottom: 15px;
   color: var(--black);
}

.notfound-arrow {
   position: absolute;
   top: -37px;
   left: -94px;
}

.allowus-box p {
   margin-bottom: 30px;
   font-size: 18px;
   font-weight: 400;
   line-height: 28px;
   text-align: center;
   color: var(--gray-2);
}

.allowus-part {
   background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
   padding: 80px 0;
   margin: 80px auto 50px;
}

.allowus-box .offer-fields {
   height: 60px;
}

.checkout-count {
   position: relative;
}

.checkout-notify {
   color: #fff;
   background-color: rgb(192, 4, 4);
   position: absolute;
   top: -3px;
   left: 57%;
   border-radius: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 11px;
   z-index: 1;
   padding: 0px 4px;
   height: 18px;
   min-width: 18px;
}

.knowledge-pagination .pagination {
   gap: 10px !important;
}

.all-number-margine {
   max-width: 1422px;
}

.checkout-continue-btn {
   font-size: 18px;
   border: 1px solid #4260cb;
   font-weight: 500;
   line-height: 27px;
   color: #fff;
   padding: 14px 78px;
   background-color: #4260cb;
   border-radius: 30px;
   transition: all 0.4s ease-in-out;
   margin-bottom: 30px;
   margin-top: 6px;
}

.checkout-continue-btn:hover,
.checkout-continue-btn:focus,
.checkout-continue-btn:active {
   color: #4260cb;
   border: 1px solid #4260cb;
   background-color: #fff;
}

.total-due-price p {
   font-weight: 700 !important;
   color: #222328 !important;
   font-size: 18px !important;
}

.new-checkout-btn {
   margin-top: 30px;
   margin-bottom: 15px !important;
}

.bg-border-text {
   position: relative;
   margin-bottom: 20px !important;
}

.bg-border-text span {
   background-color: #fff;
   position: relative;
   z-index: 2;
   padding: 0 10px;
}

.bg-border-text::after {
   content: " ";
   width: 100%;
   height: 1px;
   background-color: #e7e7e7;
   position: absolute;
   inset: 0;
   margin: auto;
}

.new-checkoutbtn {
   padding: 8px 16px;
   border: 1px solid #4260cb;
   background-color: #fff;
   border-radius: 50px;
   color: #4260cb;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   transition: all 0.4s ease-in-out;
}

.new-checkoutbtn img {
   max-width: 100px;
   object-fit: contain;
}

.new-checkoutbtn:hover {
   color: #fff;
   background-color: #4260cb;
}

/* New Checkout CSS */

.total-due-price p {
   font-weight: 700 !important;
   color: #222328 !important;
   font-size: 18px !important;
}

.new-checkout-btn {
   margin-top: 30px;
   margin-bottom: 15px !important;
}

.bg-border-text {
   position: relative;
   margin-bottom: 20px !important;
}

.bg-border-text span {
   background-color: #fff;
   position: relative;
   z-index: 2;
   padding: 0 10px;
}

.bg-border-text::after {
   content: " ";
   width: 100%;
   height: 1px;
   background-color: #e7e7e7;
   position: absolute;
   inset: 0;
   margin: auto;
}

.new-checkoutbtn {
   padding: 8px 16px;
   border: 1px solid #4260cb;
   background-color: #fff;
   border-radius: 50px;
   color: #4260cb;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   transition: all 0.4s ease-in-out;
}

.new-checkoutbtn img {
   max-width: 100px;
   object-fit: contain;
}

.new-checkoutbtn:hover {
   color: #fff;
   background-color: #4260cb;
}

.checkout-continue-btn {
   font-size: 18px;
   border: 1px solid #4260cb;
   font-weight: 500;
   line-height: 27px;
   color: #fff;
   padding: 14px 78px;
   background-color: #4260cb;
   border-radius: 30px;
   transition: all 0.4s ease-in-out;
   margin-bottom: 30px;
   margin-top: 6px;
}

.checkout-continue-btn:hover,
.checkout-continue-btn:focus,
.checkout-continue-btn:active {
   border: 1px solid #4260cb;
   background-color: #fff;
   color: #4260cb;
}

.checkout-one .feedback-box {
   box-shadow: 0px 4px 54px 0px #00000012;
}

.checkout-one {
   margin-bottom: 100px;
}

.checkout-one .nav-pills {
   padding: 30px 20px 20px 0;
   background-color: #f9fbfd;
   align-content: flex-start;
}

.checkout-one .nav-link {
   color: #8c94b0;
   padding: 15px 39px 16px 40px;
   border-top-right-radius: 28px !important;
   display: flex;
   align-items: center;
   gap: 13px;
   white-space: nowrap;
   border-bottom-right-radius: 28px !important;
   border-bottom-left-radius: 0px !important;
   border-top-left-radius: 0px !important;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   width: 100%;
}

.checkout-one .nav-link.active {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.checkout-one .nav-link.active img {
   filter: brightness(2.5);
}

.checkout-one .nav-link.active:hover,
.checkout-one .nav-link:hover {
   background: linear-gradient(95.35deg, #467efe2e 5.26%, #61cafd3b 100%);
   color: #8c94b0;
}

.checkout-one .tab-pane {
   min-height: 554px;
   padding: 19px 12px 30px 12px;
}

.checkout-one .tab-pane label {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   margin-top: 20px;
   margin-bottom: 6px;
   color: #222328;
}

.checkout-one .tab-pane input {
   margin-bottom: 0;
   height: 50px !important;
}

.checkout-one .tab-pane input::placeholder {
   color: #aaaaaa;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
}

.checkout-one .tab-pane input[type="checkbox"] {
   height: 30px !important;
}

.checkout-one .select2-selection__arrow b {
   border: none !important;
   width: 10px !important;
   height: 10px !important;
   rotate: 45deg;
   border-bottom: 2px solid #8c94b0 !important;
   top: 19px !important;
   border-right: 2px solid #8c94b0 !important;
}

.checkout-one .select2-container--open .select2-selection__arrow b {
   rotate: 225deg !important;
   top: 23px !important;
}

.checkout-one .select2 {
   margin-bottom: 0px;
}

.order-success {
   max-width: 696px;
   margin: 20px auto 100px;
}

.design-alert {
   padding: 60px 0 43px;
   border-radius: 15px;
   background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
}

.checkout-card-heading {
   color: #222328;
   text-align: center;
   font-size: 30px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
}

.checkout-price-text {
   color: #222328;
   text-align: center;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
}

.checkout-reference-text {
   color: #222328;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 28px;
}

.checkout-download-btn {
   padding: 14px 33px;
   border-radius: 30px;
   background-color: #4260cb;
   color: #fff;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   display: flex;
   align-items: center;
   gap: 10px;
   min-width: 261px;
   justify-content: center;
   border: unset;
   margin-bottom: 8px;
}

.checkout-download-btn:hover,
.checkout-download-btn:focus,
.checkout-download-btn:active {
   border: unset;
   color: #fff !important;
   background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
}

.checkout-print-btn {
   padding: 14px 33px;
   border-radius: 30px;
   background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
   color: #fff;
   font-size: 18px;
   font-weight: 500;
   transition: all 0.4s ease-in-out;
   display: flex;
   align-items: center;
   border: unset;
   justify-content: center;
   min-width: 261px;
   gap: 10px;
   margin-bottom: 8px;
}

.checkout-print-btn:hover,
.checkout-print-btn:focus,
.checkout-print-btn:active {
   border: unset;
   color: #fff !important;
   background: #4260cb !important;
}

.checkout-print-btn:hover {
   padding: 14px 33px;
   border-radius: 30px;
   background: var(--Gradient, linear-gradient(93deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%));
   color: #fff;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 8px;
}

.mt-40 {
   margin-top: 40px;
}

.checkout-4-msg {
   color: #222328;
   text-align: center;
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: 28px;
}

.checkout-4-msg a {
   color: #4260cb !important;
   text-decoration: none;
}

.order-success hr {
   margin: 30px auto 20px;
   opacity: 1;
   border-color: #e7e7e7;
   max-width: 512px;
}

.checkout-design {
   background-color: #f9fbfd;
   padding: 10px;
   border: 2px solid #e7e7e7;
}

.checkout-adjust {
   margin-top: 20px;
   margin-bottom: 100px;
}

.billing-design {
   max-width: 1160px;
   background-color: #fff;
   padding: 40px 30px;
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 50px;
}

.number-billing-text p {
   color: #222328;
   margin-bottom: 15px;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
}

.number-billing-text {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.checkout-billing-card {
   max-width: 1180px;
   margin: 21px auto 150px;
}

.number-billing-para p {
   color: #222328;
   font-size: 18px;
   font-weight: 400;
   line-height: 28px;
}

.number-billing-para {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.para-width {
   max-width: 768px;
}

.text-18 {
   color: #222328;
   font-size: 18px;
   font-weight: 400;
   margin-bottom: 15px;
   line-height: 26px;
}

.attention-card-design {
   max-width: 1100px;
   border-radius: 10px;
   padding: 1px;
   background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
   margin-bottom: 50px;
}

.attention-flex {
   display: flex;
   align-items: center;
   padding: 30px;
   border-radius: 10px;
   background: var(--White, #fff);
   gap: 20px;
}

.funding-link {
   text-decoration: none;
   color: #4260cb !important;
}

.billing-detail-design {
   margin: 0 30px 10px;
}

.checkout-billing-heading {
   color: #222328;
   font-size: 30px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   border-bottom: 1px solid #e7e7e7;
   padding-bottom: 20px;
   margin-bottom: 30px !important;
}

.checkout-billing-heading span {
   color: #4260cb !important;
   font-weight: 800;
}

.text-20 {
   color: #222328;
   font-size: 20px;
   margin-bottom: 20px;
   font-weight: 400;
   line-height: 28px;
}

.text-20-bold {
   color: #222328;
   font-size: 20px;
   font-weight: 500;
   line-height: 28px;
}

.recieptupload-text {
   font-size: 20px;
   font-weight: 400;
   line-height: 28px;
   color: #222328;
   margin: 25px 0 15px;
}

.recieptupload-box {
   padding: 15px 20px;
   margin-bottom: 50px;
   display: flex;
   justify-content: center;
   border: 2px solid #e7e7e7;
   background-color: #f9fbfd;
}

.recieptupload-box label {
   border: 2px dashed #e7e7e7;
   cursor: pointer;
   border-radius: 40px;
   padding: 15px;
   overflow: hidden;
   min-width: 428px;
   color: #8c94b0;
   display: flex;
   gap: 20px;
   justify-content: center;
   align-items: center;
   font-size: 20px;
   font-weight: 500;
   line-height: 28px;
   text-align: center;
}

.file-name.active {
   color: #4260cb;
}

.instructions-text {
   color: #222328;
   text-align: center;
   font-size: 20px;
   font-weight: 400;
   line-height: 28px;
   margin-bottom: 30px;
}

.instructions-text span {
   font-size: 20px;
   font-weight: 500;
   color: #4260cb;
   cursor: pointer;
}

.mark-btn:hover,
.mark-btn:active,
.mark-btn:focus {
   background-color: #fff;
   color: #4260cb;
   border: 1px solid #4260cb;
}

.mark-btn {
   color: #fff;
   padding: 14px 73px;
   border-radius: 30px;
   background: #4260cb;
   margin: 0 auto 20px;
   display: block;
   border: 1px solid #4260cb;
   font-size: 18px;
   font-weight: 500;
   transition: all 0.45s ease-in-out;
}

.later-text {
   color: #4260cb;
   text-align: center;
   font-size: 20px;
   font-weight: 400;
   line-height: 28px;
   margin-bottom: 0;
}

.mb-10 {
   margin-bottom: 10px !important;
}

/* choosplan Section  CSS*/

.choosplan-section {
   margin-top: -15px;
}

.choosplan-section .plans {
   margin-top: -30px;
   position: relative;
   padding-bottom: 10px;
   background: linear-gradient(0deg, rgba(237, 242, 255, 0.2) 0%, #eff9ff 109.77%);
}

.choosplan-section .plans::after {
   content: " ";
   background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
   opacity: 0.1;
   border-radius: 100%;
   width: 333px;
   height: 333px;
   position: absolute;
   top: 0;
   left: 40px;
}

.choosplan-section .plans::before {
   content: " ";
   background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
   opacity: 0.1;
   border-radius: 100%;
   width: 370px;
   height: 370px;
   position: absolute;
   bottom: 100px;
   right: 40px;
}

.choosplan-section .plan-title {
   justify-content: center;
   align-items: center;
   gap: 20px;
   display: flex;
   font-size: 36px;
   font-weight: 600;
   margin-bottom: 15px;
   line-height: 54px;
}

.choosplan-section .plan-subtext {
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   text-align: center;
   color: #222328;
   margin-bottom: 50px;
}

.choosplan-section .plan-subtext span {
   font-weight: 700;
   color: #4260cb;
}

.plan-cards {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   max-width: 1180px;
   gap: 14px;
   margin: 0 auto 30px;
}

.plan-cards .plan-card {
   border: 1px solid #fff;
   border-radius: 10px;
   padding: 15px 8px;
   background-color: #fff;
   width: 22.98%;
   box-shadow: 0px 4px 54px 0px #00000012;
}

.active.active {
   border-color: #4260cb;
}

.plan-cards .card-title {
   font-size: 16px;
   text-align: start;
   font-weight: 400;
   line-height: 24px;
   color: #222328;
   margin: 0 15px 18px;
}

.plan-cards .price {
   margin-left: 15px;
   margin-bottom: 10px;
   font-size: 28px;
   font-weight: 600;
   line-height: 28px;
}

.plan-cards .per-month {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: #7e7f87;
   margin: 0 15px 10px 0px;
}

.plan-cards .month {
   font-size: 16px;
   font-weight: 400;
   text-align: left;
   line-height: 24px;
   color: #222328;
   margin: 0 15px 25px;
}

.plan-cards .month span {
   font-size: 30px;
   font-weight: 600;
   line-height: 25px;
}

.plan-cards .interest {
   display: flex;
   justify-content: space-between;
   gap: 8px;
   margin: 0 15px 18px;
}

.plan-cards .interest p {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: #7e7f87;
   margin-bottom: 0;
}

.plan-cards .select {
   font-size: 16px;
   font-weight: 500;
   line-height: 22px;
   width: 100%;
   padding: 8px 10px;
   text-align: center;
   color: #4260cb;
   border: 1px solid #4260cb;
   border-radius: 20px;
   background-color: #fff;
}

.plan-cards .select.selected {
   color: #fff;
   background-color: #4260cb;
}

input[name="plan-card"] {
   display: none;
}

.choosplan-section .continue-btn {
   margin: 0 auto 65px;
   display: block;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   color: #ffffff;
   background: #4260cb;
   border-radius: 30px;
   min-width: 240px;
   padding: 13px 20px;
   width: fit-content;
}

.choosplan-section .plan-text {
   max-width: 1156px;
   margin: 0 auto;
   font-size: 18px;
   font-weight: 500;
   line-height: 30px;
   text-align: center;
   color: #222328;
}

.choosplan-section .plan-text a {
   text-decoration: none;
   color: #4260cb;
}

.choosplan-bg1 {
   width: 100%;
   height: 127px;
}

.access-section {
   background: linear-gradient(81.3deg, #467efe 10.15%, #61cafd 100%);
   margin-top: 70px;
}

.access-title {
   margin: 50px auto 15px;
   max-width: 1180px;
   font-size: 36px;
   font-weight: 700;
   line-height: 50px;
   text-align: center;
   color: #ffffff;
}

.access-subtitle {
   max-width: 696px;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   text-align: center;
   color: #ffffff;
   margin: 0 auto 40px;
}

.access-cards {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   margin: 0 auto 73px;
   width: fit-content;
}

.access-card {
   border-right: 1px solid rgb(232, 232, 232, 0.3);
   padding: 0 44px 10px;
}

.access-card .img {
   border: 5px solid #4260cb1a;
   width: 240px;
   height: 240px;
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #ffffff;
   margin: 0 auto 20px;
}

.access-card:last-child {
   border-right: none;
}

.access-card-title {
   font-size: 28px;
   font-weight: 700;
   line-height: 42px;
   text-align: center;
   color: #ffffff;
   max-width: 278px;
   margin: 0 auto 10px;
}

.access-card-subtitle {
   color: #ffffff;
   font-size: 18px;
   font-weight: 500;
   line-height: 28px;
   text-align: center;
   max-width: 254px;
   margin: 0 auto;
}

.access-section hr {
   border-top: 1px solid #ffffff;
   opacity: 0.2;
   margin-top: 0;
   margin-bottom: 41px;
}

.access-footer p {
   font-size: 36px;
   font-weight: 700;
   line-height: 44px;
   max-width: 521px;
   color: #ffffff;
   margin-bottom: 0;
}

.access-footer-text {
   display: flex;
   gap: 10px;
   margin-bottom: 20px;
   font-size: 18px;
   font-weight: 400;
   line-height: 27px;
   color: #ffffff;
}

.access-footer-text img {
   width: 30px;
   height: 30px;
}

.footer-border {
   border-right: 1px solid rgb(255, 255, 255, 0.2);
}

.choose-round {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   width: 498px;
   height: 498px;
   border-radius: 100%;
   display: flex;
   flex-direction: column;
   margin: auto;
   align-items: center;
   justify-content: center;
}

.choose-round .title {
   font-size: 36px;
   text-align: center;
   font-weight: 700;
   line-height: 44px;
   color: var(--white);
   margin-bottom: 20px;
   max-width: 414px;
}

.choose-round .sub-title {
   font-size: 18px;
   text-align: center;
   font-weight: 500;
   line-height: 28px;
   max-width: 275px;
   margin-bottom: 30px;
   color: var(--white);
}

.choose-round .logo-img {
   max-width: 197px;
   margin-bottom: 20px;
}

.choose-border {
   padding: 60px;
   width: fit-content;
   margin: 100px auto 0;
   background: url(../images/image/round-doted.png);
   background-position: center;
   background-repeat: no-repeat;
   /* width: 627px; */
   background-size: contain;
}

.howitwork-section {
   position: relative;
   width: fit-content;
   margin: 0 auto 120px;
}

.choose-img1,
.choose-img2,
.choose-img3 {
   border: 1px solid #d3d9db;
   width: 90px;
   height: 90px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 100%;
   position: absolute;
   background-color: #fff;
}

.choose-img1 {
   top: 1%;
   right: 15%;
}

.choose-img2 {
   bottom: 12%;
   right: 5%;
}

.choose-img3 {
   bottom: 31%;
   left: -6%;
}

.choose-text1 {
   right: calc(-371px + -2%);
   top: 42%;
}

.choose-text3 {
   left: calc(-371px + 6%);
   top: 14%;
}

.choose-text2 {
   left: calc(-371px + 12%);
   bottom: -5%;
}

.choose-text3,
.choose-text2 {
   text-align: end;
}

.choose-text1,
.choose-text2,
.choose-text3 {
   display: flex;
   gap: 20px;
   position: absolute;
}

.choose-text1 span,
.choose-text2 span,
.choose-text3 span {
   font-size: 30px;
   font-weight: 700;
   line-height: 45px;
   color: #222328;
}

.choose-text1.active span,
.choose-text1.active p {
   color: #4260cb;
}

.choose-text1 p,
.choose-text2 p,
.choose-text3 p {
   font-size: 20px;
   font-weight: 500;
   line-height: 30px;
   color: #222328;
   max-width: 340px;
}

/* Order Success CSS */

.ordersuccess-section {
   max-width: 1180px;
   margin: 21px auto 150px;
   background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
   padding: 72px 55px 87px;
   border-radius: 15px;
}

.order-btns {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   gap: 20px;
}

.order-btns .btn {
   padding: 13px;
   min-width: 261px;
   border-radius: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   transition: all 0s;
}

.paid-btn {
   min-width: 175px !important;
   color: #f24c35;
   background-color: #fff;
   border: 1px solid #f24c35;
}

.paid-btn:focus,
.paid-btn:active,
.paid-btn:hover {
   color: #fff !important;
   border: 1px solid #f24c35 !important;
   background-color: #f24c35 !important;
}

.paid-btn:hover img,
.paid-btn:active img,
.paid-btn:focus img {
   filter: brightness(6.5) !important;
}

.download-btn {
   color: #fff;
   background-color: #4260cb;
   border: 1px solid #4260cb;
}

.download-btn:focus,
.download-btn:active,
.download-btn:hover {
   color: #4260cb !important;
   background-color: #fff !important;
   border: 1px solid #4260cb !important;
}

.print-btn:focus img,
.print-btn:active img,
.print-btn:hover img,
.download-btn:focus img,
.download-btn:active img,
.download-btn:hover img {
   filter: invert(55%) sepia(13%) saturate(2755%) hue-rotate(201deg) brightness(92%) contrast(91%);
}

.print-btn {
   border: 1px solid #fff;
   background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
   color: #fff;
}

.print-btn:focus,
.print-btn:active,
.print-btn:hover {
   border: 1px solid #4260cb !important;
   color: #4260cb !important;
   background: #fff !important;
}

.order-receipt {
   border-radius: 20px;
   background: #fff;
   margin-bottom: 64px;
}

.receipt-header {
   background: url(../images/image/order-headerbg.png) no-repeat center bottom;
   background-size: cover;
   padding: 35px 65px 167px;
   border-top-right-radius: 20px;
   border-top-left-radius: 20px;
   display: flex;
   margin-bottom: 52px;
   gap: 20px;
   align-items: center;
   justify-content: space-between;
}

.receipt-logo {
   max-width: 307px;
   max-height: 47px;
   object-fit: contain;
}

.receipt-contect {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.receipt-contect a {
   text-decoration: none;
   color: #fff;
}

.receipt-contect img {
   width: 35px;
   height: 35px;
   margin-right: 15px;
}

.receipt-footer p,
.receipt-contect {
   color: #fff;
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: 30px;
   margin-bottom: 0;
}

.receipt-footer {
   background: url(../images/image/order-footer.png) no-repeat center top;
   background-size: cover;
   display: flex;
   align-items: flex-start;
   gap: 10px;
   padding: 81px 66px 24px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
   margin-top: 58px;
}

.receipt-footer img {
   max-width: 14px;
   margin-top: 4px;
}

.receipt-body {
   border: 2px solid #e7e7e7;
   padding: 6px;
   background-color: #f9fbfd;
   margin: 0 63px;
}

.receipt-body .box-one {
   padding: 36px 24px 22px 25px;
   border-bottom: 1px solid #e7e7e7;
   background: #fff;
   margin-bottom: 39px;
}

.box-one p {
   max-width: 600px;
   color: #222328;
   font-size: 15px;
   font-weight: 400;
   line-height: 28px;
   margin-bottom: 10px;
}

.number-price {
   display: flex;
   justify-content: space-between;
   gap: 10px;
   align-items: center;
}

.number-price p {
   color: #222328;
   margin-bottom: 15px;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
}

.text-price {
   display: flex;
   justify-content: space-between;
   gap: 10px;
   align-items: flex-start;
}

.text-price p {
   max-width: 638px;
   color: #222328;
   font-size: 15px;
   font-weight: 400;
   line-height: 28px;
}

.box-two {
   border-radius: 11px;
   padding: 1px;
   background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
   margin: 0 30px 40px;
}

.box-two-bg {
   display: flex;
   align-items: center;
   padding: 20px;
   border-radius: 10px;
   background: var(--White, #fff);
   gap: 15px;
}

.box-two-bg p {
   color: #222328;
   font-size: 15px;
   font-weight: 400;
   margin-bottom: 15px;
   line-height: 26px;
}

.box-two-bg a {
   text-decoration: none;
   color: #4260cb !important;
}

.receipt-account {
   padding: 0 20px;
}

.receipt-account h2 {
   color: #222328;
   font-size: 24px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   border-bottom: 1px solid #e7e7e7;
   padding-bottom: 20px;
   margin-bottom: 30px !important;
   border-bottom: 1px solid #e7e7e7;
}

.receipt-account h2 span {
   color: #4260cb !important;
   font-weight: 800;
}

.receipt-account h5 {
   color: #222328;
   font-size: 16px;
   font-weight: 500;
   line-height: 28px;
}

.receipt-account p {
   color: #222328;
   font-size: 16px;
   font-weight: 400;
   margin-bottom: 10px;
   line-height: 28px;
}

/* New Shopping Cart */

.new-shopingcard {
   padding: 15px 0 20px;
   margin-bottom: 30px;
   margin-right: 20px;
   border-radius: 6px;
   box-shadow: 0px 4px 54px 0px #00000012;
}

.new-shopingcard .type-price {
   display: flex;
   gap: 15px;
   padding: 0 20px 2px;
   flex-wrap: wrap;
   justify-content: space-between;
}

.new-shopingcard .type-price p {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: #222328;
   margin-bottom: 0;
}

.new-shopingcard .type-price h4 {
   color: #7e7f87;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 0;
}

.new-shopingcard .number-month {
   display: flex;
   gap: 15px;
   align-items: center;
   flex-wrap: wrap;
   padding: 0 20px 14px;
   border-bottom: 1px solid rgb(35, 36, 41, 0.1);
   justify-content: space-between;
}

.new-shopingcard .number-month h5 {
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   margin-bottom: 0;
}

.new-shopingcard .number-month h4 {
   font-size: 30px;
   font-weight: 600;
   line-height: 25px;
   margin-bottom: 0;
   color: #222328;
}

.new-shopingcard .number-month span {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: #7e7f87;
}

.new-shopingcard .type-price span {
   margin-bottom: 0;
   font-size: 28px;
   font-weight: 600;
   line-height: 28px;
}

.new-shopingcard .cart-alert-text {
   display: flex;
   gap: 10px;
   margin: 15px 20px 25px;
   align-items: flex-start;
}

.new-shopingcard .cart-alert-text p {
   font-size: 16px;
   margin-bottom: 0;
   color: #7e7f87;
   font-weight: 400;
   line-height: 22px;
}

.not-eligible-alert {
   margin: 0 20px 20px;
   align-items: flex-start;
   padding: 9px 16px;
   background-color: #fef6f5;
   border: 1px solid #f24c35;
   border-radius: 10px;
   display: flex;
   gap: 20px;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: #222328;
}

.new-shopingcard .new-cardtext {
   display: flex;
   gap: 10px;
   align-items: center;
   justify-content: space-between;
   margin: 0 20px 15px;
}

.new-shopingcard .new-cardtext p {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: #222328;
   margin-bottom: 0;
}

.new-pricetotal {
   display: flex;
   gap: 15px;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
   padding: 15px 20px;
   border-top: 1px solid rgb(35, 36, 41, 0.1);
   border-bottom: 1px solid rgb(35, 36, 41, 0.1);
}

.new-pricetotal p {
   font-size: 18px;
   font-weight: 700;
   line-height: 27px;
   color: #222328;
   margin-bottom: 0;
}

.new-cardfooter .simpel-btn {
   font-size: 18px;
   padding: 0 30px 0 20px;
   margin-right: 10px;
   border: none;
   border-right: 1px solid rgb(35, 36, 41, 0.1);
   font-weight: 400;
   line-height: 27px;
   color: #4260cb;
   border-radius: 0 !important;
}

.new-cardfooter .simpel-btn:last-child {
   border-right: none;
}

.new-cardfooter .simpel-btn:focus,
.new-cardfooter .simpel-btn:active,
.new-cardfooter .simpel-btn:hover {
   border: none !important;
   background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   border-right: 1px solid rgb(35, 36, 41, 0.1) !important;
}

.new-cardfooter .simpel-btn:focus:last-child,
.new-cardfooter .simpel-btn:active:last-child,
.new-cardfooter .simpel-btn:hover:last-child {
   border-right: none !important;
}

.savedlater-section {
   padding: 60px 0 110px;
   background: linear-gradient(177deg, rgba(97, 202, 253, 0) 8.81%, rgb(72, 127, 254, 0.1) 50.28%, rgba(70, 126, 254, 0) 91.74%);
}

.savedlater-section h3 {
   font-size: 28px;
   font-weight: 700;
   line-height: 42px;
   border-bottom: 1px solid #e7e7e7;
   color: #222328;
   margin-bottom: 20px;
   padding-bottom: 20px;
}

.savedlater-card {
   box-shadow: 0px 4px 54px 0px #00000012;
   background-color: #ffffff;
   border-radius: 6px;
   padding: 15px 0 20px;
}

.savedlater-header {
   display: flex;
   gap: 10px;
   justify-content: space-between;
   padding: 15px 20px;
   border-bottom: 1px solid rgb(33, 34, 41, 0.1);
   margin-bottom: 15px;
}

.savedlater-header p {
   font-size: 16px;
   color: #222328;
   font-weight: 500;
   line-height: 24px;
   margin-bottom: 6px;
}

.savedlater-header h4 {
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   margin-bottom: 0;
}

.savedlater-header .cart-trash {
   width: 50px;
   height: 50px;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #f7f7f7 !important;
   border: none;
}

.savedlater-header .cart-trash:hover img {
   animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

.savedlater-card .cart-alert-text {
   display: flex;
   margin: 0 20px 20px;
   align-items: flex-start;
}

.savedlater-card .cart-alert-text p {
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
   color: #7e7f87;
   margin-bottom: 0;
}

.savedlater-card .savedlater-text {
   display: flex;
   margin: 0 20px 15px;
   gap: 10px;
   justify-content: space-between;
}

.savedlater-card .savedlater-text p {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: #222328;
   margin-bottom: 0;
}

.savedlater-card .savedlater-totaltext {
   display: flex;
   padding: 10px 20px 20px;
   border-top: 1px solid #e7e7e7;
   margin-top: -5px;
   justify-content: space-between;
}

.savedlater-card .savedlater-totaltext p {
   font-size: 18px;
   font-weight: 700;
   line-height: 27px;
   color: #222328;
   margin-bottom: 0;
}

.savedlater-card .movecard-btn {
   border: 1px solid #4260cb;
   background-color: #ffffff;
   font-size: 16px;
   padding: 8px 10px;
   width: calc(100% - 40px);
   border-radius: 20px;
   margin: 0 20px;
   color: #4260cb;
   font-weight: 500;
   line-height: 22px;
   text-align: center;
}

.savedlater-card .movecard-btn:hover,
.savedlater-card .movecard-btn:focus,
.savedlater-card .movecard-btn:active {
   background-color: #4260cb;
   color: #fff;
   border: 1px solid #4260cb;
}

/* Order Success CSS */

.modal-dialog {
   max-width: 696px !important;
}

.ordersuccess-modal .modal-content {
   border-radius: 24px;
   background-color: #edf2ff;
   padding: 15px;
   margin: 10px;
}

.ordersuccess-modal .modal-body {
   border-radius: 15px;
   padding: 49px 15px 57px;
   background-color: #fff;
}

.ordersuccess-modal img {
   height: 166px;
   width: 166px;
   margin-bottom: 19px;
}

.ordersuccess-modal .ordersuccess-title {
   font-size: 30px;
   font-weight: 500;
   line-height: 45px;
   color: #222328;
   margin-bottom: 20px;
}

.ordersuccess-modal .ordersuccess-text {
   font-size: 20px;
   font-weight: 400;
   line-height: 28px;
   max-width: 500px;
   margin: 0 auto 51px;
   color: #8c94b0;
}

.ordersuccess-modal .btn-secondary {
   font-size: 20px;
   font-weight: 400;
   line-height: 28px;
   color: #ffffff;
   background-color: #4260cb;
   border: 1px solid #4260cb;
   padding: 13px 84px 12px;
   border-radius: 30px;
}

.ordersuccess-modal .btn-secondary:hover,
.ordersuccess-modal .btn-secondary:focus,
.ordersuccess-modal .btn-secondary:active {
   color: #4260cb;
   background-color: #ffffff;
   border: 1px solid #4260cb;
}

/* wishlist CSS */

.wishlist-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   gap: 20px;
   margin: 50px auto 30px;
}

.wishlist-header h2 {
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   color: #222328;
   margin-bottom: 0;
}

.wishlist-danger-btn {
   padding: 13px 30px;
   border-radius: 40px;
   border: 1px solid #f24c35;
   color: #f24c35;
   background: #f24c350d;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
}

.wishlist-danger-btn:hover,
.wishlist-danger-btn:focus,
.wishlist-danger-btn:active {
   border: 1px solid #f24c35 !important;
   color: #fff !important;
   background: #f24c35 !important;
}

.wishlist-btns {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 20px;
}

.wishlist-btn {
   padding: 13px 30px;
   border-radius: 40px;
   border: 1px solid #4260cb;
   color: #4260cb;
   background: #fff;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
}

.wishlist-btn svg {
   margin-right: 10px;
   margin-top: -3px;
}

.wishlist-btn:hover,
.wishlist-btn:active,
.wishlist-btn:focus {
   border: 1px solid #4260cb;
   color: #fff;
   background: #4260cb;
}

.wishlist-btn:hover svg path,
.wishlist-btn:active svg path,
.wishlist-btn:focus svg path {
   stroke: #fff;
}

.wishlist-create .modal-content,
.wishlist-delete .modal-content {
   background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
   padding: 15px;
   border-radius: 20px;
}

.wishlist-delete .modal-body {
   background: #ffffff;
   text-align: center;
   padding: 40px 20px 50px;
   border-radius: 15px;
}

.wishlist-delete p {
   font-size: 30px;
   font-weight: 500;
   line-height: 45px;
   text-align: center;
   max-width: 426px;
   margin: 20px auto 30px;
}

.wishlist-delete .btn-fill {
   color: #ffffff;
   background: #4260cb;
}

.wishlist-delete .btn-fill:hover,
.wishlist-delete .btn-fill:focus,
.wishlist-delete .btn-fill:active {
   color: #4260cb;
   border: 1px solid #4260cb;
   background: #ffffff;
}

.wishlist-delete .btn {
   font-size: 20px;
   font-weight: 400;
   line-height: 28px;
   padding: 13px 20px;
   min-width: 180px;
   border: 1px solid #4260cb;
   border-radius: 30px;
}

.wishlist-delete .btn-outline {
   color: #4260cb;
   background: #ffffff;
}

.wishlist-delete .btn-outline:hover,
.wishlist-delete .btn-outline:focus,
.wishlist-delete .btn-outline:active {
   color: #ffffff;
   border: 1px solid #4260cb;
   background: #4260cb;
}

.wishlist-create .modal-body {
   padding: 20px 0px 15px;
   background: #ffffff;
   border-radius: 15px;
}

.wishlist-create .modal-header {
   padding: 0 20px 15px;
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 20px;
}

.wishlist-create .modal-header .btn-close {
   padding: 0;
   width: 18px;
   height: 18px;
}

.wishlist-create .modal-title {
   font-size: 28px;
   font-weight: 700;
   line-height: 42px;
   color: #222328;
   margin: 0;
}

/* .wishlist-create input {
margin: 0 20px 20px;
width: calc(100% - 40px);
} */

.wishlist-create-input {
   padding: 0 20px 20px;
}

.wishlist-create .new-card-btn {
   margin-bottom: 30px;
}

.wishlist-create h5 {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: #8c94b0;
   padding-bottom: 15px;
   margin: 0 20px 15px;
   border-bottom: 1px solid #e7e7e7;
}

.wishlist-items {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   margin: 0 20px 15px;
   gap: 10px;
}

.wishlist-items p {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   margin-bottom: 0;
   color: #222328;
}

.wishlist-items .cart-trash {
   background: #f7f7f7;
   width: 50px;
   height: 50px;
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.wishlist-items .cart-trash:hover img {
   animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

.wishlist-cards .savedlater-card {
   margin-bottom: 30px;
}

.savedlater-card:hover {
   box-shadow: 0px 4px 54px 0px #0000001f;
}

.checkout-4-msg.two {
   max-width: 500px;
   margin: 22px auto;
}

.transfer-detail {
   margin-right: 53px;
}

.transfer-detail .box {
   border: 2px solid #e7e7e7;
   padding: 30px;
   margin: 30px 0px 30px 0;
   background: #f9fbfd;
}

.transfer-detail .checkout-billing-heading {
   margin-bottom: 15px !important;
}

.transfer-detail .attention-card-design {
   margin-bottom: 20px;
}

.issue-selection {
   margin-top: -10px;
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 20px;
   padding-bottom: 20px;
}

.issue-selection h4 {
   font-size: 16px;
   margin-bottom: 15px;
   font-weight: 600;
   line-height: 24px;
   color: #222328;
}

.issue-selection .issues {
   display: flex;
   gap: 20px;
   flex-wrap: wrap;
}

.issue-selection .issue-btn {
   border: 1px solid #e7e7e7;
   padding: 12px 19px;
   background: #fff;
   border-radius: 50px;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   cursor: pointer;
   color: #222328;
}

.issue-selection .issue-btn.active {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   color: #fff;
   border-color: #fff;
   font-weight: 500;
}

.issue-selection .issue-btn input {
   display: none;
}

.interested-numbers .location-icon {
   max-width: 13px;
}

.interested-numbers .interested-title {
   font-size: 36px;
   font-weight: 700;
   line-height: 50px;
   letter-spacing: 0em;
   text-align: left;
   color: #222328;
   padding-bottom: 20px;
   border-bottom: 1px solid #e7e7e7;
   margin-top: 100px;
   margin-bottom: 0;
}

.interestednumbers-slider .owl-stage {
   padding-top: 30px;
}

.interested-numbers {
   margin-bottom: 100px;
}

.interested-numbers .new-number-card {
   box-shadow: 0px 0px 30px 0px #00000012;
   border: none !important;
}

.interested-numbers .owl-next,
.interested-numbers .owl-prev {
   position: absolute;
   width: 50px;
   height: 50px;
   border-radius: 100% !important;
   margin: 0 !important;
   display: flex !important;
   justify-content: center;
   border: 1px solid #e7e7e7 !important;
   background-color: #fff !important;
   color: #8c94b0 !important;
   top: 0;
   margin: auto !important;
   bottom: 0;
}

.interested-numbers .owl-next span,
.interested-numbers .owl-prev span {
   display: none;
}

.interested-numbers .owl-next::after,
.interested-numbers .owl-prev::after {
   content: url(../images/icons/interested-icon.svg);
   inset: 0;
   margin: auto;
}

.interested-numbers .owl-next::after {
   rotate: 180deg;
}

.interested-numbers .owl-next:hover::after,
.interested-numbers .owl-prev:hover::after {
   filter: brightness(5.5);
}

.interested-numbers .owl-next:hover,
.interested-numbers .owl-prev:hover {
   background-color: #4260cb !important;
   border-color: #4260cb !important;
   color: #fff !important;
}

.interested-numbers .owl-next {
   right: -70px;
}

.interested-numbers .owl-prev {
   left: -70px;
}

/* ======================================================================================================================================== */
/* Common CSS Start */
/* Badge */

.round-badge {
   --bs-badge-padding-x: 20px;
   --bs-badge-padding-y: 6px;
   --bs-badge-font-size: 16px;
   --bs-badge-font-weight: 500;
   --bs-badge-border-radius: 100px;
   overflow: hidden;
}

.round-badge.text-bg-primary {
   color: #4260cb !important;
   background: transparent !important;
   position: relative;
   z-index: 0;
}

.round-badge.text-bg-primary::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -1;
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%) !important;
   opacity: 0.1;
}

/* Button */

.round-btn {
   --bs-btn-font-size: 18px;
   --bs-btn-padding-x: 40px;
   --bs-btn-padding-y: 14px;
   --bs-btn-font-weight: 500;
   --bs-btn-line-height: normal;
   --bs-btn-border-radius: 100px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 15px;
}

.round-btn.btn-sm {
   --bs-btn-padding-y: 10px;
   --bs-btn-padding-x: 30px;
   --bs-btn-font-size: 16px;
}

.round-btn.btn-primary {
   --bs-btn-color: #fff;
   --bs-btn-bg: #4260cb;
   --bs-btn-border-color: #4260cb;
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: #3956bd;
   --bs-btn-hover-border-color: #3956bd;
   --bs-btn-focus-shadow-rgb: 49, 132, 253;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: #3956bd;
   --bs-btn-active-border-color: #3956bd;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-bg: #4260cb;
   --bs-btn-disabled-border-color: #4260cb;
}

.round-btn.btn-outline-light {
   --bs-btn-color: #ffffff;
   --bs-btn-border-color: #ffffff;
   --bs-btn-hover-color: #ffffff;
   --bs-btn-hover-bg: #ffffff12;
   --bs-btn-hover-border-color: #ffffff;
   --bs-btn-focus-shadow-rgb: 248, 249, 250;
   --bs-btn-active-color: #ffffff;
   --bs-btn-active-bg: #ffffff12;
   --bs-btn-active-border-color: #ffffff;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #ffffff;
   --bs-btn-disabled-bg: transparent;
   --bs-btn-disabled-border-color: #ffffff;
   --bs-gradient: none;
}

.round-btn.btn-light-blue {
   --bs-btn-color: #fff;
   --bs-btn-bg: #4cc1fe;
   --bs-btn-border-color: #4cc1fe;
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: #3cb2ef;
   --bs-btn-hover-border-color: #3cb2ef;
   --bs-btn-focus-shadow-rgb: 49, 132, 253;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: #3cb2ef;
   --bs-btn-active-border-color: #3cb2ef;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-bg: #4cc1fe;
   --bs-btn-disabled-border-color: #4cc1fe;
}

.round-btn.btn-outline-light-blue {
   --bs-btn-color: #ffffff;
   --bs-btn-border-color: #4cc1fe;
   --bs-btn-hover-color: #ffffff;
   --bs-btn-hover-bg: #4cc1fe12;
   --bs-btn-hover-border-color: #4cc1fe;
   --bs-btn-focus-shadow-rgb: 248, 249, 250;
   --bs-btn-active-color: #ffffff;
   --bs-btn-active-bg: #4cc1fe12;
   --bs-btn-active-border-color: #4cc1fe;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #ffffff;
   --bs-btn-disabled-bg: transparent;
   --bs-btn-disabled-border-color: #4cc1fe;
   --bs-gradient: none;
}

.round-btn.btn-light {
   --bs-btn-color: #222328;
   --bs-btn-bg: #fff;
   --bs-btn-border-color: #e7e7e7;
   --bs-btn-hover-color: #222328;
   --bs-btn-hover-bg: #ffffff12;
   --bs-btn-hover-border-color: #e7e7e7;
   --bs-btn-focus-shadow-rgb: 49, 132, 253;
   --bs-btn-active-color: #222328;
   --bs-btn-active-bg: #ffffff12;
   --bs-btn-active-border-color: #e7e7e7;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #222328;
   --bs-btn-disabled-bg: #fff;
   --bs-btn-disabled-border-color: #e7e7e7;
}

/* Form */

.round-f-group {
   margin-bottom: 20px;
}

/* Text input */

.round-f-control {
   padding: 18px 20px;
   font-size: 16px;
   font-weight: 400;
   color: #222328;
   border: none;
   border-radius: 50px;
}

.round-f-control::placeholder {
   color: #7e7f87;
}

textarea.round-f-control {
   border-radius: 20px;
}

.round-f-control[type="number"]::-webkit-outer-spin-button,
.round-f-control[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

.round-f-control[type="number"] {
   appearance: textfield;
   -moz-appearance: textfield;
}

.round-f-control:focus {
   box-shadow: none;
   color: #222328;
}

/* Select2 */

.round-select .select2-container--default .select2-selection--single .select2-selection__rendered,
.round-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
   font-size: 16px;
   color: #222328;
   line-height: normal;
}

.round-select .select2-container--default .select2-selection--single,
.round-select2 .select2-container--default .select2-selection--single {
   padding: 18px 20px;
   border: none;
   border-radius: 30px;
}

.round-select .select2-container--default .select2-selection--single {
   padding: 12px 20px 11px;
}

.round-select .select2-container--default .select2-selection--single {
   border: 1px solid #e7e7e7;
}

.round-select .select2-container .select2-selection--single,
.round-select2 .select2-container .select2-selection--single {
   height: auto;
}

.round-select .select2-container .select2-selection--single .select2-selection__rendered,
.round-select2 .select2-container .select2-selection--single .select2-selection__rendered {
   padding-left: 0;
}

.round-select .select2-container--default .select2-selection--single .select2-selection__arrow,
.round-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 100%;
   top: 0;
   right: 20px;
   width: 11px;
}

.round-select .select2-container--default .select2-selection--single .select2-selection__arrow b,
.round-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
   border-color: #7e7f87 transparent transparent transparent;
   border-width: 6px 6px 0 6px;
   inset: 0;
   margin: auto;
   width: fit-content;
   height: fit-content;
}

.round-select .select2-dropdown,
.round-select2 .select2-dropdown {
   overflow: hidden;
   border-color: #e7e7e7;
}

.round-select .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.round-select2 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.round-select .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.round-select2 .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
   border-top-left-radius: 30px;
   border-top-right-radius: 30px;
}

.round-select .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.round-select2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.round-select .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.round-select2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
   border-bottom-left-radius: 30px;
   border-bottom-right-radius: 30px;
}

.round-select .select2-container--open .select2-dropdown--above,
.round-select2 .select2-container--open .select2-dropdown--above {
   border-bottom: 1px solid #e7e7e7;
   border-radius: 30px;
   padding: 10px 0;
}

.round-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.round-select2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: transparent transparent #7e7f87 transparent;
   border-width: 0 6px 6px 6px;
}

.round-select .select2-container--open .select2-dropdown--below,
.round-select2 .select2-container--open .select2-dropdown--below {
   border-top: 1px solid #e7e7e7;
   margin-top: 4px;
   border-radius: 30px;
}

.round-select .select2-search--dropdown,
.round-select2 .select2-search--dropdown {
   padding: 0 10px 10px;
}

.round-select .select2-container--default .select2-search--dropdown .select2-search__field,
.round-select2 .select2-container--default .select2-search--dropdown .select2-search__field {
   border-radius: 24px;
}

.round-select .select2-container--default .select2-search--dropdown .select2-search__field,
.round-select2 .select2-container--default .select2-search--dropdown .select2-search__field {
   border-color: #e7e7e7;
}

.round-select .select2-search--dropdown .select2-search__field,
.round-select2 .select2-search--dropdown .select2-search__field {
   padding: 10px 20px;
}

.round-select .select2-search--dropdown .select2-search__field,
.round-select2 .select2-search--dropdown .select2-search__field {
   font-size: 16px;
   font-weight: 400;
   color: #222328;
}

.round-select .select2-results__option,
.round-select2 .select2-results__option {
   padding: 6px 10px;
   font-size: 16px;
   font-weight: 400;
   color: #222328;
}

.round-select .select2-results__options,
.round-select2 .select2-results__options {
   border-top: 1px solid #e7e7e7;
}

.round-select .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.round-select2 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
   background-color: #4260cb;
}

.round-select .select2-container--default .select2-results__option--selected,
.round-select2 .select2-container--default .select2-results__option--selected {
   background-color: #e7e7e7;
}

.round-select .select2-container--default .select2-selection--single .select2-selection__placeholder,
.round-select2 .select2-container--default .select2-selection--single .select2-selection__placeholder {
   color: #7e7f87;
}

/* Common Class */

.row-gap-1 {
   row-gap: 4px;
}

.row-gap-2 {
   row-gap: 8px;
}

.row-gap-3 {
   row-gap: 16px;
}

.row-gap-4 {
   row-gap: 24px;
}

.row-gap-5 {
   row-gap: 48px;
}

.section-heading {
   font-size: 36px;
   font-weight: 700;
   line-height: 138%;
   color: #222328;
}

.section-heading span {
   background: linear-gradient(95deg, #467efe 27.34%, #61cafd 76.41%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.section-para {
   font-size: 18px;
   font-weight: 500;
   line-height: 155%;
   color: #222328;
}

/* Datepicker */

.scheduleameeting-datepicker .datepicker-inline,
.scheduleameeting-datepicker .datepicker table {
   width: 100%;
}

.scheduleameeting-datepicker .datepicker .datepicker-switch {
   text-align: left;
   padding-top: 0;
   padding-bottom: 15px;
   font-family: "Montserrat", sans-serif;
   font-size: 22px;
   font-weight: 600;
   line-height: normal;
   color: #222328;
}

.scheduleameeting-datepicker .datepicker table tr td,
.datepicker table tr th {
   padding: 15px 0;
   height: auto;
}

.scheduleameeting-datepicker .datepicker .datepicker-switch:hover {
   background: #ffffff;
}

.scheduleameeting-datepicker .datepicker table tr th {
   font-family: "Montserrat", sans-serif;
   font-size: 18px;
   font-weight: 700;
   line-height: normal;
   color: #222328;
}

.scheduleameeting-datepicker .datepicker table tr td {
   position: relative;
   z-index: 0;
   font-size: 18px;
   font-weight: 500;
   line-height: normal;
   color: #222328;
}

.scheduleameeting-datepicker .datepicker table tr td.new,
.scheduleameeting-datepicker .datepicker table tr td.old {
   color: #8c94b0;
}

.scheduleameeting-datepicker .datepicker table tr td::after {
   content: "";
   position: absolute;
   inset: 0;
   margin: auto;
   z-index: -1;
   width: calc(100% - 10px);
   height: calc(100% - 10px);
   border-radius: 50%;
}

.scheduleameeting-datepicker .datepicker table tr td.active.active,
.scheduleameeting-datepicker .datepicker table tr td.active.highlighted.active,
.scheduleameeting-datepicker .datepicker table tr td.active.highlighted:active,
.scheduleameeting-datepicker .datepicker table tr td.active:active {
   background-color: #ffffff;
   border-color: #ffffff;
   color: #ffffff;
}

.scheduleameeting-datepicker .datepicker table tr td.active.active::after,
.scheduleameeting-datepicker .datepicker table tr td.active.highlighted.active::after,
.scheduleameeting-datepicker .datepicker table tr td.active.highlighted:active::after,
.scheduleameeting-datepicker .datepicker table tr td.active:active::after {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.scheduleameeting-datepicker .datepicker table tr td.active,
.scheduleameeting-datepicker .datepicker table tr td.active.highlighted {
   background-color: #ffffff;
   border-color: #ffffff;
   color: #ffffff;
   text-shadow: none;
}

.scheduleameeting-datepicker .datepicker table tr td.active::after,
.scheduleameeting-datepicker .datepicker table tr td.active.highlighted::after,
.scheduleameeting-datepicker .datepicker table tr td.day.active:hover::after {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.scheduleameeting-datepicker .datepicker table tr td.day:hover,
.scheduleameeting-datepicker .datepicker table tr td.focused {
   background: #ffffff;
}

.scheduleameeting-datepicker .datepicker table tr td.day:hover::after,
.scheduleameeting-datepicker .datepicker table tr td.focused::after {
   background: #eee;
}

.scheduleameeting-datepicker .datepicker table tr td span.active.active,
.scheduleameeting-datepicker .datepicker table tr td span.active.disabled.active,
.scheduleameeting-datepicker .datepicker table tr td span.active.disabled:active,
.scheduleameeting-datepicker .datepicker table tr td span.active.disabled:hover.active,
.scheduleameeting-datepicker .datepicker table tr td span.active.disabled:hover:active,
.scheduleameeting-datepicker .datepicker table tr td span.active:active,
.scheduleameeting-datepicker .datepicker table tr td span.active:hover.active,
.scheduleameeting-datepicker .datepicker table tr td span.active:hover:active {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.scheduleameeting-datepicker .datepicker table tr td.today {
   background: #ffffff;
   border-color: #ffffff;
   color: #ffffff;
}

.scheduleameeting-datepicker .datepicker table tr td.today::after {
   background-color: #4260cb;
}

.scheduleameeting-datepicker .datepicker table tr td:hover.today::after {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

/* Common CSS End */
/* Now hiring CSS Start */

.change-hero-section {
   background-position: center bottom;
   padding-bottom: 175px;
}

.wearehiring-section {
   margin-top: -80px;
   position: relative;
   z-index: 1;
}

.wearehiring-section::before,
.wearehiring-section::after {
   content: "";
   position: absolute;
   z-index: 0;
   border-radius: 100%;
   background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
}

.wearehiring-section::before {
   bottom: calc(0% + 85px);
   left: calc(0% + 45px);
   width: 370px;
   height: 370px;
   opacity: 0.15;
}

.wearehiring-section::after {
   bottom: calc(0% + 250px);
   right: calc(0% + 45px);
   width: 333px;
   height: 333px;
   opacity: 0.1;
}

.wearehiring-bg-color {
   background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
}

.wearehiring-bg-top,
.wearehiring-bg-bottom {
   width: 100%;
}

.wearehiring-content {
   position: relative;
   top: -40px;
   z-index: 1;
   padding-bottom: 30px;
}

.wearehiring-thumbnail {
   width: 100%;
   border-radius: 10px;
}

.wearehiring-section .section-para {
   font-size: 20px;
   line-height: 180%;
   color: #222328;
}

.joinourteam-section {
   margin-top: -150px;
   background-image: url(../images/image/joinourteam-thumbnail.png);
   background-size: cover;
   background-position: left center;
}

.joinourteam-bg-top,
.joinourteam-bg-bottom {
   width: 100%;
}

.joinourteam-content {
   padding: 80px 0 100px;
}

.joinourteam-section .section-heading {
   color: #ffffff;
}

.joinourteam-section .section-para {
   color: #ffffff;
}

.wanttoapply-section {
   margin-top: -150px;
   position: relative;
   z-index: 0;
   margin-bottom: 50px;
}

.wanttoapply-section::before,
.wanttoapply-section::after {
   content: "";
   position: absolute;
   z-index: 1;
   border-radius: 100%;
}

.wanttoapply-section::before {
   top: calc(0% + 70px);
   left: calc(0% + 76px);
   width: 322px;
   height: 322px;
   opacity: 0.2;
   background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
}

.wanttoapply-section::after {
   bottom: calc(0% + 90px);
   right: calc(0% - 150px);
   width: 389px;
   height: 389px;
   background: linear-gradient(118.01deg, #69c5fb 12.73%, rgba(105, 197, 251, 0) 79.41%);
}

.wanttoapply-bg-top {
   width: 100%;
}

.wanttoapply-bg-color {
   background: linear-gradient(90deg, #467efe 2.16%, #61cafd 99.48%);
}

.wanttoapply-content {
   padding-bottom: calc(100px - 60px);
   position: relative;
   top: -60px;
   z-index: 2;
}

.wanttoapply-content::before {
   content: "";
   position: absolute;
   top: calc(0% + 45px);
   left: 0;
   z-index: -1;
   background-image: url(../images/image/wanttoapply-bg-lines.png);
   background-size: 100%;
   background-position: right top;
   background-repeat: no-repeat;
   width: 100%;
   height: calc(100% + 15px);
}

.wanttoapply-section .section-heading {
   color: #ffffff;
}

.wanttoapply-section .section-para {
   color: #ffffff;
   max-width: 575px;
}

.wanttoapply-man {
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 2;
}

.wanttoapply-top-wrapper {
   position: relative;
}

.wanttoapply-man-shadow {
   position: absolute;
   top: 45%;
   right: 0;
   width: 100%;
}

/* Now hiring CSS End */
/* Work with us CSS Start */

.workwithus-hero {
   position: relative;
   z-index: 0;
}

.becomeaseller-section {
   background-image: url(../images/image/becomeaseller-thumbnail.png);
   background-size: cover;
   background-position: left center;
   margin-top: -110px;
   position: relative;
   z-index: -1;
}

.becomeaseller-bg-top,
.becomeaseller-bg-bottom {
   width: 100%;
}

.becomeaseller-content {
   padding: 65px 0 115px;
}

.becomeaseller-section .section-heading {
   max-width: 696px;
   color: #ffffff;
}

.somuchtolove-section {
   padding: 80px 0 80px;
}

.somuchtolove-section .section-heading {
   text-align: center;
}

.somuchtolove-section .section-para {
   font-size: 16px;
   line-height: normal;
   color: #8c94b0;
   text-align: center;
   max-width: 696px;
   margin: auto;
}

.somuchtolove-card {
   max-width: 378px;
}

.somuchtolove-card-icon {
   width: 240px;
   height: 240px;
   margin: 0 auto 20px;
   border: 5px solid #4260cb1a;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.somuchtolove-card-icon img {
   max-width: 58%;
}

.somuchtolove-card-heading {
   font-size: 28px;
   font-weight: 700;
   line-height: normal;
   text-align: center;
   color: #222328;
   margin-bottom: 10px;
}

.somuchtolove-card-para {
   font-size: 18px;
   font-weight: 500;
   line-height: 155%;
   text-align: center;
   color: #8c94b0;
   margin-bottom: 0;
}

.partnerwithus-section {
   position: relative;
   z-index: 0;
}

.partnerwithus-section::before,
.partnerwithus-section::after {
   content: "";
   position: absolute;
   z-index: 0;
   width: 322px;
   height: 322px;
   border-radius: 100%;
}

.partnerwithus-section::before {
   top: calc(0% + 150px);
   left: calc(0% + 50px);
   opacity: 0.2;
   background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
}

.partnerwithus-section::after {
   bottom: calc(0% + 125px);
   right: calc(0% + 75px);
   opacity: 0.1;
   background: linear-gradient(216deg, rgba(255, 255, 255, 0) 10.47%, #fff 89.87%);
}

.partnerwithus-bg-top,
.partnerwithus-bg-bottom {
   width: 100%;
}

.partnerwithus-bg-color {
   background: linear-gradient(91deg, #467efe 0.56%, #61cafd 99.44%);
}

.partnerwithus-content {
   position: relative;
   z-index: 0;
   padding: 30px 0 60px;
}

.partnerwithus-content::before {
   content: "";
   position: absolute;
   top: calc(0% + 90px);
   left: 0;
   right: 0;
   margin: auto;
   z-index: -1;
   background-image: url(../images/image/partnerwithus-bg-lines.png);
   background-size: 100%;
   background-position: center top;
   background-repeat: no-repeat;
   width: 100%;
   height: calc(100% + 15px);
}

.partnerwithus-circle-wrapper {
   --partnerwithus-circle-size: 618px;
   --partnerwithus-circle-arrow: calc(var(--partnerwithus-circle-size) / -2);
   display: inline-block;
   position: relative;
   z-index: 0;
}

.partnerwithus-circle-border {
   width: var(--partnerwithus-circle-size);
   height: var(--partnerwithus-circle-size);
   background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='50%' ry='50%' stroke='rgb(255 255 255 / 50%)' stroke-width='1' stroke-dasharray='10, 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
   border-radius: 50%;
   position: relative;
   z-index: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.partnerwithus-circle-border-arrow {
   position: absolute;
   inset: 0;
   margin: auto;
   width: 18px;
   height: auto;
   object-fit: contain;
}

.partnerwithus-circle-border-arrow.border-arrow-1 {
   transform: rotate(85deg) translateY(var(--partnerwithus-circle-arrow)) rotate(271deg);
}

.partnerwithus-circle-border-arrow.border-arrow-2 {
   transform: rotate(225deg) translateY(var(--partnerwithus-circle-arrow)) rotate(271deg);
}

.partnerwithus-circle-border-arrow.border-arrow-3 {
   transform: rotate(315deg) translateY(var(--partnerwithus-circle-arrow)) rotate(271deg);
}

.partnerwithus-circle {
   width: 80%;
   height: 80%;
   background-color: #ffffff;
   border-radius: 50%;
   position: relative;
   z-index: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.partnerwithus-circle::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -1;
   margin: auto;
   width: 88%;
   height: 88%;
   border-radius: 50%;
   border: 1px solid #4260cb4d;
}

.partnerwithus-logo {
   max-width: 299px;
   width: 100%;
   object-fit: contain;
   margin-bottom: 30px;
}

.partnerwithus-circle .section-heading {
   font-size: 38px;
   line-height: normal;
   max-width: 330px;
}

.partnerwithus-list {
   list-style-type: none;
}

.partnerwithus-list-item {
   position: absolute;
   inset: 0;
   z-index: -1;
}

.partnerwithus-list-icon {
   position: absolute;
   inset: 0;
   margin: auto;
   width: 90px;
   height: 90px;
   background-color: #ffffff;
   border: 1px solid #d3d9db;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.partnerwithus-list-item.list-item-1 .partnerwithus-list-icon {
   transform: rotate(30deg) translateY(var(--partnerwithus-circle-arrow)) rotate(330deg);
}

.partnerwithus-list-item.list-item-2 .partnerwithus-list-icon {
   transform: rotate(135deg) translateY(var(--partnerwithus-circle-arrow)) rotate(225deg);
}

.partnerwithus-list-item.list-item-3 .partnerwithus-list-icon {
   transform: rotate(265deg) translateY(var(--partnerwithus-circle-arrow)) rotate(105deg);
}

.partnerwithus-list-heading {
   font-size: 28px;
   font-weight: 700;
   line-height: normal;
   color: #ffffff;
   margin-bottom: 15px;
}

.partnerwithus-list-para {
   font-size: 20px;
   font-weight: 500;
   line-height: normal;
   color: #ffffff;
}

.partnerwithus-list-item.list-item-1 .partnerwithus-list-para {
   max-width: 275px;
}

.partnerwithus-list-item.list-item-2 .partnerwithus-list-para {
   max-width: 340px;
}

.partnerwithus-list-item.list-item-3 .partnerwithus-list-para {
   max-width: 298px;
}

.partnerwithus-list-number {
   font-size: 30px;
   font-weight: 700;
   line-height: normal;
   color: #ffffff;
}

.partnerwithus-list-content {
   position: absolute;
   width: max-content;
   display: flex;
   gap: 20px;
   align-items: center;
}

.partnerwithus-list-item.list-item-1 .partnerwithus-list-content {
   top: 33%;
   left: calc(100% + 30px);
   text-align: left;
   flex-direction: row-reverse;
}

.partnerwithus-list-item.list-item-2 .partnerwithus-list-content {
   top: 69%;
   right: calc(100% - 40px);
   text-align: right;
}

.partnerwithus-list-item.list-item-3 .partnerwithus-list-content {
   top: 0%;
   right: calc(100% - 40px);
   text-align: right;
}

.becomeapartner-section {
   padding: 80px 0;
}

.becomeapartner-content {
   background-image: url(../images/image/becomeapartner-bg-banner.png);
   background-size: cover;
   background-position: right;
   border-radius: 20px;
   padding: 60px 60px 35px;
}

.becomeapartner-section .section-heading {
   color: #ffffff;
   max-width: 393px;
}

.travelworld-wrapper {
   display: flex;
   align-items: center;
   gap: 16px;
}

.travelworld-text {
   margin-bottom: 40px;
   display: flex;
   flex-direction: column;
   width: fit-content;
   margin-left: auto;
}

.travelworld-text h4 {
   font-family: "Montserrat", sans-serif;
   font-size: 40px;
   font-weight: 500;
   line-height: normal;
   color: #5ec4fc;
   margin-bottom: -10px;
   padding-left: 4px;
}

.travelworld-text h3 {
   font-family: "Montserrat", sans-serif;
   font-size: 85px;
   font-weight: 700;
   line-height: normal;
   color: #5ec4fc;
   margin-bottom: 0;
}

.travelworld-content p {
   font-size: 16px;
   font-weight: 500;
   font-style: italic;
   line-height: normal;
   color: #ffffff;
}

.travelworld-content .round-btn {
   --bs-btn-font-size: 30px;
   --bs-btn-padding-x: 20px;
   --bs-btn-padding-y: 13px;
   --bs-btn-font-weight: 700;
   font-family: "Montserrat Alternates", sans-serif;
}

.travelworld-content .round-btn img {
   width: 45px;
   height: 45px;
   object-fit: contain;
}

.travelworld-wrapper .becomeapartner-arrow {
   width: auto;
   height: 114px;
   object-fit: contain;
   margin-top: 50px;
}

.scheduleameeting-section {
   padding-bottom: 100px;
}

.scheduleameeting-content {
   position: relative;
   z-index: 0;
   padding: 60px 50px;
}

.scheduleameeting-details-wrapper {
   padding-right: 80px;
}

.scheduleameeting-content::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -1;
   border-radius: 20px;
   opacity: 10%;
   background: linear-gradient(102.07deg, #467efe 0.44%, #61cafd 100%);
}

.scheduleameeting-logo {
   max-width: 283px;
   height: auto;
   object-fit: contain;
}

.scheduleameeting-details-wrapper hr {
   border-color: #222328;
   opacity: 10%;
}

.schedule-time-details {
   display: flex;
   align-items: center;
}

.schedule-details-item {
   padding-right: 19px;
   display: flex;
   align-items: center;
   gap: 16px;
}

.schedule-details-item:not(:last-child) {
   border-right: 1px solid #e7e7e7;
}

.schedule-details-item:not(:first-child) {
   padding-left: 19px;
}

.schedule-details-item h4 {
   font-size: 22px;
   font-weight: 600;
   line-height: normal;
   color: #222328;
   margin-bottom: 0;
}

.schedule-details-item img {
   width: 21px;
   height: auto;
   object-fit: contain;
}

.scheduleameeting-section .section-para {
   color: #8c94b0;
}

.scheduleameeting-card {
   border: 0;
   box-shadow: 0px 4px 84px 0px #0000001a;
   background-color: #ffffff;
   border-radius: 10px;
}

.scheduleameeting-card.form-steup-1 {
   text-align: center;
}

.scheduleameeting-card .card-body {
   padding: 30px 40px 50px;
}

.scheduleameeting-card-heading {
   font-size: 28px;
   font-weight: 700;
   line-height: normal;
   color: #222328;
   margin-bottom: 10px;
}

.scheduleameeting-card-para {
   font-size: 18px;
   font-weight: 400;
   line-height: 155%;
   color: #8c94b0;
   margin-bottom: 30px;
}

.round-f-control.border-input {
   border: 1px solid #e7e7e7;
}

.scheduleameeting-time {
   max-height: 417px;
   overflow-y: auto;
}

.scheduleameeting-time::-webkit-scrollbar {
   width: 8px;
}

.scheduleameeting-time::-webkit-scrollbar-thumb {
   background-color: #e7e7e7;
   border-radius: 100px;
   border: 2px solid #fff;
}

.scheduleameeting-time-heading {
   font-size: 22px;
   font-weight: 600;
   line-height: normal;
   color: #222328;
}

.scheduleameeting-time {
   display: flex;
   flex-wrap: wrap;
   gap: 15px 20px;
}

.scheduleameeting-button-wrapper {
   flex-basis: calc(50% - 10px);
   display: flex;
   align-items: center;
   gap: 5px;
}

.scheduleameeting-button-wrapper .round-btn {
   border-radius: 10px;
   padding: 14px 2px;
}

.scheduleameeting-button-wrapper.selected .btn {
   font-family: "Montserrat", sans-serif;
   flex-basis: calc(50% - 2.5px);
}

.scheduleameeting-button-wrapper.selected .btn-light {
   background-color: #8c94b0;
   border-color: transparent;
   color: #ffffff;
}

.scheduleameeting-confirm-heaidng {
   font-size: 28px;
   font-weight: 700;
   line-height: normal;
   color: #222328;
   margin-bottom: 30px;
}

.scheduleameeting-confirm-list {
   list-style-type: none;
   margin-bottom: 35px;
   padding-left: 0;
}

.scheduleameeting-confirm-list-item {
   font-size: 22px;
   font-weight: 500;
   line-height: normal;
   color: #222328;
   display: flex;
   align-items: start;
   gap: 16px;
   margin-bottom: 16px;
}

.scheduleameeting-confirm-list-item img {
   width: 21px;
   height: auto;
   padding-top: 6px;
   object-fit: contain;
}

.scheduleameeting-confirm-para {
   font-size: 18px;
   font-weight: 500;
   line-height: 155%;
   text-align: center;
   color: #8c94b0;
   margin-bottom: 0px;
}

.rws-mb-new {
   margin-bottom: -245px !important;
}

/* Work with us CSS End */
/* Media Start */

@media (max-width: 1920.98px) {
   .wearehiring-section {
      margin-top: -70px;
   }

   .joinourteam-section,
   .wanttoapply-section {
      margin-top: -110px;
   }

   .wearehiring-content {
      top: -20px;
   }

   .wanttoapply-man {
      width: 41.66666667%;
   }
}

@media (max-width: 1699.98px) {

   .joinourteam-section,
   .wanttoapply-section {
      margin-top: -100px;
   }

   .wearehiring-content {
      top: 0;
   }
}

@media (max-width: 1399.98px) {
   .wearehiring-section {
      margin-top: -73px;
   }

   .joinourteam-section,
   .wanttoapply-section {
      margin-top: -80px;
   }

   .wanttoapply-man {
      width: 50%;
   }

   .wearehiring-content {
      padding-top: 20px;
   }
}

@media (max-width: 1199.98px) {

   .wanttoapply-man,
   .wanttoapply-man-shadow {
      display: none;
   }

   .wanttoapply-content {
      padding-bottom: calc(60px - 30px);
      top: -30px;
   }
}

@media (max-width: 991.98px) {
   .wearehiring-section {
      margin-top: -60px;
   }

   .joinourteam-section,
   .wanttoapply-section {
      margin-top: -40px;
   }

   .wearehiring-content {
      padding-top: 30px;
   }

   .wanttoapply-content {
      padding-top: 20px;
      padding-bottom: 50px;
      top: 0;
   }
}

@media (max-width: 767.98px) {
   .round-badge {
      --bs-badge-font-size: 14px;
   }

   .round-btn {
      --bs-btn-font-size: 14px;
      --bs-btn-padding-x: 30px;
      --bs-btn-padding-y: 13px;
      gap: 8px;
   }

   .round-f-control {
      padding: 14px 18px;
      font-size: 14px;
   }

   .round-select2 .select2-container--default .select2-selection--single {
      padding: 14px 18px;
   }

   .round-select2 .select2-container--default .select2-selection--single .select2-selection__rendered,
   .round-select2 .select2-search--dropdown .select2-search__field,
   .round-select2 .select2-results__option {
      font-size: 14px;
   }

   .round-select2 .select2-search--dropdown .select2-search__field {
      padding: 8px 16px;
   }

   .section-heading {
      font-size: 26px;
   }

   .section-para {
      font-size: 16px;
   }
}

@media (max-width: 575.98px) {
   .wearehiring-section {
      margin-top: 40px;
   }

   .joinourteam-section,
   .wanttoapply-section {
      margin-top: 0px;
   }

   .joinourteam-content {
      padding: 40px 0 50px;
   }
}

/* Media End */
/* Shopping Cart Modal */

.content-para {
   font-size: 16px;
   font-weight: 400;
   line-height: normal;
   color: #222328;
}

.content-heading {
   font-size: 22px;
   font-weight: 600;
   line-height: normal;
   color: #222328;
}

.content-sm-heading {
   font-size: 18px;
   font-weight: 700;
   line-height: normal;
   color: #222328;
}

.link-button {
   border: none;
   background-color: transparent;
   color: #4260cb;
   font-size: 18px;
   font-weight: 400;
   line-height: normal;
   padding: 0;
}

.button-divider {
   display: inline-block;
   width: 1px;
   background-color: #e7e7e7;
}

.form-control::placeholder {
   color: #7e7f87;
}

.round-form-group {
   margin-bottom: 15px;
}

.round-input {
   padding: 12px 20px;
   font-size: 16px;
   font-weight: 400;
   color: #222328;
   border-color: #e7e7e7;
   border-radius: 50px;
}

textarea.round-input {
   border-radius: 20px;
}

.round-input.remove-arrow[type="number"]::-webkit-outer-spin-button,
.round-input.remove-arrow[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

.round-input.remove-arrow[type="number"] {
   appearance: textfield;
   -moz-appearance: textfield;
}

.round-input:focus {
   border-color: #4260cb;
   box-shadow: 0 0 0 4px rgb(66, 96, 203, 0.25);
   color: #222328;
}

.custom-checkbox {
   appearance: none;
   width: 30px;
   height: 30px;
   min-width: 30px;
   border: 1px solid #e7e7e7;
   border-radius: 4px;
   background-image: url(../images/icons/checked.svg);
   background-size: 19px;
   background-position: center;
   background-repeat: no-repeat;
   background-color: #ffffff;
   cursor: pointer;
}

.custom-checkbox:checked {
   background-color: #4260cb;
   border-color: transparent;
}

.round-button {
   font-size: 18px;
   font-weight: 500;
   line-height: normal;
   padding: 14px 30px;
   border-radius: 50px;
}

.round-button.btn-primary {
   background-color: #4260cb !important;
   border-color: #4260cb !important;
   color: #ffffff !important;
   justify-content: center;
}

.round-button.btn-secondary {
   background-color: #f3f4f7 !important;
   border-color: #f3f4f7 !important;
   color: #8c94b0 !important;
}

.shopcart-modal .modal-dialog {
   max-width: 1422px !important;
}

.shopcart-modal .modal-content {
   border: 15px solid #edf2ffe5;
   border-radius: 30px;
}

.shopcart-modal .modal-header {
   padding: 25px 30px 20px;
   border: none;
   align-items: start;
}

.shopcart-modal .modal-title {
   font-size: 32px;
   line-height: normal;
   margin: inherit;
}

.shopcart-close {
   background-color: transparent;
   border: none;
}

.shopcart-modal .modal-body {
   padding: 0 30px 50px;
}

.shopcart-step-tab {
   margin-bottom: 20px !important;
}

.shopcart-step-tab .nav-item {
   flex-grow: 1;
   margin-left: -10px;
   max-width: 284px;
}

.shopcart-step-tab .nav-item:first-child {
   margin-left: 0;
}

.shopcart-step-tab .nav-link {
   width: 100%;
   border-radius: 0;
   border: none !important;
   background-color: #ebecef;
   color: #8c94b0;
   padding: 7px;
   clip-path: polygon(calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%, calc(0% + 20px) 50%, 0% 0%);
}

.shopcart-step-tab .nav-item:first-child .nav-link {
   clip-path: polygon(calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%, 0% 0%, 0% 0%);
   margin-left: 0;
}

.shopcart-step-tab .nav-link.previous,
.shopcart-step-tab .nav-link.active {
   background-color: #4260cb;
   color: #ffffff;
}

.shopcart-step-tab .nav-link h5 {
   font-size: 16px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 0;
   line-height: 27px;
}

.shopcart-step-tab .nav-link span {
   font-size: 14px;
   font-weight: 500;
   line-height: 24px;
}

.shopcart-card {
   border-radius: 6px;
   border: none;
   box-shadow: 0px 4px 54px 0px #00000012;
   background-color: #ffffff;
}

.shopcart-card .card-header {
   padding: 15px 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 16px 10px;
   background-color: transparent;
   border-bottom: 1px solid #e7e7e7;
}

.shopcart-card-title .content-para {
   font-weight: 500;
   margin-bottom: 6px;
}

.shopcart-card-title .content-heading {
   margin-bottom: 0;
   background: var(--gradient-20, linear-gradient(95deg, #467efe 5.26%, #61cafd 100%));
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.shopcart-card-price {
   font-size: 16px;
   font-weight: 400;
   line-height: normal;
   color: #7e7f87;
}

.shopcart-card-price span {
   font-size: 28px;
   font-weight: 600;
   line-height: normal;
   background: linear-gradient(95deg, #467efe 35.13%, #61cafd 99.43%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.shopcart-card .card-body {
   padding: 15px 20px;
   border-bottom: 1px solid #e7e7e7;
}

.shopcart-card-hold-time {
   display: flex;
   gap: 8px;
   font-size: 16px;
   font-weight: 400;
   line-height: 137%;
   margin-bottom: 20px;
   color: #7e7f87;
}

.shopcart-card-hold-time img {
   width: 16px;
   height: auto;
   object-fit: contain;
   padding-top: 1px;
}

.shopcart-card-otcharges {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 6px 10px;
   margin-bottom: 20px;
}

.shopcart-card-otcharges .content-para {
   font-weight: 500;
   margin-bottom: 0;
}

.shopcart-card-total {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 6px 10px;
}

.shopcart-card-total .content-sm-heading {
   margin-bottom: 0;
}

.shopcart-card .card-footer {
   background-color: transparent;
   padding: 15px 20px;
   border: none;
}

.shopcart-card-cta {
   display: flex;
   gap: 30px;
}

.shopcart-cta-button {
   display: flex;
   align-items: center;
   justify-content: end;
   flex-wrap: wrap;
   gap: 15px;
}

.checkout-card {
   border: none;
   background-color: #ffffff;
   border-radius: 6px;
   box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.07);
}

.checkout-card .card-body {
   padding: 30px 30px 83px;
}

.monthly-charges,
.total-due {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 6px 10px;
}

.monthly-charges {
   margin-bottom: 10px;
}

.monthly-charges .content-para,
.total-due .content-sm-heading {
   margin-bottom: 0;
}

.total-due {
   margin-bottom: 17px;
}

.checkout-card .code-apply-input {
   margin-bottom: 30px;
}

.checkout-card hr {
   border-color: #e7e7e7;
   opacity: 1;
}

.code-apply-input {
   display: flex;
   border: 1px solid #e7e7e7;
   border-radius: 50px;
}

.code-apply-input .form-control {
   border: none;
   padding: 12px 13px 11px 22px;
   border-radius: 50px 0 0 50px;
   color: #222328;
   font-size: 16px;
   font-weight: 400;
}

.code-apply-input .link-button {
   padding: 12px 22px 11px 13px;
}

.code-apply-input span {
   margin: 10px 0;
}

.or-checkout-text {
   display: flex;
   align-items: center;
   margin-bottom: 16px;
}

.or-checkout-text .button-divider {
   flex-grow: 1;
   width: auto;
   height: 1px;
}

.or-checkout-text .content-para {
   color: #7e7f87;
   line-height: 137%;
   display: inline-block;
   margin-bottom: 0;
   padding: 0 10px;
}

.checkout-card .round-button {
   padding: 9px 30px;
}

.checkout-card .btn-secondary {
   border-color: #aaaaaa !important;
   background-color: #aaaaaa !important;
   color: #ffffff !important;
}

.checkout-card .btn-outline-secondary {
   border-color: #e7e7e7 !important;
   background-color: #f9fbfd !important;
   color: #bdbdbf !important;
}

.billaddress-card {
   border-radius: 6px;
   border: none;
   box-shadow: 0px 4px 54px 0px #00000012;
   background-color: #ffffff;
}

.billaddress-card .card-body {
   padding: 20px 20px 15px;
}

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

.billaddress-checkbox .content-para {
   cursor: pointer;
}

.billaddress-checkbox .content-para a {
   color: #4260cb !important;
}

.payment-type {
   display: flex;
   box-shadow: 0px 4px 54px 0px #00000012;
}

.paymenttype-tab {
   flex-direction: column;
   padding: 30px 20px 30px 0;
   background: #f9fbfd;
   min-width: 230px;
}

.paymenttype-tab .nav-item .nav-link {
   padding: 16px 39px;
   width: 100%;
   color: #8c94b0;
   display: flex;
   align-items: center;
   gap: 14px;
   border-radius: 0 50px 50px 0 !important;
   font-size: 16px;
   font-weight: 500;
   border: none !important;
}

.paymenttype-tab .nav-item .nav-link.active {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   color: #ffffff;
}

.paymenttype-tab .nav-item .nav-link.active img {
   filter: brightness(200%);
}

.payment-type .tab-content {
   width: 100%;
   padding: 30px 30px 15px;
}

.paymenttab-label {
   margin-bottom: 6px;
   font-weight: 500;
}

.ordersummary-number {
   border-bottom: 1px solid rgba(34, 35, 40, 0.1);
   padding: 0 20px 0 20px;
   margin-bottom: 15px;
}

.ordersummary-number .shopcart-card-price span {
   color: rgba(34, 35, 40, 1);
   font-size: 20px;
   font-weight: 600;
   background: unset;
   -webkit-text-fill-color: unset;
}

.ordersummary-number .shopcart-card-title {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 10px;
   align-items: center;
}

.payinfo-title {
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   margin-bottom: 15px;
   color: #222328;
}

.order-summary {
   box-shadow: 0px 4px 54px 0px #00000012;
   background: #fff;
   padding: 16px 0 20px;
   margin-bottom: 30px;
   border-radius: 6px;
}

.payment-method {
   box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.07);
   background: #fff;
   padding: 20px;
   margin-bottom: 20px;
   border-radius: 6px;
   display: flex;
   flex-direction: column;
   gap: 13px;
}

.contect-info {
   box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.07);
   background: #fff;
   padding: 27px 30px 14px;
   border-radius: 6px;
}

.ordersummary-totals {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   padding: 0 20px;
   justify-content: space-between;
   align-items: center;
}

.ordersummary-totals p {
   font-size: 20px;
   font-weight: 700;
   line-height: 30px;
   color: rgba(34, 35, 40, 1);
   margin-bottom: 0;
}

.contect-info div {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   margin-bottom: 15px;
   gap: 10px;
}

.contect-info p {
   font-size: 16px;
   font-weight: 400;
   margin-bottom: 0;
   line-height: 24px;
   color: rgba(140, 148, 176, 1);
}

.contect-info span {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: rgba(34, 35, 40, 1);
}

.payment-method .radio:checked {
   position: relative;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
}

.payment-method .radio:not(:checked) {
   opacity: 0.3;
}

.payment-method .radio {
   width: 26px;
   height: 26px;
   background: #fff;
   border-color: rgba(231, 231, 231, 1);
}

.payment-method .radio:checked::before {
   content: "";
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   background: url(../images/icons/chekbox-checked-blue.svg);
}

.payment-method .payment-card {
   max-width: unset;
}

.payment-method label {
   max-width: unset;
   padding: 17px 20px 15px;
   border-radius: 10px;
   background-color: rgba(249, 251, 253, 1);
}

.payment-method h5 {
   color: rgba(34, 35, 40, 1) !important;
   font-weight: 600 !important;
   margin-bottom: 0 !important;
}

.payment-method .active.payment-card::after {
   inset: -2px;
   width: calc(100% + 4px);
   height: calc(100% + 4px);
}

.payment-method .paycard-detail {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 10px;
   flex-wrap: wrap;
   margin-bottom: 5px;
}

.payment-method span {
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   color: rgba(34, 35, 40, 1);
}

.payment-method .active label {
   background: #fff;
}

.payment-card label {
   cursor: pointer;
}

/* Numbers Pages */

.numbers-maintab {
   margin-bottom: 100px;
}

.numbers-maintab .nav-tabs {
   flex-wrap: nowrap;
   overflow-x: auto;
   overflow-y: hidden;
}

.numbers-maintab .nav-tabs::-webkit-scrollbar {
   height: 5px;
   border-radius: 20px;
}

.numbers-maintab .nav-tabs::-webkit-scrollbar-track {
   background: #f1f1f1;
   border-radius: 20px;
}

.numbers-maintab .nav-tabs::-webkit-scrollbar-thumb {
   background: #4260cb;
   border-radius: 20px;
}

.numbers-maintab .nav-link {
   flex-grow: 1;
   padding: 30px 15px 24px;
   display: flex;
   gap: 10px;
   justify-content: center;
   align-items: center;
   min-width: fit-content;
}

.numbers-maintab nav {
   background: rgba(249, 251, 253, 1);
   border-bottom: 1px solid rgba(231, 231, 231, 1);
   margin-bottom: 50px;
}

.numbers-maintab .nav-item.show .nav-link,
.numbers-maintab .nav-link.active,
.numbers-maintab .nav-link.selected {
   border: none;
   color: rgba(66, 96, 203, 1);
   background-color: #fff;
}

.numbers-maintab .nav-item.show .nav-link img,
.numbers-maintab .nav-link.active img,
.numbers-maintab .nav-link.selected img {
   filter: invert(44%) sepia(39%) saturate(1092%) hue-rotate(199deg) brightness(77%) contrast(114%);
}

.numbers-maintab .nav-link {
   font-size: 20px;
   font-weight: 500;
   line-height: 28px;
   color: rgba(34, 35, 40, 1);
   border: none;
}

.available-balance {
   display: flex;
   margin-bottom: 40px;
   gap: 10px;
   flex-wrap: wrap;
   align-items: center;
   padding: 18px 30px;
   box-shadow: 0px 6px 25px 0px #467efe4d;
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 10px;
}

.available-balance h5 {
   margin-bottom: 0;
   font-size: 20px;
   font-weight: 600;
   line-height: 30px;
   color: #fff;
}

.available-balance div {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 10px;
   flex-grow: 1;
}

.available-balance span {
   font-size: 24px;
   font-weight: 600;
   line-height: 36px;
   color: #fff;
}

.available-balance .btn {
   min-width: 231px;
   border-radius: 40px;
   background: #ffffff1a;
   border: 1px solid transparent;
   padding: 12px 30px 11px;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
   color: #ffffff !important;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
}

.available-balance .btn:hover {
   background-color: transparent;
   border-color: #fff;
}

.numbers-searchbar {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 10px;
   margin-bottom: 20px;
}

.numbers-searchbar .new-outline-btn {
   min-height: 50px;
   min-width: fit-content;
   padding: 10px 30px 11px;
}

.round-searchinput input {
   padding-left: 53px;
}

.round-searchinput {
   position: relative;
}

.round-searchinput img {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 20px;
   margin: auto;
}

.numbers-entries {
   max-height: 680px;
   overflow-y: auto;
   padding-right: 10px;
   overflow-x: hidden;
   padding-top: 18px;
}

.numbers-entries::-webkit-scrollbar {
   width: 5px;
   border-radius: 20px;
}

.numbers-entries::-webkit-scrollbar-track {
   background: #e7e7e7;
   border-radius: 20px;
}

.numbers-entries::-webkit-scrollbar-thumb {
   background: #4260cb;
   border-radius: 20px;
}

.endtires-header {
   display: flex;
   align-items: center;
   gap: 10px;
   padding-bottom: 10px;
}

.entrie {
   padding: 20px;
   border-radius: 5px;
   position: relative;
   background: #fff;
   margin-bottom: 17px;
   cursor: pointer;
   min-width: 398px;
   border: 1px solid #e7e7e7;
   z-index: 0;
}

.entrie-badge {
   color: rgba(255, 122, 0, 1);
   font-size: 14px;
   font-weight: 600;
   line-height: 16px;
   text-align: center;
   padding: 7px 15px;
   background-color: rgba(249, 222, 198, 1);
   border-radius: 20px;
   position: absolute;
   left: 5%;
   top: -13%;
}

.active.entrie {
   border: none !important;
}

.active.entrie::before {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   box-shadow: 0px 4px 54px 0px #00000012;
   content: " ";
   position: absolute;
   inset: 0px;
   margin: auto;
   width: 100%;
   height: 100%;
   z-index: -1;
   border-radius: 6px;
}

.active.entrie::after {
   content: "";
   position: absolute;
   inset: 2px;
   z-index: -1;
   margin: auto;
   border-radius: 4px;
   background-color: #ffffff;
}

.endtires-header .round-select .select2-container--default .select2-selection--single {
   padding: 7px 20px 6px;
}

.entrie p {
   color: #8c94b0;
   margin-bottom: 0;
   font-size: 14px;
   font-weight: 500;
   line-height: 21px;
}

.entrie h6 {
   color: #222328;
   margin-bottom: 0;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
}

.entrie div {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   flex-wrap: wrap;
}

.numberssub-tab {
   min-height: 565px;
   border: 1px solid #e7e7e7;
   border-radius: 6px;
   margin-bottom: 30px;
}

.numberssub-tab .nav-tabs {
   background-color: rgba(66, 96, 203, 0.1);
   padding: 9px 9px 0;
   border-radius: 6px;
}

.numberssub-tab .nav-link {
   padding: 12px 25px 11px;
   font-size: 18px;
}

.numberssub-tab .nav-item.show .nav-link,
.numberssub-tab .nav-link.active {
   border-radius: 10px 10px 0 0;
}

.numberssub-tab .tab-content {
   padding: 20px;
}

.numberssub-tab .round-button {
   padding: 11px 29px 12px 28px;
}

.nessages-ntab {
   display: flex;
   flex-direction: column;
   gap: 13px;
   align-items: center;
   padding-top: 10px;
}

.nessages-ntab p {
   max-width: 329px;
   display: block;
   text-align: center;
}

.nessages-ntab a {
   text-decoration: none;
   color: rgba(66, 96, 203, 1);
}

.options-cards .card {
   border: 1px solid rgba(231, 231, 231, 1);
   border-radius: 10px;
   padding: 20px 20px 16px;
   width: 100%;
   text-align: center;
   height: 100%;
   cursor: pointer;
}

.poerout-cards .img,
.options-cards .img {
   width: 80px;
   height: 80px;
   border-radius: 100%;
   margin: 0 auto 10px;
   background: rgba(66, 96, 203, 0.1);
   display: flex;
   justify-content: center;
   align-items: center;
}

.options-cards .title {
   text-align: center;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: rgba(34, 35, 40, 1);
   margin-bottom: 5px;
}

.options-cards .badge {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   background-color: rgba(66, 96, 203, 0.1);
   margin-left: 8px;
   padding: 2px 10px;
   border-radius: 14px;
   color: rgba(66, 96, 203, 1);
}

.options-cards .subtitle {
   text-align: center;
   font-size: 14px;
   font-weight: 500;
   line-height: 21px;
   color: rgba(140, 148, 176, 1);
   max-width: 267px;
   margin: 0 auto 16px;
}

.options-cards .active {
   background: linear-gradient(95.35deg, rgb(239 241 255) 5.26%, rgb(241 249 255) 100%);
   border-color: transparent;
   position: relative;
}

.options-cards .active .img {
   background-color: #fff;
}

.options-cards .active .title {
   color: rgba(66, 96, 203, 1);
}

.options-cards .active::after {
   content: "";
   position: absolute;
   inset: -3px;
   border-radius: 11px;
   width: calc(100% + 6px);
   height: calc(100% + 6px);
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   z-index: -1;
}

.poerout-cards .card {
   border: 1px solid rgba(66, 96, 203, 1);
   border-radius: 10px;
   padding: 20px 20px 22px;
   text-align: center;
   cursor: pointer;
}

.poerout-cards p {
   color: rgba(66, 96, 203, 1);
   margin-bottom: 0;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   text-align: center;
}

.portout-tips {
   background: linear-gradient(95.35deg, rgb(70 126 254 / 10%) 5.26%, rgb(97 202 253 / 10%) 100%);
   padding: 20px 20px 30px;
   margin-bottom: 20px;
   border-radius: 10px;
}

.portout-tips h3 {
   color: rgba(34, 35, 40, 1);
   margin-bottom: 15px;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
}

.tips-card {
   display: flex;
   gap: 15px;
}

.tips-card .img {
   width: 58px;
   min-width: 58px;
   min-height: 58px;
   height: 58px;
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #fff;
}

.tips-card p {
   color: rgba(34, 35, 40, 1);
   margin-bottom: 0;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
}

.port-title {
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   text-align: center;
   padding-bottom: 15px;
   margin-bottom: 20px;
   color: rgba(34, 35, 40, 1);
   border-bottom: 1px solid rgba(231, 231, 231, 1);
}

.port-text {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   text-align: center;
   max-width: 634px;
   color: rgba(140, 148, 176, 1);
   margin: 0 auto 15px;
}

.portout-detail {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 15px;
   flex-wrap: wrap;
   gap: 10px;
}

.portout-detail h6 {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: rgba(140, 148, 176, 1);
   margin-bottom: 0;
}

.portout-detail p {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: rgba(34, 35, 40, 1);
   margin-bottom: 0;
}

.numberssub-tab hr {
   margin: 0 0 15px;
   border-top: 1px solid rgba(231, 231, 231, 1);
   opacity: 1;
}

.portout-link {
   color: rgba(66, 96, 203, 1);
}

.numbers-modal .modal-dialog {
   max-width: 530px !important;
}

.numbers-modal .modal-body {
   padding: 0 20px 30px;
}

.numbers-modal .port-text {
   color: rgba(126, 127, 135, 1);
}

.updatepin-number {
   border-top: 1px solid rgba(231, 231, 231, 1);
   padding: 20px 25px 25px;
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   align-items: center;
   justify-content: space-between;
}

.updatepin-number h6,
.updatepin-number p {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: rgba(140, 148, 176, 1);
   margin-bottom: 0;
}

.updatepin-number h6 {
   color: rgba(34, 35, 40, 1);
}

.updatepin-border {
   width: 55%;
   border-right: 1px solid rgba(231, 231, 231, 1);
}

.modal-btns {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 20px;
}

.lock-transfer {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
   padding: 19px;
   border-top: 1px solid rgba(231, 231, 231, 1);
   border-bottom: 1px solid rgba(231, 231, 231, 1);
}

.lock-transfer .switch {
   width: 57px;
}

.lock-transfer p {
   color: rgba(140, 148, 176, 1);
   font-size: 16px;
   font-weight: 600;
   line-height: 22px;
   margin-bottom: 0;
}

.tl-title {
   color: rgba(34, 35, 40, 1);
   font-size: 16px;
   font-weight: 500;
   line-height: 22px;
   text-align: center;
   margin-bottom: 10px;
   margin-top: 20px;
}

.transfer-ownership .img {
   width: 96px;
   height: 96px;
   border-radius: 100%;
   background: linear-gradient(95.35deg, rgb(70 126 254 / 10%) 5.26%, rgb(97 202 253 / 10%) 100%);
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 10px;
}

.transfer-ownership .img img {
   max-width: 48px;
}

.transfer-ownership .modal-title {
   font-size: 24px;
   font-weight: 700;
   line-height: 42px;
   color: rgba(34, 35, 40, 1);
   padding-bottom: 10px;
   margin-bottom: 20px;
   border-bottom: 1px solid rgba(231, 231, 231, 1);
   width: 100%;
}

.transfer-ownership h3 {
   margin-bottom: 0;
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
}

.content-para {
   font-size: 18px;
}

.numberorder-modal .modal-title {
   font-size: 30px;
   font-weight: 500;
   line-height: 45px;
   text-align: center;
   color: rgba(34, 35, 40, 1);
   margin-bottom: 20px;
}

.numbers-ordersubmit {
   border: 1px solid rgba(231, 231, 231, 1);
   background: linear-gradient(0deg, #f9fbfd, #f9fbfd);
   border-radius: 5px;
   padding: 50px 15px 50px;
   text-align: center;
   margin-bottom: 30px;
}

.nos-title {
   font-size: 30px;
   font-weight: 500;
   line-height: 45px;
   text-align: center;
   color: rgba(34, 35, 40, 1);
   margin-bottom: 15px;
}

.nos-text {
   max-width: 606px;
   margin: 0 auto 15px;
   font-size: 16px;
   font-weight: 400;
   line-height: 28px;
   text-align: center;
   color: rgba(140, 148, 176, 1);
}

.numbers-ordersubmit .btn {
   font-size: 20px;
   font-weight: 400;
   line-height: 28px;
   padding: 14px 30px 13px;
}

.transfer-permission {
   padding: 30px 30px 20px;
}

.tp-detail {
   border: 1px solid rgba(231, 231, 231, 1);
   padding: 12px 0 0;
   background-color: #fff;
   border-radius: 6px;
   margin-bottom: 20px;
}

.detail-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 10px;
   flex-wrap: wrap;
   padding: 0 20px 10px;
   border-bottom: 1px solid rgba(231, 231, 231, 1);
   margin-bottom: 15px;
}

.detail-header p {
   color: rgba(34, 35, 40, 1);
   margin-bottom: 0;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
}

.detail-header .btn {
   width: 45px;
   padding: 0;
   border: 0 !important;
   height: 45px;
   border-radius: 100%;
   background-color: rgba(66, 96, 203, 0.1) !important;
   display: flex;
   justify-content: center;
   align-items: center;
}

.detail-table {
   display: flex;
   justify-content: space-between;
   margin-bottom: 15px;
   text-align: left;
   padding: 0 20px;
   flex-wrap: wrap;
   gap: 10px;
}

.detail-table a,
.detail-table p {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: rgba(34, 35, 40, 1);
   max-width: 179px;
   margin-bottom: 0;
}

.detail-table .label {
   color: rgba(140, 148, 176, 1);
   margin-bottom: 5px;
}

.detail-table a {
   color: rgba(66, 96, 203, 1);
}

.numbers-ordersubmit .success-text {
   background-color: rgba(70, 184, 122, 0.1);
   color: rgba(70, 184, 122, 1);
   margin-bottom: 0;
   padding: 10px 10px 9px;
   border-radius: 6px;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
}

.ordersubmit-option {
   border-radius: 6px;
   padding: 16px 20px 22px;
   border: 1px solid rgba(231, 231, 231, 1);
   background-color: #fff;
   height: 100%;
}

.ordersubmit-option .card-header {
   border-bottom: 1px solid rgba(231, 231, 231, 1);
   padding: 0 0 16px;
   background-color: #fff;
   display: flex;
   gap: 10px;
   flex-wrap: wrap;
   align-items: center;
}

.ordersubmit-option span {
   color: rgba(140, 148, 176, 1);
   font-size: 18px;
   background-color: rgba(140, 148, 176, 0.1);
   border-radius: 6px;
   padding: 4px 10px;
   font-weight: 500;
   line-height: 27px;
}

.ordersubmit-option h5 {
   color: rgba(34, 35, 40, 1);
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   margin-bottom: 0;
}

.ordersubmit-option .card-body {
   padding: 12px 0 0;
   display: flex;
   flex-direction: column;
}

.option-one {
   display: flex;
   gap: 15px;
   background: linear-gradient(95.35deg, rgb(70 126 254 / 10%) 5.26%, rgb(97 202 253 / 10%) 100%);
   padding: 20px 10px;
   justify-content: center;
   align-items: center;
   border-radius: 10px;
   margin-top: auto;
}

.option-one h6 {
   color: rgba(34, 35, 40, 1);
   margin-bottom: 5px;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
}

.option-one p {
   color: rgba(140, 148, 176, 1);
   margin-bottom: 0;
   font-size: 14px;
   font-weight: 400;
   text-align: start;
   line-height: 21px;
   max-width: 133px;
   white-space: nowrap;
   overflow: hidden !important;
   text-overflow: ellipsis;
}

.option-one img {
   width: 50px;
   height: 50px;
   border-radius: 100%;
}

.upload-cob {
   border: 2px dashed rgba(231, 231, 231, 1);
   cursor: pointer;
}

.massages-left {
   background: rgba(66, 96, 203, 0.07);
   padding: 10px 0 10px 10px;
   border-radius: 10px 0 0 10px;
   height: 100%;
   min-height: 793px;
}

.massages-left .header {
   padding: 20px 20px 15px 20px;
   background: #fff;
   border-top-left-radius: 10px;
   display: flex;
   gap: 15px;
}

.massages-left .header .btn {
   border: 1px solid rgba(231, 231, 231, 1);
   padding: 0;
   border-radius: 100%;
   height: 50px;
   width: 50px;
}

.massages-left .msgs-numbers {
   background-color: #fff;
   border-bottom-left-radius: 10px;
   padding: 0 10px 20px;
   height: 713px;
   overflow: auto;
}

.massages-left .msgs-numbers::-webkit-scrollbar {
   width: 5px;
}

.massages-left .msgs-numbers::-webkit-scrollbar-track {
   background: #dddddd;
   border-radius: 50px;
}

.massages-left .msgs-numbers::-webkit-scrollbar-thumb {
   background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 50px;
}

.massages-left .number.active {
   background: rgba(242, 244, 251, 1);
}

.massages-left .number {
   padding: 15px;
   border-radius: 10px;
   cursor: pointer;
   display: flex;
   gap: 10px;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: start;
}

.massages-left .number:hover {
   background: rgba(242, 244, 251, 1);
}

.massages-left .number h5 {
   font-size: 20px;
   font-weight: 500;
   line-height: 30px;
   color: rgba(34, 35, 40, 1);
   margin: 0;
}

.massages-left .sub-number {
   color: rgba(66, 96, 203, 1);
   font-size: 14px;
   font-weight: 500;
   line-height: 21px;
   text-align: center;
   background-color: rgba(66, 96, 203, 0.1);
   padding: 3px 8px 1px 7px;
   border-radius: 14px;
   height: 25px;
}

.massages-left .number p {
   color: rgba(140, 148, 176, 1);
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 0;
   width: 281px;
   white-space: nowrap;
   overflow: hidden !important;
   text-overflow: ellipsis;
}

.massages-left .number .time {
   color: rgba(140, 148, 176, 1);
   font-size: 14px;
   font-weight: 400;
   line-height: 21px;
}

.massages-right {
   padding: 10px;
   height: 100%;
   display: flex;
   flex-direction: column;
   border-left: 1px solid #fff;
   background: linear-gradient(95.35deg, rgb(70 126 254 / 10%) 5.26%, rgb(97 202 253 / 10%) 100%);
   border-radius: 0 10px 10px 0;
}

.chat-header {
   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
   background-color: rgba(255, 255, 255, 1);
   border-radius: 0px 10px 10px 0px;
   padding: 13px 20px 12px;
   display: flex;
   gap: 10px;
   flex-wrap: wrap;
   margin-bottom: 22px;
}

.chat-header .img {
   width: 60px;
   height: 60px;
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgba(140, 148, 176, 0.1);
}

.chat-header .img img {
   max-height: 25px;
   object-fit: contain;
   max-width: 25px;
}

.chat-header h4 {
   font-size: 20px;
   font-weight: 500;
   line-height: 30px;
   color: rgba(34, 35, 40, 1);
   margin-bottom: 0;
}

.chat-header p {
   color: rgba(70, 184, 122, 1);
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   display: flex;
   align-items: center;
   margin-bottom: 0;
}

.chat-header span {
   width: 16px;
   height: 16px;
   display: inline-block;
   border-radius: 100%;
   background-color: rgba(70, 184, 122, 1);
   border: 4px solid #e3f4eb;
   margin-right: 5px;
}

.chat-footer {
   display: flex;
   box-shadow: 0px -6px 44px 0px rgba(0, 0, 0, 0.05);
   align-items: center;
   padding: 5px;
   border: 1px solid rgba(231, 231, 231, 1);
   background: #fff;
   border-radius: 0 0 10px 0;
}

.chat-main {
   padding: 0 20px 0;
   margin-bottom: 20px;
   flex-grow: 1;
   height: 633px;
   overflow: auto;
}

.chat-main::-webkit-scrollbar {
   width: 5px;
}

.chat-main::-webkit-scrollbar-track {
   background: #dddddd;
   border-radius: 50px;
}

.chat-main::-webkit-scrollbar-thumb {
   background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 50px;
}

.tools-btn {
   padding: 9px 15px;
   margin: 0 5px 0 2px;
   border: 0px !important;
   background-color: #fff;
}

.tools-btn:active,
.tools-btn:focus,
.tools-btn:hover {
   background-color: whitesmoke !important;
}

.chat-input {
   border: none;
   border-left: 1px solid rgba(231, 231, 231, 1) !important;
   margin: 5px 10px 5px 0;
   padding: 6px 20px 5px;
   box-shadow: none !important;
   border-radius: 0px !important;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
}

.chat-input::placeholder {
   color: rgba(140, 148, 176, 1);
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
}

.sendmsg-btn {
   padding: 12px 20px 12px 25px;
   background: rgba(66, 96, 203, 1);
   border-radius: 26.5px;
   border: none !important;
}

.sendmsg-btn:hover {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.chat-date {
   color: rgba(140, 148, 176, 1);
   text-align: center;
   font-size: 14px;
   font-weight: 400;
   line-height: 21px;
   margin: 0 0 30px;
   display: flex;
   align-items: center;
   text-wrap: nowrap;
}

.chat-date::after {
   content: "";
   width: 100%;
   display: block;
   margin-left: 10px;
   height: 1px;
   background-color: rgba(34, 35, 40, 0.1);
}

.chat-date::before {
   content: "";
   width: 100%;
   display: block;
   margin-right: 10px;
   height: 1px;
   background-color: rgba(34, 35, 40, 0.1);
}

.chat-titme {
   color: rgba(140, 148, 176, 1);
   font-size: 12px;
   margin-bottom: 7px;
   font-weight: 400;
   line-height: 15px;
}

.left-msg {
   color: rgba(34, 35, 40, 1);
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.02);
   background-color: #fff;
   border-radius: 0 25px 25px 20px;
   padding: 13px 20px 13px 15px;
   width: fit-content;
   max-width: 518px;
   margin-bottom: 15px;
}

.right-msg {
   color: rgba(34, 35, 40, 1);
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.02);
   background: linear-gradient(95.35deg, rgb(70 126 254 / 10%) 5.26%, rgb(97 202 253 / 10%) 100%);
   border-radius: 25px 20px 0 25px;
   padding: 13px 20px 13px 15px;
   width: fit-content;
   max-width: 518px;
   margin-left: auto;
   margin-bottom: 15px;
}

.numbers-dialer {
   max-width: 575px;
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.07);
   border-radius: 10px;
   margin: auto;
   padding: 1px;
   margin-bottom: 150px;
}

.dialer-bg {
   padding: 22px 57px 49px 58px;
   border-radius: 9px;
   background-color: #fff;
}

.numbers-dialer .round-form-group {
   margin: 0 0 13px 10px;
}

.numbers-dialer .round-form-group label {
   font-size: 20px;
   font-weight: 500;
   margin-right: 10px;
   line-height: 30px;
   color: rgba(140, 148, 176, 1);
}

.numbers-dialer .round-select .select2-container--default .select2-selection--single .select2-selection__rendered,
.numbers-dialer .round-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
}

.dialer-input {
   font-size: 36px;
   font-weight: 700;
   line-height: 54px;
   padding: 0;
   border: unset !important;
   box-shadow: unset !important;
   text-align: center;
   color: rgba(34, 35, 40, 1);
   margin-bottom: 20px;
}

.dialer-input::placeholder {
   color: rgba(231, 231, 231, 1);
}

.dialer-btn {
   width: 120px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid rgba(231, 231, 231, 1) !important;
   border-radius: 5px;
   margin: 0 auto 20px;
   height: 89px;
   flex-direction: column;
   font-size: 36px;
   font-weight: 700;
   line-height: 54px;
   color: rgba(34, 35, 40, 1);
}

.dialer-btn span {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   margin-top: -7px;
}

.dialer-img {
   padding: 0 !important;
   border-color: transparent !important;
   border-radius: 100%;
   width: fit-content;
   margin: auto;
}

.dialer-img img {
   width: 80px;
   border-radius: 100%;
   height: 80px;
}

.calllogs-header {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
   margin-bottom: 15px;
}

.daterange-picker {
   position: relative;
}

.daterange-picker img {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 30px;
   z-index: 1;
   margin: auto;
}

.daterange-picker input {
   padding-left: 59px;
   border-color: rgba(66, 96, 203, 1);
}

.calllogs-header .round-select .select2-container--default .select2-selection--single .select2-selection__arrow b,
.calllogs-header .round-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
   border-color: rgba(66, 96, 203, 1) transparent transparent transparent;
}

.calllogs-header .round-select .select2-container--default .select2-selection--single {
   border-color: rgba(66, 96, 203, 1);
}

.calllogs-header .round-select .select2-container--default .select2-selection--single .select2-selection__rendered,
.calllogs-header .round-select2 .select2-container--default .select2-selection--single .select2-selection__rendered,
.calllogs-header input {
   color: rgba(66, 96, 203, 1);
}

.calllogs-header .round-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.calllogs-header .round-select2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: transparent transparent rgba(66, 96, 203, 1) transparent;
   border-width: 0 6px 6px 6px;
}

.calllogs-table thead tr {
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.calllogs-table thead th {
   color: rgba(255, 255, 255, 1);
   font-size: 18px;
   font-weight: 700;
   line-height: 27px;
   padding: 12px 30px 11px;
}

.calllogs-table table {
   text-wrap: nowrap;
}

.calllogs-table thead th:last-child {
   border-radius: 0 6px 6px 0;
}

.calllogs-table thead th:first-child {
   border-radius: 6px 0 0 6px;
}

.calllogs-table tbody {
   position: relative;
}

.calllogs-table tbody::after {
   content: "";
   position: absolute;
   top: -10px;
   width: 100%;
   height: calc(100% + 10px);
   border: 1px solid #e7e7e7;
   border-radius: 6px;
   z-index: -1;
}

.calllogs-table tbody td {
   color: rgba(34, 35, 40, 1);
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   padding: 11px 30px;
}

.calllogs-table tbody td:first-child {
   border-radius: 10px 0 0 10px;
}

.calllogs-table tbody td:last-child {
   border-radius: 0 10px 10px 0;
}

.calllogs-table tbody tr:nth-child(even) {
   position: relative;
}

.calllogs-table tbody tr:nth-child(1) td {
   padding-top: 18px;
}

.calllogs-table tbody tr:nth-child(even)::after {
   background: linear-gradient(95.35deg, rgb(70 126 254 / 10%) 5.26%, rgb(97 202 253 / 10%) 100%);
   content: "";
   width: calc(100% - 20px);
   position: absolute;
   top: 0;
   bottom: 0;
   left: 10px;
   right: 10px;
   border-radius: 10px;
   z-index: -1;
}

.calllogs-btns {
   display: flex;
   gap: 12px;
   justify-content: end;
}

.calllogs-btns .btn {
   width: 50px;
   height: 50px;
   border-radius: 100%;
   border: none !important;
   display: flex;
   justify-content: center;
   align-items: center;
}

.calllog-btn1 {
   background-color: rgba(247, 247, 247, 1) !important;
}

.calllog-btn2 {
   background-color: rgba(242, 76, 53, 0.1) !important;
}

.more-calllogs {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 19px 0;
   gap: 10px;
}

.more-calllogs p {
   color: rgba(66, 96, 203, 1);
   margin-bottom: 0;
   font-size: 18px;
   font-weight: 600;
   line-height: 27px;
}

.calllogs-table {
   overflow-x: auto;
}

.calllogs-table::-webkit-scrollbar {
   height: 5px;
}

.calllogs-table::-webkit-scrollbar-track {
   background: #dddddd;
   border-radius: 50px;
}

.calllogs-table::-webkit-scrollbar-thumb {
   background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 50px;
}

.sell-title {
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   color: rgba(34, 35, 40, 1);
   margin-bottom: 10px;
}

.sell-subtitle {
   font-size: 16px;
   font-weight: 400;
   line-height: 26px;
   color: rgba(126, 127, 135, 1);
   margin-bottom: 30px;
}

.sell-reque {
   color: rgba(34, 35, 40, 1);
   margin-bottom: 15px;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   position: relative;
   padding-left: 28px;
}

.sell-reque::after {
   content: "";
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   width: 12px;
   height: 12px;
   border-radius: 100%;
   position: absolute;
   top: 6px;
   left: 0;
}

.sell-reque::before {
   content: "";
   background-color: #fff;
   border-radius: 100%;
   width: 8px;
   height: 8px;
   position: absolute;
   top: 8px;
   left: 2px;
   z-index: 1;
}

.reque-border {
   border-right: 1px solid rgba(231, 231, 231, 1);
}

.vendor-form {
   max-width: 756px;
   margin: 0 auto 38px;
   padding: 36px 30px 30px;
   border: 1px solid rgba(231, 231, 231, 1);
   border-radius: 10px;
   position: relative;
}

.vendor-title {
   color: rgba(34, 35, 40, 1);
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   margin-bottom: 0;
   background-color: #fff;
   padding: 0 15px;
   position: absolute;
   top: -17px;
   left: 15px;
}

.vendor-form label {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: rgba(140, 148, 176, 1);
   margin-bottom: 10px;
}

.vendor-form .round-form-group {
   margin-bottom: 20px;
}

.vendor-form input:focus {
   box-shadow: unset;
   color: rgba(66, 96, 203, 1);
   border-color: rgba(66, 96, 203, 1);
}

.w9-form {
   flex-direction: column;
   background: rgba(249, 251, 253, 1);
   padding: 25px 83px;
   width: fit-content;
}

.w9-form img {
   width: 69px;
   height: 46px;
   border-radius: 0%;
}

.terms-box {
   border: 1px solid rgba(231, 231, 231, 1);
   border-radius: 10px;
   padding: 10px 8px 10px 20px;
}

.terms-scroll {
   max-height: 308px;
   overflow: auto;
   padding-right: 27px;
}

.terms-scroll p {
   color: rgba(140, 148, 176, 1);
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
}

.terms-scroll::-webkit-scrollbar {
   width: 5px;
}

.terms-scroll::-webkit-scrollbar-track {
   background: rgba(231, 231, 231, 1);
   border-radius: 50px;
}

.terms-scroll::-webkit-scrollbar-thumb {
   background: rgba(66, 96, 203, 1);
   border-radius: 50px;
}

.vendor-checkbox label {
   color: rgba(34, 35, 40, 1);
   margin-bottom: 0;
   margin-top: 3px;
}

.billaddress-checkbox {
   align-items: flex-start;
}

.numbers-billing .new-outline-btn {
   min-height: 50px;
   height: 50px;
}

.bill-title {
   color: rgba(34, 35, 40, 1);
   margin-bottom: 15px;
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
}

.numbers-balance {
   padding: 12px 10px 20px;
   border: 1px solid rgba(231, 231, 231, 1);
   border-radius: 6px;
}

.numbers-balance .header {
   box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.07);
   background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 6px;
   margin-bottom: 20px;
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   justify-content: space-between;
   align-items: center;
   padding: 15px 15px 12px;
}

.numbers-balance .header p {
   color: rgba(255, 255, 255, 1);
   font-size: 18px;
   font-weight: 600;
   line-height: 30px;
   margin-bottom: 0;
}

.ab-text {
   display: flex;
   gap: 10px;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   margin: 0 15px 10px;
}

.ab-text p {
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   color: rgba(34, 35, 40, 1);
   margin-bottom: 0;
}

.nc-btn {
   margin: 10px 15px 0;
   width: calc(100% - 30px);
   background-color: transparent !important;
   color: rgba(66, 96, 203, 1) !important;
}

.ab-text1 p:nth-child(1) {
   color: #8c94b0;
}

.ab-text1 p {
   font-weight: 500;
}

.ab-text3 p:nth-child(1) {
   color: #8c94b0;
   font-weight: 500px;
}

.ab-text3 p:nth-child(2) {
   color: #222328;
   font-weight: 400;
}

.numbers-method {
   border: 1px solid rgba(231, 231, 231, 1);
   padding: 15px;
   display: flex;
   flex-direction: column;
   height: 100%;
   border-radius: 10px;
}

.numbers-method .header {
   color: rgba(34, 35, 40, 1);
   font-size: 18px;
   font-weight: 600;
   line-height: 27px;
   margin-bottom: 15px;
   padding-bottom: 11px;
   border-bottom: 1px solid rgba(231, 231, 231, 1);
}

.numbers-card {
   position: relative;
   width: fit-content;
   margin: 0 auto 22px;
}

.numbers-card h5,
.numbers-card p {
   color: #fff;
   margin-bottom: 0;
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   position: absolute;
}

.numbers-card h5 {
   bottom: 14%;
   right: 7.3%;
}

.numbers-card p {
   bottom: 14%;
   left: 5.7%;
}

.billing-table thead th {
   font-weight: 500;
}

.numbers-blockbox {
   padding: 30px 30px 15px;
   border: 1px solid rgba(231, 231, 231, 1);
   border-radius: 6px;
}

.numbers-blockbox h5 {
   color: rgba(34, 35, 40, 1);
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   margin-bottom: 10px;
}

.numbers-blockbox .round-form-group {
   margin-bottom: 10px;
}

.numbers-blockbox .btn {
   width: 100%;
   padding: 10px 20px 11px;
   margin-bottom: 30px;
}

.numbers-blockbox .btn img {
   filter: brightness(5);
}

.numbers-accountcard {
   border: 1px solid rgba(231, 231, 231, 1);
   border-radius: 10px;
   padding: 20px;
   min-height: 236px;
   height: 100%;
   display: flex;
   flex-direction: column;
}

.numbers-accountcard h5 {
   color: rgba(34, 35, 40, 1);
   font-size: 18px;
   font-weight: 600;
   line-height: 27px;
   padding-bottom: 10px;
   margin-bottom: 18px;
   border-bottom: 1px solid rgba(231, 231, 231, 1);
}

.numbers-accountcard a {
   color: rgba(66, 96, 203, 1);
   text-decoration: none;
   font-size: 18px;
   margin-top: auto;
}

.numbers-accountcard h6 {
   color: rgba(34, 35, 40, 1);
   margin-bottom: 20px;
   font-size: 16px;
   font-weight: 400;
   line-height: 26px;
}

.numbers-accountcard p {
   color: rgba(140, 148, 176, 1);
   font-size: 16px;
   font-weight: 400;
   line-height: 26px;
}

.numbers-accountborder {
   opacity: 1;
   border-top: 1px solid rgba(231, 231, 231, 1);
   margin: 30px 0;
}

.closeaccount-btn {
   background-color: rgba(242, 76, 53, 0.05);
   border-color: rgba(242, 76, 53, 1);
   color: rgba(242, 76, 53, 1);
   min-height: 50px;
}

.closeaccount-btn:active,
.closeaccount-btn:focus,
.closeaccount-btn:hover {
   color: #fff !important;
   background-color: rgba(242, 76, 53, 1) !important;
   border-color: rgba(242, 76, 53, 1) !important;
}

.numbers-dropdownperent {
   position: relative;
}

.numbers-dropdown {
   position: absolute;
   background-color: rgba(255, 255, 255, 1);
   box-shadow: 0px 14px 100px 0px rgba(0, 0, 0, 0.1);
   padding: 20px;
   border-radius: 10px 0 10px 10px;
   display: flex;
   flex-direction: column;
   gap: 5px;
   min-width: 290px;
   top: 80px;
   right: 0;
   z-index: 20;
   visibility: hidden;
   transform: translateY(10px);
   transition: all 0.1s ease-in-out;
}

.numbers-dropdown a {
   color: rgba(34, 35, 40, 1);
   display: flex;
   gap: 10px;
   align-items: center;
   font-size: 20px;
   font-weight: 500;
   line-height: 28px;
   padding: 10px;
   text-decoration: none;
   border-radius: 8px;
}

.numbers-dropdown a.active,
.numbers-dropdown a:hover {
   color: #4260cb;
}

.numbers-dropdown a.active img,
.numbers-dropdown a:hover img {
   filter: invert(44%) sepia(39%) saturate(1092%) hue-rotate(199deg) brightness(77%) contrast(114%);
}

.numbers-dropdown.active {
   visibility: visible;
   transform: translateY(0px);
}

.entrie-alert {
   box-shadow: 0px 4px 54px 0px #ff7a0012;
   border-color: #ff7a00;
   background-color: #fff6ee;
}

#numbersrejectrequest .btn {
   width: calc(50% - 10px);
   padding: 12px 10px;
}

.numbers-myprofile,
.counter-offer-status,
div.offer-status {
   display: none;
}

.counter-offer-status thead th,
.offer-status thead th,
.offer-history thead th {
   font-weight: 500;
}

.counter-offer-status .offer-status,
.offer-status .offer-status,
span.offer-status {
   padding: 6px 15px 5px;
   border-radius: 50px;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   text-align: center;
   color: #f24c35;
   background-color: rgb(242, 76, 53, 0.1);
}

.counter-offer-status .offer-status.approved,
.offer-status .offer-status.approved,
.offer-status.approved {
   color: #46b87a;
   display: inline !important;
   background-color: rgb(70, 184, 122, 0.1);
}

.counter-offer-status .offer-status.countered,
.offer-status .offer-status.countered,
.offer-status.countered {
   color: #4260cb;
   display: inline !important;
   background-color: rgb(66, 96, 203, 0.1);
}

.numbers-myprofile .numbers-accountcard {
   height: fit-content;
   min-height: unset;
   margin-bottom: 20px;
}

.login-info {
   border: 1px solid #e7e7e7;
   border-radius: 10px;
   padding: 30px;
   height: 100%;
   margin-bottom: 20px;
}

.numbers-myprofile .title {
   border-bottom: 1px solid #e7e7e7;
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   color: #222328;
   padding-bottom: 10px;
   margin-bottom: 20px;
}

.login-info .round-form-group {
   margin-bottom: 20px;
}

.numbers-myprofile hr {
   border-top: 1px solid #e7e7e7;
   opacity: 1;
   margin: 30px 0;
}

.filteraccordion .accordion-button:not(.collapsed) {
   background-color: #fff;
   color: #8c94b0;
}

.filteraccordion .accordion-button {
   box-shadow: unset !important;
   padding: 20px 0 !important;
   border-top: 1px solid #e7e7e7;
}

.filteraccordion .accordion-button h3 {
   margin-bottom: 0;
}

.filteraccordion .accordion-button:not(.collapsed)::after {
   background-image: url(../images/icons/filter-tabshow.svg);
   transform: none;
}

.filteraccordion .accordion-button::after {
   background-image: url(../images/icons/filter-tabhide.svg);
   background-size: 35px;
   width: 35px;
   height: 35px;
   transform: none;
}

.filteraccordion .select-options-list {
   padding-right: 1px;
}

.filteraccordion .col-lg-12:last-child .select-options:last-child {
   margin-bottom: 0;
}

#shoppingCart.fade {
   transition: opacity 0.4s cubic-bezier(0.4, 0, 1, 1) !important;
   animation-duration: 3s !important;
}

.counter-offer-status,
.numbers-wishlist,
.numbers-paymethod,
.numbers-order {
   display: none;
}

.numbers-order p {
   margin-bottom: 0;
}

.numbers-order tbody td {
   padding: 14px 30px;
}

.more-add::after {
   content: unset !important;
}

.more-add a {
   width: fit-content;
   margin: auto;
   text-decoration: none;
}

.numbers-order th {
   font-weight: 500 !important;
}

.numbers-paymethod .payment-btn {
   padding: 6px 12px 6px;
   position: relative;
}

.numbers-paymethod .payment-btn:first-child::after {
   content: "";
   width: 1px;
   height: 25px;
   background-color: #ffffff;
   opacity: 0.5;
   position: absolute;
   right: -1px;
   top: 0;
   bottom: 0;
   margin: auto;
}

.addcard-box {
   border: 2px dashed #e7e7e7;
   background: #f9fbfd;
   min-height: 143px;
   margin: auto;
   height: 100%;
   max-width: 393px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   border-radius: 10px;
   gap: 10px;
   text-decoration: none;
}

.addcard-icon {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 63px;
   width: 63px;
   border-radius: 100%;
   background: rgb(140 148 176 / 10%);
}

.addcard-text {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 7px;
}

.addcard-text p {
   font-size: 20px;
   font-weight: 400;
   line-height: 30px;
   color: #4260cb;
   margin-bottom: 0;
}

.connectedSortable {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
}

.connectedSortable .ui-state-default {
   max-width: 31.79%;
   width: 100%;
   min-height: 253px;
   cursor: grab;
   border: unset;
   background-color: unset;
   color: unset;
   border-radius: 10px;
}

.ui-state-highlight {
   border: 2px dashed #e7e7e7 !important;
   background-color: #f9fbfd !important;
   max-width: 31.79%;
   width: 100%;
   border-radius: 10px;
   min-height: 253px;
}

.connectedSortable .ui-state-default:active {
   cursor: grabbing;
}

.wishlist-body.connectedSortable {
   width: 100%;
   min-height: 253px;
}

.vip-allpatterns {
   text-align: center;
   width: 100%;
   padding: 15px;
   border-top: 1px solid #e7e7e7;
}

.vip-allpatterns a {
   text-decoration: none;
   color: #4260cb;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   text-align: center;
}

.owl-carousel .new-number-card {
   height: unset;
}

.login-alerts .alert {
   z-index: 3;
}

/* Error 404 */

.error-bg {
   height: 100vh;
   width: 100vw;
   border-radius: 4px;
   background: var(--gradient-20, linear-gradient(95deg, #467efe 5.26%, #61cafd 100%));
   box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
}

.error-bg::after {
   content: "";
   position: absolute;
   inset: 0;
   background-image: url(../images/image/error-bg.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   z-index: 1;
}

.error-textimg {
   width: 100%;
   max-width: 734px;
   margin-bottom: -148px;
}

.error-title {
   font-size: 48px;
   font-weight: 700;
   line-height: 72px;
   letter-spacing: 0em;
   text-align: center;
   color: #ffffff;
   margin-bottom: 0;
}

.error-subtitle {
   color: #ffffff;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   letter-spacing: 0em;
   text-align: center;
   margin-bottom: 34px;
}

.error-btn {
   color: #ffffff;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   letter-spacing: 0em;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 12px;
   border: 1px solid #4260cb;
   background: #4260cb;
   border-radius: 30px;
   padding: 17px 36px 16px;
}

.error-btn:hover,
.error-btn:focus,
.error-btn:active {
   background: transparent;
   border-color: #fff !important;
   color: #fff !important;
}

.error-content {
   position: relative;
   z-index: 2;
   display: flex;
   margin-top: 100px;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.error-cartoon {
   position: absolute;
   left: 43%;
   top: -21%;
   margin: auto;
   max-width: 230px;
   animation: bouncecartoon 2s ease infinite;
}

@keyframes bouncecartoon {

   0%,
   20%,
   50%,
   80%,
   100% {
      transform: translateY(0);
   }

   40% {
      transform: translateY(-30px);
   }

   60% {
      transform: translateY(-15px);
   }
}

/* Shopping cart modal plan details css */

.plan-detials-html {
   max-height: 325px;
   overflow: auto;
}

.plan-detials-html::-webkit-scrollbar {
   width: 5px;
}

.plan-detials-html::-webkit-scrollbar-thumb {
   background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 50px;
}

.plan-detials-html::-webkit-scrollbar-track {
   background: #dddddd;
   border-radius: 50px;
}

/* New Two Pages */

.ntransfer-footer {
   padding: 156px 0 15px;
   background: url(../images/image/below-footer-bg.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.number-transfer .footer-content {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   justify-content: space-between;
   align-items: center;
   gap: 20px;
}

.number-transfer .footer-content p,
.number-transfer .footer-content a {
   text-decoration: none;
   color: #fff;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 0;
}

.number-transfer .footer-content a:hover {
   text-decoration: underline;
}

.number-transfer {
   display: flex;
   min-height: calc(100vh - 125px);
   flex-direction: column;
   position: relative;
   z-index: 2;
}

.multynumber-content {
   background-color: #fff;
   border-radius: 0 0 20px 20px;
   padding: 5px 20px 50px;
   text-align: center;
   max-width: 713px;
   margin: -5px auto 0;
}

.multynumber-box {
   margin: 30px auto 60px;
   flex-grow: 1;
   position: relative;
}

.multynumber-cartoon {
   position: absolute;
   top: 166px;
   right: calc(100% - 26px);
   animation: simple-move 2s 2s linear infinite alternate;
}

@keyframes simple-move {
   100% {
      transform: translate(60px, -60px);
   }
}

.multynumber-content h2 {
   color: #222328;
   font-size: 36px;
   font-weight: 700;
   line-height: 54px;
   margin: 15px 0 31px;
}

.multynumber-content h4 {
   color: rgba(66, 96, 203, 1);
   font-size: 42px;
   font-weight: 600;
   line-height: 63px;
   width: fit-content;
   margin: 0 auto 31px;
}

.multynumber-content h5 {
   color: #222328;
   font-size: 22px;
   font-weight: 600;
   line-height: 33px;
   margin-bottom: 10px;
}

.multynumber-content p {
   color: #4260cb;
   font-size: 18px;
   font-weight: 400;
   line-height: 27px;
   margin-bottom: 30px;
}

.multy-buttons {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   justify-content: center;
   align-items: center;
}

.multy-buttons .btn {
   flex-grow: 1;
   border-radius: 30px;
   border: 1px solid #4260cb;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   padding: 13px;
   text-align: center;
   max-width: 225px;
}

.multy-buttons .btn-outline:hover,
.multy-buttons .btn-outline:active,
.multy-buttons .btn-outline:focus,
.multy-buttons .btn-primary {
   color: #ffffff;
   background-color: #4260cb;
}

.multy-buttons .btn-primary:hover,
.multy-buttons .btn-primary:active,
.multy-buttons .btn-primary:focus,
.multy-buttons .btn-outline {
   color: #4260cb;
   background-color: #fff;
}

.multynumber-box2 .multynumber-content {
   padding: 50px;
   border-radius: 20px;
   max-width: 770px;
   margin: auto;
}

.multynumber-searchbox {
   border: 1px solid rgba(66, 96, 203, 0.2);
   padding: 9px 10px;
   border-radius: 51px;
   display: flex;
   align-items: center;
   margin: 30px 0;
   background: #fff;
}

.multynumber-searchbox input {
   color: #4260cb !important;
   border: 1px solid #E7E7E7;
   background-color: #F9FBFD !important;
   border-radius: 30px;
   padding: 14px 12px 12px 12px;
   text-align: center;
   flex-grow: 1;
   box-shadow: none !important;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
}

.customeinput-group .input-desh {
   position: relative;
   margin-right: 17px;
}

.input-desh:after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   right: -12px;
   margin: auto;
   height: 2px;
   border-radius: 4px;
   background-color: #8C94B0;
   width: 7px;
}

.ntransfer-multiplenumber1-btn.btn,
.multynumber-searchbox .btn {
   color: #ffffff !important;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
   padding: 14px 30px;
   background-color: #4260cb !important;
   border-radius: 30px;
   text-wrap: nowrap;
   border: none !important;
}

.multynumber-box2 .content {
   color: #8c94b0;
   margin: 0 auto;
   text-align: center;
   font-size: 16px;
   line-height: 24px;
   max-width: 463px;
}

.multynumber-options {
   display: flex;
   gap: 23px;
   margin-bottom: 30px;
}

.multynumber-options a {
   background: linear-gradient(95.35deg, rgb(70 126 254 / 10%) 5.26%, rgb(97 202 253 / 10%) 100%);
   padding: 20px 16px 20px 20px;
   border-radius: 10px;
   flex-grow: 1;
   text-decoration: none;
}

.multynumber-options .card {
   display: flex;
   align-items: flex-start;
   gap: 15px;
   background-color: transparent;
   flex-direction: row;
   border: none;
}

.multynumber-options p {
   color: #4260cb;
   max-width: 244px;
   font-size: 16px;
   text-align: left;
   font-weight: 600;
   line-height: 24px;
   margin-bottom: 0;
}

.multynumber-options img {
   max-width: 25px;
   width: 100%;
}

.ported-box .multynumber-content {
   padding-bottom: 38px;
}

.ported-numbers {
   background: linear-gradient(0deg, #F9FBFD, #F9FBFD), linear-gradient(0deg, #E7E7E7, #E7E7E7);
   border-radius: 30px;
   margin: 0 auto 20px;
   border: 1px solid rgba(231, 231, 231, 1);
   max-width: 435px;
   padding: 16px 15px 15px 30px;
}

.ported-scroll {
   max-height: 356px;
   overflow: auto;
   padding-right: 20px;
}

.ported-scroll::-webkit-scrollbar {
   width: 5px;
}

.ported-scroll::-webkit-scrollbar-track {
   background: rgb(34 35 40 / 10%);
   border-radius: 30px;
}

.ported-scroll::-webkit-scrollbar-thumb {
   background: #4260cb;
   border-radius: 30px;
}

.ported-scroll div {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 12px;
   margin-bottom: 10px;
}

.ported-scroll .btn {
   margin-left: auto;
   padding: 0;
   width: 40px;
   height: 40px;
   background-color: transparent !important;
   border: none !important;
   box-shadow: none !important;
}

.ported-scroll .btn img {
   width: 100%;
}

.ported-scroll p {
   font-size: 20px;
   font-weight: 600;
   line-height: 30px;
   color: rgba(66, 96, 203, 1);
   margin-bottom: 0;
}

.ported-box .multynumber-cartoon {
   top: 278px;
}

.notport-numbers {
   color: rgba(140, 148, 176, 1) !important;
   font-size: 22px !important;
   font-weight: 600 !important;
   line-height: 33px !important;
   text-align: center;
   margin: 0 auto 20px;
   max-width: 653px;
}

/* New Checkout Animation */

.new-checkmark {
   /* transition: none !important; */
}

.icon svg {
   display: block;
   height: 31px;
   width: 31px;
   color: #222328;
   margin-bottom: 4px;
}

.icon .circle {
   stroke-dasharray: 76;
   stroke-dashoffset: 76;
   -webkit-animation: draw 1s forwards;
   animation: draw 1s forwards;
   /* animation-delay: 1s; */
}

.icon .tick {
   stroke-dasharray: 18;
   stroke-dashoffset: 18;
   -webkit-animation: draw 1s forwards 1s;
   animation: draw 1s forwards 1s;
   /* animation-delay: 1.5s; */
}

@-webkit-keyframes draw {
   to {
      stroke-dashoffset: 0;
   }
}

@keyframes draw {
   to {
      stroke-dashoffset: 0;
   }
}

.newshoping-total {
   font-size: 18px;
   font-weight: 700;
   line-height: 27px;
   color: #222328;
   margin-bottom: 15px;
   text-align: center;
}

.show-hide-div {
   max-width: 424px;
   margin: 0 auto;
   width: 100%;
}

.newshoping-text {
   font-size: 18px;
   font-weight: 400;
   line-height: 27px;
   text-align: center;
   color: #7E7F87;
   margin-bottom: 10px;
}

.newshoping-subtext {
   color: #8C94B0;
   font-size: 14px;
   font-weight: 400;
   line-height: 21px;
   text-align: center;
   margin-bottom: 25px;
}

.shopingnumbers-list th p {
   font-size: 18px;
   padding-bottom: 15px;
   margin-bottom: 0;
   font-weight: 600;
   line-height: 27px;
   color: #222328;
   width: 190px;
}

.shopingnumbers-list th:nth-child(2) p {
   width: 224px;
}

.shopingnumbers-number {
   color: #222328;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
}

.shopingnumbers-price {
   display: flex;
   align-items: center;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: #222328;
   gap: 5px;
}

.shopingnumbers-price span {
   color: #7E7F87;
}

.shopingnumbers-reserved {
   display: flex;
   align-items: center;
   gap: 15px;
}

.shopingnumbers-reserved p {
   color: #F24C35;
   margin-bottom: 0;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   min-width: 70px;
}

.shopingnumbers-reserved .btn {
   font-size: 16px;
   text-align: center;
   font-weight: 500;
   line-height: 24px;
   color: #4260CB;
   background-color: rgb(66 96 203 / 10%);
   padding: 6px 21px 5px;
   border-radius: 50px;
}

.shopingnumbers-list {
   border-bottom: 1px solid rgba(231, 231, 231, 1);
   padding-bottom: 25px;
   max-height: 352px;
   overflow: auto;
}

.shopingnumbers-list::-webkit-scrollbar {
   width: 5px;
   height: 5px;
   border-radius: 50px;
}

.shopingnumbers-list::-webkit-scrollbar-track {
   background: rgba(231, 231, 231, 1);
   border-radius: 50px;
}

.shopingnumbers-list::-webkit-scrollbar-thumb {
   background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
   border-radius: 50px;
}

.round-select2.square-select2 {
   max-width: 184px;
   margin: 7px 0;
}

.square-select2.round-select .select2-container--default .select2-selection--single,
.square-select2.round-select2 .select2-container--default .select2-selection--single {
   padding: 11px 15px 10px;
   border: 1px solid rgba(231, 231, 231, 1) !important;
   border-radius: 5px !important;
}

.square-select2.round-select .select2-container--default .select2-selection--single .select2-selection__arrow b,
.square-select2.round-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
   border-color: rgba(66, 96, 203, 1) rgba(66, 96, 203, 1) transparent transparent;
   margin-top: 19px !important;
   border-width: 2px 2px 0 0px;
   inset: 0;
   rotate: 134deg;
   margin: auto;
   padding: 3px;
   background: #fff;
   width: fit-content;
   height: fit-content;
}

.square-select2.round-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.square-select2.round-select2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: transparent transparent rgba(66, 96, 203, 1) rgba(66, 96, 203, 1) !important;
   margin-top: 23px !important;
   border-width: 0 0 2px 2px !important;
}

.square-select2.round-select .select2-container--open .select2-dropdown--above,
.square-select2.round-select2 .select2-container--open .select2-dropdown--above,
.square-select2.round-select .select2-container--open .select2-dropdown--below,
.square-select2.round-select2 .select2-container--open .select2-dropdown--below {
   border-radius: 5px;
}

.large-modal {
   max-width: 1200px !important;
   width: 100%;
}

.ntransfer-multiplenumber1 {
   display: flex;
   flex-wrap: wrap;
   gap: 22px;
}

.ntransfer-multiplenumber-list {
   border: 1px solid rgba(231, 231, 231, 1);
   background: rgba(247, 247, 247, 1);
   width: 300px;
   padding: 15px;
   border-radius: 15px;
   height: fit-content;
}

.ntransfer-multiplenumber-list>div {
   height: 213px;
   overflow: auto;
   width: 100%;
}

.ntransfer-multiplenumber-list div::-webkit-scrollbar {
   width: 5px;
}

.ntransfer-multiplenumber-list div::-webkit-scrollbar-thumb {
   background: rgba(66, 96, 203, 1);
   border-radius: 30px;
}

.ntransfer-multiplenumber-list div::-webkit-scrollbar-track {
   background: rgba(231, 231, 231, 1);
   border-radius: 30px;
}

.multynumber-content h2.ntransfer-multiplenumber1-title {
   font-size: 28px;
   font-weight: 700;
   line-height: 42px;
}

.ntransfer-multiplenumber-list .d-flex {
   gap: 8px;
   margin-bottom: 7px;
}

.ntransfer-multiplenumber-list .d-flex img {
   width: 20px;
}

.ntransfer-multiplenumber-list p {
   color: rgba(66, 96, 203, 1);
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   text-align: left;
   padding: 2px 10px;
   box-shadow: 0px 5px 34px 0px rgba(0, 0, 0, 0.03);
   border-radius: 40px;
   background-color: #fff;
   border: 1px solid rgba(231, 231, 231, 1);
   width: fit-content;
   margin-bottom: 0px;
}

.ntransfer-multiplenumber1 .multynumber-options {
   flex-direction: column;
   height: fit-content;
}

.ntransfer-multiplenumber1-btn.btn {
   margin: 20px auto;
   padding: 8.5px 30px 8px;
}

.not-portabelnumber {
   display: flex;
   gap: 15px;
   justify-content: center;
   align-items: center;
   margin-bottom: 30px;
}

.not-portabelnumber h4 {
   color: rgba(140, 148, 176, 1);
   margin: 0;
}

.not-multynumber-cartoon.multynumber-cartoon {
   animation: simple-horizontal 2s 2s linear infinite alternate;
   top: unset;
   bottom: -63px;
   right: calc(100% - 56px);
}

@keyframes simple-horizontal {
   100% {
      transform: translate(30px, 0px);
   }
}

.portedbox2-parts {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
}

.portedbox2-part {
   width: calc(50% - 10px);
}

.portedbox2-rightpart p {
   color: #8C94B0;
}

.ported-box2 {
   max-width: 1027px;
   width: 100%;
}

.ported-box2 .multynumber-content {
   max-width: 1027px;
   width: 100%;
   margin-top: 77px;
   padding: 0 77px 50px 60px;
   border-radius: 20px;
}

.ported-box2 .ntransfer-boximg {
   margin-top: -77px;
}

.ported-box2 .multynumber-content h5 {
   text-align: start;
   margin-bottom: 0;
}

.ported-box2.ported-box .multynumber-cartoon {
   top: 192px;
   right: calc(100% - 42px);
}

.ported-box2 .btn-tool-tip {
   margin: 0;
   padding: 0;
}

.ported-box2 .btn-tool-tip::after {
   left: 11px;
   transform: translateY(-50%) rotate(-315deg);
   top: unset;
   bottom: 130%;
   width: 19px;
   height: 19px;
   border: none !important;
   rotate: -90deg;
}

.ported-box2 .btn-tool-tip::before {
   padding: 13px 15px;
   box-shadow: 0px 64px 140px 0px rgba(0, 0, 0, 0.25);
   border: none;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: rgba(34, 35, 40, 1);
   border-radius: 12px;
   left: -10px;
   bottom: 0%;
   top: unset;
   width: 266px;
   text-wrap: wrap;
   text-align: start;
}

.newshopingcard-modal.shopcart-modal .modal-dialog {
   max-width: 909px !important;
}

.shopcart-modal .modal-title {
   font-size: 28px;
}

.main-search:not(.instant-search) #code_no {
   max-width: 115px;
}

.main-search:not(.instant-search) #code_no .code-dropdown b,
.main-search:not(.instant-search) .state-select2-pere.choos-states b {
   left: unset;
   right: -2px;
}

.main-search:not(.instant-search) .state-select2-pere.choos-states {
   max-width: 209px;
}

.main-search:not(.instant-search) .ui-autocomplete-input {
   padding-left: 0;
}

.new-offermodal.numbers-modal .modal-dialog {
   max-width: 566px !important;
}

.new-offermodal .offer-price::before {
   content: none;
}

.new-offermodal .offer-price .offer-fields {
   padding-left: 22px;
}

.offer-originalprice h5 {
   text-align: center;
   width: 100%;
   border-bottom: 1px solid #E7E7E7;
   padding-bottom: 10px;
   margin-bottom: 15px;
   font-size: 28px;
   font-weight: 500;
   color: #8C94B0;
}

.offer-originalprice span {
   font-weight: 600;
   color: #4260CB;
}

.offer-text {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   text-align: center;
   color: #7E7F87;
   max-width: 560px;
   margin: 0 auto 20px;
}

.offer-title {
   margin-bottom: 10px;
   font-size: 18px;
   font-weight: 600;
   text-align: center;
   color: #222328;
}

.new-offermodal .offer-form {
   padding: 0 20px;
}

.new-offermodal .btn-blue {
   min-width: 273px;
   text-align: center;
}

textarea.offer-fields {
   border-radius: 26px !important;
}

.card-actions {
   display: flex;
   margin-left: auto;
   gap: 5px;
}

.lg-cardicon {
   display: none;
}

.col-12 .sm-cardicon,
.lg-card .sm-cardicon {
   display: none;
}

.col-12 .lg-cardicon,
.lg-card .lg-cardicon {
   display: flex;
}

.sm-cardicon {
   position: relative;
   height: fit-content;
}

.sm-cardactions {
   position: absolute;
   bottom: calc(100% + 5px);
   left: 50%;
   transform: translateX(-50%);
   margin: auto;
   box-shadow: 0px 34px 100px 0px #00000040;
   background-color: #fff;
   border-radius: 10px;
   padding: 5px 6px 8px;
   min-width: 211px;
   z-index: 1;
   display: none;
   transition: all .4s ease-in-out;
}

.sm-cardarrow {
   display: flex;
   gap: 5px;
   justify-content: center;
   position: relative;
}

.sm-cardarrow::after {
   content: '';
   width: 36px;
   height: 10px;
   position: absolute;
   top: calc(100% + 7px);
   right: 0;
   left: 0;
   margin: auto;
   border-style: solid;
   border-width: 12px 18px 0 18px;
   border-color: #fff transparent transparent transparent;
}

.sm-cardicon:hover .sm-cardactions {
   display: block;
   transition: all .4s ease-in-out;
}

.sm-cardactions .icon-btn .text {
   background: #fff;
   color: #4260CB;
   padding: 4px 5px;
   margin-top: 0 !important;
}

.sm-cardactions .icon-btn:hover .text {
   border-color: #4260CB;
   background: #4260CB;
   color: #fff;
}

.plan-text {
   margin-top: 0 !important;
   background: transparent !important;
   color: #8C94B0 !important;
}

.sm-cardicon .icon-btn:hover .icon {
   background-color: #FFF;
}

.contectagent-modal .img img {
   max-width: 48px;
   width: 100%;
}

.contectagent-modal .img img {
   max-width: 55px;
   width: 100%;
}

.contectagent-callprice img {
   margin-right: 8px;
}

.contectagent-callprice {
   padding: 0 0 20px;
   margin-bottom: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-bottom: 1px solid #E7E7E7;
}

.contectagent-modal .offer-text {
   margin-bottom: 30px;
}

.contectagent-callprice h5 {
   font-size: 22px;
   font-weight: 500;
   line-height: 36px;
   color: #8C94B0;
   padding: 7px 0 7px 30px;
   margin-bottom: 0;
   margin-left: 30px;
   border-left: 1px solid #E7E7E7;
}

.contectagent-callprice h5 span {
   color: #4260CB;
   font-size: 24px;
   font-weight: 600;
   line-height: 36px;
}

.paymentplan-modal .modal-dialog {
   max-width: 988px !important;
}

.paymentplan-modal .offer-text {
   font-size: 16px;
   font-weight: 500;
   line-height: 30px;
   text-align: center;
   max-width: 1069px;
   margin: 0 auto 18px;
   color: #222328;
}

.paymentplan-modal .offer-text a {
   text-decoration: none;
   color: #4260CB;
}

.paymentplan-modal .offer-text span {
   color: #4260CB;
   font-weight: 700;
}

.paymentplan-modal.shopcart-modal .modal-header {
   padding: 20px 30px 15px;
   border-bottom: 1px solid #E7E7E7;
   margin-bottom: 30px;
   position: relative;
}

.paymentplan-modal.shopcart-modal .modal-header h2 {
   color: #222328;
   font-size: 24px;
}

.paymentplan-modal .btn-blue {
   min-width: 240px;
   margin: 30px auto;
}

.paymentplan-modal .contectagent-callprice {
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: 10px;
}

.paymentplan-modal .contectagent-callprice img {
   max-width: 52px;
   width: 100%;
}

.paymentplan-modal .contectagent-callprice h3 {
   font-size: 28px;
   font-weight: 600;
   line-height: 54px;
   margin-bottom: 0;
}

.paymentplan-modal .btn-close {
   top: 43%;
}

.home-board {
   position: absolute;
   top: 86px;
   right: -17%;
   z-index: -1;
}

.transfer-number-block {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   position: absolute;
   top: 86px;
   right: 0%;
   z-index: -1;
   background-color: #fff;
   padding-top: 4px;
}

.transfer-number-block:before,
.transfer-number-block:after {
   content: "";
   display: block;
   position: absolute;
   inset: 0;
   z-index: -1;
   border: 1px solid #fff;
   border-radius: 50%;
}

.transfer-number-block:before {
   animation: ripple 2s linear infinite;
}

.transfer-number-block:after {
   animation: ripple 2s linear 1s infinite;
}

@keyframes ripple {
   0% {
      transform: scale(1.2);
      opacity: 1;
   }

   50% {
      transform: scale(1.5);
      opacity: 0.5;
   }

   100% {
      transform: scale(1.8);
      opacity: 0;
   }
}

.transfer-number-info {
   font-size: 12px;
   font-weight: 300;
   line-height: 18px;
   color: #222328;
   text-align: center;
   margin-bottom: 0;
}

.transfer-number-link {
   font-size: 12px;
   font-weight: 500;
   line-height: 18px;
   color: #4260CB;
   text-align: center;
   text-decoration: none;
}

.search-industry .search-btn {
   height: 52px;
   min-width: 147px;
}

.search-industry {
   display: flex;
   column-gap: 18px;
}

.search-industry div {
   max-width: 500px;
   margin-left: auto;
   margin-bottom: 20px;
}

.search-industry .filter-search .form-control {
   border: 1px solid #D8D7D7;
}

.multi-stage-btn,
.multi-code-btn {
   width: 50px;
   height: 50px;
   border-radius: 100%;
   padding: 15px;
   background: #4260CB;
   display: flex;
   justify-content: center;
   align-items: center;
   border: none !important;
}

/*.multi-code-btn {*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    border-radius: 100%;*/
/*    padding: 15px;*/
/*    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    border: none !important;*/
/*}*/
/* Add To Cart Animation CSS Start  */

.animation-active {
   position: relative;
}

.addtocart-process-animation {
   background: transparent;
   display: none;
   height: 45px;
   width: 45px;
}

.animation-active-btn .addtocart-icon {
   display: none;
}

.animation-active-btn .addtocart-process-animation {
   display: block;
}

@media (max-width: 575.98px) {
   .addtocart-process-animation {
      width: 160px;
   }
}

/* Add To Cart Animation CSS Ends */

.cross-icon {
   position: absolute;
   right: 28px;
   cursor: pointer;
}

.cross-icon-code {
   position: inherit;
   right: 51px;
   cursor: pointer;
   margin-left: -10px;
}

.cross-icon-phrase {
   position: absolute;
   right: 28px;
   cursor: pointer;
}

.billboard-section {
   position: relative;
   padding-top: 160px;
}

.billboard-img {
   max-width: 980px;
}

.billboard-wave {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: auto;
   max-height: 250px;
}

.billboard-content {
   padding-top: 40%;
   position: relative;
   z-index: 1;
}

.billboard-content h2 {
   font-size: 48px;
   font-weight: 700;
   line-height: 58px;
   color: #222328;
   margin-bottom: 18px;
}

.billboard-content p {
   color: #7E7F87;
   font-size: 17px;
   font-weight: 500;
   line-height: 26px;
   margin-bottom: 38px;
}

.billboard-content .btn {
   width: fit-content;
}

.bill-board-imgs {
   position: relative;
}

.billboard-rocket {
   position: absolute;
   left: 8%;
   top: 10%;
   width: 21%;
   /* animation: rocket-bounce 1.8s infinite; */
}

.billboard-call {
   position: absolute;
   width: 18%;
   aspect-ratio: 1 / 1;
   right: 13%;
   top: -2%;
   border: 7px solid #4260CB1A;
   background: #FFFFFF;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.billboard-call img {
   width: 57%;
   border-radius: 100%;
}

.billboard-content .search-btn {
   gap: 8px;
   height: 54px;
}

.billboard-arrow {
   position: absolute;
   bottom: 0;
   max-width: 230px;
}

/* @keyframes rocket-bounce {
0% {
transform: translate3d(0px, 0px, 0);
}
50% {
transform: translate3d(-24px, -54px, 0);
}
100% {
transform: translate3d(0px, 0px, 0);
}
} */

.number-title {
   color: #8C94B0;
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   margin-bottom: 24px;
}

.number-title span {
   color: #4260CB;
}

.hr-line {
   border-bottom: 1px solid #E7E7E7;
   margin: 24px 0;
}

/* Customer Review Slider */

.new-custome-section {
   padding: 61px 0 340px;
}

.customer-review-section {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.customer-review-section .customer-review-title {
   max-width: 590px;
}

.customer-review-section .customer-review-paragraph {
   font-size: 18px;
   font-weight: 500;
   color: var(--white);
}

.reviews-section .reviews-slider .revies-slide {
   justify-content: center;
}

.reviews-section .reviews-slider .new-review-text {
   font-size: 18px;
   font-weight: 400;
   line-height: 26px;
   color: var(--white);
   margin-bottom: 20px;
   width: 394px;
   display: -webkit-box;
   -webkit-line-clamp: 6;
   -webkit-box-orient: vertical;
   overflow: hidden;
   min-height: 156px;
}

.customer-rating-starts {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   margin: 6px 0;
}

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

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

input[type="search"]::-webkit-search-cancel-button {
   display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

input[type="number"] {
   appearance: textfield;
   -moz-appearance: textfield;
}

.marketplace-section {
   display: flex;
   gap: 42px;
   max-width: 1690px;
   margin: auto;
}

.marketplace-filter {
   max-width: 350px;
   width: 100%;
   border-radius: 14px;
   padding: 12px;
   height: fit-content;
   border: 1px solid #E7E7E7;
   /* box-shadow: 0px 0px 14px 0px #00000024; */
}

.mfiltet-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
}

.mfiltet-title h4 {
   color: #222328;
   font-weight: 600;
   font-size: 22px;
   margin: 0;
}

.mfiltet-title .btn {
   color: #ffffff;
   font-weight: 400;
   font-size: 16px;
   padding: 8px 14px;
   background: #4260cb;
   border-radius: 30px;
   border: none !important;
}

.mfiltet-title .btn:hover,
.mfiltet-title .btn:focus,
.mfiltet-title .btn:active {
   background: #233a8f;
   color: #fff;
}

.msearch {
   position: relative;
   height: fit-content;
}

.msearch .form-control {
   border-radius: 30px;
   background-color: #f7f7f7;
   border: 1px solid #f7f7f7;
   color: #4260cb;
   font-weight: 400;
   font-size: 17px;
   box-shadow: none;
   padding: 12.25px 44px 12.25px 22px;
}

.msearch .form-control:focus {
   border-color: #4260cb;
   background: #fff;
}

.msearch .form-control::placeholder {
   color: #7e7f87;
}

.msearch a {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 22px;
   width: 16px;
   height: 16px;
   margin: auto;
   display: flex;
   align-items: center;
   justify-content: center;
}

.msearch a:hover img {
   filter: brightness(0) saturate(100%) invert(37%) sepia(83%) saturate(806%) hue-rotate(198deg) brightness(82%) contrast(93%);
}

.msearch img {
   width: 100%;
}

.mlabel {
   margin: 0 0 6px 8px;
   color: #222328;
   font-weight: 500;
   font-size: 17px;
}

.mtext-input {
   border-radius: 30px;
   border: 1px solid #e7e7e7;
   padding: 12.25px 22px;
   font-weight: 400;
   font-size: 17px;
   color: #4260cb;
   box-shadow: none !important;
}

.mtext-input:focus {
   border-color: #4260cb;
   color: #4260cb;
}

.mtext-input::placeholder {
   color: #7e7f87;
}

.mmap-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 100%;
   background: #4260cb !important;
   width: 52px;
   height: 52px;
}

.mnum-search .form-control {
   background-color: #fff;
   border-color: #e7e7e7;
}

.mselect2 {
   width: 100%;
   position: relative;
}

.mselect2 .select2 {
   width: 100% !important;
}

.mselect2 .select2-container--default .select2-selection--single {
   border-radius: 30px !important;
   border: 1px solid #e7e7e7;
   padding: 11px 22px 11px 14px;
   height: unset;
}

.mselect2 .select2-container--open.select2-container--default .select2-selection--single {
   border-color: #4260cb;
}

.mselect2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
   border: none;
   width: 15px;
   background: url(../../images/marketplace/mdown-icon.svg);
   height: 8px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.mselect2 .select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow {
   rotate: 180deg;
   transform: translate(-8px, -2px);
}

.mselect2 .select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 8px !important;
   width: 15px !important;
   top: 0;
   bottom: 0;
   right: 26px;
   margin: auto;
   height: fit-content;
   width: fit-content;
   display: flex;
   align-items: center;
   justify-content: center;
}

.mselect2 .select2-container--default .select2-selection--single .select2-selection__placeholder {
   color: #7e7f87;
   font-size: 17px;
}

.mselect2 .select2-dropdown {
   border-radius: 30px !important;
   border: 1px solid #e7e7e7 !important;
   overflow: hidden;
}

.mselect2 .select2-container--open .select2-dropdown--above {
   transform: translateY(-4px);
}

.mselect2 .select2-container--open .select2-dropdown--below {
   transform: translateY(4px);
}

.mselect2 .select2-search--dropdown .select2-search__field {
   outline: none;
   border-radius: 30px !important;
   border: 1px solid #e7e7e7 !important;
   margin: 4px;
   padding: 12px;
   width: calc(100% - 8px);
   height: 42px;
}

.mselect2 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
   background-color: #4260cb;
}

.mselect2 .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
   width: 0px;
}

.mselect2 .select2-container--default .select2-selection--single .select2-selection__rendered {
   font-size: 17px;
   color: #4260cb;
}

.mselect2 .select2-results__option.select2-results__message {
   text-align: center;
}

.madditional-filter .form-group {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 6px;
}

.madditional-filter .form-group .mlabel {
   font-weight: 400;
   font-size: 16px;
}

.mfind-block {
   display: flex;
   padding: 0 32px;
   margin-bottom: 6px;
   justify-content: space-between;
}

.mfind-block .mlabel {
   color: #222328;
   font-weight: 400;
   font-size: 16px;
}

.mfind-block div {
   display: flex;
   align-items: center;
   gap: 6px;
}

.mfind-block div .btn {
   color: #4b4c4f;
   background: #e7e7e7;
   border: 1px solid #e7e7e7;
   width: 23px;
   height: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 6;
   font-weight: 400;
   padding: 4px 6px;
   font-size: 16px;
}

.mfind-block div input {
   width: 62px;
   text-align: center;
   border: 1px solid #e7e7e7;
   color: #222328;
   box-shadow: none !important;
}

.mfind-block div input:focus {
   border-color: #4260cb;
}

.mfind-block input[type="text"] {
   color: #4260cb;
   border: 1px solid #e7e7e7;
   height: 32px;
   text-align: center;
   padding: 4px 17px;
   width: 102px;
   box-shadow: none;
}

.mfind-block input[type="text"]::placeholder {
   color: #22232840;
}

.mfind-block input[type="text"]:focus {
   border-color: #4260cb;
}

.form-check-input:checked {
   background-color: #4260cb;
   border-color: #4260cb;
}

.form-check-input:focus {
   border-color: #4260cb;
}

.form-check-input:checked[type="checkbox"] {
   background-image: url(../../images/marketplace/mcheck-icon.svg);
   background-size: 80%;
   background-position: 55% 52%;
}

.maccordion .accordion-button {
   border: 1px solid #e7e7e7 !important;
   border-radius: 30px !important;
   color: #7e7f87 !important;
   padding: 12.25px 22px;
   font-weight: 400;
   font-size: 17px;
   background-color: #fff !important;
   box-shadow: none !important;
}

/* .accordion-button:not(.collapsed),
.maccordion .accordion-button:focus {
    border: 1px solid #4260cb !important;
    color: #7e7f87 !important;
} */

.maccordion .accordion-item {
   border: none !important;
}

.maccordion .accordion-collapse {
   margin-top: 6px;
   border: 1px solid #e7e7e7;
   border-radius: 18px !important;
   padding: 16px;
}

.maccordion .accordion-body {
   padding: 0;
}

.maccordion .accordion-button:not(.collapsed)::after,
.maccordion .accordion-button::after {
   width: 15px;
   background: url(../../images/marketplace/mdown-icon.svg);
   height: 8px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   transition: none;
}

.maccordion .madditional-filter .mlabel {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   margin-inline-end: 10px;
   /* opacity: 50%; */
   font-size: 16px;
}

.maccordion .form-group:has(.mcheckbox[type="checkbox"]:checked) .mlabel {
   color: #4260cb;
   opacity: 1;
}

.maccordion .mcheckbox {
   width: 24px;
   min-width: 24px;
   height: 24px;
}

/* .marketplace-numbers {
   width: 100%;
} */

.mdropdwon {
   width: fit-content;
}

.mdropdwon .dropdown-toggle {
   border: 1px solid #e7e7e7;
   border-radius: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 12px;
   color: #222328;
   font-weight: 400;
   font-size: 17px;
   padding: 12.25px 22px;
}

.mdropdwon .dropdown-toggle::after {
   content: unset;
}

.mdropdwon .dropdown-toggle img {
   width: 16px;
}

.mdropdwon .dropdown-menu {
   border: 1px solid #e7e7e7;
   border-radius: 18px;
   width: 100%;
   overflow: hidden;
}

.mdropdwon .dropdown-menu .dropdown-item {
   font-weight: 400;
   font-size: 16px;
   color: #222328;
}

.mdropdwon .dropdown-item.active,
.mdropdwon .dropdown-item:active {
   background-color: #4260cb;
   color: #fff;
}

.mnumbers-filter {
   display: flex;
   gap: 12px;
   align-items: center;
   justify-content: space-between;
}

.mnumbers-filter .mselect2 .select2 {
   width: 228px !important;
}

.mexclusive-twocard {
   display: flex;
   gap: 10px;
}

.mexclusive-card {
   background: url(../../images/marketplace/mexclusive-bg.png);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   border-radius: 16px;
   overflow: hidden;
   width: 100%;
   display: flex;
   align-items: center;
   padding: 18px 21px;
   gap: 24px;
   position: relative;
}

.mexclusive-card h4 {
   margin-bottom: 4px;
   font-weight: 700;
   font-size: 28px;
   color: #ffffff;
}

.mexclusive-card p {
   font-size: 14px;
   font-weight: 400;
   color: #fff;
}

.mexclusive-card .mlocation {
   display: flex;
   align-items: center;
   gap: 4px;
   color: #ffffff;
   font-weight: 400;
   font-size: 16px;
   margin-bottom: 24px;
}

.mexclusive-card .mlocation img {
   width: 20px;
   height: 20px;
}

.mexclusive-cartoon {
   max-width: 170px;
   max-height: 238px;
   width: 100%;
}

.mexclusive-card h5 {
   color: #fffd01;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 24px;
   margin-bottom: 6px;
}

.mexclusive-card .mprice {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-bottom: 6px;
}

.mexclusive-card .mprice span {
   color: #e7e7e7;
   font-weight: 400;
   font-size: 18px;
   position: relative;
}

.mcard-price .moffer-price:after,
.mexclusive-card .mprice span::after {
   content: "";
   position: absolute;
   display: block;
   rotate: 6deg;
   width: 100%;
   height: 1.5px;
   inset: 0;
   margin: auto;
   background-color: #e81818;
}

.mexclusive-card .mprice p {
   color: #ffffff;
   margin: 0;
   font-weight: 700;
   font-size: 22px;
}

.mbtn-grp {
   display: flex;
   align-items: center;
   gap: 24px;
}

.btn.btn-white {
   color: #4260cb;
   background: #ffffff;
   border: 1px solid #ffffff;
   border-radius: 30px;
   padding: 9px 22px;
   font-weight: 700;
   font-size: 14px;
   transition: all 0.4s ease-in-out;
   width: fit-content;
   text-wrap: nowrap;
}

.btn.btn-white:hover {
   color: #ffffff;
   background: #4260cb;
   border: 1px solid #4260cb;
}

.mexclusive-label {
   color: #000000 !important;
   text-align: center;
   background: #fffd01;
   font-weight: 500;
   font-size: 16px;
   padding: 1px;
   min-width: 165px;
   position: absolute;
   top: 17px;
   right: -42px;
   rotate: 35deg;
   margin: 0;
}

.mexclusive-license {
   display: flex;
   gap: 42px;
}

.mexclusive-license-text p {
   margin-bottom: 4px;
   font-weight: 400;
   font-size: 16px;
   color: #fff;
}

.mtoggle-btn {
   display: flex;
   padding: 4px;
   gap: 6px;
   border-radius: 30px;
   position: relative;
   background: #4260cb;
   width: fit-content;
}

.mtoggle-btn label {
   position: relative;
   z-index: 1;
   color: #ffffff;
   font-weight: 700;
   font-size: 14px;
   width: 109px;
   padding: 6px 12px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.mtoggle-bg {
   content: "";
   position: absolute;
   width: calc(50% - 7px);
   border-radius: 30px;
   background-color: #fff;
   height: calc(100% - 8px);
   top: 4px;
   left: calc(0% + 4px);
   transition: all 0.2s ease-in-out;
}

.mtoggle-btn input {
   display: none;
}

.mtoggle-btn .mtoggle-inone:checked~.mtoggle-bg {
   left: calc(0% + 4px);
}

.mtoggle-btn .mtoggle-intwo:checked~.mtoggle-bg {
   left: calc(50% + 4px);
}

.mtoggle-btn input:checked+label {
   color: #4260cb;
}

.mexclusive-btns {
   display: flex;
   gap: 24px;
}

.mlarge-card {
   background: url(../../images/marketplace/mlarge-card-bg.png);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   border-radius: 16px;
   overflow: hidden;
   width: 100%;
   display: flex;
   align-items: center;
   padding: 18px 60px;
   gap: 24px;
}

.mlarge-card-num {
   margin: auto;
   text-align: center;
}

.mlarge-card-num h3 {
   color: #ffffff;
   font-weight: 700;
   font-size: 32px;
   margin-bottom: 10px;
}

.mlarge-card-num p {
   font-size: 14px;
   font-weight: 400;
   color: #fff;
}

.mlarge-card-num .mlocation {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 4px;
   color: #ffffff;
   font-weight: 400;
   font-size: 14px;
}

.mlarge-card-price {
   text-align: center;
   width: fit-content;
}

.mlarge-card-price h5 {
   margin-bottom: 10px;
   font-weight: 700;
   font-size: 16px;
   color: #fffd01;
   text-transform: uppercase;
}

.mlarge-card-price .mprice {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 12px;
   margin-bottom: 10px;
}

.mlarge-card-price .mprice del {
   color: #e7e7e7;
   font-weight: 400;
   font-size: 18px;
}

.mlarge-card-price .mprice p {
   color: #ffffff;
   font-weight: 700;
   font-size: 22px;
   margin: 0;
}

.mlarge-cartoon {
   max-width: 170px;
   width: 100%;
}

.mpagination p {
   margin: 24px 0;
   color: #222328;
   font-weight: 400;
   font-size: 17px;
   text-align: center;
}

.mpagination-btn {
   width: 52px;
   height: 52px;
   border-radius: 100%;
   background: #f7f7f7;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #222328;
   font-weight: 500;
   font-size: 15px;
}

.mpagination-btns {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
}

.mpagination-btn.active {
   background: #4260cb;
   color: #fff;
}

.mpagination-btn:not(.active):hover {
   background: #4260cb1a;
   color: #4260cb;
}

.mpagination-btn:last-child,
.mpagination-btn:first-child {
   background: #4260cb1a;
}

.mpagination-btn:last-child {
   rotate: 180deg;
}

.marketplace-cards {
   /* display: flex; */
   /* flex-wrap: wrap; */
   /* gap: 16px; */
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 16px;
}

.mcard {
   border: 1px solid #e7e7e799;
   background: #fafafa;
   border-radius: 14px;
   padding: 28px 16px;
   /* max-width: 422px; */
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   gap: 12px;
   position: relative;
   overflow: hidden;
}

.mcard .mcard-num h4 {
   background: linear-gradient(93.23deg, #467efe 2.06%, #61cafd 100.14%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-bottom: 8px;
   font-weight: 700;
   font-size: 22px;
}

.mcard-price h5 {
   margin: 0;
   font-weight: 700;
   font-size: 20px;
   background: linear-gradient(93.23deg, #467efe 2.06%, #61cafd 100.14%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.mcard .mcard-price p {
   color: #9b9c9f;
   position: relative;
   width: fit-content;
   margin-top: -3px;
}

.mcard-head {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 8px;
   position: relative;
   z-index: 1;
}

.mhart-btn {
   width: 42px;
   height: 42px;
   border-radius: 100%;
   background: #4260cb1a !important;
   border: 1px solid #4260cb1a;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
}

.mhart-btn:hover {
   border-color: #4260cb !important;
}

.mhart-btn svg {
   width: 24px;
   height: 24px;
}

.mcard p {
   color: #222328cc;
   font-weight: 400;
   font-size: 14px;
   margin: 0;
}

.mcard-location {
   display: flex;
   align-items: center;
   gap: 4px;
}

.mcard-body {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
   position: relative;
   z-index: 1;
}

.mcard-btns {
   display: flex;
   gap: 16px;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 1;
}

.mbtn-blue {
   background-color: #4260cb;
   color: #ffffff;
   border: 1px solid #4260cb;
   font-weight: 500;
   font-size: 14px;
   padding: 9px 22px;
   border-radius: 30px;
   width: 50%;
   text-wrap: nowrap;
}

.mbtn-blue:hover {
   background-color: #ffffff !important;
   color: #4260cb !important;
   border: 1px solid #4260cb !important;
}

.mbtn-outline:hover {
   background-color: #4260cb !important;
   color: #ffffff !important;
   border: 1px solid #4260cb !important;
}

.mbtn-outline {
   /* background-color: #ffffff; */
   color: #4260cb;
   border: 1px solid #4260cb;
   font-weight: 500;
   font-size: 14px;
   padding: 9px 22px;
   border-radius: 30px;
   text-wrap: nowrap;
   width: 50%;
}

.mcard p.mlicense-only {
   color: #7e7f87;
   font-weight: 500;
   font-size: 16px;
   margin-top: 0;
}

.mcard-btns .mtoggle-btn {
   width: 50%;
}

.mcard-btns .mtoggle-btn label {
   width: 50%;
   font-weight: 500;
}

.mcard .mcard-exclusive {
   text-align: center;
   color: #ffffff;
   background: linear-gradient(180deg, #8cacff 0%, #4c8bff 100%);
   border-radius: 4px;
   font-weight: 500;
   font-size: 12px;
   position: absolute;
   padding: 3px 14px;
   top: 0;
   left: 0;
}

.mcard .mcart-bstart {
   padding: 0 8px;
   color: #ffff6c;
   font-weight: 600;
   width: 152px;
   height: 156px;
   font-size: 12px;
   text-transform: uppercase;
   background-image: url(../../images/marketplace/mblock-start-bg.png);
   background-position: top left;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   left: 0;
}

.mcard .mcart-bend p {
   padding: 0 8px;
   color: #ffff6c;
   font-weight: 600;
   font-size: 12px;
   text-transform: uppercase;
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 1;
}

.mcard .mcart-bend::before {
   content: "";
   position: absolute;
   bottom: 0;
   right: 0;
   background-image: url(../../images/marketplace/mblock-end-bg.png);
   background-position: bottom right;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   width: 152px;
   height: 156px;
   z-index: 0;
}


/* Header Hero Section */

.hero-section {
   min-height: 560px;
   background-image: url(../../images/image/hero-background-new-2.png) !important;
   background-position: center top !important;
   background-size: 100% auto !important;
   background-repeat: no-repeat !important;
   transition: all 0.3s ease-in-out;
}

.hero-section .searchnav-toggle {
   width: 2.75rem;
   height: 2.75rem;
   border-radius: 0.375rem;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   background-color: #fff;
}

.hero-section .right-dropdowns {
   display: flex;
   align-items: center;
   gap: 20px;
}

.hero-section .right-dropdowns a {
   display: inline-block;
   font-size: 18px;
   font-weight: 500;
   color: #fff;
   text-decoration: none;
}

.hero-section .right-dropdowns a img {
   margin: 0 10px;
}

.hero-section .hero-heading {
   margin: 0 auto;
   margin-bottom: 20px;
   font-size: 24px;
   font-weight: 700;
   color: #fff;
   line-height: 100%;
   width: fit-content;
}

.hero-section .help-text {
   font-size: 18px;
   font-weight: 500;
   color: #fff;
}

.hero-section .help-text span {
   position: relative;
   color: #4260cb;
   cursor: pointer;
}

.hero-section .help-text span img {
   position: absolute;
   top: 25%;
   left: 15%;
}

.hero-section .search-number {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   gap: 14px;
}

.hero-section .search-contents {
   padding: 15px;
   display: flex;
   align-items: center;
   gap: 10px;
   border-radius: 50px;
   background-color: #fff;
}

.hero-section .search-contents .form-control:focus,
.hero-section .search-contents .dropdown .btn:focus,
.hero-section .search-contents .form-control,
.hero-section .search-contents .dropdown .btn {
   padding: 16px;
   border-radius: 50px;
   background-color: #f7f7f7;
   font-size: 18px;
   font-weight: 500;
   color: #4260cb;
   border: 1px solid #e7e7e7;
}

.hero-section .search-contents .form-control {
   max-width: 195px;
}

.hero-section .search-contents .input-grp img {
   position: absolute;
   top: 35%;
   right: 10%;
}

.search-toggle-btn {
   display: flex;
   padding: 3px;
   gap: 6px;
   border-radius: 30px;
   position: relative;
   background: #4260cb;
   width: fit-content;
}

.search-toggle-btn label {
   position: relative;
   z-index: 1;
   color: #ffffff;
   font-weight: 500;
   font-size: 18px;
   padding: 9px 28px 9px 40px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.search-toggle-bg {
   content: "";
   position: absolute;
   width: calc(50% - 7px);
   border-radius: 30px;
   background-color: #fff;
   height: calc(100% - 6px);
   top: 3px;
   left: calc(0% + 4px);
   transition: all 0.2s ease-in-out;
}

.search-toggle-btn input {
   display: none;
}

.search-toggle-btn .mtoggle-inone:checked~.search-toggle-bg {
   left: calc(0% + 3px);
}

.search-toggle-btn .mtoggle-intwo:checked~.search-toggle-bg {
   left: calc(50% + 4px);
}

.search-toggle-btn input:checked+label {
   color: #4260cb !important;
}

/* Category */

.marketplace-cards-category {
   margin: 32px 0;
}

.marketplace-cards-category .card-category-grid {
   display: grid;
   gap: 16px;
   grid-template-columns: repeat(4, 1fr);
}

.marketplace-cards-category .category-heading {
   font-size: 22px;
   font-weight: 600;
   color: #4260CB;
}

.marketplace-cards-category .view-more-btn {
   display: inline-block;
   font-size: 11px;
   font-weight: 500;
   color: #fff;
   padding: 3px 16px;
   border-radius: 50px;
   text-decoration: none;
   background: linear-gradient(76deg, #467efe, #61cafd);
}

.marketplace-cards-category .category-title {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 22px;
   padding: 6px 16px;
   border-radius: 8px;
   margin-bottom: 16px;
   background: linear-gradient(76deg, #9fddff, #93b4ff);
}

.marketplace-cards-category .category-title .title-icon img {
   width: 50px;
   height: auto;
}

.marketplace-cards-category .category-title .title-content h3 {
   font-size: 22px;
   font-weight: 700;
   color: #4260cb;
}

.marketplace-cards-category .category-title .title-content h5 {
   font-size: 14px;
   font-weight: 400;
   color: #4260cb;
   margin-bottom: 0;
}

.marketplace-cards-category .card-slider::-webkit-scrollbar-button {
   display: none;
   height: 0;
   width: 0;
}

.marketplace-cards-category .card-slider::-webkit-scrollbar {
   margin-top: 12px;
   height: 5px;
   background-color: #D3DDEA;
   border-radius: 50px;
}

.marketplace-cards-category .card-slider::-webkit-scrollbar-thumb {
   background: linear-gradient(76deg, #467efe, #61cafd);
   border-radius: 50px;
}

.marketplace-cards-category .card-slider {
   max-width: 1290px;
   display: flex;
   overflow-x: scroll;
   gap: 16px;
   padding: 12px;
   padding-left: 0;
   margin-left: 12px;
}

.marketplace-cards-category .mcard {
   min-width: 308px;
   /* max-width: 308px; */
   width: 100%;
   height: 100%;
}

.marketplace-cards-category .mcard:hover {
   box-shadow: 0rem .875rem 5.25rem 0rem #00000026;
}

.show-all-result-card {
   min-width: 308px;
   max-width: 364px;
   background-color: #467efe;
   position: relative;
   padding: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 16px;
   overflow: hidden;
   height: 100%;
   border-radius: 14px;
   z-index: 1;
}

.show-all-result-card::after {
   content: '';
   position: absolute;
   width: 270px;
   height: 270px;
   right: -27%;
   top: -25px;
   z-index: -1;
   border-radius: 100%;
   background: linear-gradient(76deg, #4D8FFF, #4d8eff00);
}

.marketplace-cards-category .show-all-result-card h4 {
   font-size: 16px;
   font-weight: 700;
   color: #fff;
   text-align: center;
   margin-bottom: 12px;
}

.marketplace-cards-category .show-all-result-card h5 {
   font-size: 12px;
   font-weight: 400;
   color: #fff;
   text-align: center;
   margin-bottom: 12px;
}

.marketplace-cards-category .show-all-result-card a {
   display: inline-block;
   font-size: 12px;
   font-weight: 500;
   color: #FFF;
   text-decoration: none;
   animation: left-to-right 4s infinite 0s;
}

@keyframes left-to-right {
   0% {
      transform: translateX(-15px);
      opacity: 0;
   }

   25% {
      opacity: 1;
   }

   50% {
      opacity: 1;
   }

   75% {
      opacity: 1;
   }

   100% {
      transform: translateX(15px);
      opacity: 0;
   }
}

/* Card Slider CSS */

.numbers-card-slider-section {
   padding: 142px 0 40px 0;
   position: relative;
   background: linear-gradient(to right #edf2ff, #eff9ff);
}

.numbers-card-slider-section .heading-section {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 68px;
}

.numbers-card-slider-section .heading-content h2 {
   font-size: 42px;
   font-weight: 700;
   color: #222328;
   margin-bottom: 12px;
}

.numbers-card-slider-section .heading-content h2 span {
   background: linear-gradient(to right, #467efe, #4cc1fe);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.numbers-card-slider-section .heading-content p {
   font-size: 18px;
   font-weight: 500;
   color: #8c94b0;
}

.numbers-card-slider-section .circle {
   position: absolute;
   width: 370px;
   height: 370px;
   border-radius: 100%;
   opacity: 0.1;
   background: linear-gradient(180deg, #519efd00, #8fc1ff);
}

.numbers-card-slider-section .circle.circle-one {
   top: 7%;
   left: 3%;
   z-index: -1;
}

.numbers-card-slider-section .circle.circle-two {
   top: 23%;
   right: 2%;
   z-index: -1;
}

.find-number-btn {
   display: flex;
   align-items: center;
   gap: 12px;
   width: auto;
   font-size: 18px;
   font-weight: 500;
   line-height: 25px;
   letter-spacing: -0.114px;
   padding: 14px 24px;
}

.find-number-btn:hover svg path {
   fill: #4260cb;
}

.numbers-card-slider-section .circle.circle-two {
   top: 23%;
   right: 2%;
   z-index: -1;
}

.find-number-btn {
   display: flex;
   align-items: center;
   gap: 12px;
   width: auto;
   font-size: 18px;
   font-weight: 500;
   line-height: 25px;
   letter-spacing: -0.114px;
   padding: 14px 24px;
}

.find-number-btn:hover svg path {
   fill: #4260cb;
}


/* Slick Slider */

.slick-prev,
.slick-next {
   width: 64px;
   height: 64px;
   z-index: 999;
   border: 1px solid #4260cb;
   border-radius: 50%;
}

.slick-prev:before {
   position: absolute;
   content: "";
   top: 38%;
   left: 45%;
   width: 16px;
   height: 16px;
   border-left: 1px solid #4260cb;
   border-bottom: 1px solid #4260cb;
   transform: rotate(45deg);
}

.slick-next::before {
   position: absolute;
   content: "";
   top: 38%;
   right: 40%;
   width: 16px;
   height: 16px;
   border-right: 1px solid #4260cb;
   border-top: 1px solid #4260cb;
   transform: rotate(45deg);
}

.slick-prev:before,
.slick-next:before {
   color: #4260cb;
}

.slick-prev {
   top: 93%;
   left: -68px;
}

.slick-next {
   top: 93%;
   right: -68px;
}

.slider-wrapper {
   max-width: 1200px;
   margin: 0 auto 60px;
}

.phone-card.active-card {
   background: linear-gradient(to right, #467efe, #4cc1fe);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.slick-center {
   border: 2px solid #000 !important;
}



.hero-section .search-contents .form-control#state-dropdown {
   width: 100%;
   height: 60px;
   max-width: 230px !important;
   padding-right: 48px !important;
}

.hero-section .search-contents .form-control#code-dropdown {
   width: 129px;
   height: 60px !important;
   padding-right: 48px !important;
}



/* Dropdown CSS */

.dropdown-component.input-dropdown {
   position: relative;
   position: relative;
}

.dropdown-component.input-dropdown ul {
   top: 46px;
   left: 3px;
   max-height: 200px;
   overflow: auto;
   border: 1px solid #e7e7e7 !important;
   padding: 10px 10px;
   border-radius: 17px;
   width: 100%;
}

.choos-states .dropdown-component.input-dropdown ul {
   width: 100%;
}

.choos-code .dropdown-component.input-dropdown ul {
   width: 130px;
}

.dropdown-component.input-dropdown ul::-webkit-scrollbar {
   width: 10px;
   width: 10px;
}

.dropdown-component.input-dropdown ul::-webkit-scrollbar-track {
   border-radius: 10px;
   background: #dddddd;
   border-radius: 10px;
   background: #dddddd;
}

.dropdown-component.input-dropdown ul::-webkit-scrollbar-thumb {
   background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 10px;
   border-radius: 50px;
   background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
   border-radius: 10px;
   border-radius: 50px;
}

.dropdown-component.input-dropdown ul li div:hover {
   background: #5897fb;
   color: #fff;
   border-radius: 10px;
   background: #5897fb;
   color: #fff;
   border-radius: 10px;
}

.dropdown-component.input-dropdown ul li div {
   padding: 5px 10px;
   font-size: 16px;
   border-radius: 6px;
   font-weight: 400;
   font-family: "Poppins", sans-serif;
   text-align: left;
   text-wrap: auto;

}

.dropdown-component.input-dropdown b {
   border-style: solid;
   height: 0;
   left: 88%;
   /* margin-left: 5rem; */
   margin-top: -2px;
   position: absolute;
   top: 50%;
   width: 0;
   border-color: #7e7f87 transparent transparent transparent !important;
   border-width: 6px 6px 0 6px !important;
}

.dropdown-component.input-dropdown {
   position: relative;
   display: inline-block;
   width: 100%;
}

/* Dropdown list styles */
.dropdown-component .dropdown-list {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 999;
   background-color: white;
   border: 1px solid #e0e0e0;
   border-radius: 8px;
   width: 100%;
   max-height: 200px;
   overflow-y: auto;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   margin-top: 5px;
   padding: 5px 0;
}

/* Custom scrollbar */
.dropdown-component .dropdown-list::-webkit-scrollbar {
   width: 8px;
}

.dropdown-component .dropdown-list::-webkit-scrollbar-track {
   background: #f0f0f0;
   border-radius: 10px;
}

.dropdown-component .dropdown-list::-webkit-scrollbar-thumb {
   background: linear-gradient(260deg, #467efe, #61cafd);
   border-radius: 10px;
}

/* Dropdown items */
.dropdown-component .dropdown-item {
   padding: 8px 12px;
   font-size: 14px;
   cursor: pointer;
   font-family: "Poppins", sans-serif;
}

.dropdown-component .dropdown-item:hover {
   background-color: #5897fb;
   color: #fff;
   border-radius: 5px;
}

.dropdown-component .close-icon {
   position: absolute;
   right: 30px;
   top: 50%;
   transform: translateY(-50%);
   font-size: 18px;
   color: #999;
   cursor: pointer;
   z-index: 10;
   user-select: none;
}

.state-select2-pere .dropdown-component .close-icon {
   right: 32px;
}

.dropdown-component .close-icon:hover {
   color: #ff5a5f;
}

.hero-section .search-contents .form-contol {
   max-width: 195px;
}

.hero-container .search-contents .number-search {
   padding: 16px;
   border-radius: 50px;
   background-color: #f7f7f7;
   font-size: 18px;
   font-weight: 500;
   color: #4260cb;
   border: 1px solid #e7e7e7;
   height: 60px;
   padding-right: 35px !important;
}

.hero-container .search-contents .input-grp span {
   font-size: 24px;
   position: absolute;
   top: 24%;
   right: 9%;
   cursor: pointer;
   font-weight: 200;
   color: #4260cb;
}

.input-grp input {
   outline: 0;
   padding: 16px;
   border-radius: 50px;
   font-size: 18px;
   font-weight: 500;
   color: #8c94b0;
   background-color: #f7f7f7 !important;
}

/* Loader */
.marketplace-section {
   position: relative;
}

.loader-main {
   position: relative;
}

.loader-main {
   position: absolute;
   width: calc(100% - 392px) !important;
   left: revert !important;
   height: 100%;
   inset: 0;
}

.decorder-generated .loader-main {
   width: 100% !important;
}

.loader img {
   width: 100px;
}

.loader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(255, 255, 255, 0.8);
   z-index: 1023;
   display: grid;
   align-items: center;
   justify-content: center;
}

.loader img {
   filter: invert(60%) sepia(78%) saturate(864%) hue-rotate(197deg) brightness(85%) contrast(89%);
}

.checkout-btns .clear-cart-btn {
   color: #fff;
   background-color: #bb2d3b;
   border: 0.0625rem solid #bb2d3b;
   border-radius: 1.875rem;
   height: 3.4375rem;
   font-size: 1.125rem;
   font-weight: 500;
   line-height: 1.6875rem;
   min-width: 8.75rem;
   display: inline;
   align-items: center;
   margin-left: 0 !important;
   justify-content: center;
   text-decoration: none;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.625rem;
   margin-left: 0.9375rem;
   cursor: pointer;
}

/* Card List Filter */

.mnumbers-filter .card-list-section {
   display: flex;
   align-items: center;
   gap: 12px;
}

.mnumbers-filter .card-list-section .card-list-change-view {
   display: flex;
   align-items: center;
}

.mnumbers-filter .card-list-section .card-list-change-view label {
   border: 1px solid #E7E7E7;
   cursor: pointer;
   transition: all 0.3s ease-in-out;
}

.mnumbers-filter .card-list-section .card-list-change-view label.card-view-label {
   padding: 12px 12px 12px 20px;
   border-radius: 100px 0 0 100px;
}

.mnumbers-filter .card-list-section .card-list-change-view label.list-view-label {
   padding: 12px 20px 12px 12px;
   border-radius: 0 100px 100px 0;
}

.mnumbers-filter .card-list-section .card-list-change-view input[type="radio"]:checked+svg rect {
   fill: #4260CB;
}

.marketplace-cards.mlist {
   grid-template-columns: 1fr;
}

.marketplace-cards.mlist .mcard {
   min-height: auto;
   height: 100%;
}

.marketplace-cards.mlist .mcard .mcard-btns {
   justify-content: end;
}

.marketplace-cards.mlist .mcard .mcard-btns .btn {
   min-width: 132.5px;
   width: auto;
}

.marketplace-cards.mlist .mcard .mcard-body .mcard-location-container {
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   flex-direction: column;
   padding-left: 40%;
}

.marketplace-cards.mlist .mcard .mcard-head {
   justify-content: end;
}

.marketplace-cards.mlist .mcard .mcard-head .mcard-num {
   position: absolute;
   top: 75%;
   left: 0;
}

.marketplace-cards.mlist .mcard .mcard-head .mcard-num.single-line {
   position: absolute;
   top: 125% !important;
   left: 0;
}

.marketplace-cards.mlist .mcard .mcard-head .mcard-num h4 {
   font-size: 26px;
}

.marketplace-cards.mlist .mcard .mcard-head .mcard-num p {
   font-size: 16px;
   font-weight: 500;
   color: #222328CC;
}

.marketplace-cards.mlist .mcard .mcard-body .mcard-price {
   display: flex;
   align-items: center;
   justify-content: end;
   gap: 12px;
   flex-direction: row-reverse;
}

.marketplace-cards.mlist .mcard .mcard-body .mcard-price p {
   margin: 0;
}

.marketplace-cards.mlist .mcard .mcard-btns .mtoggle-btn label {
   width: 132px;
}

.marketplace-cards.mlist .mcard .mcard-btns {
   width: auto;
}

.marketplace-cards.mlist .mcard .mcard-btns .mtoggle-btn {
   width: fit-content;
}

.add-to-cart-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 12px;
}

.madditional-filter.pricerange_filter.mradio-section .form-check.active {
   background-color: #4260cb !important;
}