@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

*,
a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
img,
li,
p,
ul {
    margin: 0;
    padding: 0
}

.dropdown-item,
.dropdown-menu {
    color: #212121;
    transition: .2s linear
}

.dropdown-item,
.dropdown-menu,
.indexes li {
    transition: .2s linear
}

.tabs,
li,
ul {
    list-style: none
}

.accordion button:focus,
.accordion button:hover,
.question-section .accordion button,
a {
    text-decoration: none
}

.over-hide,
.scroll-wrapper {
    overflow: hidden
}

.btn-primary {
    background-color: #39515b !important
}

.about-section a {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 35px;
    padding: 20px 50px;
    margin: 0
}

html {
    scroll-behavior: smooth;
    font-family: Poppins, sans-serif;
    font-display: swap
}

body {
    font-family: Poppins, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px
}

a {
    outline: 0;
    display: inline-block;
}

a:hover {
    text-decoration: none !important;
    outline: 0 !important
}

a:focus {
    box-shadow: none !important
}

img {
    border: none
}

button:focus,
button:hover,
input:focus,
input:hover {
    outline: 0 !important;
    box-shadow: none !important
}

.section {
    position: relative;
    width: 100%;
    display: block
}

.full-height {
    height: 100vh
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: 40px;
    transform: translateY(-50%);
    z-index: 20
}

.dropdown-menu {
    padding: 10px !important;
    margin: 0;
    font-size: 13px;
    letter-spacing: 1px;
    background-color: #fcfaff;
    border: none;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, .15)
}

#footer-section .row>div:nth-child(2)>div>div:nth-child(2)>div>ul>li:nth-child(3),
.color-label input[type=radio],
.dropdown-toggle:after,
.mob_btn,
.our-deals-section .main-box .owl-dots,
.partner-section .owl-dots,
.prdct_desc .card-body p:nth-child(3),
.prdct_desc .card-body p:nth-child(4),
.product-section .detail-part .product-box .owl-theme .owl-dots,
.storage-card input[type=radio],
.top-para {
    display: none
}

.dropdown-item {
    padding: 3px 15px;
    border-radius: 2px
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff !important;
    background-color: rgb(3 169 244 / 17%) !important
}

.cloud-voice-price-plan .slick-slide.slick-current>div .item .box h3::after,
.cloud-voice-price-plan .slick-slide.slick-current>div .item .box h3::before,
.dropdown-content a:hover {
    color: #fff !important
}

.indexes,
.tabs {
    list-style-type: none
}

.aritel-logo {
    width: 180px !important;
    cursor: pointer;
    padding-left: 10px;
}

.indexes li {
    cursor: pointer;
    background: #2940a4;
    border-radius: 50px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .02em;
    padding: 8px 30px;
    margin: 0
}

.banner-section .text-block h1,
.tab-content h1 {
    font-weight: 700;
    line-height: 39px;
    letter-spacing: .17412357032299042px;
    text-align: left
}

.indexes li.active {
    background-color: #121b44
}

.tabs {
    position: relative;
    margin: 0
}

.tab {
    width: 100%;
    position: absolute;
    display: flex;
    opacity: 1
}

.tab-content {
    position: relative;
    width: 50%;
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    opacity: 1;
    border-radius: 25px;
    border: 2px solid #5882C17D;
    background: linear-gradient(135.59deg, rgba(88, 130, 193, .49) 1.28%, rgba(88, 130, 193, .11) 96.26%), linear-gradient(0deg, rgba(88, 130, 193, .28), rgba(88, 130, 193, .28));
    padding: 25px;
    margin: 0;
    min-height: 440px;
    text-align: left
}

.tab-content h1 {
    font-size: 28px;
    color: #fff;
    padding: 0;
    margin: 0
}

.tab-content p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
    padding: 0;
    margin: 0
}

.banner-section .text-block a.how-it-work,
.banner-section .text-block a.started,
.tab-content a {
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    line-height: 19px;
    font-size: 15px
}

.tab-content a {
    width: 170px;
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important;
    border-radius: 12px;
    letter-spacing: .02em;
    color: #fff;
    padding: 15px 20px;
    margin: 0;
    transition: .4s ease-in-out
}

.LoginForm .btn-login:hover,
.about-banner .text-block a.started:hover,
.cta_btn a:hover,
.full-fibre-banner .text-block a:hover,
.lease-line-banner .text-block a:hover,
.registerForm .btn-signup:hover,
.send-out-section a:hover,
.sim-broadband-banner .text-block a:hover,
.tab-content a:hover {
    background: #fff !important;
    color: rgb(11 202 249) !important
}

@keyframes content {
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.banner-section .tabs .tab .tab-image {
    position: absolute;
    width: 40% !important;
    right: 0;
    bottom: 0
}

.banner-section .tabs .tab .superfast-image {
    bottom: -18%;
    width: 39% !important;
    padding: 0
}

.banner-section .tabs .tab .call-image {
    bottom: -28.6%;
    width: 36% !important;
    padding: 0
}

.banner-section .tabs .tab .broadband-image {
    bottom: -29%;
    width: 50% !important;
    padding: 0
}

.tab-image {
    position: static;
    opacity: 1;
    padding: 0
}

.tab-image:after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--overlay);
    mix-blend-mode: multiply
}

.tab-image img {
    width: 100%;
    object-fit: cover
}

.broadband-card .section-title {
    margin: 0 0 15px
}

.banner-section {
    position: relative;
    min-height: 640px;
    background: url(../images/banner-background.webp) center/cover no-repeat;
    padding: 100px 0 0
}

.banner-section .text-block {
    display: inline-block;
    width: 40%;
    border-radius: 25px;
    border: 2px solid #5882C17D;
    background: rgb(69 52 157 / 20%) !important;
    padding: 70px 25px;
    margin: 0;
    text-align: left !important
}

.banner-section .text-block h1 {
    font-size: 32px;
    color: #fff;
    padding: 0 0 15px;
    margin: 0
}

.banner-section .text-block p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    padding: 0 0 15px;
    margin: 0;
    text-align: left
}

.contact_head h2,
.our-deals-section h2,
.partner-section .bottom-part h2 {
    padding: 0 0 20px;
    font-weight: 700;
    color: #b890d4;
    position: relative;
    letter-spacing: .02em;
    line-height: 42px
}

.banner-section .text-block a.started {
    background: #f48c06;
    border-radius: 12px;
    letter-spacing: .02em;
    color: #fff;
    padding: 16px 30px;
    margin: 0
}

.banner-section .text-block a.how-it-work {
    letter-spacing: .02em;
    color: #fff;
    padding: 16px 30px 15px 15px;
    margin: 0
}

.advance-section .text-part a.how-it-work .fa,
.banner-section .text-block a.how-it-work .fa {
    font-size: 15px;
    line-height: 17px;
    color: #5752da;
    height: 35px;
    width: 35px;
    background-color: #fff;
    border-radius: 50%;
    padding: 10px 0 0 13px;
    margin: 0 8px 0 0
}

.banner-section .banner-image {
    float: inherit;
    width: 100%;
    margin: 0;
    padding: 0
}

.banner-section .banner-image img {
    width: 100%;
    height: 310px;
    object-fit: contain
}

.banner-section .banner-image.high-banner img {
    width: 100%;
    height: 355px;
    object-fit: contain
}

.partner-section {
    z-index: 999;
    padding: 0;
    margin: 0
}

.partner-section .bottom-part {
    padding: 60px 0 25px;
    margin: 0
}

.partner-section .bottom-part h2 {
    text-align: center;
    font-size: 40px;
    margin: 0 0 40px
}

.about-section .text-center h2:after,
.benefit-section .customiz-part .top-text h2:after,
.blog-section h2:after,
.checkout_head h2::before,
.contact-section .top-text h2:after,
.contact_head h2::after,
.inner-page h2::after,
.our-deals-section h2:after,
.partner-section .bottom-part h2:after,
.question-section h2::after,
.sim-only-benefits h2::after,
.testimonial-section h2::after,
.top-text h2::after,
.why-choose-us-section h2:after {
    content: "";
    position: absolute;
    width: 85px;
    height: 4px;
    background-color: #b890d4;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto
}

.partner-section .item {
    padding: 0 55px
}

.our-deals-section {
    padding: 0 0 60px;
    margin: 0
}

.contact_head h2,
.our-deals-section h2 {
    text-align: center;
    font-size: 39px;
    margin: 0 0 50px
}

.our-deals-section .main-box {
    width: 100%;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0 auto
}

.our-deals-section .main-box .box {
    float: left;
    border: 1px solid #fafafa;
    border-radius: 2px, 0;
    padding: 2px;
    margin: 0
}

.our-deals-section .main-box .box .product-block {
    position: relative;
    display: inline-block;
    width: 49%;
    padding: 0 15px 0 0;
    margin: 0
}

.our-deals-section .main-box .box .product-block .shop-part {
    position: absolute;
    bottom: 18px;
    padding: 0;
    margin: 0 auto
}

.our-deals-section .main-box .box .product-block .shop-part ul li {
    float: left;
    padding: 0 0 0 10px;
    margin: 0
}

.our-deals-section .main-box .box .product-block .shop-part ul li a {
    height: 35px;
    width: 35px;
    background: #fff;
    border-radius: 50%;
    color: #000;
    display: inline-block;
    padding: 9px 0 0 9px;
    margin: 0
}

.about-section .main-block .text-part,
.advance-section .text-part,
.benefit-section .feature-part .block,
.blog-section .box .text-block,
.blog-section .box .text-block .bottom-part,
.contact-section .image-part,
.contact-section .map-part,
.contact-section .map-part .map,
.contact-section .map-part .top-part,
.make-you-section .image-block,
.map-section .map-block,
.our-deals-section .main-box .box .product-block .shop-part ul li a .fa,
.product-section .detail-part,
.product-section .detail-part .content-part .stor-block ul,
.product-section .detail-part .popup-block .form-part,
.product-section .feature-part,
.product-section .main-box .google-pexel-deals .item .box .text-block .stor-block ul,
.product-section .main-box .samsung-deals .item .box .text-block .stor-block ul,
.question-section .demo .accordion .card .card-header h3 .btn,
.solution-section .content,
.solution-section .post-block .image-part {
    padding: 0;
    margin: 0
}

.our-deals-section .main-box .box .product-block .shop-part ul li a:hover {
    background: #23a6f0
}

.our-deals-section .main-box .box .product-block .shop-part ul li a:hover .fa {
    color: #fff;
    background: #23a6f0
}

.our-deals-section .main-box .box .text-block {
    float: right;
    width: 49%;
    padding: 65px 30px 0 0;
    margin: 0
}

.our-deals-section .main-box .box .text-block h3 {
    font-size: 16px;
    line-height: 18px;
    color: #252b42;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 0 0 15px;
    margin: 0
}

.our-deals-section .main-box .box .text-block p {
    font-size: 14px;
    line-height: 20px;
    color: #737373;
    font-weight: 400;
    padding: 0 0 10px;
    margin: 0
}

.our-deals-section .main-box .box .text-block h4 {
    font-size: 16px;
    line-height: 18px;
    color: #6c63ff;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 0 0 15px;
    margin: 0
}

.our-deals-section .main-box .box .text-block a {
    display: inline-block;
    border-radius: 50px;
    letter-spacing: .03em;
    border: 1px solid #23a6f0;
    font-size: 14px;
    line-height: 16px;
    color: #23a6f0;
    font-weight: 700;
    padding: 10px 20px;
    margin: 0
}

.our-deals-section .main-box .box .text-block a:hover {
    border-color: #6c63ff;
    color: #6c63ff
}

.benefit-section .feature-part .block .text-block,
.our-deals-section .main-box .owl-nav,
.product-section .detail-part .product-box .owl-theme,
.product-section .feature-part .block .text-block .form-block,
.testimonial-section .bottom-part {
    padding: 35px 0 0;
    margin: 0
}

.why-choose-us-section {
    background: #f1f6ff;
    padding: 60px 0;
    margin: 0
}

.why-choose-us-section h2 {
    text-align: center;
    font-size: 40px;
    line-height: 42px;
    text-transform: capitalize;
    color: #b890d4;
    padding: 0 0 25px;
    margin: 0 0 40px;
    position: relative;
    font-weight: 700;
    letter-spacing: .02em
}

.map-section,
.why-choose-us-section .main-block {
    padding: 0 0 65px;
    margin: 0
}

.why-choose-us-section .main-block .image-part {
    width: 50%;
    display: inline-block;
    padding: 0 40px 0 0;
    margin: 0
}

.why-choose-us-section .row .image-part {
    padding-right: 40px
}

.why-choose-us-section .row:nth-child(4) .image-part {
    padding-left: 40px
}

.why-choose-us-section .main-block .image-part img {
    width: 100%;
    height: 400px;
    object-fit: cover
}

.why-choose-us-section .main-block .text-part {
    width: 40%;
    float: right;
    padding: 30px 0 0;
    margin: 0
}

.why-choose-us-section .main-block .text-part h3 {
    font-size: 48px;
    line-height: 60px;
    color: #000;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 0 0 35px;
    margin: 0
}

.why-choose-us-section .main-block .text-part p {
    font-size: 16px;
    line-height: 28px;
    color: #000;
    padding: 0 0 35px;
    letter-spacing: .03em;
    margin: 0
}

.advance-section .text-part a.how-it-work,
.advance-section .text-part a.started {
    font-size: 21px;
    line-height: 23px;
    color: #fff;
    padding: 16px 30px;
    display: inline-block;
    text-transform: capitalize
}

.styled-heading {
    margin-bottom: 15px
}

#footer-section .top-part p.right,
.why-choose-us-section .main-block:nth-child(odd) .image-part {
    float: right
}

.why-choose-us-section .main-block:nth-child(2n) .image-part {
    float: left
}

.why-choose-us-section .main-block:nth-child(odd) .text-part {
    padding-right: 45px
}

.advance-section {
    background: url(../images/advance-background.jpg) 0 0/cover no-repeat;
    width: 100%;
    padding: 85px 0 45px;
    margin: 0
}

.advance-section .text-part h3 {
    font-size: 40px;
    line-height: 60px;
    color: #fff;
    letter-spacing: .02em;
    font-weight: 700;
    padding: 0 0 45px;
    margin: 0
}

.blog-section h2,
.testimonial-section .text-block h3 {
    color: #b890d4;
    letter-spacing: .02em;
    position: relative
}

.advance-section .text-part a.started {
    background: #f48c06;
    border-radius: 12px;
    letter-spacing: .02em;
    font-weight: 600;
    margin: 0
}

.advance-section .text-part a.how-it-work {
    letter-spacing: .02em;
    font-weight: 400;
    margin: 0
}

.blog-section {
    padding: 65px 0 45px;
    margin: 0
}

.blog-section h2 {
    text-align: center;
    font-size: 40px;
    line-height: 42px;
    text-transform: capitalize;
    padding: 0 0 30px;
    margin: 0 0 55px;
    font-weight: 700
}

.blog-section .box {
    padding: 0 0 40px;
    margin: 0 0 35px
}

.blog-section .box .image-block {
    padding: 0 0 15px;
    margin: 0
}

.blog-section .box .image-block img {
    border-radius: 13px;
    width: 100%;
    height: auto
}

.blog-section .box .text-block h6 {
    font-size: 14px;
    line-height: 16px;
    color: #393838;
    font-weight: 500;
    letter-spacing: .04em;
    padding: 0 0 20px;
    margin: 0
}

.blog-section .box .text-block h5 {
    font-size: 18px;
    line-height: 38px;
    color: #393838;
    font-weight: 600;
    padding: 0 0 10px;
    margin: 0;
    letter-spacing: .03em
}

.blog-section .box .text-block p {
    font-size: 16px;
    line-height: 1.8
}

.benefit-section .customiz-part .item .box .tab-block .annually-block,
.benefit-section .customiz-part .item .box .tab-block .monthly-block,
.blog-section .box .text-block .bottom-part .client-image,
.testimonial-section .bottom-part .text-box .bottom-part .client-image {
    display: inline-block;
    padding: 0;
    margin: 0
}

.blog-section .box .text-block .bottom-part .client-image img,
.contact-section .image-part img,
.make-you-section .image-block img,
.product-section .detail-part .popup-block .product-part img,
.product-section .detail-part .product-box img,
.product-section .main-box .google-pexel-deals .item .box img,
.product-section .main-box .samsung-deals .item .box img,
.solution-section .content .top-image img,
.solution-section .post-block .image-part img,
.testimonial-section .bottom-part .text-box .bottom-part .client-image img {
    width: 100%;
    height: auto
}

.blog-section .box .text-block .bottom-part .client-name {
    width: 80%;
    float: right;
    padding: 0 0 0 5px;
    margin: 0;
    text-align: left !important
}

.blog-section .box .text-block .bottom-part .client-name h4,
.testimonial-section .bottom-part .text-box .bottom-part .client-name h4 {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    letter-spacing: .02em;
    font-weight: 400;
    padding: 0;
    margin: 0
}

.blog-section .box .text-block .bottom-part .client-name h3,
.testimonial-section .bottom-part .text-box .bottom-part .client-name h3 {
    font-size: 14px;
    line-height: 18px;
    color: #3c3b3b;
    letter-spacing: .02em;
    font-weight: 400;
    padding: 0;
    margin: 0
}

.testimonial-section {
    background: #fafbfc;
    padding: 85px 0 45px;
    margin: 0
}

.testimonial-section .text-block {
    padding: 0;
    margin: 0 auto;
    max-width: 500px
}

.testimonial-section .text-block h5 {
    font-size: 115px;
    padding: 0;
    margin: 0
}

.testimonial-section .text-block h3 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    padding: 0 0 15px;
    margin: 0
}

.testimonial-section .text-block h3:after {
    content: "";
    position: absolute;
    height: 123px;
    width: 150px;
    background: url(../images/quote-big.png) 0 0/130px no-repeat;
    left: 0;
    top: -56px;
    opacity: .5
}

.testimonial-section .text-block p {
    font-size: 18px;
    line-height: 20px;
    color: #575757;
    letter-spacing: .03em;
    padding: 0;
    margin: 0
}

.testimonial-section .bottom-part .text-box {
    padding: 30px;
    margin: 20px 0 0 30px;
    box-shadow: 0 1px 10px 0 rgba(41, 41, 42, .07);
    min-height: 300px;
    border-radius: 5px
}

.testimonial-section .bottom-part .text-box img {
    max-width: 100%;
    height: auto
}

.testimonial-section .bottom-part .text-box p {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .02em;
    padding: 15px 30px;
    margin: 0;
    position: relative
}

.testimonial-section .bottom-part .text-box p:after {
    content: "";
    position: absolute;
    height: 16px;
    width: 18px;
    background: url(../images/quote-small.png) no-repeat;
    left: 0;
    top: 10px
}

.testimonial-section .bottom-part .text-box .bottom-part {
    padding: 0 0 0 30px;
    margin: 0
}

.testimonial-section .bottom-part .text-box .bottom-part .client-name {
    width: 100%;
    float: inherit;
    padding: 0;
    margin: 0
}

.testimonial-section .bottom-part .text-box.right-part {
    margin: -45px 0 30px
}

.testimonial-section .bottom-part .text-box.last-box {
    margin: 0 120px 0 0
}

.testimonial-section .bottom-part .owl-nav {
    display: none !important
}

.testimonial-section .bottom-part .owl-dots {
    padding-top: 40px !important
}

.testimonial-section .owl-carousel .owl-item img {
    width: auto !important
}

.contact-section .top-text {
    width: 48%;
    text-align: center;
    padding: 0 0 45px;
    margin: 0 auto
}

.contact-section .top-text h2 {
    font-size: 40px;
    line-height: 42px;
    text-transform: capitalize;
    color: #b890d4;
    padding: 0 0 30px;
    margin: 0 0 5px;
    position: relative;
    font-weight: 700;
    letter-spacing: .02em
}

.contact-section .top-text p {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: #374754;
    padding: 0;
    margin: 0
}

.contact-section .top-text a {
    font-weight: 600;
    color: #5a5d60
}

.contact-section .map-part .top-part .block {
    text-align: center;
    padding: 0;
    margin: 0
}

.cart-section .mid-section .card-body table tbody tr td a,
.contact-section .map-part .top-part .block img {
    display: inline-block
}

.contact-section .map-part .top-part .block p {
    font-size: 13px;
    line-height: 18px;
    color: #374754;
    letter-spacing: .02em;
    padding: 20px 0;
    margin: 0
}

.contact-section .map-part .top-part .block a {
    display: inherit;
    font-size: 13px;
    line-height: 18px;
    color: #374754;
    letter-spacing: .02em;
    padding: 20px 0;
    margin: 0
}

.benefit-section .feature-part .block .text-block span,
.contact-section .map-part .top-part .block a:hover {
    color: #6c63ff
}

.contact-section .map-part .map iframe {
    width: 100%;
    border: none;
    height: 450px
}

.contact-section .form-part {
    border: .82px solid #ddd;
    box-shadow: 0 10.624366760253906px 15.527920722961426px 0 rgba(0, 0, 0, .07);
    border-radius: 15px;
    padding: 30px;
    margin: 0 0 0 45px
}

.contact-section .form-part h5 {
    text-align: center;
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    color: #252b42;
    letter-spacing: .02em;
    padding: 0 0 35px;
    margin: 0
}

.contact-section .form-part .form-group,
.order-form-section .total-box .block,
.product-section .detail-part .content-part .color-select {
    padding: 0 0 30px;
    margin: 0
}

.contact-section .form-part .form-group .form-control {
    width: 100%;
    border-radius: 30px;
    background: #e8e8e8;
    border: .82px solid #e8e8e8;
    height: 45px;
    outline: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    color: #18171d;
    letter-spacing: .02em;
    padding: 0 15px;
    margin: 0
}

.contact-section .form-part .form-group textarea {
    width: 100%;
    background: #e8e8e8;
    border: .82px solid #e8e8e8;
    resize: none;
    height: 135px;
    outline: 0;
    padding: 15px 15px 0;
    margin: 0
}

.form_sec .form-block .form-group .theme-btn {
    background: #f48c06;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    letter-spacing: .02em;
    padding: 15px 45px;
    margin: 0;
    border-radius: 15px;
    border: none
}

.form_sec .image-part {
    height: 100%
}

.form_sec>div>div>div:first-child {
    padding-right: 0 !important
}

.form_sec>div>div>div:nth-child(2),
.info {
    padding-left: 0 !important
}

#footer-section {
    background: linear-gradient(180deg, #24717b 0, #5752da 100%);
    padding: 35px 0 30px;
    margin: 0
}

#footer-section .top-part {
    border-bottom: 1px solid #cecece;
    padding: 0 0 25px;
    margin: 0 0 30px;
    display: flex;
    justify-content: space-between
}

#footer-section .top-part p {
    text-align: left;
    display: inline-block;
    line-height: 20px;
    color: #fff;
    letter-spacing: .02em;
    font-weight: 400;
    padding: 0;
    margin: 0;
    max-width: none;
    font-size: 13px !important
}

.left strong {
    display: block;
    margin-bottom: 10px;
    color: #fff
}

#footer-section .top-part p span {
    display: block;
    font-weight: 500
}

#footer-section .top-part p a {
    border-bottom: 1px solid #fff;
    color: #fff;
    line-height: 15px;
    padding-bottom: 8px;
    margin-bottom: 5px;
    display: inline-block
}

#footer-section .top-part p a:hover,
#footer-section ul li a:hover {
    color: #f48c06
}

#footer-section .footer-logo,
.benefit-section .box .icon-block,
.product-section .detail-part .content-part .stor-block,
.product-section .main-box .google-pexel-deals .item .box .text-block .stor-block,
.product-section .main-box .samsung-deals .item .box .text-block .stor-block,
.solution-section .content ul {
    padding: 0 0 20px;
    margin: 0
}

#footer-section p {
    font-size: 14px;
    line-height: 24px;
    color: #ddd;
    font-weight: 600;
    letter-spacing: .02em;
    padding: 0;
    margin: 0
}

#footer-section h5 {
    font-size: 17px;
    line-height: 19px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .02em;
    padding: 0 0 20px;
    margin: 0
}

#footer-section .newsletter-form {
    position: relative;
    max-width: 370px;
    border-radius: 50px
}

#footer-section .newsletter-form .form-control {
    font-size: 12px;
    background: #fff;
    height: 39px;
    line-height: 15px;
    margin: 0;
    border: none;
    padding: 0 25px
}

#footer-section .newsletter-form .subscribe-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    background: #f48c06;
    color: #fff;
    height: 39px;
    line-height: 40px;
    padding: 0 55px;
    border: 0;
    font-size: 14px;
    transition: .6s ease-in-out;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important
}

#footer-section h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 0 0 15px;
    margin: 0;
    text-align: left
}

#footer-section ul li a {
    display: inherit;
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 12px;
    color: #fff;
    letter-spacing: .02em;
    margin: 0
}

#footer-section ul li {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    display: flex;
    align-items: baseline
}

#footer-section ul li .fa,
#footer-section ul li a .fa {
    font-size: 16px;
    font-weight: 700;
    padding-right: 10px;
    padding-top: 3px
}

#footer-section .social-block {
    padding: 20px 0 0;
    margin: 0
}

#footer-section .social-block ul li {
    float: left;
    padding: 0 20px 0 0
}

#footer-section .social-block ul li .fa {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400
}

.inner-banner {
    min-height: 690px !important;
    padding: 130px 0 40px !important;
    margin: 0
}

.inner-banner .banner-image img {
    height: 365px
}

.broadband-banner .banner-image img {
    height: 415px
}

.contact-banner .banner-image img {
    height: 550px
}

.solution-banner {
    padding-top: 100px
}

.solution-banner .banner-image {
    width: 40%
}

.solution-banner .banner-image img {
    height: 390px
}

.line-calls-banner .banner-image img {
    height: 445px
}

.about-section,
.benefit-section,
.make-you-section .row {
    margin: 0
}

.about-section .top-text {
    padding: 0 0 25px;
    margin: 0
}

.about-section .top-text h6 {
    font-size: 24px;
    line-height: 26px;
    color: #0346b5;
    font-weight: 500;
    padding: 0 0 15px;
    margin: 0
}

.about-section .top-text h3 {
    font-size: 48px;
    line-height: 60px;
    color: #000;
    font-weight: 700;
    padding: 0;
    margin: 0
}

.about-section .top-text h3 span,
.contact-section .content-part .block h3 span,
.infoList li:nth-child(3) span,
.send-out-section h2 span {
    display: block
}

.about-section .main-block,
.broadband_check_bnnr .bnnr_img .img_Div,
.counter-block .first,
.input-wrap {
    position: relative
}

.about-section .main-block .text-part p {
    font-size: 17px;
    color: #000;
    padding: 0 0 20px
}

.counter-block {
    width: 50%;
    background: linear-gradient(90deg, #d95db0 0, #3344dc 100%);
    padding: 30px;
    margin: 0 auto;
    border-radius: 12px;
    display: none
}

.counter-block h4 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    padding: 0 0 15px;
    margin: 0
}

.counter-block .count-title {
    font-size: 32px;
    line-height: 34px;
    color: #fff;
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.counter-block .first:after {
    content: "+";
    position: absolute;
    width: 25px;
    height: 15px;
    left: 62px
}

.counter-block .count-text {
    font-size: 10px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    padding: 0;
    margin: 0
}

.make-you-section {
    padding: 35px 0 105px;
    margin: 0
}

.make-you-section .row .col-lg-3 {
    padding: 0
}

.make-you-section .text-block {
    padding: 65px 0 0 !important;
    margin: 0
}

.make-you-section .text-block h2::after {
    content: "";
    position: absolute;
    width: 85px;
    height: 4px;
    background-color: #b890d4;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}


.make-you-section .text-block p {
    font-size: 16px;
    line-height: 30px;
    color: #000;
    padding: 0 0 45px;
    margin: 0
}

.make-you-section .text-block a {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important;
    text-transform: capitalize;
    border-radius: 35px;
    padding: 20px 50px;
    margin: 0;
    font-weight: 600
}

.about-section a:hover,
.make-you-section .text-block a:hover {
    background: rgb(11 202 249) !important;
    color: #fff !important
}

.send-out-section {
    background: url(../images/send-out-background.jpg) center/cover no-repeat;
    padding: 100px 0;
    margin: 0 0 85px
}

.send-out-section h2 {
    font-size: 48px;
    line-height: 62px;
    color: #002;
    font-weight: 700;
    padding: 0 0 55px;
    margin: 0;
    text-align: left
}

.send-out-section a {
    background: #6c63ff;
    border-radius: 15px;
    box-shadow: 0 6px 20px 3px rgba(31, 100, 255, .3);
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding: 16px 35px;
    margin: 0
}

.about-section .main-block:nth-child(odd) .image-part {
    float: inherit !important
}

.contact-section,
.solution-section {
    padding: 45px 0;
    margin: 0
}

.product-section .detail-part .popup-block .form-part .block,
.solution-section .content .top-image {
    padding: 0 0 40px;
    margin: 0
}

.solution-section .content h3 {
    font-size: 30px;
    line-height: 32px;
    color: #232536;
    font-weight: 700;
    padding: 0 0 30px;
    margin: 0
}

.solution-section .content p {
    font-size: 16px;
    line-height: 28px;
    color: #6d6e76;
    font-weight: 400;
    padding: 0 0 30px;
    margin: 0
}

.solution-section .content ul li {
    font-size: 22px;
    line-height: 24px;
    color: #555151;
    font-weight: 700;
    list-style: inside;
    padding: 0 0 8px;
    margin: 0
}

.solution-section .post-block {
    padding: 40px 0 35px;
    margin: 0
}

.benefit-section .customiz-part .top-text,
.map-section .form-block .form-group,
.solution-section .post-block .post-box {
    padding: 0 0 45px;
    margin: 0
}

.solution-section .post-block h2 {
    font-size: 48px;
    line-height: 50px;
    color: #232536;
    font-weight: 700;
    padding: 0 0 25px;
    margin: 0 0 45px;
    position: relative
}

.solution-section .post-block h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    left: 0;
    bottom: 0
}

.solution-section .post-block .text-part {
    padding: 45px 0 0;
    margin: 0
}

.solution-section .post-block .text-part h5 {
    font-size: 16px;
    line-height: 18px;
    color: #592ea9;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 15px;
    margin: 0
}

.solution-section .post-block .text-part h3 {
    font-size: 36px;
    line-height: 42px;
    color: #232536;
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.solution-section .post-block .text-part p {
    font-size: 16px;
    line-height: 26px;
    color: #6d6e76;
    padding: 0;
    margin: 0
}

.solution-section .join-now-block {
    text-align: center;
    width: 35%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.solution-section .join-now-block h3 {
    font-size: 36px;
    line-height: 38px;
    color: #232536;
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.solution-section .join-now-block p {
    font-size: 16px;
    line-height: 26px;
    color: #6d6e76;
    font-weight: 400;
    padding: 0 0 15px;
    margin: 0
}

.solution-section .join-now-block a {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(90deg, #d95db0 0, #3344dc 100%);
    padding: 15px 45px;
    margin: 0
}

.benefit-section .feature-part .block .text-block a:hover,
.product-section .feature-part .block .text-block a:hover,
.product-section .feature-part .block .text-block button:hover,
.solution-section .join-now-block a:hover {
    background: linear-gradient(180deg, #d95db0 0, #3344dc 100%)
}

.benefit-section .customiz-part,
.product-section,
.question-section {
    padding: 60px 0;
    margin: 0
}

.benefit-section .customiz-part .top-text h2,
.product-section .top-text h2 {
    text-align: center;
    font-size: 40px;
    line-height: 42px;
    color: #b890d4;
    padding: 0 0 25px;
    margin: 0 0 25px;
    position: relative;
    font-weight: 700;
    letter-spacing: .02em
}

p {
    font-size: 16px !important
}

.product-section .top-text p {
    font-size: 22px;
    line-height: 32px;
    color: #000;
    font-weight: 500;
    padding: 0;
    margin: 0
}

.product-section .feature-part .block {
    padding: 0 0 50px;
    margin: 0
}

.product-section .feature-part .block .image-block {
    padding: 0;
    margin: 0 auto;
    text-align: center
}

.product-section .feature-part .block .image-block img {
    border-radius: 15px;
    width: 100%;
    height: 400px;
    object-fit: contain;
    object-position: top
}

.product-section .feature-part .block .text-block {
    padding-left: 24px;
    margin: 0
}

.benefit-section .feature-part .block-2 .text-block,
.product-section .feature-part .block-2 .text-block {
    padding: 45px 20px 0 0;
    margin: 0
}

.product-section .feature-part .block .text-block h3 {
    font-size: 40px;
    line-height: 48px;
    color: #230f0f;
    font-weight: 700;
    padding: 0 0 20px;
    margin: 0
}

.product-section .feature-part .block .text-block span {
    color: #233f84
}

.product-section .feature-part .block .text-block p {
    font-size: 17px !important;
    line-height: 32px;
    color: #230f0f;
    font-weight: 500;
    padding: 0 0 15px;
    margin: 0
}

.product-section .feature-part .block .text-block a,
.product-section .feature-part .block .text-block button {
    display: inline-block;
    font-size: 17px;
    line-height: 19px;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    letter-spacing: .03em;
    background: linear-gradient(90deg, #d95db0 0, #3344dc 100%);
    padding: 20px 50px;
    margin: 0;
    border: 0
}

.product-section .feature-part .block .text-block .form-block .form-group {
    padding: 0 0 55px;
    margin: 0
}

.product-section .feature-part .block .text-block .form-block .form-group label {
    font-size: 20px;
    line-height: 22px;
    color: #6c63ff;
    font-weight: 600;
    padding: 0 0 15px;
    margin: 0
}

.product-section .feature-part .block .text-block .form-block .form-group .form-control {
    background: rgba(0, 0, 0, .2);
    border-radius: 10px;
    focus: none;
    outline: 0;
    height: 60px
}

.section-title,
h2 {
    text-align: center;
    font-size: 40px;
    line-height: 42px;
    color: #b890d4;
    padding: 0 0 25px;
    margin: 0 0 40px;
    position: relative;
    font-weight: 700;
    letter-spacing: .02em
}

.benefit-section .box {
    text-align: center;
    border: 1px solid #6c63ff;
    border-radius: 15px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .36);
    padding: 15px 30px;
    margin: 0 auto 45px;
    width: 100%;
    min-height: 290px
}

.benefit-section .box h3 {
    font-size: 19px;
    line-height: 21px;
    color: #000;
    font-weight: 700;
    padding: 0 0 25px;
    margin: 0
}

.inner-page .box h3 {
    font-size: 17px;
    line-height: 20px
}

.inner-page .box {
    margin: 0 auto 45px;
    max-width: 590px !important
}

.benefit-section .box p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    padding: 0;
    margin: 0
}

.benefit-section .feature-part {
    padding: 20px 0;
    margin: 0
}

.benefit-section .feature-part .block .image-block {
    padding: 0;
    margin: 0;
    text-align: center
}

.benefit-section .feature-part .block .image-block img {
    border-radius: 15px;
    width: 100%;
    height: auto
}

.benefit-section .feature-part .block .text-block h3 {
    font-size: 40px;
    line-height: 48px;
    color: #230f0f;
    font-weight: 700;
    padding: 0 0 35px;
    margin: 0
}

.benefit-section .feature-part .block .text-block p {
    font-size: 20px;
    line-height: 32px;
    color: #230f0f;
    font-weight: 500;
    padding: 0 0 35px;
    margin: 0
}

.benefit-section .feature-part .block .text-block a {
    display: inline-block;
    font-size: 17px;
    line-height: 19px;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    letter-spacing: .03em;
    background: linear-gradient(90deg, #d95db0 0, #3344dc 100%);
    padding: 20px 50px;
    margin: 0
}

.question-section .demo {
    margin: 20px 0
}

.question-section .accordion .fa {
    margin-right: .5rem
}

.question-section .demo .accordion .card {
    box-shadow: 0 5px 16px 0 rgba(8, 15, 52, .06);
    border: none;
    padding: 20px !important;
    margin: 0 0 20px
}

.question-section .demo .accordion .card .card-header {
    border: none;
    border-radius: 10px;
    background: #fff;
    padding: 0 0 10px !important
}

.question-section .demo .accordion .card .card-header h3 .btn-link {
    font-size: 22px;
    line-height: 24px;
    color: #170f49;
    font-weight: 500;
    width: 100%;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.question-section .demo .accordion .card .card-header h3 .btn-link .fa {
    color: #6f6c90;
    background: #6f6C902B;
    border-radius: 10px;
    float: right;
    font-weight: 400;
    padding: 10px;
    margin: 0;
    position: relative;
    width: 40px;
    height: 40px
}


.question-section .demo .accordion .card .card-header h3 .btn-link {
    position: relative;
    padding-right: 30px;
    /* adjust as needed */
}

.question-section .demo .accordion .card .card-header h3 .btn-link .fa::before {
    content: "\f068";
    /* minus by default */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #000;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.question-section .demo .accordion .card .card-header h3 .btn-link.collapsed .fa::before {
    content: "\f067";
    /* plus when collapsed */
}

.banner-section .container-fluid .row>div:nth-child(2),
.cloud-voice-section .feature-part .block,
.lease-line .feature-part .block,
.lease-line-benefits .customiz-part,
.mid-section .row .container,
.question-section .demo .accordion .card .card-body {
    padding: 0 !important
}

.question-section .demo .accordion .card .card-body p {
    line-height: 1.5;
    font-size: 17px !important;
    font-weight: 500
}

.question-section .demo .accordion .card .card-body ul li {
    list-style: disc
}

.question-section .demo .accordion .card .card-body ul {
    padding-left: 20px;
    padding-top: 15px
}

.benefit-section .customiz-part .top-text p {
    font-size: 18px;
    line-height: 28px;
    color: rgb(0 0 34 / 77%);
    font-weight: 400;
    padding: 0;
    margin: 0
}

.benefit-section .customiz-part .top-text p strong {
    font-weight: 700;
    color: rgba(0, 0, 34, .75)
}

.benefit-section .customiz-part .owl-item>div {
    cursor: pointer;
    margin: 0 15px
}

.benefit-section .customiz-part .owl-item.center>div {
    cursor: auto;
    margin: 0
}

.benefit-section .customiz-part .owl-item:not(.center)>div:hover {
    opacity: .75
}

.benefit-section .customiz-part .item .box {
    text-align: center;
    border: 1px solid #1f64ff;
    padding: 22px;
    margin: 0;
    box-shadow: none;
    min-height: 330px
}

.benefit-section .customiz-part .owl-item.center .box {
    background: linear-gradient(90deg, #d95db0 0, #3344dc 100%);
    border-radius: 15px;
    border: none
}

.benefit-section .customiz-part .owl-item.center .box h3 {
    color: #fff;
    font-size: 28px;
    line-height: 30px
}

.benefit-section .customiz-part .owl-item.center .box h2 {
    color: #fff;
    font-size: 64px;
    line-height: 66px
}

.benefit-section .customiz-part .owl-item.center .box .tab-block {
    opacity: 1;
    height: 100%
}

.benefit-section .customiz-part .owl-item.center .box ul li {
    font-size: 16px;
    line-height: 18px;
    color: #fff
}

.benefit-section .customiz-part .owl-item.center .box a {
    background: #fff;
    color: #1f64ff;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700
}

.benefit-section .customiz-part .item .box h3.extra:after,
.benefit-section .customiz-part .item .box h3:after {
    content: "£" !important;
    position: absolute !important;
    left: -15px !important;
    top: 7px !important;
    font-size: 18px !important;
    line-height: 16px !important;
    color: #8c8c8c !important;
    font-weight: 600 !important;
    display: block !important
}

.benefit-section .customiz-part .item .box h3.extra:before,
.benefit-section .customiz-part .item .box h3:before {
    content: "/m";
    position: absolute;
    right: -25px;
    bottom: 7px;
    font-size: 14px;
    line-height: 16px;
    color: #8c8c8c;
    font-weight: 600
}

.benefit-section .customiz-part .item .box h3 {
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 40px;
    line-height: 48px;
    color: #000;
    font-weight: 900;
    position: relative;
    display: inline-block
}

.benefit-section .customiz-part .item .box .tab-block {
    opacity: 0;
    height: 0;
    width: 69%;
    border-radius: 5px;
    background: #6293ff;
    padding: 5px;
    margin: 0 auto
}

.benefit-section .customiz-part .item .box .tab-block .monthly-block h6 {
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    color: #1f64ff;
    font-weight: 400;
    padding: 5px 15px;
    margin: 0
}

.benefit-section .customiz-part .item .box .tab-block .annually-block h6 {
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-weight: 400;
    padding: 5px 15px;
    margin: 0
}

.benefit-section .customiz-part .item .box ul {
    padding: 20px 0 0;
    margin: 0;
    min-height: 170px
}

.benefit-section .customiz-part .item .box ul li {
    font-size: 14px;
    line-height: 19px;
    color: #000;
    font-weight: 400;
    padding: 0 0 10px;
    margin: 0;
    text-align: left !important
}

.benefit-section .customiz-part .item .box ul li .fa {
    padding: 0 10px 0 0;
    margin: 0;
    font-weight: 400
}

.benefit-section .customiz-part .item .box a {
    display: inherit;
    text-align: center;
    background: #1f64ff;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    border-radius: 15px;
    box-shadow: 0 6px 20px 3px rgba(31, 100, 255, .3);
    padding: 20px 65px;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px
}

.voip-section {
    padding: 65px 0;
    margin: 0
}

.voip-section .top-text {
    padding: 0 0 100px;
    margin: 0
}

.voip-section .top-text h2 {
    font-size: 40px;
    line-height: 42px;
    color: #000;
    font-weight: 700;
    letter-spacing: .05em;
    padding: 0 0 45px;
    margin: 0
}

.voip-section .top-text p {
    font-size: 24px;
    line-height: 38px;
    color: #000;
    font-weight: 500;
    padding: 0;
    margin: 0
}

.voip-section .box {
    text-align: center;
    padding: 0;
    margin: 0 0 60px
}

.voip-section .box .image-block {
    background: #eee;
    border-radius: 10px;
    padding: 20px 0;
    margin: 0
}

.voip-section .box .image-block img {
    max-width: 100%;
    height: 250px
}

.voip-section .box h5 {
    font-size: 19px;
    line-height: 21px;
    color: #1c1c1c;
    font-weight: 600;
    padding: 10px 0;
    margin: 0
}

.voip-section .box a {
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    color: #6c63ff;
    border: 1.5px solid #dee2e7;
    font-weight: 500;
    border-radius: 6px;
    padding: 8px 30px;
    margin: 0
}

.samsung-deals-section .top-text h2 {
    text-transform: capitalize
}

.product-section .main-box .samsung-deals .item {
    padding: 0;
    margin: 0 15px
}

.product-section .main-box .google-pexel-deals .item .box,
.product-section .main-box .samsung-deals .item .box {
    border: 1px solid #a19c9c;
    border-radius: 8px;
    padding: 30px;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block,
.product-section .main-box .samsung-deals .item .box .text-block {
    padding: 30px 0 0 28px;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block h3,
.product-section .main-box .samsung-deals .item .box .text-block h3 {
    font-size: 26px;
    line-height: 28px;
    color: #8a9dae;
    font-weight: 700;
    padding: 0 0 20px;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block h4,
.product-section .main-box .samsung-deals .item .box .text-block h4 {
    font-size: 30px;
    line-height: 32px;
    color: #6c63ff;
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block .stor-block h6,
.product-section .main-box .samsung-deals .item .box .text-block .stor-block h6 {
    font-size: 11px;
    line-height: 13px;
    color: #6c63ff;
    font-weight: 600;
    padding: 0 0 6px;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block .stor-block ul li a,
.product-section .main-box .samsung-deals .item .box .text-block .stor-block ul li a {
    float: left;
    font-size: 10px;
    line-height: 12px;
    color: #000;
    font-weight: 600;
    background: #d9d9d9;
    border-radius: 8px;
    padding: 6px 15px;
    margin: 0 15px 0 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block .color-select,
.product-section .main-box .samsung-deals .item .box .text-block .color-select {
    padding: 0 0 10px;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block .color-select input,
.product-section .main-box .samsung-deals .item .box .text-block .color-select input {
    background: #000;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    padding: 0;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block .color-select input #red,
.product-section .main-box .samsung-deals .item .box .text-block .color-select input #red {
    background: red !important
}

.product-section .main-box .google-pexel-deals .item {
    padding: 0;
    margin: 0 auto
}

.product-section .detail-part .product-box {
    padding: 0 30px 0 0;
    margin: 0
}

.product-section .detail-part .product-box .owl-theme .owl-prev {
    position: absolute;
    left: -2%;
    bottom: 28%;
    padding: 0;
    margin: 0
}

.product-section .detail-part .product-box .owl-theme .owl-next:hover,
.product-section .detail-part .product-box .owl-theme .owl-prev:hover {
    background: 0 0;
    color: #000
}

.product-section .detail-part .product-box .owl-theme .owl-next span,
.product-section .detail-part .product-box .owl-theme .owl-prev span {
    font-size: 45px;
    line-height: 47px
}

.product-section .detail-part .product-box .owl-theme .owl-next {
    position: absolute;
    right: -2%;
    bottom: 28%;
    padding: 0;
    margin: 0
}

.product-section .detail-part .content-part {
    padding: 30px 0 0;
    margin: 0
}

.product-section .detail-part .content-part h3 {
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 500;
    padding: 0 0 15px;
    margin: 0
}

.product-section .detail-part .content-part .color {
    font-size: 20px;
    line-height: 22px;
    color: rgba(0, 0, 0, .56);
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.product-section .detail-part .content-part h4 {
    font-size: 28px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.product-section .detail-part .content-part p {
    font-size: 16px;
    line-height: 22px;
    color: #b9bbbf;
    font-weight: 400;
    padding: 0 0 30px;
    margin: 0
}

.product-section .detail-part .content-part .color-select input {
    background: red;
    height: 32px;
    width: 32px
}

.product-section .detail-part .content-part .stor-block h6 {
    font-size: 18px;
    line-height: 20px;
    color: rgba(0, 0, 0, .56);
    font-weight: 700;
    padding: 0 0 10px;
    margin: 0
}

.product-section .detail-part .content-part .btn,
.product-section .detail-part .content-part .btn a {
    font-weight: 600;
    padding: 20px 85px;
    display: inline-block;
    background: #f48c06;
    line-height: 18px;
    color: #fff;
    font-size: 16px;
    margin: 0
}

.product-section .detail-part .content-part .stor-block ul li a {
    float: left;
    border: 2px solid #d9d9d9;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 700;
    background: #d9d9d9;
    border-radius: 8px;
    padding: 9px 20px;
    margin: 0 15px 0 0;
    transition: .6s ease-in-out
}

.product-section .detail-part .content-part .stor-block ul li a:hover {
    background-color: rgba(128, 117, 255, .3);
    border: 2px solid #8075ff
}

.product-section .detail-part .content-part .btn {
    outline: 0;
    box-shadow: none;
    border: none;
    border-radius: 30px
}

.map-section .form-block .form-group .theme-btn,
.package_list table thead tr {
    background: linear-gradient(180deg, #24717b 0, #5752da 100%)
}

.product-section .detail-part .content-part .btn a {
    border-radius: 30px
}

.product-section .detail-part .popup-block {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .31);
    padding: 0 30px 85px;
    margin: 0
}

.product-section .detail-part .popup-block .product-part {
    position: relative;
    padding: 160px 71px 0 0;
    margin: 0;
    z-index: 9999
}

.product-section .detail-part .popup-block .product-part h5 {
    text-align: center;
    font-size: 28px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
    padding: 35px 0 25px;
    margin: 0
}

.product-section .detail-part .popup-block .product-part h6 {
    padding: 0 0 0 35px;
    margin: 0
}

.product-section .detail-part .popup-block .form-part .block .form-control {
    outline: 0;
    box-shadow: none;
    height: 65px;
    font-size: 18px;
    line-height: 20px;
    color: #0a3749;
    font-weight: 500;
    padding: 0 15px;
    margin: 0
}

.product-section .detail-part .popup-block .form-part .form-check {
    width: 100%;
    padding: 0 0 0 35px;
    margin: 0
}

.product-section .detail-part .popup-block .form-part a.submit {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    background: #f48c06;
    border-radius: 7px;
    padding: 15px 0;
    margin: 40px 0 0 15px
}

.product-section .detail-part .modal .modal-dialog {
    max-width: 80%
}

.product-section .detail-part .modal .modal-dialog .modal-content {
    padding: 45px 0 0;
    margin: 0;
    position: relative
}

.product-section .detail-part .modal .modal-dialog .modal-content:after {
    content: "";
    background: url(../images/shep.png) 0 0/cover no-repeat;
    position: absolute;
    width: 392px;
    height: 430px;
    left: 0;
    top: 0;
    z-index: 99
}

.solution-banner .text-block {
    background: 0 0;
    border: none;
    width: 58%;
    padding: 100px 0 0
}

.solution-banner .text-block h5 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    padding: 0 0 15px;
    margin: 0
}

.solution-banner .text-block h6 {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding: 0 0 15px;
    margin: 0
}

.order-form-section .total-box a,
.solution-banner .text-block a {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    color: #fff
}

.solution-banner .text-block h6 span {
    color: #592ea9
}

.solution-banner .text-block a {
    font-weight: 700;
    background: #ffd050;
    border-radius: 0;
    padding: 16px 35px;
    margin: 0
}

.solution-banner .text-block a .fa {
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 0 4px;
    margin: 0
}

.contact-section .content-part {
    padding: 0;
    margin: 0 0 40px;
    gap: 0 20px
}

.contact-section .content-part .block {
    background: #ebf2f4;
    padding: 22px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 240px;
    border-radius: 15px
}

.contact-section .content-part .block .address {
    float: left;
    padding: 0 15px 0 0
}

.contact-section .content-part .block .address .fa {
    font-size: 36px;
    line-height: 38px;
    color: #277081
}

.contact-section .content-part .block h3 {
    display: inline-block;
    font-size: 20px;
    line-height: 26px;
    color: #000;
    font-weight: 500;
    padding: 0;
    margin: 0
}

.contact-section .content-part .block a {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #000;
    padding: 16px 0;
    margin: 0;
    transition: .6s ease-in-out
}

.contact-section .content-part .block a .fa {
    font-size: 26px;
    line-height: 28px;
    color: #296f84;
    padding: 0 15px 0 0;
    margin: 0
}

.contact-section .content-part .block a:hover {
    color: #296f84
}

.map-section .map-block iframe {
    width: 100%;
    height: 450px;
    border-radius: 10px
}

.map-section .form-block {
    padding: 0 45px;
    margin: 0
}

.map-section .form-block .form-group .form-control {
    height: 85px;
    focus: none;
    outline: 0;
    border: none;
    border-bottom: 2px solid #b8b3fb;
    border-radius: 0;
    padding: 0 15px 0 0;
    margin: 0
}

.map-section .form-block .form-group textarea {
    width: 100%;
    resize: none;
    height: 85px;
    focus: none;
    outline: 0;
    border: none;
    border-bottom: 2px solid #b8b3fb;
    border-radius: 0;
    padding: 0 15px 0 0;
    margin: 0
}

.map-section .form-block .form-group .theme-btn {
    float: right;
    font-size: 14px;
    border: none;
    border-radius: 15px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    padding: 15px 35px;
    margin: 0
}

.order-form-section {
    padding: 30px 0;
    margin: 0
}

.order-form-section .total-box {
    border: 1px solid #9dd5ff;
    width: 85%;
    padding: 30px;
    margin: 0 auto
}

.order-form-section .total-box .block h6 {
    font-size: 16px;
    line-height: 18px;
    color: #586166;
    font-weight: 500;
    padding: 0 0 8px;
    margin: 0
}

.order-form-section .total-box .block h6 span {
    color: #f21d2f
}

.order-form-section .total-box .block .form-control {
    font-size: 15px;
    line-height: 17px;
    color: #586166;
    font-weight: 500;
    height: 50px;
    outline: 0;
    box-shadow: none;
    border-radius: 8px;
    background: #f2f6fb;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15);
    border: none;
    padding: 0 15px;
    margin: 0
}

.order-form-section .total-box a {
    background: #458dfc;
    border-radius: 50px;
    padding: 15px 45px;
    margin: 0
}

.tab-image {
    width: 75%;
    margin-left: auto
}

.tabs {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

#broadband_address,
.tab-content p {
    width: 100%;
    text-align: left
}

.abt-top-txt,
.box,
.broadband-card,
.partner-section,
.service_item h5 {
    text-align: center
}

.broadband-section {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 72px 0 0;
    min-height: 350px;
    position: relative
}

.broadband-card {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 40px;
    max-width: 100%;
    width: 100%;
    color: #fff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .2);
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.broadband-text {
    font-size: 16px;
    color: #f1f1f1;
    margin-bottom: 25px
}

.input-group {
    display: flex;
    align-items: center;
    gap: 0 20px;
    width: 100%
}

.form-control {
    font-size: 16px;
    border-radius: 15px;
    border: 2px solid rgba(255, 255, 255, .5);
    outline: 0;
    background: #fff;
    color: #000;
    transition: .3s;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    width: 55% !important;
    height: 40px !important
}

.form-control::placeholder {
    color: rgba(255, 255, 255, .7)
}

.form-control:focus {
    border-color: #ff7eb3;
    background: #fff
}

.btn-check-now,
.check_availability_btn {
    background-color: rgba(212, 54, 208, .9640231092436975) !important;
    border: none !important;
    padding: 8px 17px !important;
    border-radius: 25px !important;
    color: #fff !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: .4s ease-in-out !important;
    width: 43% !important;
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.check_availability_btn {
    width: 55% !important
}

.btn-check-now:hover,
.check_availability_btn:hover {
    background: rgb(229 21 224 / 96%) !important
}

.partner-section {
    background-color: #f9f9f9
}

.partner-section h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.cart-section .mid-section,
.owl-carousel .item,
.product-bnnr {
    display: flex;
    justify-content: center;
    align-items: center
}

.owl-carousel img {
    max-width: 100%;
    height: auto;
    display: block
}

.head_nav>div>ul li a,
.owl-carousel .item img {
    transition: .5s ease-in-out
}

.owl-carousel .item img:hover {
    transform: scale(1.1)
}

.partner .item {
    max-width: 310px
}

.our-deals .item {
    padding: 0 15px;
    max-width: 450px;
    margin: 0 auto;
    align-items: inherit !important;
    min-height: 500px
}

.box {
    padding: 15px 20px 25px !important;
    max-width: 450px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1) !important;
    width: 100%;
    cursor: pointer
}

.image-container {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 0
}

.image-container img {
    width: 100%;
    height: 120px;
    object-fit: contain
}

.text-block {
    margin-top: 5px
}

.text-block h4 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px
}

.price {
    font-size: 18px !important;
    color: #f60 !important;
    font-weight: 700;
    margin-bottom: 20px !important;
    position: absolute;
    top: 78%;
    left: 0;
    right: 0
}

.owl-carousel .owl-stage-outer {
    padding: 10px 0
}

.owl-carousel .owl-item {
    margin-right: 10px !important
}

h3 {
    font-size: 32px;
    font-weight: 700;
    color: #000;
    line-height: 1.2
}

.image-part img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    opacity: 0;
    border-radius: 10px !important;
    transform: translateX(-100px);
    animation: 3s ease-out forwards slide-in-left
}

.flex-md-row-reverse .image-part img {
    transform: translateX(100px);
    animation: 3s ease-out forwards slide-in-right
}

.image-part img:hover {
    transform: scale(1.05);
    transition: transform .3s ease-in-out;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .3)
}

.about-section {
    background: #edf3f9;
    color: #333
}

.company-subtitle {
    font-size: 18px;
    color: #666
}

.company-heading {
    font-size: 24px;
    font-weight: 700
}

.highlight {
    color: #007bff
}

.about-text {
    font-size: 16px;
    line-height: 1.8;
    max-width: none;
    margin: 0 auto
}

.abt-top-txt {
    max-width: none;
    margin-left: auto;
    margin-right: auto
}

.btn-primary {
    background: #007bff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    transition: .3s
}

.btn-primary:hover {
    background: #0056b3
}

.testimonial-section .text-block h3:after {
    background-size: 115px
}

.benefit-section .box {
    max-width: 100%
}

.partner .owl-carousel .owl-item .item img {
    max-width: 150px
}

.prdct_box {
    min-height: 475px !important
}

.prdct_box .card-body h5 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #000
}

#footer-section .row,
.about-banner .row,
.innr_page_bnnr .tab-content,
.lease-line-banner .text-block,
.mid-section .card .card-footer,
.package_list table,
.service_slider .slick-list {
    width: 100%
}

.form-block form .form-control {
    border-radius: 6px !important;
    color: rgb(73 80 87 / 90%);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    border: .82px solid #e8e8e8;
    background-color: #f5f5f5;
    width: 100% !important;
    height: 100%;
    margin-bottom: 30px;
    padding: 12px 20px
}

.form-block form .form-control:focus {
    box-shadow: none;
    outline: 0
}

.form-block form .form-control::placeholder {
    color: #495057;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.form-block .form-group textarea {
    height: 170px !important;
    resize: none
}

@keyframes slide-in-left {
    from {
        opacity: 0;
        transform: translateX(-100px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes slide-in-right {
    from {
        opacity: 0;
        transform: translateX(100px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.bnnr_wrap {
    display: flex;
    align-items: center
}

.bnnr_img {
    padding-left: 0;
    width: 50%;
    flex: 0 0 50%
}

.bnnr_img img {
    width: 100%;
    height: 522px;
    object-fit: contain;
    max-width: 640px;
    margin: 0 0 0 auto
}

.service_slider {
    padding: 7px 15px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px
}

#headSec,
.sticky {
    backdrop-filter: blur(8px) !important;
    position: fixed;
    z-index: 99;
    right: 0
}

.cart-section .row,
.innr_page_bnnr .row,
.product-bnnr .row,
.service_item {
    align-items: center
}

.service_slider::after {
    background: #24717b;
    background: linear-gradient(180deg, #24717b 4%, #5752da 100%);
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.service_item h5 {
    color: #fff;
    font-size: 17px;
    line-height: 1.1;
    font-weight: 600
}

.service_item {
    display: inline-flex !important;
    justify-content: center
}

.service_item img {
    max-width: 32px;
    height: auto;
    margin-right: 7px
}

.service_slider .slick-current .service_item {
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important;
    padding: 10px 30px;
    border-radius: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.service_slider .slick-slide .service_item {
    padding: 8px 15px;
    background: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit;
    width: 100% !important
}

.btm_part,
.top-part {
    justify-content: space-between
}

.ftr_sec strong {
    display: block;
    margin-bottom: 20px
}

.why-choose-us-section .row .col-md-6 a {
    color: #4da0fd;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    padding-right: 20px
}

#footer-section ul li:nth-child(4) p,
.LoginForm>div .form-control,
.availability_btn button,
.newsletter-form .form-control,
.registerForm>div .form-control,
.select_wrap select {
    width: 100% !important
}

.footer_rvw,
.full-fibre-content.feature-part .block .text-block h3 {
    padding-bottom: 20px
}

.footer_rvw a img {
    max-width: 195px
}

.sticky {
    background: #39515b !important;
    top: -2px;
    transition: .5s;
    left: 0;
    width: 100%;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 27%)
}

.broad_band_head h2,
.cta_txt_wrap {
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.p_card,
.sim-data .item {
    transition: .3s ease-in-out
}

.top-part {
    display: flex
}

.left {
    display: flex;
    flex-direction: column
}

.client-name img {
    max-width: 90px !important;
    margin-top: 10px
}

.sim-logo-block .image-container,
.testimonials .item {
    display: block !important
}

.footer-logo img {
    width: 200px
}

.innr_page_bnnr .banner-image {
    width: 100%;
    float: inherit !important;
    display: block !important
}

.innr_page_bnnr .banner-image img {
    width: 100% !important;
    height: 490px !important;
    object-fit: contain !important;
    max-width: 640px !important
}

.innr_page_bnnr .container-fluid .row>div:nth-child(2) {
    padding: 0 15px !important
}

.sim-feature img {
    max-width: none !important;
    height: 500px !important;
    object-fit: cover !important;
    object-position: top !important
}

.feature-part .image-block img {
    max-width: 550px;
    height: 420px;
    object-fit: contain
}

.fa-check {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900 !important;
    font-style: normal
}

.cloud-voice-price-plan .item {
    padding: 0 15px
}

.cloud-voice-product .feature-part .block .text-block h3 {
    padding: 0 0 15px !important
}

.cloud-voice-product .feature-part .block .text-block {
    padding-right: 0 !important;
    padding-left: 40px !important
}

.cloud-voice-product .top-text {
    padding: 0 0 60px
}

.inner-page {
    padding-top: 60px
}

.cloud-voice-product .feature-part .block {
    padding-bottom: 0 !important
}

.about-section,
.benefit-section {
    padding: 60px 0 !important
}

.cloud-voice-price-plan .slick-slide.slick-current>div .item .box {
    position: relative;
    border: 0 !important;
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important
}

.cloud-voice-price-plan .slick-slide.slick-current>div .item .box h3,
.cloud-voice-price-plan .slick-slide.slick-current>div .item .box ul li {
    color: #fff
}

.cloud-voice-price-plan .slick-slide.slick-current>div .item .box a {
    color: #1f64ff;
    background-color: #fff
}

.contact-banner {
    padding: 190px 0 120px;
    display: flex;
    align-items: stretch;
    min-height: 500px
}

.contact-banner .container-fluid {
    display: flex;
    align-items: stretch;
    height: 100%;
    justify-content: center
}

.contact-banner .text-block {
    height: 100%;
    padding: 95px 30px 85px;
    background: rgba(255, 255, 255, .05);
    border-radius: 20px;
    color: #fff;
    width: 100% !important
}

.contact-banner .banner-image {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%
}

.contact-banner .banner-image img {
    max-height: 100%;
    width: auto
}

.contact-section .row {
    justify-content: center !important
}

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

.contact-section .block img {
    max-width: 35px;
    padding-bottom: 13px
}

.form_sec .image-part img {
    height: 100%;
    object-position: top
}

.form_sec {
    padding-bottom: 75px
}

.form-block {
    background-color: #fff;
    box-shadow: -2px 1px 6px 4px rgb(0 0 0 / 10%);
    border-radius: 0 10px 10px 0;
    padding: 30px
}

.cloud_voice_benefits,
.f-fibre-feature,
.full_fibre_benefits,
.lease-line-benefits,
.sim_broadband_benefits {
    background-color: #f1f6ff
}

.p_card,
.package_btn a,
.show_btn_wrap button:focus,
.sim-data .item {
    box-shadow: none
}

.form-block h3 {
    text-transform: capitalize;
    margin-bottom: 25px
}

.contact-section .content-part .block p {
    font-size: 20px !important;
    font-weight: 600;
    text-align: center;
    line-height: 28px
}

.sim-data .item {
    background-color: #fff;
    border-radius: 14px;
    padding: 20px 10px;
    width: 100%;
    min-height: 350px;
    border: 1px solid #1f64ff
}

.sim-data .item_content {
    padding-bottom: 0;
    min-height: 75px
}

.sim-data .item_content p {
    color: #000;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 20px !important
}

.package_list ul li table tr td,
.package_list ul li table tr th {
    min-width: 10px
}

.package_list table td,
.package_list table th {
    text-align: left;
    padding: 8px 5px;
    word-wrap: break-word
}

.package_list table td {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    text-align: center
}

.package_list table tbody tr td:first-child {
    border-right: 0
}

.package_list table tbody tr:nth-child(2n) {
    background-color: #e0e4e9
}

.sim-data .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 20px;
    position: relative
}

.package_list {
    flex-grow: 1;
    padding-right: 10px
}

.package_list table thead tr th {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center
}

.package_btn {
    margin-top: auto
}

.package_btn a {
    text-align: center;
    background: #1f64ff;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    border-radius: 15px;
    box-shadow: 0 6px 20px 3px rgba(31, 100, 255, .3);
    padding: 20px 65px;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center
}

.error-message {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: red;
    min-height: 22px;
    margin-top: 5px
}

.sim-data .item:hover {
    box-shadow: 0 6px 20px 3px rgba(31, 100, 255, .3)
}

.scroll-wrapper {
    max-height: 220px;
    position: relative;
    margin-bottom: 30px
}

.scroll-wrapper:hover .package_list {
    overflow-y: auto
}

.package_list {
    max-height: 250px;
    overflow-y: hidden;
    scrollbar-width: thin;
    -ms-overflow-style: none
}

.cta_img,
.p_card {
    overflow: hidden
}

.package_list::-webkit-scrollbar {
    width: 6px
}

.package_list::-webkit-scrollbar-track {
    background: 0 0
}

.package_list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border-radius: 10px
}

#enquiryModal .modal-body form>div input,
#enquiryModal .modal-body form>div textarea {
    background-color: #f5f5f5 !important;
    height: 100% !important;
    border: .82px solid #e8e8e8 !important;
    color: rgba(73, 80, 87, .9) !important;
    width: 100% !important
}

.item_img img {
    max-width: 100px
}

.grn_chk {
    color: #34b233
}

.btm_part {
    border-top: 1px solid #cecece;
    padding: 20px 0 0;
    margin: 12px 0 0;
    display: flex
}

.copy_rightTxt p {
    font-size: 14px !important;
    line-height: 22px;
    padding-right: 0 !important;
    font-weight: 400 !important
}

.offComLogo img {
    max-width: 130px
}

.offComLogo {
    margin: 25px 0 0
}

.cross-mark {
    color: #f01010
}

.unlimited {
    font-size: 12px !important;
    display: block
}

.package_list ul li table thead {
    position: sticky;
    top: 0;
    z-index: 5
}

.slct_address_wrap {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0 20px
}

#broadband_address #selected_address {
    width: 55% !important;
    flex: 0 0 55% !important
}

#productList .col-md-4 {
    margin-bottom: 30px !important
}

#enquiryModal .close {
    font-size: 22px;
    color: #000;
    opacity: 1;
    padding: 15px !important;
    border: 0 !important;
    text-shadow: none !important
}

#enquiryModal .modal-body form>div input {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important
}

#enquiryModal .modal-body form>div input:focus,
#enquiryModal .modal-body form>div textarea:focus {
    color: rgba(73, 80, 87, .9) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    box-shadow: none !important
}

#enquiryModal .modal-body form>div input::placeholder {
    color: rgba(73, 80, 87, .9) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important
}

#productList .product-card .product-body>div>p span {
    font-weight: 600;
    font-size: 15px;
    line-height: 24px
}

#enquiryModal .modal-body form>div textarea {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    resize: none !important
}

#enquiryModal .modal-body form>div textarea::placeholder {
    color: rgba(73, 80, 87, .9) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important
}

#enquiryModal .modal-body {
    padding: 40px 15px !important
}

.no_addrss {
    margin-top: 30px
}

#productList .btn-enquire {
    background: #2a43cc !important;
    border: 2px solid transparent
}

#productList .btn-enquire:hover {
    background-color: transparent !important;
    color: #2a43cc !important;
    border-color: #2a43cc !important
}

.our-deals-section .item .text-block a {
    background-color: rgb(11 202 249) !important;
    color: #fff !important;
    border: 2px solid transparent;
    font-weight: 600;
    position: absolute;
    width: 100% !important;
    left: 0;
    right: 0;
    bottom: 25px;
    margin: 0 auto;
    border-radius: 5px !important;
    max-width: 140px
}

#addToCartBtn:hover,
#enquiryModal .modal-content .modal-body form button:hover,
.checkOut_btn:hover,
.form_sec .form-block button:hover,
.our-deals-section .item .text-block a:hover,
.p-btn:hover,
.payment_btn:hover,
.shoppng_btn:hover,
.show_btn_wrap button:hover,
.view_btn:hover {
    background-color: transparent !important;
    border-color: rgb(11 202 249) !important;
    color: rgb(11 202 249) !important
}

.about-section a {
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important;
    font-weight: 600;
    transition: .4s ease-in-out
}

.show_btn_wrap {
    margin-bottom: 50px
}

#enquiryModal .modal-content .modal-body form button,
.show_btn_wrap button {
    background-color: rgb(11 202 249) !important;
    color: #fff !important;
    border: 2px solid transparent;
    font-weight: 600
}

.about-banner .text-block a.started,
.cta_btn a,
.send-out-section a {
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important
}

#enquiryModal .modal-body h6 {
    font-weight: 600;
    color: #000;
    font-size: 24px
}

.about-banner .text-block {
    padding: 50px 35px 0
}

.about-banner .banner-image img {
    height: 480px
}

.login-dropdown {
    right: 0
}

.infoList li p {
    font-weight: 400 !important;
    color: #fff !important;
    font-size: 14px !important
}

.login-dropdown .dropdown a,
.mid-section .card .card-body table thead {
    background-color: #d9d9d9
}

.cart-section {
    padding: 0 !important;
    margin: -40px 0 0
}

#broadband_data,
.broadband_data,
.broadband_data .alert-warning {
    margin-top: 20px
}

.send-out-section a {
    font-weight: 600
}

.about-section .main-block .image-part img {
    height: 540px !important;
    object-position: top !important
}

.about_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.about-section .main-block .image-part {
    padding-right: 0 !important;
    width: 50%;
    flex: 0 0 50%
}

.about-section .main-block .text-part {
    width: 50%;
    flex: 0 0 50%;
    padding-right: 0 !important;
    padding-left: 45px
}

.sim-data h2 {
    margin: 0 0 20px
}

.sim-data p {
    margin-bottom: 30px
}

.sim-data .row .col-lg-3 {
    margin-bottom: 35px
}

.lease-line-benefits .box .icon-block img,
.sim-only-benefits .icon-block img,
.sim_broadband_benefits .icon-block img {
    max-width: 50px;
    height: auto
}

.full-fibre-banner .text-block {
    width: 100% !important;
    height: 100%
}

.cart-section .mid-section .card-body table tbody tr td a img,
.full-fibre-banner .banner-image img {
    object-fit: contain
}

.full-fibre-banner {
    padding: 130px 0 50px !important
}

.full-fibre-content.feature-part .block .image-block img {
    max-width: none !important;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
    object-position: top;
    height: 600px
}

.full-fibre-content.feature-part .block .text-block {
    padding-left: 25px
}

.full-fibre-content.feature-part .block .text-block ul {
    padding-left: 25px;
    padding-top: 20px
}

.full-fibre-content.feature-part .block .text-block ul li {
    padding-bottom: 7px;
    list-style: disc
}

.full-fibre-content.feature-part .block .text-block ul li strong {
    margin-right: 8px
}

.broadband_deals .broadband-section #broadband_address #selected_address,
.broadband_deals .broadband-section .input-group .form-control {
    width: 50% !important;
    flex: 0 0 50% !important
}

.broadband_deals .broadband-section .input-group .btn-check-now {
    width: 48% !important;
    flex: 0 0 48% !important
}

.broadband_deals .broadband-section .input-group {
    gap: 0 10px !important
}

.sim-data,
.sim-only-benefits {
    background-color: #f1f6ff;
    padding: 0 0 60px
}

.broadband_lft_img img {
    width: 100%;
    object-fit: cover;
    height: 440px;
    border-radius: 15px;
    object-position: top
}

.broadband_deals .broadband-section {
    padding: 0 0 50px
}

.full-fibre-content {
    padding: 80px 0 0
}

.f-fibre-feature {
    padding: 80px 0
}

.full-fibre-content.feature-part .block .text-block p {
    padding-bottom: 15px
}

.broadband_deals,
.p_availability {
    padding-bottom: 80px
}

.broadband_deals .broadband-section .check_availability_btn {
    width: 100% !important;
    margin-top: 0 !important;
    white-space: nowrap
}

.broadband_deals .broadband-section .slct_address_wrap {
    justify-content: inherit !important;
    gap: 0 10px !important
}

.broadband_deals .select_sec>div:first-child,
.broadband_deals .select_sec>div:nth-child(2) {
    width: 50%;
    flex: 0 0 50%
}

.broadband_deals .broadband_lft_img img {
    height: 530px !important
}

.broadband_head h2 {
    color: #000;
    text-align: left;
    line-height: 50px;
    padding-bottom: 0 !important;
    margin-bottom: 15px !important
}

.broadband_head p {
    margin-bottom: 25px
}

.p_card .card-body p:nth-child(3),
.sim-brdbnd-plan .item_img img {
    margin-bottom: 20px
}

.sim-broadbndSec .feature-part .block .image-block img {
    max-width: none !important;
    object-fit: cover !important;
    height: 500px !important
}

.sim-broadband-banner .text-block {
    width: 100%;
    height: 100%
}

.sim-broadband-banner .banner-image img {
    height: 470px
}

.sim-broadband-banner {
    padding-top: 110px
}

.sim-broadbndSec .feature-part .block {
    padding-bottom: 0
}

.full_fibre_benefits {
    padding: 60px 0
}

.sim_broadband_question .demo .accordion .card .card-body p {
    text-align: left !important;
    margin-bottom: 0 !important
}

.cloud-voice-product .feature-part .block .image-block img {
    max-width: none !important;
    height: 330px !important;
    object-position: center !important
}

.cloud_voice_benefits .customiz-part {
    padding: 40px 0 60px !important
}

.full_fibre_benefits .box .icon-block img {
    max-width: 50px
}

.sim-broadbndSec .feature-part .block .text-block ul {
    padding-left: 15px
}

.sim-broadbndSec .feature-part .block .text-block ul li {
    font-size: 17px !important;
    line-height: 32px;
    color: #230f0f;
    font-weight: 500;
    padding: 0 0 5px;
    list-style: disc
}

.sim-brdbnd-plan {
    padding: 0 0 60px !important
}

.lease-line,
.lease-line-benefits,
.lease-line-question {
    padding: 80px 0 !important
}

.lease-line-banner .banner-image img {
    height: 430px
}

.lease-line-banner {
    height: auto !important
}

.lease-line .feature-part .block .image-block img {
    object-fit: cover !important;
    height: 550px !important;
    max-width: none !important
}

.contact-banner .banner-images img {
    display: block;
    margin: 0 auto;
    height: 440px;
    object-fit: contain;
    width: 100%
}

.infoList li {
    margin-bottom: 5px
}

#broadband_data {
    width: 100%;
    height: 100%
}

.select_sec {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

#address_form label {
    display: block;
    text-align: left
}

.select_sec>div:first-child {
    width: 55%;
    flex: 0 0 55%
}

.select_sec>div:nth-child(2) {
    width: 45%;
    flex: 0 0 45%;
    padding-left: 25px
}

.broadband_check_bnnr .bnnr_img {
    width: 100%;
    position: relative;
    padding: 60px 0
}

.broadband_check_bnnr .bnnr_img .img_Div::after {
    position: absolute;
    content: '';
    background-color: rgb(34 135 215 / 33%);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 15px
}

.broadband_check_bnnr .bnnr_img img {
    height: 370px;
    object-fit: cover;
    margin: 0;
    border-radius: 15px;
    max-width: none;
    position: relative;
    object-position: top
}

.broad_band_head h2 {
    color: #fff;
    position: absolute;
    content: '';
    width: 100%;
    text-align: left;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.p_head {
    background-color: #1c58af !important;
    font-weight: 600
}

.p_card {
    border-radius: 15px;
    text-align: center;
    border: 1px solid rgb(28 88 175) !important
}

.cta_txt h2,
.cta_txt_wrap {
    text-align: left !important
}

.cta_img,
.cta_img img {
    border-radius: 10px;
    position: relative;
    z-index: 2
}

.p_card:hover {
    box-shadow: 0 0 6px 4px rgba(0, 0, 0, .07)
}

.p_card .card-body .btn-check-now {
    background-color: #1f64ff !important;
    max-width: 500px;
    margin: 0 auto;
    width: 100% !important;
    font-weight: 600
}

.p_card .card-body .btn-check-now:hover {
    background-color: rgb(157 103 181 / 89%) !important
}

.broadband_results .container-fluid .row .col-lg-4.col-md-6 {
    margin-bottom: 25px !important
}

.broadband_results,
.empty-cart-section {
    padding: 80px 0
}

.broadband_results_head h2 {
    padding: 0 0 25px;
    margin: 0 0 25px
}

.term-section h2 {
    margin-bottom: 25px;
    padding: 0 0 20px
}

.termsContent p {
    font-size: 14px;
    line-height: 26px;
    color: rgb(0 0 0 / 85%);
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: 400
}

.sub_head {
    margin-top: 30px;
}

.p_options form>div>label strong,
.sub_head h3 {
    font-size: 20px
}

.sub_head h3 {
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 600
}

.subheading h4 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px
}

.termsContent ul {
    padding-left: 20px;
    margin-bottom: 12px
}

.termsContent ul li {
    list-style-type: disc;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px
}

.termsContent h5 {
    font-size: 18px;
    line-height: 24px;
    color: rgb(0 0 0 / 85%);
    margin-bottom: 8px;
    font-weight: 600;
    padding-left: 12px
}

.refundList {
    display: flex;
    padding-left: 5px !important
}

.info li,
.refundList li {
    list-style-type: none !important
}

.refundList li:last-child {
    padding-left: 7px
}

.refundList li:first-child {
    padding-right: 6px
}

.termsContent a {
    color: rgb(31 209 253) !important;
    font-size: 16px;
    font-weight: 600;
    transition: .5s ease-in-out
}

.termsContent a:hover {
    color: #000 !important;
    text-decoration: underline !important;
    text-underline-offset: 0.2em !important
}

.icon {
    font-size: 17px;
    margin-right: 5px
}

.info li a {
    padding-left: 5px
}

.form_sec .image-part img {
    border-radius: 10px 0 0 10px !important
}

.cta_img img {
    width: 100%;
    height: 290px
}

.cta_img::after {
    position: absolute;
    content: '';
    background-color: rgb(0 0 0 / 75%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.cta_txt_wrap {
    position: absolute;
    width: 100%;
    z-index: 4;
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.cta_txt h2 {
    padding: 0 !important;
    margin-bottom: 20px !important;
    color: #fff
}

.cta_txt p {
    font-size: 19px !important;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px
}

.LoginForm .btn-login,
.cta_btn a,
.registerForm .btn-signup {
    border-radius: 12px;
    letter-spacing: .02em;
    line-height: 19px;
    margin: 0;
    font-weight: 600;
    text-transform: capitalize
}

.cta_btn a {
    display: inline-flex;
    font-size: 18px;
    color: #fff;
    padding: 16px 60px
}

.LoginForm>div label,
.registerForm>div {
    text-align: left
}

.blog_head h1,
.p-hd {
    text-align: center;
    color: #fff
}

.LoginForm>div .form-control:focus {
    border-color: #c17da7 !important
}

.LoginForm .btn-login,
.registerForm .btn-signup {
    display: inline-block;
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important;
    font-size: 15px;
    color: #fff;
    padding: 15px 20px;
    transition: .4s ease-in-out;
    border: 0 !important
}

.checkOutForm .form-control,
.filter-sidebar>div>select {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    height: 100% !important;
    width: 100% !important
}

.register a {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.2 em
}

.registerForm>div i {
    top: 0 !important;
    right: 15px !important;
    color: #6c757d !important;
    transform: translateY(-50%) !important;
    padding-top: 35px !important
}

/* 
.sub_txt,
.subheading {
	padding-left: 11px
} */

.srvc_l_new {
    padding-left: 35px !important
}

.filter-sidebar {
    background-color: #fff !important;
    box-shadow: 1px 1px 15px rgb(204 204 204 / 25%) !important;
    border: 1px solid !important;
    padding: 10px !important;
    margin: 0 !important;
    border-radius: 7px !important;
    position: sticky;
    top: 115px
}

.p-btn,
.productAddToCart {
    background-color: rgb(11 202 249) !important
}

.filter-sidebar>div>div {
    background-color: transparent !important;
    color: #000 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important
}

.filter-sidebar>div>select {
    color: rgba(73, 80, 87, .9) !important;
    background-color: rgb(231 231 231) !important;
    border: .82px solid #e8e8e8 !important;
    margin: 20px 0 0
}

.productSec .prdct_box {
    min-height: 380px !important
}

.productAddToCart {
    color: #fff !important;
    border: 2px solid transparent !important;
    font-weight: 600 !important;
    transition: .5s ease-in-out
}

#addToCart:hover,
.productAddToCart:hover {
    background-color: transparent !important;
    color: rgb(11 202 249) !important;
    border-color: rgb(11 202 249) !important
}

.checkoutBox {
    max-width: 100% !important;
    padding: 50px 20px !important;
    height: 100%;
    background-color: #fff !important
}

.checkOutForm .form-control {
    color: rgba(73, 80, 87, .9) !important;
    background-color: rgb(231 231 231) !important;
    border: .82px solid rgb(193 188 188) !important;
    border-radius: 7px !important
}

.checkOutForm textarea {
    height: 170px !important
}

.box-new {
    position: relative;
    border: 0 !important
}

.box-new .text-block a {
    position: absolute;
    width: 100% !important;
    left: 0;
    right: 0;
    bottom: 35px;
    margin: 0 auto;
    border-radius: 5px !important;
    max-width: 140px
}

.box-new .text-block .features {
    text-align: left;
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    align-items: center
}

.product-img img {
    margin: 3px auto 5px
}

.text-description {
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 400;
    margin-bottom: 6px
}

.p-btn,
.p-hd {
    font-weight: 600
}

.p-row {
    background: linear-gradient(180deg, #24717b 0, #5752da 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 4px
}

.p-hd {
    font-size: 13px;
    line-height: 19px
}

.owl-carousel .owl-stage-outer>div,
.p-row-btm>div:nth-child(4) {
    display: flex
}

.p-row-btm>div:nth-child(4) input {
    margin-left: 10px
}

.p-btn {
    color: #fff !important;
    border: 2px solid transparent;
    border-radius: 5px;
    max-width: 140px;
    margin: 0 auto
}

#addToCartBtn,
.form_sec .form-block button,
.view_btn {
    background-color: rgb(11 202 249) !important;
    border: 2px solid transparent
}

.p-btn-div {
    margin-top: 50px
}

.p-row-btm>div>span {
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.box-new .text-block ul li {
    font-size: 11px;
    line-height: 18px;
    color: #008000;
    font-weight: 400
}

.sim-only-title {
    margin-top: -15px
}

.box-new .text-block p {
    font-size: 14px !important;
    line-height: 19px !important;
    color: #000 !important;
    font-weight: 500 !important
}

#addToCartBtn,
.view_btn {
    color: #fff !important;
    font-weight: 600;
    border-radius: 5px !important;
    max-width: 160px;
    margin: 10px auto 0 !important
}

.color,
.priceStart,
.storage {
    color: #000;
    font-weight: 500;
    line-height: 19px
}

.productSec .prdct_box .card-body p {
    font-weight: 600;
    color: #000
}

.box-new .text-block ul li .fa-check {
    color: #008000;
    margin-right: 5px
}

.owl-carousel .owl-stage-outer>div>div {
    order: 2
}

#headSec {
    background: linear-gradient(to right, rgba(0, 20, 55, .95) 100px, rgba(0, 20, 55, .92) 250px, rgba(0, 20, 55, .88) 100%) !important;
    top: 0;
    left: 0;
    border-bottom: 1px solid
}

.head_nav a img {
    width: 195px
}

.blog-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 500px !important
}

.blog_head h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: .17px;
    padding: 0 0 15px;
    margin: 0
}

.blog-section .box {
    max-width: none
}

.broadband_check_bnnr {
    background: url(../images/broadband-checker-banner-image-new.jpg) top/cover no-repeat;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.broadband_check_bnnr::after {
    background-color: rgb(0 0 0 / 39%);
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.bnnr_content {
    position: relative;
    z-index: 2
}

.product-row {
    padding: 80px 0;
    background-color: #f7f7f7;
    position: relative
}

.cloud_voice_bnnr,
.innr_page_bnnr {
    padding: 130px 0 30px !important;
    height: auto !important
}

.productHead h2 {
    color: #fff;
    text-align: left
}

.product-bnnr .banner-image img {
    height: 400px
}

.p_dtls_row .box>div>p a {
    color: #000;
    font-weight: 600
}

.product_dtls_Sec .p_dtls_row .box {
    background: 0 0 !important;
    box-shadow: none !important
}

.cart-section .card-herder h2 {
    padding-bottom: 0;
    margin-bottom: 0
}

.cart-banner {
    min-height: 500px
}

.mid-section .row .card {
    margin: 60px 0
}

.mid-section .card .card-body table {
    border: 0 !important
}

.mid-section .card .card-body table td,
.mid-section .card .card-body table th {
    border: 0 !important;
    vertical-align: baseline !important
}

.mid-section .card .card-body table td h6 {
    color: #0056b3;
    font-weight: 700;
    font-size: 18px
}

.mid-section .card .card-body table tr {
    border-bottom: .5px solid
}

.card-footer .text-right h4 {
    font-weight: 600;
    margin-bottom: 25px
}

.dropdown-arrow {
    margin-left: 8px;
    font-size: 16px
}

.dropdown-submenu {
    display: none;
    background: #fff;
    z-index: 999;
    min-width: 160px
}

.sim-broadband-banner .text-block a {
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important;
    color: #fff !important
}

.short_desc_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.sim-logo-block {
    max-width: 100%;
    flex: 0 0 100%
}

.sim-logo-block .image-container img {
    width: 80px;
    height: auto !important
}

.short_desc_wrap .product-title {
    min-height: 70px;
    position: relative;
}

.short_desc_wrap .product-title span {
    display: block;
    color: transparent;
    min-height: 70px;
    position: relative;
    font-size: 11px;
    text-align: left;
}

.short_desc_wrap .product-title span::before {
    content: '✓ Unlimited Voice\A✓ Unlimited Text\A✓ Unlimited Data';
    white-space: pre-line;
    color: green;
    display: block;
    position: static;
    line-height: 1.5
}

.features li {
    font-size: 11px;
    line-height: 1.5;
    color: #008000;
    font-weight: 400;
}

.features li i.fa-check {
    color: #008000;
    margin-right: 5px;
}

.features li::before {
    content: '✓ ';
    color: #008000;
    font-weight: 400;
}

.our-deals .item .box {
    padding: 15px 15px 25px !important
}

.sim-only-desc .product-title {
    min-height: 40px !important;
}

.storage {
    font-size: 13px !important;
    margin-bottom: 5px;
}

.priceStart {
    font-size: 14px
}

.P_title,
.lead {
    font-weight: 700
}

.item_img img {
    width: 80%
}

.btm_txt_para {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25%
}

.color-label,
.storage-card {
    cursor: pointer;
    position: relative
}

.cart-section .card {
    align-items: center !important
}

.cart-section .card-body {
    width: 100%;
    padding: 15px !important
}

.product_dtls_sec {
    background-color: #fff;
    margin-top: -78px;
    padding: 80px 0
}

.P_title {
    color: #00c9fb;
    font-size: 40px;
    text-align: left;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 60%);
    margin: 0 0 20px !important;
    padding: 0 !important
}

.color-label,
.color-label::before {
    margin-right: 6px;
    display: inline-block
}

.product_dtls_sec .row>div:first-child {
    display: flex;
    justify-content: flex-end;
    align-items: baseline
}

.product_dtls_sec .row>div:last-child {
    padding-left: 50px
}

.product_dtls_sec .row .p_Img img {
    width: 500px;
    height: 450px;
    object-fit: contain
}

.lead {
    font-size: 26px !important;
    color: #f60 !important;
    margin-bottom: 20px !important
}

.P_price sup {
    top: -2px;
    left: 4px;
    font-size: 24px
}

.p_desc p {
    color: #000;
    font-weight: 500;
    margin: 4px 0;
    white-space: pre-line;
    word-break: break-all
}

.p_desc strong {
    font-weight: 600
}

.checkOutForm h3,
.dropdown-content a {
    font-weight: 600 !important
}

.p_options {
    margin-top: 18px
}

#cartForm>div:first-child .form-check label {
    font-size: 17px;
    line-height: 19px;
    color: #000;
    font-weight: 400;
    letter-spacing: .1em
}

#addToCart {
    background-color: rgb(11 202 249) !important;
    color: #fff !important;
    border: 2px solid transparent !important;
    font-weight: 600
}

.prdct_desc {
    text-align: center
}

.color-label {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: border-color .3s, box-shadow .3s;
    font-size: 0
}

.cart_revew_innr,
.storage-options,
.total-ammount h3 {
    display: flex;
    display: flex
}

.color-label.active {
    border-color: #007bff;
    box-shadow: 0 0 5px #007bff
}

.color-label::before {
    content: '';
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: var(--color);
    border: 1px solid #ccc;
    top: -1px;
    position: absolute;
    left: -1px
}

.color-label input:checked+span::before,
.color-radio:checked+span::before {
    border-color: #000;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .2)
}

#selectedColorName {
    font-size: 17px;
    color: #1e1b1b !important;
    text-transform: capitalize;
    letter-spacing: 1.5px
}

.storage-options {
    gap: 1rem;
    flex-wrap: wrap
}

.storage-card {
    border: 2px solid #ccc;
    border-radius: 6px;
    padding: 10px 16px;
    transition: .3s;
    font-weight: 500;
    font-size: 1rem;
    background-color: #e0f0ff;
    box-shadow: 0 0 0 2px #007bff
}

#variantDisplay,
.cart_summary {
    position: sticky;
    top: 140px
}

.storage-card .storage-label {
    display: inline-block;
    text-align: center;
    width: 100%
}

.storage-card input[type=radio]:checked+.storage-label {
    font-weight: 600;
    color: #007bff
}

.form_sec .form-block button {
    font-weight: 600;
    border-radius: 5px !important;
    min-width: 135px
}

.checkOut_btn,
.shoppng_btn {
    border: 2px solid transparent;
    font-weight: 600;
    background-color: rgb(11 202 249) !important
}

.head_nav>div>ul li a:hover {
    color: #00c9fb !important
}

.checkOut_btn {
    border-radius: 5px !important;
    transition: .5s ease-in-out
}

.cartWrap>div a {
    padding-right: 5px !important;
    padding-left: 0 !important
}

.cartWrap div a {
    font-size: 16px;
    font-weight: 600
}

.term-section {
    padding: 130px 0 45px !important
}

.list-group-item {
    border-radius: 4px;
    margin: 0 0 10px;
    box-shadow: -1px -1px 6px 0 rgba(0, 0, 0, .075) !important;
    padding: 8px !important
}

.list-group-item.active {
    background-color: #03a9f4 !important
}

.head_nav>div>ul:nth-child(2) li {
    padding-right: 5px
}

.empty-cart-section .card .card-body img {
    max-width: 160px
}

.empty-cart-section .card .card-body h1 {
    color: #202122 !important;
    font-family: Poppins;
    font-weight: 600 !important
}

.shoppng_btn {
    border-radius: 5px !important
}

.checkOutForm .form-group label {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    color: #483d3d;
    font-weight: 400
}

.checkOutForm h3 {
    text-align: left !important;
    margin-bottom: 15px !important;
    font-size: 17px !important
}

.payment_btn {
    background-color: rgb(11 202 249) !important;
    border: 2px solid transparent;
    font-weight: 600;
    border-radius: 5px !important;
    width: 100%
}

.cart_revew_innr,
.total-ammount {
    border-bottom: .5px solid #dedede
}

.cart_summary {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1) !important;
    border-radius: 15px;
    padding: 50px 20px
}

.cart_revew_innr {
    gap: 0 30px;
    gap: 0 40px;
    background: #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
    align-items: center;
    gap: 0 20px
}

.Cart_pimg img {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain !important
}

.Cart_pdtls h4 {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-weight: 600
}

.p_price,
.p_qty {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    font-weight: 400
}

.total-ammount h3 {
    font-size: 22px !important;
    line-height: 34px !important;
    color: #000 !important;
    font-weight: 600 !important;
    justify-content: space-between
}

.cart_summary h3 {
    text-align: left !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    margin-bottom: 30px
}

.total-ammount {
    text-align: left;
    margin-bottom: 15px
}

.checkout-section {
    padding: 60px 0;
    margin-top: -40px
}

.full-fibre-banner .text-block a,
.lease-line-banner .text-block a {
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important
}

.sucess-message {
    margin-top: 15px
}

.sucess-message .close {
    padding: 10px 15px !important;
    min-width: 50px !important;
    color: #000 !important;
    border: 0 !important
}

.sim-broadbndSec .feature-part .block .text-block p {
    font-weight: 400 !important
}

.sim-only-benefits,
.sim_broadband_benefits {
    padding: 60px 0 20px !important
}

.ftr_menu h3::after {
    position: absolute;
    content: '';
    width: 55px;
    height: 1px;
    background-color: rgb(255 255 255 / 50%);
    left: 0;
    right: 0;
    bottom: 8px;
    margin: 0;
    z-index: 2;
}

.ftr_menu h3 {
    position: relative;
}

.ftr_menu ul {
    padding-top: 10px;
}

.card-herder h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
}

/* mob-finance-section 24.12.25 */
.mob-finance-section {
    /* Subtle gradient from brand blue to white */
    background: linear-gradient(135deg, #e0f7ff 0%, #ffffff 100%);
    padding: 80px 0;
    border-top: 1px solid #d1effa;
}

.mob-finance-section h3 {
    margin-bottom: 25px;
}

.mob-finance-section p {
    margin-bottom: 5px;
}

.mob-finance-section .text-container p {
    padding-bottom: 15px;
}

.cal-form-container {
    background-color: rgb(26 26 27 / 89%);
    max-width: 700px;
    border-radius: 15px;
    overflow: hidden;
    padding: 25px;
    margin: 0 auto;
}

.range_head {
    text-align: center;
}

.range_head h4 {
    font-size: 24px;
    text-transform: uppercase;
    color: #0bcaf7;
    margin-bottom: 5px;
    font-weight: 600;
    letter-spacing: 1px;
}

.cal-form-container p {
    color: #fff;
    font-size: 15px !important;
}

.cal-form-container .input-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0 15px;
    margin-bottom: 20px;
}

.cal-form-container .input-wrapper .cost {
    flex: 0 0 50%;
    width: 50%;
}

.cal-form-container .input-wrapper .deposit {
    flex: 0 0 50%;
    width: 50%;
}

.cal-form-container .input-wrapper input {
    width: 100%;
}

.range_head p a {
    color: #0bcaf7;
    transition: all 300ms ease-in-out;
    text-decoration: none !important;
}

.range_head p a:hover {
    text-decoration: underline !important;
    text-underline-offset: 0.4em;
}

.field-box {
    position: relative;
    background-color: #f5f5f5;
    /* Light grey background from your sample image */
    border-radius: 5px;
    height: 48px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.field-box::before {
    content: "£";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 45px;
    /* Space for the symbol */
    display: flex;
    align-items: center;
    justify-content: center;

    /* Colors based on your reference image */
    color: #0bcaf7;
    font-weight: 700;
    font-size: 20px;

    /* The vertical separator line */
    border-right: 1px solid #dcdcdc;
    pointer-events: none;
    /* Allows user to click "through" the symbol to focus the input */
}

.field-box input {
    width: 100%;
    height: 100%;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    font-size: 16px;
    color: #000;
    /* Important: padding-left creates space so text doesn't overlap the symbol */
    padding-left: 55px !important;
    padding-right: 15px !important;
}

.field-box:focus-within {
    background-color: #ffffff;
    box-shadow: 0 0 0 2px rgba(11, 202, 247, 0.4);
}

.xtraDtls {
    margin: 20px 0 10px;
}

.xtraDtls p {
    margin-bottom: 5px;
}

.lnthSlide {
    margin-top: 20px;
}

.range-slider-container {
    position: relative;
    padding-top: 0;
}

#repaymentRange {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    /* This background handles the grey and green parts via JS */
    background: linear-gradient(to right, #97c93e 0%, #97c93e 0%, #e0e0e0 0%, #e0e0e0 100%);
    outline: none;
    margin: 20px 0;
}

#repaymentRange::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    background: #ffffff;
    border: 2px solid #0bcaf7;
    /* The green from your image */
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: 0.2s ease-in-out;
}

#repaymentRange::-webkit-slider-thumb:hover {
    transform: scale(1.1);
}

/* Thumb - Firefox */
#repaymentRange::-moz-range-thumb {
    width: 24px;
    height: 24px;
    background: #ffffff;
    border: 2px solid #0bcaf7;
    border-radius: 50%;
    cursor: pointer;
}

/* Range Labels Styling */
.range-labels {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.range-labels li {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}

/* The Dot above each number */
.range-labels li::before {
    content: '';
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
}

.range-labels li.active {
    color: #0bcaf7;
}

.range-labels li.active::before {
    background: #0bcaf7;
}

/* Output Text */
#calOutput {
    text-align: left;
    border-radius: 8px;
    margin: 20px 0 15px;
}

#monthlyVal {
    font-size: 17px !important;
    font-weight: 700;
    color: #0bcaf7;
}

.mob-finance-section .row {
    align-items: center;
}

.btnDiv {
    text-align: center;
}

.btnDiv button {
    background-color: #0bcaf7;
    border-radius: 4px;
    color: rgb(26 26 27 / 89%);
    padding: 10px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 400ms ease-in-out;
    border: 2px solid transparent;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin: 0 auto;
    width: 100%;
}

.btnDiv button:hover {
    background-color: transparent;
    color: #0bcaf7;
    border-color: #0bcaf7;
}

.priceStart p {
    font-size: 14px !important;
    line-height: 19px !important;
    color: #000 !important;
    font-weight: 500 !important;
}

.monthly-error {
    color: #ed4141 !important;
    font-weight: 600 !important;
}


/* disclaimer modal design 07.01.26 */
#disclaimerModal .disclaim_sign {
    text-align: center;
}

#disclaimerModal .disclaim_sign img {
    max-width: 45px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(75%) saturate(3645%) hue-rotate(352deg) brightness(95%) contrast(93%);
}

#disclaimerModal .modal-header {
    border: 0 !important;
    padding-bottom: 10px !important;
}

#disclaimerModal .disclaimer_head {
    text-align: center;
    margin-bottom: 25px;
}

.disclaimer_cntnt p {
    font-size: 12px !important;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    margin-bottom: 15px;
}

#disclaimerModal .modal-footer .form-check {
    padding-left: 10px !important;
    display: flex;
    align-items: flex-start;
}

#disclaimerModal .modal-footer .form-check-label {
    font-size: 12px;
    line-height: 18px;
}

#disclaimerModal .modal-content .modal-body {
    padding: 0 10px !important;
}

#loanAmt,
#paybleAmt,
#deopsitAmt {
    color: #0bcaf7;
    font-weight: 700;
    font-size: 15px !important;
}

#disclaimerModal .modal-footer a {
    margin: 15px auto 0;
    min-width: 200px;
    font-size: 15px;
}

#disclaimerModal input[type="range"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

#disclaimerModal button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.output span {
    color: #fff;
    font-size: 14px !important;
}

#disclaimerModal .modal-footer .form-check input {
    padding-left: 10px !important;
    display: flex;
    align-items: flex-start;
}

#disclaimerAgree {
    margin-top: 3px;
}

.contact_head {
    padding-top: 60px;
}

.contact_para {
    padding-bottom: 40px;
}

.contact_para p {
    padding-bottom: 15px;
}




/* media queries */

@media(min-width:1921px) and (max-width:4000px) {
    .our-deals .item {
        min-height: 465px
    }
}

@media(min-width:1831px)and (max-width:1920px) {
    .our-deals .item {
        min-height: 467px
    }
}

@media(min-width:1600px) and (max-width:1830px) {
    .our-deals .item {
        min-height: 470px
    }

    .p-btn-div {
        margin-top: 55px
    }

    .item .text-block {
        margin-top: 24px
    }

    .cloud-voice-desc .product-title {
        min-height: 60px;
    }

    .sim-only-desc .product-title {
        min-height: 25px !important;
    }

    .price {
        top: 77%
    }
}

@media (min-width:1400px) and (max-width:1599px) {

    .p-row .col-3,
    .p-row-btm .col-3 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .prdct_box .prdct_img img {
        max-height: 160px !important
    }

    .prdct_box .prdct_img {
        height: 190px !important
    }

    .tab-content {
        gap: 23px
    }

    .tab-content p {
        font-size: 18px !important;
        line-height: 30px !important
    }

    .broadband_deals .broadband_lft_img img {
        height: 565px !important
    }

    .p-row .col-3 small {
        font-size: 10px
    }

    .our-deals .item {
        min-height: 500px
    }

    .sim-only-desc .product-title {
        min-height: 20px !important;
    }

    .p-btn-div {
        margin-top: 55px
    }

    .item .text-block {
        margin-top: 24px
    }

    .box-new .text-block p {
        font-size: 13px !important;
        line-height: 16px !important
    }

    .box-new .text-block ul li {
        font-size: 11px
    }

    .price {
        top: 72%
    }

    .btm_txt_para {
        bottom: 29%
    }

    .cloud-voice-desc .product-title {
        min-height: 55px !important;
    }

    .priceStart {
        font-size: 13px;
    }
}

@media(min-width:1200px) and (max-width:1399px) {
    .prdct_box {
        min-height: 440px !important
    }

    .prdct_box .card-body {
        padding: 0 0 20px
    }

    .prdct_box .prdct_img img {
        max-height: 125px !important;
        object-fit: contain
    }

    .prdct_box .prdct_img {
        height: 190px !important
    }

    .benefit-section .box {
        margin: 0 0 45px
    }

    .tab-content {
        gap: 15px !important;
        padding: 15px !important
    }

    .tab-content h1 {
        font-size: 32px !important;
        line-height: 40px !important
    }

    .bnnr_img img {
        height: 525px
    }

    .partner-section .item {
        padding: 0 22px
    }

    .p-row .col-3 small {
        font-size: 9px
    }

    .box-new .text-block ul li.text-description {
        font-size: 11px
    }

    .p-row-btm .col-3 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .p-hd,
    .p-row-btm>div>span {
        font-size: 12px
    }

    .box {
        padding: 18px 10px 40px !important
    }

    .p-row-btm>div:nth-child(4) input {
        margin-left: 6px
    }

    .p-btn-div {
        margin-top: 57px
    }

    .our-deals .item {
        min-height: 495px;
        padding: 0 8px
    }

    .item .text-block {
        margin-top: 24px
    }

    .our-deals .item .box {
        padding: 15px 7px 25px !important
    }

    .sim-logo-block {
        padding: 5px 0
    }

    .text-block h4 {
        font-size: 17px
    }

    .price {
        top: 76%
    }

    .box-new .text-block p {
        font-size: 12px !important
    }

    .priceStart {
        font-size: 12px;
    }

    .sim-only-desc .product-title {
        min-height: 34px !important;
    }

    .btm_txt_para {
        bottom: 26%
    }

    .color {
        font-size: 14px !important;
    }

    .partner .item {
        max-width: 200px
    }

    .lease-line-benefits .box {
        min-height: 380px !important;
    }

    .package_list {
        max-height: 260px !important;
    }

    .scroll-wrapper {
        max-height: 300px !important;
        margin-bottom: 15px !important;
    }

    .package_list table td {
        padding: 8px 0 !important;
    }

    .package_btn a {
        padding: 12px 60px !important;
    }

    .package_list table td input {
        width: 12px;
        height: 12px;
        margin-left: 6px;
    }

    .sim-only-benefits .box {
        min-height: 320px !important;
    }
}

@media(max-width:1199px) {
    .image-container {
        height: 120px
    }

    .innr_page_bnnr,
    .sim-logo-block .image-container {
        height: auto !important
    }

    .btn-primary {
        padding: 7px 15px
    }

    .tab-content {
        width: 50%;
        gap: 15px
    }

    .broadband_head h2,
    .our-deals-section h2,
    .partner-section .bottom-part h2 {
        font-size: 30px;
        line-height: 40px
    }

    .broadband-card {
        max-width: 100%;
        width: 100%
    }

    .broadband-card .section-title {
        font-size: 34px;
        line-height: 40px
    }

    .question-section .demo .accordion .card .card-header h3 .btn-link {
        font-size: 20px;
        line-height: 24px
    }

    .partner-section .item {
        padding: 0 35px
    }

    .send-out-section {
        background-size: cover;
        margin: 0
    }

    .make-you-section .text-block,
    .testimonial-section {
        padding: 45px 0
    }

    .prdct_row .col-lg-3 {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    #footer-section ul li a {
        font-size: 15px;
        line-height: 24px
    }

    .benefit-section .box {
        margin: 0 0 45px;
        min-height: 330px
    }

    .tab-content h1 {
        font-size: 24px;
        line-height: 32px
    }

    .tab-content p {
        font-size: 15px !important;
        line-height: 26px !important
    }

    .banner-section {
        min-height: 475px;
        padding: 130px 0 0
    }

    .box-new .text-block p,
    .p_card .card-body .btn-check-now,
    .service_item h5 {
        font-size: 14px !important
    }

    .bnnr_img img {
        height: 325px;
        max-width: 460px
    }

    .service_item img {
        max-width: 25px
    }

    .text-block h4 {
        font-size: 15px
    }

    .testimonial-section .text-block h3:after {
        background-size: 65px;
        top: -16px
    }

    .product-section {
        padding: 60px 0 0
    }

    .feature-part .image-block img {
        max-width: none;
        height: 400px !important;
        object-fit: contain
    }

    .product-section .feature-part .block .text-block h3 {
        font-size: 35px;
        line-height: 44px
    }

    .cloud-voice-product .top-text {
        padding: 0 0 55px
    }

    .benefit-section .customiz-part {
        padding: 50px 0
    }

    .benefit-section .customiz-part .top-text h2 {
        font-size: 40px;
        line-height: 45px
    }

    .benefit-section .feature-part {
        padding: 0
    }

    .benefit-section .feature-part .block .text-block h3 {
        font-size: 35px;
        line-height: 48px;
        padding: 0 0 25px
    }

    .question-section {
        padding: 55px 0
    }

    .benefit-section .feature-part .block .text-block {
        padding: 20px 0 0
    }

    .benefit-section .feature-part .block .text-block p {
        padding: 0 0 20px
    }

    .innr_page_bnnr {
        min-height: 450px
    }

    .contact-banner .banner-image img {
        height: 440px
    }

    .contact-banner {
        padding: 160px 0 90px
    }

    .contact-banner .text-block {
        padding: 70px 20px
    }

    .broadband-card .form-control {
        flex: 0 0 55% !important
    }

    .input-group {
        gap: 0 10px !important
    }

    .btn-check-now {
        flex: 0 0 43% !important
    }

    #productList .product-body button {
        font-size: 14px
    }

    .show_btn_wrap {
        margin-bottom: 30px
    }

    .testimonial-section .bottom-part .text-box {
        min-height: 380px
    }

    .partner .item {
        max-width: 270px
    }

    .make-you-section .text-block h2 {
        font-size: 48px;
        line-height: 52px
    }

    .send-out-section h2 {
        font-size: 45px;
        line-height: 52px
    }

    .p-row .col-3 small {
        font-size: 9px
    }

    .p-row-btm .col-3 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .text-description {
        font-size: 11px
    }

    .p-row-btm>div>span {
        font-size: 12px
    }

    .p-btn-div {
        margin-top: 38px
    }

    .our-deals .item {
        min-height: 460px
    }

    .btn-check-now,
    .check_availability_btn {
        white-space: nowrap
    }

    .banner-section .text-block {
        padding: 40px 25px
    }

    .full-fibre-content .broadband-card {
        padding: 30px 15px
    }

    .broadband_deals .broadband-section .input-group {
        gap: 0 5px !important
    }

    .select_wrap select .form-control {
        font-size: 13px
    }

    .broadband_head p {
        margin-bottom: 10px
    }

    #footer-section h3 {
        font-size: 16px
    }

    .cartWrap {
        margin-left: auto
    }

    .package_btn a {
        padding: 10px 15px
    }

    .package_list table td {
        font-size: 10px;
        line-height: 18px
    }

    .price {
        top: 79%;
        font-size: 16px !important
    }

    .form-block h3 {
        font-size: 25px !important
    }

    .contact-section .content-part .block a {
        font-size: 17px
    }

    .list-group-item,
    .productSec .prdct_box .card-body p {
        font-size: 15px !important
    }

    .product-row .prdct_desc .card-body {
        padding: 0 !important
    }

    .prdct_box .card-body h5 {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 5px !important
    }

    .productSec .prdct_box {
        min-height: 250px !important;
        padding-bottom: 30px !important
    }

    .prdct_box .prdct_img img {
        max-height: 127px !important
    }

    .list-group-item {
        padding: 8px !important
    }

    .prdct_box .prdct_img {
        height: 100% !important
    }

    .prdct_desc {
        margin-top: 15px
    }

    .product-bnnr {
        padding: 130px 0 50px
    }

    .priceStart {
        line-height: 15px;
    }

    .color {
        font-size: 13px !important;
        line-height: 20px !important;
    }

    .btm_txt_para {
        bottom: 24%;
    }

    .testimonial-section .bottom-part .text-box {
        padding: 20px;
        margin: 20px 10px 0 0;
        min-height: 300px
    }

    .testimonial-section .bottom-part .text-box:hover {
        overflow-y: auto;
    }

    .testimonial-section .bottom-part .text-box::-webkit-scrollbar {
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 4px;
        width: 2px;
        padding-right: 10px;
    }

    .testimonial-section .bottom-part .text-box::-webkit-scrollbar-thumb {
        background-color: #000;
        height: 5px;
    }
}

@media(min-width:992px) and (max-width:999px) {
    .p-btn-div {
        margin-top: 4px
    }

    .our-deals .item {
        min-height: 457px
    }

    .box {
        padding: 15px 15px 25px !important
    }

    .price {
        top: 79%
    }

    .color {
        font-size: 13px !important;
        line-height: 20px !important;
    }

    .btm_txt_para {
        bottom: 24%;
    }

    .scroll-wrapper {
        max-height: 300px !important;
    }

}

@media screen and (max-width:991px) {
    #headSec {
        backdrop-filter: inherit !important
    }

    .head_nav .navbar-toggler {
        color: inherit !important;
        border: 0 !important
    }

    .head_nav button {
        background-color: inherit !important;
        box-shadow: none !important
    }

    .head_nav button span {
        background-image: url(../images/menu.png) !important;
        background-size: 22px !important;
        background-repeat: no-repeat !important
    }

    .head_nav .navbar-brand img {
        max-width: 180px
    }

    .head_nav .navbar-collapse {
        order: 2 !important;
        position: fixed;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        padding-top: 50px;
        transform: translateY(-100%);
        transition: .5s ease-in-out;
        overflow-x: auto;
        background-color: #000;
        z-index: 9
    }

    .head_nav .navbar-collapse ul {
        flex-direction: column;
        padding: 15px
    }

    .head_nav .navbar-collapse.show {
        transform: translateY(0)
    }

    .head_nav .navbar-collapse.show~button span {
        background-image: url(../images/close.png) !important;
        position: absolute;
        z-index: 99;
        right: 30px;
        top: 15px;
        background-size: 30px !important
    }

    .tab {
        flex-direction: column-reverse;
        text-align: center;
        justify-content: center;
        align-items: center
    }

    #footer-section .footer-logo,
    .tab-content {
        text-align: left
    }

    .tab-content {
        width: 100%;
        margin: 0 auto
    }

    .form-control,
    .mid-section .card .card-body table td h6 {
        font-size: 14px
    }

    .btn-check-now {
        padding: 6px 13px
    }

    .tab-content a {
        max-width: 150px;
        font-size: 16px
    }

    .banner-section .tabs .tab .tab-image {
        position: static;
        width: 100% !important;
        right: 0;
        bottom: 0;
        max-width: 270px;
        padding-left: 0;
        padding-top: 40px;
        height: 320px
    }

    .broadband-section {
        padding: 60px 0 20px
    }

    .our-deals-section {
        padding: 20px 0 40px
    }

    .partner-section .bottom-part h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 25px
    }

    .why-choose-us-section .row .image-part {
        padding-right: 20px
    }

    .why-choose-us-section .row:nth-child(4) .image-part {
        padding-left: 20px
    }

    .why-choose-us-section h2 {
        font-size: 30px;
        line-height: 40px;
        padding: 0 0 20px
    }

    .about-section {
        padding: 35px 0
    }

    p {
        font-size: 14px !important;
        line-height: 24px !important
    }

    h3 {
        font-size: 25px
    }

    .why-choose-us-section .container .row {
        margin-bottom: 50px !important
    }

    .testimonial-section .bottom-part .text-box {
        padding: 20px;
        margin: 20px 10px 0 0;
        min-height: 300px
    }

    #footer-section p {
        margin: 0;
        text-align: left;
        max-width: none;
        padding: 0
    }

    #footer-section .top-part p {
        margin: 0 0 10px
    }

    #footer-section .top-part {
        padding: 0 0 33px;
        margin: 0 0 50px;
        flex-direction: column
    }

    #footer-section .top-part p span {
        padding-top: 20px
    }

    .nwsltr_Sec {
        margin: 20px 0 40px
    }

    #footer-section .newsletter-form {
        max-width: 100%
    }

    .inner-banner {
        height: 500px;
        min-height: 660px !important
    }

    .counter-block,
    .inner-banner .text-block {
        width: 100%
    }

    .about-section .main-block .counter-block {
        position: static;
        width: 100%
    }

    .make-you-section .text-block h2 {
        font-size: 40px;
        line-height: 45px
    }

    .make-you-section .text-block {
        padding: 25px 0 0
    }

    .send-out-section h2 {
        font-size: 40px;
        line-height: 50px;
        padding: 0 0 60px
    }

    .about-section .main-block .image-part,
    .about-section .main-block .text-part {
        padding-right: 0
    }

    .prdct_row .col-lg-3 {
        flex: 0 0 50% !important;
        max-width: 50% !important
    }

    #footer-section .top-part p a {
        padding-bottom: 2px;
        margin-bottom: 0
    }

    .prdct_box .card-body h5 {
        font-size: 16px;
        line-height: 26px
    }

    .benefit-section {
        padding-top: 50px
    }

    .tab-content h1 {
        font-size: 20px;
        line-height: 27px
    }

    .bnnr_img img {
        height: 250px
    }

    .tab-content p {
        font-size: 13px !important;
        line-height: 22px !important
    }

    .benefit-section .customiz-part .item .box h2,
    .benefit-section .customiz-part .top-text h2,
    .benefit-section .feature-part .block .text-block h3,
    .broadband-card .section-title,
    .contact_head h2,
    .section-title,
    h2 {
        line-height: 40px;
        font-size: 30px
    }

    .service_item h5 {
        font-size: 13px !important;
        white-space: nowrap
    }

    .service_item img {
        max-width: 20px;
        margin-right: 5px
    }

    .tab-content {
        min-height: 250px
    }

    #footer-section .top-part p.right {
        margin: 20px 0 10px !important
    }

    .image-part img {
        height: 425px !important
    }

    .innr_page_bnnr .row {
        align-items: center
    }

    .product-section .top-text h2 {
        font-size: 33px;
        padding: 0 0 15px
    }

    .benefit-section .box {
        min-height: 380px
    }

    .benefit-section .customiz-part .item .box a {
        padding: 15px 40px
    }

    .benefit-section .customiz-part .item .box ul {
        min-height: 210px
    }

    .question-section .demo .accordion .card .card-header h3 .btn-link {
        font-size: 18px
    }

    .question-section .demo .accordion .card .card-header h3 .btn-link .fa {
        width: 40px;
        height: 34px;
        padding: 10px
    }

    .feature-part .image-block img {
        height: 340px !important
    }

    .broadband-card {
        width: 100%;
        padding: 20px 15px
    }

    #broadband_address label {
        margin: 10px 0 0 !important
    }

    .slct_address_wrap button {
        margin-top: 10px !important
    }

    #productList .btn-enquire {
        padding: 7px 10px
    }

    #productList .product-card .product-body {
        padding: 15px 10px !important
    }

    #productList .product-body button {
        font-size: 11px;
        font-weight: 600
    }

    .partner-section .item {
        padding: 0 15px
    }

    .about-banner {
        height: 530px
    }

    .about-banner .banner-image img {
        height: 340px
    }

    .about-section .main-block .image-part img {
        height: 400px !important
    }

    .about-section .main-block .text-part {
        padding-right: 0 !important
    }

    .broadband_results_head h2 {
        margin: 0 0 25px
    }

    #footer-section h3 {
        font-size: 16px
    }

    .box {
        padding: 15px 10px 25px !important
    }

    .full-fibre-banner {
        height: auto !important;
        padding: 70px 0 !important
    }

    .f-fibre-feature,
    .question-section,
    .testimonial-section {
        padding: 60px 0
    }

    .full-fibre-content {
        padding: 60px 0 0
    }

    .broadband_deals {
        padding-bottom: 0
    }

    .broadband-card .section-title {
        padding: 0
    }

    .broadband_head h2 {
        font-size: 22px;
        line-height: 30px
    }

    .select_wrap select .form-control {
        padding: 0 4px !important
    }

    .select_sec>div:nth-child(2) {
        padding-left: 7px
    }

    .btn-check-now,
    .check_availability_btn {
        font-size: 14px !important
    }

    .question-section .demo .accordion .card .card-body p {
        font-size: 15px !important
    }

    .cart-banner {
        padding: 80px 0 0
    }

    .mid-section .card-body table tbody tr td a img {
        width: 80px !important;
        height: 80px !important
    }

    .mid-section .card .card-body table td {
        width: 80px !important;
        padding: 8px !important
    }

    .mid-section .card .card-body table td b {
        font-size: 14px;
        line-height: 18px
    }

    .mid-section .card .card-body table tbody tr td form .form-control {
        height: 30px !important
    }

    .mid-section .card .card-footer>div h4 {
        margin-bottom: 15px;
        font-size: 19px
    }

    .contact-section .content-part .block p {
        font-size: 16px !important;
        line-height: 22px !important
    }

    .form_sec .image-part img {
        height: 100% !important
    }

    .form-block h3 {
        font-size: 21px !important
    }

    .form-block form .form-control::placeholder {
        font-size: 14px;
        line-height: 22px
    }

    .cart_summary h3,
    .form-block form .form-control {
        margin-bottom: 20px
    }

    .our-deals .item {
        min-height: 470px
    }

    .dropdown-content,
    .dropdown-submenu {
        display: none !important;
        position: static !important;
        padding: 0 !important
    }

    .dropdown-content.show,
    .dropdown-submenu.show {
        display: block !important
    }

    .mid-section .card .card-body table td,
    .mid-section .card .card-body table th {
        vertical-align: middle !important
    }

    .product_dtls_sec .row .p_Img img {
        height: 390px
    }

    .product_dtls_sec .row>div:last-child {
        padding-left: 0
    }

    .P_title {
        font-size: 35px
    }

    .head_nav .navbar-collapse>ul:first-child {
        padding-bottom: 0 !important
    }

    .head_nav .navbar-collapse>ul:last-child {
        padding-top: 0 !important
    }

    .checkoutBox {
        padding: 30px 20px !important
    }

    .checkOutForm h3 {
        margin-bottom: 25px !important
    }

    .cart_summary {
        padding: 30px 15px
    }

    .cart_revew_innr {
        gap: 0 8px
    }

    .Cart_pdtls h4 {
        font-size: 16px;
        line-height: 24px
    }

    .p_price {
        margin-top: 3px
    }

    .mid-section {
        min-height: auto;
        padding: 70px 0
    }

    .mid-section .row .card {
        margin: 0 !important
    }

    .sim-broadbndSec {
        padding: 60px 0 !important
    }

    .sim-broadbndSec .feature-part .block .text-block p {
        font-size: 14px !important;
        line-height: 24px;
        font-weight: 400
    }

    .sim-broadbndSec .feature-part .block .text-block ul li {
        font-size: 16px !important;
        line-height: 26px
    }

    .sim_broadband_benefits {
        padding: 60px 0 0 !important
    }

    .question-section .demo {
        margin: 0
    }

    .sim_broadband_benefits .box {
        min-height: 300px
    }

    .banner-section .text-block h1 {
        font-size: 30px
    }

    .product-section .feature-part .block .text-block h3 {
        font-size: 28px;
        line-height: 38px
    }

    .sim-broadbndSec .feature-part .block .text-block {
        padding-left: 0 !important
    }

    .sim_broadband_benefits .box h3 {
        font-size: 16px;
        line-height: 22px;
        padding: 0 0 10px
    }

    .scroll-wrapper {
        max-height: 300px !important;
    }

}

@media (max-width:767px) {

    .dropdown-toggle:after,
    .nav-item:before {
        position: absolute;
        content: "";
        border: none;
        background-color: #000;
        vertical-align: 0
    }

    .tab-content p,
    p {
        line-height: 24px !important
    }

    #footer-section p,
    .about-section .top-text,
    .mid-section .card .card-body table td:last-child {
        text-align: center
    }

    #footer-section .social-block,
    .desk_btn,
    .form_sec .image-part,
    .nav-item:after,
    .nav-item:before {
        display: none
    }

    .nav-item:before {
        top: 15px;
        left: 0;
        width: 11px;
        height: 1px
    }

    .dropdown-toggle:after {
        display: block;
        top: 10px;
        left: -23px;
        width: 1px;
        height: 11px;
        transition: .2s linear
    }

    .dropdown-toggle[aria-expanded=true]:after {
        transform: rotate(90deg);
        opacity: 0
    }

    .dropdown-menu {
        padding: 0 !important;
        background-color: transparent;
        box-shadow: none;
        transition: .2s linear
    }

    .dropdown-toggle[aria-expanded=true]+.dropdown-menu {
        margin-top: 10px !important;
        margin-bottom: 20px !important
    }

    .tab {
        flex-direction: column
    }

    .about-section .main-block .image-part,
    .about-section .main-block .text-part,
    .bnnr_img,
    .broadband_deals .select_sec>div:nth-child(2),
    .select_sec>div:first-child,
    .tab-content {
        width: 100%;
        flex: 0 0 100%
    }

    .banner-section .tabs .tab .tab-image {
        position: static;
        width: 100% !important;
        height: 320px !important;
        max-width: 330px !important;
        display: none !important
    }

    .blog-section .col-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .blog-section .box {
        margin-bottom: 20px
    }

    .blog-section h2 {
        font-size: 1.5rem
    }

    .blog-section h5 {
        font-size: 1.1rem
    }

    .blog-section p {
        font-size: .85rem
    }

    .tab-content p,
    p {
        font-size: 14px !important
    }

    .blog-section .client-name h4 {
        font-size: 1rem
    }

    .blog-section .client-name h3 {
        font-size: .9rem
    }

    .broadband-card {
        width: 100%;
        margin: 0 auto
    }

    .why-choose-us-section .image-part {
        margin-bottom: 35px
    }

    .section-title {
        font-size: 23px;
        line-height: 30px;
        padding: 0
    }

    .inner-banner .text-block h1,
    .testimonial-section .text-block h3 {
        font-size: 28px;
        line-height: 35px
    }

    .testimonial-section .text-block h3:after {
        background-size: 60px;
        top: -15px
    }

    .ftr_menu,
    .full-fibre-content .image-block {
        margin-bottom: 25px
    }

    .tab-content p {
        margin-bottom: 10px;
        width: 100%
    }

    .banner-section .text-block,
    .tab-content {
        padding: 25px 15px
    }

    .question-section .demo .accordion .card .card-body p {
        font-size: 13px !important;
        line-height: 20px !important
    }

    .question-section .demo .accordion .card .card-header h3 .btn-link {
        line-height: 22px;
        font-size: 14px
    }

    .about-section a {
        font-size: 16px;
        line-height: 20px;
        padding: 15px 30px
    }

    .banner-section {
        padding: 120px 0 0
    }

    .tab-content h1 {
        font-size: 23px;
        line-height: 35px
    }

    .broadband-section,
    .broadband_results,
    .full-fibre-content,
    .our-deals-section,
    .partner-section .bottom-part,
    .product-section,
    .question-section,
    .send-out-section,
    .testimonial-section,
    .why-choose-us-section {
        padding: 50px 0
    }

    #productList .product-body button,
    .btn-check-now,
    .form-control,
    .form-group label {
        font-size: 14px
    }

    .about-section .main-block,
    .testimonial-section .bottom-part {
        padding: 0
    }

    .testimonial-section .bottom-part .text-box p:after {
        left: 0;
        top: 10px
    }

    .testimonial-section .bottom-part .owl-dots {
        padding-top: 0 !important
    }

    .question-section .demo .accordion .card .card-header h3 .btn-link .fa {
        width: 25px;
        height: 25px;
        padding: 10px;
        border-radius: 6px
    }

    .question-section .demo .accordion .card .card-header h3 .btn-link .fa::before {
        font-size: 10px
    }

    h3 {
        font-size: 20px !important;
        line-height: 30px !important
    }

    .inner-banner {
        min-height: 660px !important;
        padding: 130px 0 100px !important;
        height: auto !important
    }

    .inner-banner .text-block {
        padding: 15px
    }

    .inner-banner .text-block a.started {
        padding: 12px 20px
    }

    .about-section .top-text h6 {
        font-size: 28px
    }

    .about-section .main-block .text-part {
        width: 100%;
        padding: 30px 0 0;
        margin: 0;
        padding-right: 0 !important
    }

    .about-section .main-block .counter-block .count-text {
        padding: 0 0 20px
    }

    .cartWrap>div a,
    .cloud-voice-product .feature-part .block .text-block {
        padding-left: 0 !important
    }

    .about-section .container .row {
        margin-bottom: 0 !important
    }

    .make-you-section .text-block h2 {
        font-size: 28px;
        line-height: 26px
    }

    .benefit-section .customiz-part .top-text,
    .cloud-voice-product .top-text,
    .make-you-section .text-block p {
        padding: 0 0 30px
    }

    .make-you-section .text-block {
        padding: 25px 0
    }

    .send-out-section h2 {
        font-size: 28px;
        line-height: 35px;
        padding: 0 0 45px
    }

    .make-you-section {
        padding: 50px 0;
        margin: 0
    }

    .benefit-section .row .list-group {
        flex-direction: row !important;
        overflow-y: auto !important
    }

    .benefit-section .list-group-item {
        white-space: nowrap !important;
        font-size: 15px !important
    }

    .benefit-section h2 {
        padding: 0 0 15px !important;
        margin: 0 0 20px !important;
        font-size: 30px;
        line-height: 35px
    }

    .no-products,
    .prdct_box {
        margin-top: 35px !important
    }

    .no-products h1 {
        font-size: 28px !important;
        line-height: 35px !important
    }

    .prdct_row .col-lg-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .benefit-section {
        padding-top: 50px
    }

    #footer-section ul li a {
        padding: 0 0 12px
    }

    .pagination {
        justify-content: center;
        align-items: center
    }

    .benefit-section .box {
        margin: 0 0 45px;
        padding: 20px !important;
        min-height: auto
    }

    .benefit-section .box h4 {
        padding: 15px 0 !important;
        font-size: 17px !important
    }

    .benefit-section hr {
        margin: 0 !important
    }

    .product-section .block .image-block img {
        width: 100% !important
    }

    .bnnr_wrap {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

    .footer-logo img {
        width: 155px
    }

    #footer-section .row .col-lg-5 {
        order: 2
    }

    #footer-section .row .col-lg-7 {
        order: 1
    }

    .footer_rvw a img {
        max-width: 185px
    }

    .bnnr_img img {
        height: 330px;
        margin: 0 auto 20px
    }

    .service_item h5 {
        font-size: 12px !important;
        white-space: normal
    }

    .our-deals-section h2,
    .partner-section .bottom-part h2 {
        font-size: 23px;
        line-height: 30px;
        padding: 0 0 12px
    }

    .about-banner .row,
    .cloud_voice_benefits .feature-part .row,
    .contact-banner .row,
    .full-fibre-banner .row,
    .inner-banner .row,
    .innr_page_bnnr .row {
        flex-direction: column-reverse
    }

    #broadband_address #selected_address,
    .broadband-card .form-control,
    .broadband_deals .broadband-section .input-group .btn-check-now,
    .broadband_deals .broadband-section .input-group .form-control {
        flex: 0 0 100% !important;
        width: 100% !important
    }

    .innr_page_bnnr .banner-image img {
        height: 340px !important;
        max-width: 630px !important
    }

    .innr_page_bnnr {
        padding: 70px 0 50px !important
    }

    .product-section .top-text h2 {
        font-size: 22px;
        line-height: 32px
    }

    .benefit-section .customiz-part .top-text h2,
    .product-section .feature-part .block .text-block h3 {
        font-size: 25px;
        line-height: 35px
    }

    .product-section .feature-part .block .text-block p {
        font-size: 15px !important
    }

    .inner-page {
        padding-top: 55px !important
    }

    .benefit-section .box .icon-block {
        padding: 0 0 15px
    }

    .benefit-section .box h3 {
        font-size: 17px;
        line-height: 20px
    }

    .benefit-section .customiz-part {
        padding: 10px 0
    }

    .feature-part .image-block img {
        height: 255px !important
    }

    .cloud_voice_benefits .customiz-part .top-text h2,
    .cloud_voice_benefits h2,
    .question-section h2,
    .why-choose-us-section h2 {
        font-size: 23px;
        line-height: 30px
    }

    .benefit-section .customiz-part .item .box h2.extra:before,
    .benefit-section .customiz-part .item .box h2:before {
        bottom: 24px
    }

    .benefit-section .customiz-part .item .box ul {
        min-height: 160px
    }

    .service_slider .slick-slide .service_item {
        padding: 8px 6px
    }

    .service_item img {
        max-width: 20px;
        margin-right: 2px
    }

    .head_nav .navbar-brand img,
    .tab-content a {
        max-width: 145px
    }

    .tab-content a {
        font-size: 14px
    }

    .check_availability_btn {
        width: 100% !important;
        margin-top: 20px
    }

    .btn-check-now {
        flex: 0 0 100% !important;
        margin-top: 20px
    }

    .slct_address_wrap {
        flex-wrap: wrap
    }

    .our-deals .box {
        padding: 15px !important;
        min-height: 300px
    }

    .partner-section .item {
        padding: 0 10px
    }

    .testimonial-section .bottom-part .text-box {
        min-height: 250px;
        padding: 12px 15px
    }

    .our-deals-section h2:after,
    .testimonial-section h2::after {
        bottom: -3px
    }

    .about-section .text-center h2:after,
    .question-section h2::after {
        bottom: -9px
    }

    .our-deals-section {
        padding: 0 0 50px
    }

    .about-banner {
        height: auto
    }

    .about-banner .banner-image img {
        margin-bottom: 30px
    }

    .counter-block {
        margin: 280px 0 0
    }

    .box,
    .broadband_results_head h2 {
        margin: 0
    }

    .make-you-section .text-block a {
        padding: 15px 35px
    }

    .about-banner .row .col-md-6,
    .full-fibre-content .broadband-section .container-fluid {
        padding: 0 !important
    }

    #footer-section p {
        margin: 0;
        max-width: none;
        padding: 0
    }

    .subheading h4 {
        font-size: 16px;
        line-height: 26px
    }

    .sub_head h3 {
        font-size: 18px;
        line-height: 26px
    }

    .login-container,
    .signup-container {
        min-height: 90vh
    }

    .box {
        max-width: none;
        width: 100%
    }

    .our-deals .item {
        max-width: none;
        width: 100%;
        padding: 0 10px;
        min-height: 452px
    }

    .select_sec>div:nth-child(2) {
        width: 100%;
        flex: 0 0 100%;
        padding-left: 0
    }

    .box-new .text-block .features {
        align-items: center
    }

    .our-deals-section .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    #footer-section ul li:nth-child(4) p,
    .abt-top-txt {
        text-align: left
    }

    .inner-page .box {
        max-width: none !important
    }

    .benefit-section .feature-part .block .text-block h3 {
        font-size: 22px;
        line-height: 30px
    }

    .full-fibre-banner,
    .full_fibre_benefits,
    .lease-line,
    .lease-line-question {
        padding: 50px 0 !important
    }

    .line-calls-banner .banner-image img {
        height: 300px
    }

    .full-fibre-content.feature-part .block .text-block {
        padding-left: 0
    }

    .broadband_deals .select_sec>div:first-child {
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px
    }

    .broadband_check_bnnr {
        min-height: 350px
    }

    .broad_band_head h2 {
        transform: translateY(-30%)
    }

    .cartWrap .nav-link {
        padding: .5rem
    }

    .cloud-voice-product .feature-part .block .image-block img,
    .cloud_voice_benefits .feature-part .image-block img {
        height: 170px !important
    }

    .cloud_voice_benefits .box .icon-block img {
        max-width: 50px
    }

    .cloud_voice_benefits .customiz-part {
        padding: 0 0 60px !important
    }

    .cloud_voice_benefits .customiz-part .item .box h3 {
        font-size: 33px;
        line-height: 40px
    }

    .contact-banner {
        padding: 80px 0 40px !important
    }

    .contact-banner .banner-images {
        margin-bottom: 10px
    }

    .contact-section .content-part {
        flex-direction: column-reverse;
        margin: 0
    }

    .contact-section .content-part .block {
        margin-bottom: 25px;
        min-height: 190px
    }

    .broadband_deals .broadband_lft_img img {
        height: 300px !important
    }

    .banner-section .text-block h1 {
        font-size: 27px;
        line-height: 35px
    }

    .contact-section .content-part .block p {
        font-size: 15px !important;
        line-height: 22px !important
    }

    .cartWrap div a i,
    .cta_txt p {
        font-size: 16px !important
    }

    .head_nav button span {
        background-size: 20px !important
    }

    .btm_txt_para {
        bottom: 22%
    }

    .price {
        top: 79%
    }

    .form_sec>div>div>div:nth-child(2) {
        padding-left: 15px !important
    }

    .form-block {
        border-radius: 10px;
        padding: 20px
    }

    .contact-section {
        padding: 40px 0
    }

    .form_sec .form-block button {
        width: 100%;
        min-width: auto
    }

    .cartWrap div a {
        font-size: 15px;
        font-weight: 600
    }

    .cartWrap>div a {
        padding-right: 2px !important
    }

    .mid-section .card .card-body table td {
        min-width: 137px !important
    }

    .mid-section .card .card-body table tbody tr td:first-child,
    .mid-section .card .card-body table tbody tr td:nth-child(3) {
        min-width: 80px !important
    }

    .mid-section .card .card-body table td,
    .mid-section .card .card-body table th {
        vertical-align: top !important
    }

    .mid-section .card .card-body table thead tr th:last-child {
        text-align: center !important
    }

    .product-bnnr .banner-image img,
    .product_dtls_sec .row .p_Img img {
        height: 270px
    }

    .productHead h2 {
        margin-bottom: 0
    }

    .product-bnnr {
        padding: 120px 0 40px !important
    }

    .prdct_desc {
        margin-top: 5px
    }

    .product-row {
        padding: 50px 0 30px
    }

    .list-group {
        flex-direction: row;
        flex-wrap: wrap
    }

    .list-group>div:first-child {
        flex: 0 0 100%;
        width: 100%
    }

    .list-group>div:nth-child(2),
    .list-group>div:nth-child(3) {
        flex: 0 0 50%;
        width: 50%
    }

    .pagination {
        margin: 40px 0 0
    }

    #variantDisplay {
        position: static
    }

    .product_dtls_sec .row>div:last-child {
        padding-left: 15px
    }

    .P_title {
        font-size: 30px;
        margin: 20px 0 10px !important
    }

    .cta_txt h2,
    .lead {
        font-size: 22px !important
    }

    .lead {
        color: #f60 !important;
        font-weight: 700;
        margin-bottom: 10px !important
    }

    .color-label,
    .p_options .cartForm .color-options label {
        font-size: 0 !important
    }

    #addToCart {
        width: 100% !important;
        font-size: 17px
    }

    .product_dtls_sec {
        background-color: #fff;
        margin-top: -50px;
        padding: 50px 0
    }

    .cart-section .row {
        width: 100%
    }

    .color-label::before {
        width: 25px;
        height: 25px;
        top: -1px;
        left: -1px
    }

    .color-label {
        width: 28px;
        height: 28px
    }

    .storage-card .storage-label {
        font-size: 15px
    }

    .storage-card {
        padding: 8px 10px
    }

    .sim-broadbndSec .feature-part .block .image-block img {
        height: 360px !important
    }

    .product-section .feature-part .block .text-block {
        padding-left: 0;
        padding-top: 25px
    }

    .sim_broadband_benefits {
        padding: 50px 0 0 !important
    }

    .sim-data .item {
        min-height: 390px
    }

    .scroll-wrapper {
        margin-bottom: 20px;
        max-height: 240px
    }

    .badge {
        font-size: 11px !important;
        padding: 3px 5px !important;
        top: 0 !important;
        right: -10px !important
    }

    .lease-line-banner {
        min-height: 500px !important;
        padding: 85px 0 100px !important
    }

    .lease-line-banner .banner-image img {
        height: 300px !important;
        object-fit: cover !important
    }

    .lease-line .feature-part .block .image-block img {
        height: 366px !important
    }

    .cta_txt h2 {
        line-height: 33px !important;
        margin: 0 !important
    }

    .cta_txt_wrap {
        padding: 30px 15px !important
    }

    .mob_btn {
        display: block;
        padding-top: 35px
    }

    .checkout-section form .row {
        flex-direction: column-reverse;
        row-gap: 50px
    }

    .checkout-section {
        padding: 50px 0;
        margin-top: -65px
    }

    .login-box {
        max-width: 345px !important
    }

    .signup-box {
        max-width: 342px !important
    }

    .signup-box h3 {
        font-size: 30px !important
    }

    .full-fibre-banner .text-block {
        margin-top: -40px
    }

    .full-fibre-content.feature-part .block .text-block ul {
        padding-top: 10px
    }

    .full_fibre_faq h2::after {
        bottom: 0
    }

    .cart-section {
        padding: 0 !important;
        margin: -120px 0 0
    }

    .cart-banner {
        padding: 120px 0 80px
    }

    .cart-banner .banner-image {
        padding-top: 30px
    }

    .mid-section {
        min-height: auto !important;
        padding: 50px 0
    }

    .sim-broadband-banner .banner-image img {
        height: 360px
    }

    .sim-broadband-banner {
        padding: 60px 0 !important
    }

    .sim-broadbndSec .feature-part .block .text-block ul li {
        font-size: 14px !important;
        line-height: 24px
    }

    /* mob-finance 24.12.25 */
    .mob-finance-section .row {
        flex-direction: column-reverse;
    }

    .cal-form-container {
        margin: 0 0 45px;
        max-width: none;
        width: 100%;
    }

    .range_head h4 {
        font-size: 23px;
    }

    .btnDiv button {
        font-size: 16px;
    }

    #monthlyVal {
        font-size: 15px;
    }
}

*,
a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
img,
li,
p,
ul {
    margin: 0;
    padding: 0
}

.dropdown-item,
.dropdown-menu {
    color: #212121;
    transition: .2s linear
}

.dropdown-item,
.dropdown-menu,
.indexes li {
    transition: .2s linear
}

.tabs,
li,
ul {
    list-style: none
}

.accordion button:focus,
.accordion button:hover,
.question-section .accordion button,
a {
    text-decoration: none
}

.over-hide,
.scroll-wrapper {
    overflow: hidden
}

.btn-primary {
    background-color: #39515b !important
}

.about-section a {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 35px;
    padding: 20px 50px;
    margin: 0
}

html {
    scroll-behavior: smooth;
    font-family: Poppins, sans-serif;
    font-display: swap
}

body {
    font-family: Poppins, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px
}

a {
    outline: 0
}

a:hover {
    text-decoration: none !important;
    outline: 0 !important
}

a:focus {
    box-shadow: none !important
}

img {
    border: none
}

button:focus,
button:hover,
input:focus,
input:hover {
    outline: 0 !important;
    box-shadow: none !important
}

.section {
    position: relative;
    width: 100%;
    display: block
}

.full-height {
    height: 100vh
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: 40px;
    transform: translateY(-50%);
    z-index: 20
}

.dropdown-menu {
    padding: 10px !important;
    margin: 0;
    font-size: 13px;
    letter-spacing: 1px;
    background-color: #fcfaff;
    border: none;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, .15)
}

#footer-section .row>div:nth-child(2)>div>div:nth-child(2)>div>ul>li:nth-child(3),
.color-label input[type=radio],
.dropdown-toggle:after,
.mob_btn,
.our-deals-section .main-box .owl-dots,
.partner-section .owl-dots,
.prdct_desc .card-body p:nth-child(3),
.prdct_desc .card-body p:nth-child(4),
.product-section .detail-part .product-box .owl-theme .owl-dots,
.storage-card input[type=radio],
.top-para {
    display: none
}

.dropdown-item {
    padding: 3px 15px;
    border-radius: 2px
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff !important;
    background-color: rgb(3 169 244 / 17%) !important
}

.cloud-voice-price-plan .slick-slide.slick-current>div .item .box h3::after,
.cloud-voice-price-plan .slick-slide.slick-current>div .item .box h3::before,
.dropdown-content a:hover {
    color: #fff !important
}

.indexes,
.tabs {
    list-style-type: none
}

.indexes li {
    cursor: pointer;
    background: #2940a4;
    border-radius: 50px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .02em;
    padding: 8px 30px;
    margin: 0
}

.banner-section .text-block h1,
.tab-content h1 {
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0.2px;
    text-align: left;
    text-transform: capitalize;

}

.indexes li.active {
    background-color: #121b44
}

.tabs {
    position: relative;
    margin: 0
}

.tab {
    width: 100%;
    position: absolute;
    display: flex;
    opacity: 1
}

.tab-content {
    position: relative;
    width: 50%;
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    opacity: 1;
    border-radius: 25px;
    border: 2px solid #5882C17D;
    background: linear-gradient(135.59deg, rgba(88, 130, 193, .49) 1.28%, rgba(88, 130, 193, .11) 96.26%), linear-gradient(0deg, rgba(88, 130, 193, .28), rgba(88, 130, 193, .28));
    padding: 25px;
    margin: 0;
    min-height: 440px;
    text-align: left
}

.tab-content h1 {
    font-size: 40px;
    color: #fff;
    padding: 0;
    margin: 0
}

.tab-content p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
    padding: 0;
    margin: 0
}

.banner-section .text-block a.how-it-work,
.banner-section .text-block a.started,
.tab-content a {
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    line-height: 19px;
    font-size: 15px
}

.tab-content a {
    min-width: 230px;
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important;
    border-radius: 12px;
    letter-spacing: .02em;
    color: #fff;
    padding: 15px 20px;
    margin: 0;
    transition: .4s ease-in-out
}

.LoginForm .btn-login:hover,
.about-banner .text-block a.started:hover,
.cta_btn a:hover,
.full-fibre-banner .text-block a:hover,
.lease-line-banner .text-block a:hover,
.registerForm .btn-signup:hover,
.send-out-section a:hover,
.sim-broadband-banner .text-block a:hover,
.tab-content a:hover {
    background: #fff !important;
    color: rgb(11 202 249) !important
}

@keyframes content {
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.banner-section .tabs .tab .tab-image {
    position: absolute;
    width: 40% !important;
    right: 0;
    bottom: 0
}

.banner-section .tabs .tab .superfast-image {
    bottom: -18%;
    width: 39% !important;
    padding: 0
}

.banner-section .tabs .tab .call-image {
    bottom: -28.6%;
    width: 36% !important;
    padding: 0
}

.banner-section .tabs .tab .broadband-image {
    bottom: -29%;
    width: 50% !important;
    padding: 0
}

.tab-image {
    position: static;
    opacity: 1;
    padding: 0
}

.tab-image:after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--overlay);
    mix-blend-mode: multiply
}

.tab-image img {
    width: 100%;
    object-fit: cover
}

.broadband-card .section-title {
    margin: 0 0 15px
}

.banner-section {
    position: relative;
    min-height: 640px;
    /* background: url(../images/banner-background.avif) center/cover no-repeat; */
    padding: 100px 0 0
}

.banner-section .text-block {
    display: inline-block;
    width: 40%;
    border-radius: 25px;
    border: 2px solid #5882C17D;
    background: rgb(69 52 157 / 20%) !important;
    padding: 70px 25px;
    margin: 0;
    text-align: left !important
}

.banner-section .text-block h1 {
    font-size: 40px;
    color: #fff;
    padding: 0 0 15px;
    margin: 0
}

.banner-section .text-block p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    padding: 0 0 15px;
    margin: 0;
    text-align: left
}

.contact_head h2,
.our-deals-section h2,
.partner-section .bottom-part h2 {
    padding: 0 0 15px;
    font-weight: 700;
    color: #b890d4;
    position: relative;
    letter-spacing: .02em;
    line-height: 42px
}

.banner-section .text-block a.started {
    background: #f48c06;
    border-radius: 12px;
    letter-spacing: .02em;
    color: #fff;
    padding: 16px 30px;
    margin: 0
}

.banner-section .text-block a.how-it-work {
    letter-spacing: .02em;
    color: #fff;
    padding: 16px 30px 15px 15px;
    margin: 0
}

.advance-section .text-part a.how-it-work .fa,
.banner-section .text-block a.how-it-work .fa {
    font-size: 15px;
    line-height: 17px;
    color: #5752da;
    height: 35px;
    width: 35px;
    background-color: #fff;
    border-radius: 50%;
    padding: 10px 0 0 13px;
    margin: 0 8px 0 0
}

.banner-section .banner-image {
    float: inherit;
    width: 100%;
    margin: 0;
    padding: 0
}

.banner-section .banner-image img {
    width: 100%;
    height: 310px;
    object-fit: contain
}

.banner-section .banner-image.high-banner img {
    width: 100%;
    height: 355px;
    object-fit: contain
}

.partner-section {
    z-index: 999;
    padding: 0;
    margin: 0
}

.partner-section .bottom-part {
    padding: 60px 0 25px;
    margin: 0
}

.partner-section .bottom-part h2 {
    text-align: center;
    font-size: 40px;
    margin: 0 0 30px;
}

.about-section .text-center h2:after,
.benefit-section .customiz-part .top-text h2:after,
.blog-section h2:after,
.checkout_head h2::before,
.contact-section .top-text h2:after,
.contact_head h2::after,
.inner-page h2::after,
.our-deals-section h2:after,
.partner-section .bottom-part h2:after,
.question-section h2::after,
.sim-only-benefits h2::after,
.testimonial-section h2::after,
.top-text h2::after,
.why-choose-us-section h2:after {
    content: "";
    position: absolute;
    width: 85px;
    height: 4px;
    background-color: #b890d4;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto
}

.partner-section .item {
    padding: 0 50px;
}

.our-deals-section {
    padding: 0 0 60px;
    margin: 0;
}

.contact_head h2,
.our-deals-section h2 {
    text-align: center;
    font-size: 39px;
    margin: 0 0 50px;
}

.our-deals-section .main-box {
    width: 100%;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0 auto;
}

.our-deals-section .main-box .box {
    float: left;
    border: 1px solid #fafafa;
    border-radius: 2px, 0;
    padding: 2px;
    margin: 0
}

.our-deals-section .main-box .box .product-block {
    position: relative;
    display: inline-block;
    width: 49%;
    padding: 0 15px 0 0;
    margin: 0
}

.our-deals-section .main-box .box .product-block .shop-part {
    position: absolute;
    bottom: 18px;
    padding: 0;
    margin: 0 auto
}

.our-deals-section .main-box .box .product-block .shop-part ul li {
    float: left;
    padding: 0 0 0 10px;
    margin: 0
}

.our-deals-section .main-box .box .product-block .shop-part ul li a {
    height: 35px;
    width: 35px;
    background: #fff;
    border-radius: 50%;
    color: #000;
    display: inline-block;
    padding: 9px 0 0 9px;
    margin: 0
}

.about-section .main-block .text-part,
.advance-section .text-part,
.benefit-section .feature-part .block,
.blog-section .box .text-block,
.blog-section .box .text-block .bottom-part,
.contact-section .image-part,
.contact-section .map-part,
.contact-section .map-part .map,
.contact-section .map-part .top-part,
.make-you-section .image-block,
.map-section .map-block,
.our-deals-section .main-box .box .product-block .shop-part ul li a .fa,
.product-section .detail-part,
.product-section .detail-part .content-part .stor-block ul,
.product-section .detail-part .popup-block .form-part,
.product-section .feature-part,
.product-section .main-box .google-pexel-deals .item .box .text-block .stor-block ul,
.product-section .main-box .samsung-deals .item .box .text-block .stor-block ul,
.question-section .demo .accordion .card .card-header h3 .btn,
.solution-section .content,
.solution-section .post-block .image-part {
    padding: 0;
    margin: 0
}

.our-deals-section .main-box .box .product-block .shop-part ul li a:hover {
    background: #23a6f0
}

.our-deals-section .main-box .box .product-block .shop-part ul li a:hover .fa {
    color: #fff;
    background: #23a6f0
}

.our-deals-section .main-box .box .text-block {
    float: right;
    width: 49%;
    padding: 65px 30px 0 0;
    margin: 0
}

.our-deals-section .main-box .box .text-block h3 {
    font-size: 16px;
    line-height: 18px;
    color: #252b42;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 0 0 15px;
    margin: 0
}

.our-deals-section .main-box .box .text-block p {
    font-size: 14px;
    line-height: 20px;
    color: #737373;
    font-weight: 400;
    padding: 0 0 10px;
    margin: 0
}

.our-deals-section .main-box .box .text-block h4 {
    font-size: 16px;
    line-height: 18px;
    color: #6c63ff;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 0 0 15px;
    margin: 0
}

.our-deals-section .main-box .box .text-block a {
    display: inline-block;
    border-radius: 50px;
    letter-spacing: .03em;
    border: 1px solid #23a6f0;
    font-size: 14px;
    line-height: 16px;
    color: #23a6f0;
    font-weight: 700;
    padding: 10px 20px;
    margin: 0
}

.our-deals-section .main-box .box .text-block a:hover {
    border-color: #6c63ff;
    color: #6c63ff
}

.benefit-section .feature-part .block .text-block,
.our-deals-section .main-box .owl-nav,
.product-section .detail-part .product-box .owl-theme,
.product-section .feature-part .block .text-block .form-block,
.testimonial-section .bottom-part {
    padding: 35px 0 0;
    margin: 0
}

.why-choose-us-section {
    background: #f1f6ff;
    padding: 60px 0;
    margin: 0
}

.why-choose-us-section h2 {
    text-align: center;
    font-size: 40px;
    line-height: 42px;
    text-transform: capitalize;
    color: #b890d4;
    padding: 0 0 15px;
    margin: 0 0 40px;
    position: relative;
    font-weight: 700;
    letter-spacing: .02em
}

.map-section,
.why-choose-us-section .main-block {
    padding: 0 0 65px;
    margin: 0
}

.why-choose-us-section .main-block .image-part {
    width: 50%;
    display: inline-block;
    padding: 0 40px 0 0;
    margin: 0
}

.why-choose-us-section .row .image-part {
    padding-right: 40px
}

.why-choose-us-section .row:nth-child(4) .image-part {
    padding-left: 40px
}

.why-choose-us-section .main-block .image-part img {
    width: 100%;
    height: 400px;
    object-fit: cover
}

.why-choose-us-section .main-block .text-part {
    width: 40%;
    float: right;
    padding: 30px 0 0;
    margin: 0
}

.why-choose-us-section .main-block .text-part h3 {
    font-size: 48px;
    line-height: 60px;
    color: #000;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 0 0 35px;
    margin: 0
}

.why-choose-us-section .main-block .text-part p {
    font-size: 16px;
    line-height: 28px;
    color: #000;
    padding: 0 0 35px;
    letter-spacing: .03em;
    margin: 0
}

.advance-section .text-part a.how-it-work,
.advance-section .text-part a.started {
    font-size: 21px;
    line-height: 23px;
    color: #fff;
    padding: 16px 30px;
    display: inline-block;
    text-transform: capitalize
}

.styled-heading {
    margin-bottom: 15px
}

#footer-section .top-part p.right,
.why-choose-us-section .main-block:nth-child(odd) .image-part {
    float: right
}

.why-choose-us-section .main-block:nth-child(2n) .image-part {
    float: left
}

.why-choose-us-section .main-block:nth-child(odd) .text-part {
    padding-right: 45px
}

.advance-section {
    background: url(../images/advance-background.jpg) 0 0/cover no-repeat;
    width: 100%;
    padding: 85px 0 45px;
    margin: 0
}

.advance-section .text-part h3 {
    font-size: 40px;
    line-height: 60px;
    color: #fff;
    letter-spacing: .02em;
    font-weight: 700;
    padding: 0 0 45px;
    margin: 0
}

.blog-section h2,
.testimonial-section .text-block h3 {
    color: #b890d4;
    letter-spacing: .02em;
    position: relative
}

.advance-section .text-part a.started {
    background: #f48c06;
    border-radius: 12px;
    letter-spacing: .02em;
    font-weight: 600;
    margin: 0
}

.advance-section .text-part a.how-it-work {
    letter-spacing: .02em;
    font-weight: 400;
    margin: 0
}

.blog-section {
    padding: 65px 0 45px;
    margin: 0
}

.blog-section h2 {
    text-align: center;
    font-size: 40px;
    line-height: 42px;
    text-transform: capitalize;
    padding: 0 0 30px;
    margin: 0 0 55px;
    font-weight: 700
}

.blog-section .box {
    padding: 0 0 40px;
    margin: 0 0 35px
}

.blog-section .box .image-block {
    padding: 0 0 15px;
    margin: 0
}

.blog-section .box .image-block img {
    border-radius: 13px;
    width: 100%;
    height: auto
}

.blog-section .box .text-block h6 {
    font-size: 14px;
    line-height: 16px;
    color: #393838;
    font-weight: 500;
    letter-spacing: .04em;
    padding: 0 0 20px;
    margin: 0
}

.blog-section .box .text-block h5 {
    font-size: 18px;
    line-height: 38px;
    color: #393838;
    font-weight: 600;
    padding: 0 0 10px;
    margin: 0;
    letter-spacing: .03em
}

.blog-section .box .text-block p {
    font-size: 16px;
    line-height: 1.8
}

.benefit-section .customiz-part .item .box .tab-block .annually-block,
.benefit-section .customiz-part .item .box .tab-block .monthly-block,
.blog-section .box .text-block .bottom-part .client-image,
.testimonial-section .bottom-part .text-box .bottom-part .client-image {
    display: inline-block;
    padding: 0;
    margin: 0
}

.blog-section .box .text-block .bottom-part .client-image img,
.contact-section .image-part img,
.make-you-section .image-block img,
.product-section .detail-part .popup-block .product-part img,
.product-section .detail-part .product-box img,
.product-section .main-box .google-pexel-deals .item .box img,
.product-section .main-box .samsung-deals .item .box img,
.solution-section .content .top-image img,
.solution-section .post-block .image-part img,
.testimonial-section .bottom-part .text-box .bottom-part .client-image img {
    width: 100%;
    height: auto
}

.blog-section .box .text-block .bottom-part .client-name {
    width: 80%;
    float: right;
    padding: 0 0 0 5px;
    margin: 0;
    text-align: left !important
}

.blog-section .box .text-block .bottom-part .client-name h4,
.testimonial-section .bottom-part .text-box .bottom-part .client-name h4 {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    letter-spacing: .02em;
    font-weight: 400;
    padding: 0;
    margin: 0
}

.blog-section .box .text-block .bottom-part .client-name h3,
.testimonial-section .bottom-part .text-box .bottom-part .client-name h3 {
    font-size: 14px;
    line-height: 18px;
    color: #3c3b3b;
    letter-spacing: .02em;
    font-weight: 400;
    padding: 0;
    margin: 0
}

.testimonial-section {
    background: #fafbfc;
    padding: 85px 0 45px;
    margin: 0
}

.testimonial-section .text-block {
    padding: 0;
    margin: 0 auto;
    max-width: 500px
}

.testimonial-section .text-block h5 {
    font-size: 115px;
    padding: 0;
    margin: 0
}

.testimonial-section .text-block h3 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    padding: 0 0 15px;
    margin: 0
}

.testimonial-section .text-block h3:after {
    content: "";
    position: absolute;
    height: 123px;
    width: 150px;
    background: url(../images/quote-big.png) 0 0/130px no-repeat;
    left: 0;
    top: -56px;
    opacity: .5
}

.testimonial-section .text-block p {
    font-size: 18px;
    line-height: 20px;
    color: #575757;
    letter-spacing: .03em;
    padding: 0;
    margin: 0
}

.testimonial-section .bottom-part .text-box {
    padding: 30px;
    margin: 20px 0 0 30px;
    box-shadow: 0 1px 10px 0 rgba(41, 41, 42, .07);
    min-height: 300px;
    border-radius: 5px
}

.testimonial-section .bottom-part .text-box img {
    max-width: 100%;
    height: auto
}

.testimonial-section .bottom-part .text-box p {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .02em;
    padding: 15px 30px;
    margin: 0;
    position: relative
}

.testimonial-section .bottom-part .text-box p:after {
    content: "";
    position: absolute;
    height: 16px;
    width: 18px;
    background: url(../images/quote-small.png) no-repeat;
    left: 0;
    top: 10px
}

.testimonial-section .bottom-part .text-box .bottom-part {
    padding: 0 0 0 30px;
    margin: 0
}

.testimonial-section .bottom-part .text-box .bottom-part .client-name {
    width: 100%;
    float: inherit;
    padding: 0;
    margin: 0
}

.testimonial-section .bottom-part .text-box.right-part {
    margin: -45px 0 30px
}

.testimonial-section .bottom-part .text-box.last-box {
    margin: 0 120px 0 0
}

.testimonial-section .bottom-part .owl-nav {
    display: none !important
}

.testimonial-section .bottom-part .owl-dots {
    padding-top: 40px !important
}

.testimonial-section .owl-carousel .owl-item img {
    width: auto !important
}

.contact-section .top-text {
    width: 48%;
    text-align: center;
    padding: 0 0 45px;
    margin: 0 auto
}

.contact-section .top-text h2 {
    font-size: 40px;
    line-height: 42px;
    text-transform: capitalize;
    color: #b890d4;
    padding: 0 0 30px;
    margin: 0 0 5px;
    position: relative;
    font-weight: 700;
    letter-spacing: .02em
}

.contact-section .top-text p {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: #374754;
    padding: 0;
    margin: 0
}

.contact-section .top-text a {
    font-weight: 600;
    color: #5a5d60
}

.contact-section .map-part .top-part .block {
    text-align: center;
    padding: 0;
    margin: 0
}

.cart-section .mid-section .card-body table tbody tr td a,
.contact-section .map-part .top-part .block img {
    display: inline-block
}

.contact-section .map-part .top-part .block p {
    font-size: 13px;
    line-height: 18px;
    color: #374754;
    letter-spacing: .02em;
    padding: 20px 0;
    margin: 0
}

.contact-section .map-part .top-part .block a {
    display: inherit;
    font-size: 13px;
    line-height: 18px;
    color: #374754;
    letter-spacing: .02em;
    padding: 20px 0;
    margin: 0
}

.benefit-section .feature-part .block .text-block span,
.contact-section .map-part .top-part .block a:hover {
    color: #233f84;
}

.contact-section .map-part .map iframe {
    width: 100%;
    border: none;
    height: 450px
}

.contact-section .form-part {
    border: .82px solid #ddd;
    box-shadow: 0 10.624366760253906px 15.527920722961426px 0 rgba(0, 0, 0, .07);
    border-radius: 15px;
    padding: 30px;
    margin: 0 0 0 45px
}

.contact-section .form-part h5 {
    text-align: center;
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    color: #252b42;
    letter-spacing: .02em;
    padding: 0 0 35px;
    margin: 0
}

.contact-section .form-part .form-group,
.order-form-section .total-box .block,
.product-section .detail-part .content-part .color-select {
    padding: 0 0 30px;
    margin: 0
}

.contact-section .form-part .form-group .form-control {
    width: 100%;
    border-radius: 30px;
    background: #e8e8e8;
    border: .82px solid #e8e8e8;
    height: 45px;
    outline: 0;
    focus: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    color: #18171d;
    letter-spacing: .02em;
    padding: 0 15px;
    margin: 0
}

.contact-section .form-part .form-group textarea {
    width: 100%;
    background: #e8e8e8;
    border: .82px solid #e8e8e8;
    resize: none;
    height: 135px;
    outline: 0;
    focus: none;
    padding: 15px 15px 0;
    margin: 0
}

.form_sec .form-block .form-group .theme-btn {
    background: #f48c06;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    letter-spacing: .02em;
    padding: 15px 45px;
    margin: 0;
    border-radius: 15px;
    border: none
}

.form_sec .image-part {
    height: 100%
}

.form_sec>div>div>div:first-child {
    padding-right: 0 !important
}

.form_sec>div>div>div:nth-child(2),
.info {
    padding-left: 0 !important
}

#footer-section {
    background: linear-gradient(180deg, #24717b 0, #5752da 100%);
    padding: 50px 0 20px;
    margin: 0
}

#footer-section .top-part {
    border-bottom: 1px solid #cecece;
    padding: 0 0 25px;
    margin: 0 0 30px;
    display: flex;
    justify-content: space-between
}

#footer-section .top-part p {
    text-align: left;
    display: inline-block;
    line-height: 20px;
    color: #fff;
    letter-spacing: .02em;
    font-weight: 400;
    padding: 0;
    margin: 0;
    max-width: none;
    font-size: 13px !important
}

.left strong {
    display: none;
    margin-bottom: 10px;
    color: #fff
}

#footer-section .top-part p span {
    display: block;
    font-weight: 500
}

#footer-section .top-part p a {
    border-bottom: 1px solid #fff;
    color: #fff;
    line-height: 15px;
    padding-bottom: 8px;
    margin-bottom: 5px;
    display: inline-block
}

#footer-section .top-part p a:hover,
#footer-section ul li a:hover {
    color: #f48c06
}

#footer-section .footer-logo,
.benefit-section .box .icon-block,
.product-section .detail-part .content-part .stor-block,
.product-section .main-box .google-pexel-deals .item .box .text-block .stor-block,
.product-section .main-box .samsung-deals .item .box .text-block .stor-block,
.solution-section .content ul {
    padding: 0 0 20px;
    margin: 0
}

#footer-section p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .02em;
    padding: 0;
    margin: 0 0 15px;
}

#footer-section h5 {
    font-size: 17px;
    line-height: 19px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .02em;
    padding: 0 0 20px;
    margin: 0
}

#footer-section .newsletter-form {
    position: relative;
    max-width: 370px;
    border-radius: 50px
}

#footer-section .newsletter-form .form-control {
    font-size: 12px;
    background: #fff;
    height: 39px;
    line-height: 15px;
    margin: 0;
    border: none;
    padding: 0 25px
}

#footer-section .newsletter-form .subscribe-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    background: #f48c06;
    color: #fff;
    height: 39px;
    line-height: 40px;
    padding: 0 55px;
    border: 0;
    font-size: 14px;
    transition: .6s ease-in-out;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important
}

#footer-section h3 {
    font-size: 20px !important;
    color: #fff;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 0 0 15px;
    margin: 0;
    text-align: left;
    position: relative;
}

#footer-section ul li a {
    display: block;
    font-size: 15px;
    line-height: 24px;
    padding: 0 0 12px;
    color: #fff;
    letter-spacing: .02em;
    margin: 0
}

#footer-section ul li {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    display: flex;
    align-items: baseline
}

#footer-section ul li .fa,
#footer-section ul li a .fa {
    font-size: 16px;
    font-weight: 700;
    padding-right: 10px;
    padding-top: 3px
}

#footer-section .social-block {
    padding: 0;
    margin: 0
}

.social-block ul {
    padding-left: 20px;
}

#footer-section .social-block ul li {
    float: left;
    padding: 0 20px 0 0
}

#footer-section .social-block ul li .fa {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400
}

.inner-banner {
    min-height: 690px !important;
    padding: 130px 0 40px !important;
    margin: 0
}

.inner-banner .banner-image img {
    height: 365px
}

.broadband-banner .banner-image img {
    height: 415px
}

.contact-banner .banner-image img {
    height: 550px
}

.solution-banner {
    padding-top: 100px
}

.solution-banner .banner-image {
    width: 40%
}

.solution-banner .banner-image img {
    height: 390px
}

.line-calls-banner .banner-image img {
    height: 445px
}

.about-section,
.benefit-section,
.make-you-section .row {
    margin: 0
}

.about-section .top-text {
    padding: 0 0 25px;
    margin: 0
}

.about-section .top-text h6 {
    font-size: 24px;
    line-height: 26px;
    color: #0346b5;
    font-weight: 500;
    padding: 0 0 15px;
    margin: 0
}

.about-section .top-text h3 {
    font-size: 48px;
    line-height: 60px;
    color: #000;
    font-weight: 700;
    padding: 0;
    margin: 0
}

.about-section .top-text h3 span,
.contact-section .content-part .block h3 span,
.infoList li:nth-child(3) span,
.send-out-section h2 span {
    display: block
}

.about-section .main-block,
.broadband_check_bnnr .bnnr_img .img_Div,
.counter-block .first,
.input-wrap {
    position: relative
}

.about-section .main-block .text-part p {
    font-size: 17px;
    color: #000;
    padding: 0 0 20px
}

.counter-block {
    width: 50%;
    background: linear-gradient(90deg, #d95db0 0, #3344dc 100%);
    padding: 30px;
    margin: 0 auto;
    border-radius: 12px;
    display: none
}

.counter-block h4 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    padding: 0 0 15px;
    margin: 0
}

.counter-block .count-title {
    font-size: 32px;
    line-height: 34px;
    color: #fff;
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.counter-block .first:after {
    content: "+";
    position: absolute;
    width: 25px;
    height: 15px;
    left: 62px
}

.counter-block .count-text {
    font-size: 10px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    padding: 0;
    margin: 0
}

.make-you-section {
    padding: 35px 0 105px;
    margin: 0
}

.make-you-section .row .col-lg-3 {
    padding: 0
}

.make-you-section .text-block {
    padding: 65px 45px 0;
    margin: 0
}


.make-you-section .text-block p {
    font-size: 16px;
    line-height: 30px;
    color: #000;
    padding: 0 0 30px;
    margin: 0
}

.make-you-section .text-block a {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important;
    text-transform: capitalize;
    border-radius: 35px;
    padding: 20px 50px;
    margin: 0;
    font-weight: 600
}

.make-you-section ul {
    padding-bottom: 30px;
}

.make-you-section ul p {
    padding-bottom: 6px !important;
    font-weight: 600;
    font-size: 18px !important;
}

.make-you-section ul li {
    color: #000;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    padding-left: 15px;
}

.make-you-section ul li::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.about-section a:hover,
.make-you-section .text-block a:hover {
    background: rgb(11 202 249) !important;
    color: #fff !important
}

.send-out-section {
    background: url(../images/send-out-background.jpg) center/cover no-repeat;
    padding: 100px 0;
    margin: 0 0 85px
}

.send-out-section h2 {
    font-size: 48px;
    line-height: 62px;
    color: #002;
    font-weight: 700;
    padding: 0 0 55px;
    margin: 0;
    text-align: left
}

.send-out-section a {
    background: #6c63ff;
    border-radius: 15px;
    box-shadow: 0 6px 20px 3px rgba(31, 100, 255, .3);
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding: 16px 35px;
    margin: 0
}

.about-section .main-block:nth-child(odd) .image-part {
    float: inherit !important
}

.contact-section,
.solution-section {
    padding: 45px 0;
    margin: 0
}

.product-section .detail-part .popup-block .form-part .block,
.solution-section .content .top-image {
    padding: 0 0 40px;
    margin: 0
}

.solution-section .content h3 {
    font-size: 30px;
    line-height: 32px;
    color: #232536;
    font-weight: 700;
    padding: 0 0 30px;
    margin: 0
}

.solution-section .content p {
    font-size: 16px;
    line-height: 28px;
    color: #6d6e76;
    font-weight: 400;
    padding: 0 0 30px;
    margin: 0
}

.solution-section .content ul li {
    font-size: 22px;
    line-height: 24px;
    color: #555151;
    font-weight: 700;
    list-style: inside;
    padding: 0 0 8px;
    margin: 0
}

.solution-section .post-block {
    padding: 40px 0 35px;
    margin: 0
}

.benefit-section .customiz-part .top-text,
.map-section .form-block .form-group,
.solution-section .post-block .post-box {
    padding: 0 0 45px;
    margin: 0
}

.solution-section .post-block h2 {
    font-size: 48px;
    line-height: 50px;
    color: #232536;
    font-weight: 700;
    padding: 0 0 25px;
    margin: 0 0 45px;
    position: relative
}

.solution-section .post-block h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    left: 0;
    bottom: 0
}

.solution-section .post-block .text-part {
    padding: 45px 0 0;
    margin: 0
}

.solution-section .post-block .text-part h5 {
    font-size: 16px;
    line-height: 18px;
    color: #592ea9;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 15px;
    margin: 0
}

.solution-section .post-block .text-part h3 {
    font-size: 36px;
    line-height: 42px;
    color: #232536;
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.solution-section .post-block .text-part p {
    font-size: 16px;
    line-height: 26px;
    color: #6d6e76;
    padding: 0;
    margin: 0
}

.solution-section .join-now-block {
    text-align: center;
    width: 35%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.solution-section .join-now-block h3 {
    font-size: 36px;
    line-height: 38px;
    color: #232536;
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.solution-section .join-now-block p {
    font-size: 16px;
    line-height: 26px;
    color: #6d6e76;
    font-weight: 400;
    padding: 0 0 15px;
    margin: 0
}

.solution-section .join-now-block a {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(90deg, #d95db0 0, #3344dc 100%);
    padding: 15px 45px;
    margin: 0
}

.benefit-section .feature-part .block .text-block a:hover,
.product-section .feature-part .block .text-block a:hover,
.product-section .feature-part .block .text-block button:hover,
.solution-section .join-now-block a:hover {
    background: linear-gradient(180deg, #d95db0 0, #3344dc 100%)
}

.benefit-section .customiz-part,
.product-section,
.question-section {
    padding: 60px 0;
    margin: 0
}

.benefit-section .customiz-part .top-text h2,
.product-section .top-text h2 {
    text-align: center;
    font-size: 40px;
    line-height: 42px;
    color: #b890d4;
    padding: 0 0 25px;
    margin: 0 0 25px;
    position: relative;
    font-weight: 700;
    letter-spacing: .02em
}

p {
    font-size: 16px !important;
    line-height: 28px !important;
}

.product-section .top-text p {
    font-size: 22px;
    line-height: 32px;
    color: #000;
    font-weight: 500;
    padding: 0;
    margin: 0
}

.product-section .feature-part .block {
    padding: 0 0 50px;
    margin: 0
}

.product-section .feature-part .block .image-block {
    padding: 0;
    margin: 0 auto;
    text-align: center
}

.product-section .feature-part .block .image-block img {
    border-radius: 15px;
    width: 100%;
    height: 400px;
    object-fit: contain;
    object-position: top
}

.product-section .feature-part .block .text-block {
    padding-left: 24px;
    margin: 0
}

.benefit-section .feature-part .block-2 .text-block,
.product-section .feature-part .block-2 .text-block {
    padding: 45px 20px 0 0;
    margin: 0
}

.product-section .feature-part .block .text-block h3 {
    font-size: 40px;
    line-height: 48px;
    color: #230f0f;
    font-weight: 700;
    padding: 0 0 20px;
    margin: 0
}

.product-section .feature-part .block .text-block span {
    color: #233f84
}

.product-section .feature-part .block .text-block p {
    font-size: 17px !important;
    line-height: 32px;
    color: #230f0f;
    font-weight: 500;
    padding: 0 0 15px;
    margin: 0
}

.product-section .feature-part .block .text-block a,
.product-section .feature-part .block .text-block button {
    display: inline-block;
    font-size: 17px;
    line-height: 19px;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    letter-spacing: .03em;
    background: linear-gradient(90deg, #d95db0 0, #3344dc 100%);
    padding: 20px 50px;
    margin: 0;
    border: 0
}

.product-section .feature-part .block .text-block .form-block .form-group {
    padding: 0 0 55px;
    margin: 0
}

.product-section .feature-part .block .text-block .form-block .form-group label {
    font-size: 20px;
    line-height: 22px;
    color: #6c63ff;
    font-weight: 600;
    padding: 0 0 15px;
    margin: 0
}

.product-section .feature-part .block .text-block .form-block .form-group .form-control {
    background: rgba(0, 0, 0, .2);
    border-radius: 10px;
    outline: 0;
    height: 60px
}

.product-section .feature-part .block .text-block .form-block .form-group .form-control:focus {
    outline: none;
}

.section-title,
h2 {
    text-align: center;
    font-size: 37px !important;
    line-height: 45px;
    color: #b890d4;
    padding: 0 0 15px;
    margin: 0 0 40px;
    position: relative;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: capitalize;
}

.benefit-section .box {
    text-align: center;
    border: 1px solid #6c63ff;
    border-radius: 15px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .36);
    padding: 15px 30px;
    margin: 0 auto 45px;
    width: 100%;
    min-height: 290px
}

.benefit-section .box h3 {
    font-size: 22px !important;
    line-height: 26px;
    color: #000;
    font-weight: 700;
    padding: 0 0 25px;
    margin: 0
}

.inner-page .box h3 {
    font-size: 17px;
    line-height: 20px
}

.inner-page .box {
    margin: 0 auto 25px;
    max-width: 590px !important
}

.benefit-section .box p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    padding: 0;
    margin: 0
}

.benefit-section .feature-part {
    padding: 20px 0;
    margin: 0
}

.benefit-section .feature-part .block .image-block {
    padding: 0;
    margin: 0;
    text-align: center
}

.benefit-section .feature-part .block .image-block img {
    border-radius: 15px;
    width: 100%;
    height: auto
}

.benefit-section .feature-part .block .text-block h3 {
    font-size: 40px;
    line-height: 48px;
    color: #230f0f;
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.benefit-section .feature-part .block .text-block p {
    font-size: 20px;
    line-height: 32px;
    color: #230f0f;
    font-weight: 500;
    padding: 0 0 35px;
    margin: 0
}

.benefit-section .feature-part .block .text-block a {
    display: inline-block;
    font-size: 17px;
    line-height: 19px;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    letter-spacing: .03em;
    background: linear-gradient(90deg, #d95db0 0, #3344dc 100%);
    padding: 20px 50px;
    margin: 0
}

.question-section .demo {
    margin: 20px 0
}

.question-section .accordion .fa {
    margin-right: .5rem
}

.question-section .demo .accordion .card {
    box-shadow: 0 5px 16px 0 rgba(8, 15, 52, .06);
    border: none;
    padding: 20px !important;
    margin: 0 0 20px
}

.question-section .demo .accordion .card .card-header {
    border: none;
    border-radius: 10px;
    background: #fff;
    padding: 0 0 10px !important
}

.question-section .demo .accordion .card .card-header h3 .btn-link {
    font-size: 22px;
    line-height: 32px;
    color: #170f49;
    font-weight: 500;
    width: 100%;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    text-transform: capitalize;
}

/* .question-section .demo .accordion .card .card-header h3 .btn-link .fa {
	color: #6f6c90;
	background: #6f6C902B;
	border-radius: 10px;
	float: right;
	font-weight: 400;
	padding: 10px;
	margin: 0;
	position: relative;
	width: 40px;
	height: 40px
}

.question-section .demo .accordion .card .card-header h3 .btn-link.collapsed .fa::before {
	content: "\f067"
}

.question-section .demo .accordion .card .card-header h3 .btn-link .fa::before {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #000;
	font-size: 15px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
} */

.banner-section .container-fluid .row>div:nth-child(2),
.cloud-voice-section .feature-part .block,
.lease-line .feature-part .block,
.lease-line-benefits .customiz-part,
.mid-section .row .container,
.question-section .demo .accordion .card .card-body {
    padding: 0 !important
}

.question-section .demo .accordion .card .card-body p {
    line-height: 1.5;
    font-size: 17px !important;
    font-weight: 500
}

.question-section .demo .accordion .card .card-body ul li {
    list-style: disc
}

.question-section .demo .accordion .card .card-body ul {
    padding-left: 20px;
    padding-top: 15px
}

.benefit-section .customiz-part .top-text p {
    font-size: 18px;
    line-height: 28px;
    color: rgb(0 0 34 / 77%);
    font-weight: 400;
    padding: 0;
    margin: 0
}

.benefit-section .customiz-part .top-text p strong {
    font-weight: 700;
    color: rgba(0, 0, 34, .75)
}

.benefit-section .customiz-part .owl-item>div {
    cursor: pointer;
    margin: 0 15px
}

.benefit-section .customiz-part .owl-item.center>div {
    cursor: auto;
    margin: 0
}

.benefit-section .customiz-part .owl-item:not(.center)>div:hover {
    opacity: .75
}

.benefit-section .customiz-part .item .box {
    text-align: center;
    border: 1px solid #1f64ff;
    padding: 22px;
    margin: 0;
    box-shadow: none;
    min-height: 330px
}

.benefit-section .customiz-part .owl-item.center .box {
    background: linear-gradient(90deg, #d95db0 0, #3344dc 100%);
    border-radius: 15px;
    border: none
}

.benefit-section .customiz-part .owl-item.center .box h3 {
    color: #fff;
    font-size: 28px;
    line-height: 30px
}

.benefit-section .customiz-part .owl-item.center .box h2 {
    color: #fff;
    font-size: 64px;
    line-height: 66px
}

.benefit-section .customiz-part .owl-item.center .box .tab-block {
    opacity: 1;
    height: 100%
}

.benefit-section .customiz-part .owl-item.center .box ul li {
    font-size: 16px;
    line-height: 18px;
    color: #fff
}

.benefit-section .customiz-part .owl-item.center .box a {
    background: #fff;
    color: #1f64ff;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700
}

.benefit-section .customiz-part .item .box h3.extra:after,
.benefit-section .customiz-part .item .box h3:after {
    content: "£" !important;
    position: absolute !important;
    left: -15px !important;
    top: 7px !important;
    font-size: 18px !important;
    line-height: 16px !important;
    color: #8c8c8c !important;
    font-weight: 600 !important;
    display: block !important
}

.benefit-section .customiz-part .item .box h3.extra:before,
.benefit-section .customiz-part .item .box h3:before {
    content: "/m";
    position: absolute;
    right: -25px;
    bottom: 7px;
    font-size: 14px;
    line-height: 16px;
    color: #8c8c8c;
    font-weight: 600
}

.benefit-section .customiz-part .item .box h3 {
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 39px !important;
    text-transform: lowercase !important;
    line-height: 48px;
    color: #000;
    font-weight: 900;
    position: relative;
    display: inline-block
}

.benefit-section .customiz-part .item .box .tab-block {
    opacity: 0;
    height: 0;
    width: 69%;
    border-radius: 5px;
    background: #6293ff;
    padding: 5px;
    margin: 0 auto
}

.benefit-section .customiz-part .item .box .tab-block .monthly-block h6 {
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    color: #1f64ff;
    font-weight: 400;
    padding: 5px 15px;
    margin: 0
}

.benefit-section .customiz-part .item .box .tab-block .annually-block h6 {
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-weight: 400;
    padding: 5px 15px;
    margin: 0
}

.benefit-section .customiz-part .item .box ul {
    padding: 20px 0 0;
    margin: 0;
    min-height: 170px
}

.benefit-section .customiz-part .item .box ul li {
    font-size: 14px;
    line-height: 19px;
    color: #000;
    font-weight: 400;
    padding: 0 0 10px;
    margin: 0;
    text-align: left !important
}

.benefit-section .customiz-part .item .box ul li .fa {
    padding: 0 10px 0 0;
    margin: 0;
    font-weight: 400
}

.benefit-section .customiz-part .item .box a {
    display: inherit;
    text-align: center;
    background: #1f64ff;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    border-radius: 15px;
    box-shadow: 0 6px 20px 3px rgba(31, 100, 255, .3);
    padding: 20px 65px;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px
}

.voip-section {
    padding: 65px 0;
    margin: 0
}

.voip-section .top-text {
    padding: 0 0 100px;
    margin: 0
}

.voip-section .top-text h2 {
    font-size: 40px;
    line-height: 42px;
    color: #000;
    font-weight: 700;
    letter-spacing: .05em;
    padding: 0 0 45px;
    margin: 0
}

.voip-section .top-text p {
    font-size: 24px;
    line-height: 38px;
    color: #000;
    font-weight: 500;
    padding: 0;
    margin: 0
}

.voip-section .box {
    text-align: center;
    padding: 0;
    margin: 0 0 60px
}

.voip-section .box .image-block {
    background: #eee;
    border-radius: 10px;
    padding: 20px 0;
    margin: 0
}

.voip-section .box .image-block img {
    max-width: 100%;
    height: 250px
}

.voip-section .box h5 {
    font-size: 19px;
    line-height: 21px;
    color: #1c1c1c;
    font-weight: 600;
    padding: 10px 0;
    margin: 0
}

.voip-section .box a {
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    color: #6c63ff;
    border: 1.5px solid #dee2e7;
    font-weight: 500;
    border-radius: 6px;
    padding: 8px 30px;
    margin: 0
}

.samsung-deals-section .top-text h2 {
    text-transform: capitalize
}

.product-section .main-box .samsung-deals .item {
    padding: 0;
    margin: 0 15px
}

.product-section .main-box .google-pexel-deals .item .box,
.product-section .main-box .samsung-deals .item .box {
    border: 1px solid #a19c9c;
    border-radius: 8px;
    padding: 30px;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block,
.product-section .main-box .samsung-deals .item .box .text-block {
    padding: 30px 0 0 28px;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block h3,
.product-section .main-box .samsung-deals .item .box .text-block h3 {
    font-size: 26px;
    line-height: 28px;
    color: #8a9dae;
    font-weight: 700;
    padding: 0 0 20px;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block h4,
.product-section .main-box .samsung-deals .item .box .text-block h4 {
    font-size: 30px;
    line-height: 32px;
    color: #6c63ff;
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block .stor-block h6,
.product-section .main-box .samsung-deals .item .box .text-block .stor-block h6 {
    font-size: 11px;
    line-height: 13px;
    color: #6c63ff;
    font-weight: 600;
    padding: 0 0 6px;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block .stor-block ul li a,
.product-section .main-box .samsung-deals .item .box .text-block .stor-block ul li a {
    float: left;
    font-size: 10px;
    line-height: 12px;
    color: #000;
    font-weight: 600;
    background: #d9d9d9;
    border-radius: 8px;
    padding: 6px 15px;
    margin: 0 15px 0 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block .color-select,
.product-section .main-box .samsung-deals .item .box .text-block .color-select {
    padding: 0 0 10px;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block .color-select input,
.product-section .main-box .samsung-deals .item .box .text-block .color-select input {
    background: #000;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    padding: 0;
    margin: 0
}

.product-section .main-box .google-pexel-deals .item .box .text-block .color-select input #red,
.product-section .main-box .samsung-deals .item .box .text-block .color-select input #red {
    background: red !important
}

.product-section .main-box .google-pexel-deals .item {
    padding: 0;
    margin: 0 auto
}

.product-section .detail-part .product-box {
    padding: 0 30px 0 0;
    margin: 0
}

.product-section .detail-part .product-box .owl-theme .owl-prev {
    position: absolute;
    left: -2%;
    bottom: 28%;
    padding: 0;
    margin: 0
}

.product-section .detail-part .product-box .owl-theme .owl-next:hover,
.product-section .detail-part .product-box .owl-theme .owl-prev:hover {
    background: 0 0;
    color: #000
}

.product-section .detail-part .product-box .owl-theme .owl-next span,
.product-section .detail-part .product-box .owl-theme .owl-prev span {
    font-size: 45px;
    line-height: 47px
}

.product-section .detail-part .product-box .owl-theme .owl-next {
    position: absolute;
    right: -2%;
    bottom: 28%;
    padding: 0;
    margin: 0
}

.product-section .detail-part .content-part {
    padding: 30px 0 0;
    margin: 0
}

.product-section .detail-part .content-part h3 {
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 500;
    padding: 0 0 15px;
    margin: 0
}

.product-section .detail-part .content-part .color {
    font-size: 20px;
    line-height: 22px;
    color: rgba(0, 0, 0, .56);
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.product-section .detail-part .content-part h4 {
    font-size: 28px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.product-section .detail-part .content-part p {
    font-size: 16px;
    line-height: 22px;
    color: #b9bbbf;
    font-weight: 400;
    padding: 0 0 30px;
    margin: 0
}

.product-section .detail-part .content-part .color-select input {
    background: red;
    height: 32px;
    width: 32px
}

.product-section .detail-part .content-part .stor-block h6 {
    font-size: 18px;
    line-height: 20px;
    color: rgba(0, 0, 0, .56);
    font-weight: 700;
    padding: 0 0 10px;
    margin: 0
}

.product-section .detail-part .content-part .btn,
.product-section .detail-part .content-part .btn a {
    font-weight: 600;
    padding: 20px 85px;
    display: inline-block;
    background: #f48c06;
    line-height: 18px;
    color: #fff;
    font-size: 16px;
    margin: 0
}

.product-section .detail-part .content-part .stor-block ul li a {
    float: left;
    border: 2px solid #d9d9d9;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 700;
    background: #d9d9d9;
    border-radius: 8px;
    padding: 9px 20px;
    margin: 0 15px 0 0;
    transition: .6s ease-in-out
}

.product-section .detail-part .content-part .stor-block ul li a:hover {
    background-color: rgba(128, 117, 255, .3);
    border: 2px solid #8075ff
}

.product-section .detail-part .content-part .btn {
    outline: 0;
    box-shadow: none;
    border: none;
    border-radius: 30px
}

.map-section .form-block .form-group .theme-btn,
.package_list table thead tr {
    background: linear-gradient(180deg, #24717b 0, #5752da 100%)
}

.product-section .detail-part .content-part .btn a {
    border-radius: 30px
}

.product-section .detail-part .popup-block {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .31);
    padding: 0 30px 85px;
    margin: 0
}

.product-section .detail-part .popup-block .product-part {
    position: relative;
    padding: 160px 71px 0 0;
    margin: 0;
    z-index: 9999
}

.product-section .detail-part .popup-block .product-part h5 {
    text-align: center;
    font-size: 28px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
    padding: 35px 0 25px;
    margin: 0
}

.product-section .detail-part .popup-block .product-part h6 {
    padding: 0 0 0 35px;
    margin: 0
}

.product-section .detail-part .popup-block .form-part .block .form-control {
    outline: 0;
    box-shadow: none;
    height: 65px;
    font-size: 18px;
    line-height: 20px;
    color: #0a3749;
    font-weight: 500;
    padding: 0 15px;
    margin: 0
}

.product-section .detail-part .popup-block .form-part .form-check {
    width: 100%;
    padding: 0 0 0 35px;
    margin: 0
}

.product-section .detail-part .popup-block .form-part a.submit {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    background: #f48c06;
    border-radius: 7px;
    padding: 15px 0;
    margin: 40px 0 0 15px
}

.product-section .detail-part .modal .modal-dialog {
    max-width: 80%
}

.product-section .detail-part .modal .modal-dialog .modal-content {
    padding: 45px 0 0;
    margin: 0;
    position: relative
}

.product-section .detail-part .modal .modal-dialog .modal-content:after {
    content: "";
    background: url(../images/shep.png) 0 0/cover no-repeat;
    position: absolute;
    width: 392px;
    height: 430px;
    left: 0;
    top: 0;
    z-index: 99
}

.solution-banner .text-block {
    background: 0 0;
    border: none;
    width: 58%;
    padding: 100px 0 0
}

.solution-banner .text-block h5 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    padding: 0 0 15px;
    margin: 0
}

.solution-banner .text-block h6 {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding: 0 0 15px;
    margin: 0
}

.order-form-section .total-box a,
.solution-banner .text-block a {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    color: #fff
}

.solution-banner .text-block h6 span {
    color: #592ea9
}

.solution-banner .text-block a {
    font-weight: 700;
    background: #ffd050;
    border-radius: 0;
    padding: 16px 35px;
    margin: 0
}

.solution-banner .text-block a .fa {
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 0 4px;
    margin: 0
}

.contact-section .content-part {
    padding: 0;
    margin: 0 0 40px;
    gap: 0 20px
}

.contact-section .content-part .block {
    background: #ebf2f4;
    padding: 22px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 240px;
    border-radius: 15px
}

.contact-section .content-part .block .address {
    float: left;
    padding: 0 15px 0 0
}

.contact-section .content-part .block .address .fa {
    font-size: 36px;
    line-height: 38px;
    color: #277081
}

.contact-section .content-part .block h3 {
    display: inline-block;
    font-size: 20px;
    line-height: 26px;
    color: #000;
    font-weight: 500;
    padding: 0;
    margin: 0
}

.contact-section .content-part .block a {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #000;
    padding: 16px 0;
    margin: 0;
    transition: .6s ease-in-out
}

.contact-section .content-part .block a .fa {
    font-size: 26px;
    line-height: 28px;
    color: #296f84;
    padding: 0 15px 0 0;
    margin: 0
}

.contact-section .content-part .block a:hover {
    color: #296f84
}

.map-section .map-block iframe {
    width: 100%;
    height: 450px;
    border-radius: 10px
}

.map-section .form-block {
    padding: 0 45px;
    margin: 0
}

.map-section .form-block .form-group .form-control {
    height: 85px;
    focus: none;
    outline: 0;
    border: none;
    border-bottom: 2px solid #b8b3fb;
    border-radius: 0;
    padding: 0 15px 0 0;
    margin: 0
}

.map-section .form-block .form-group textarea {
    width: 100%;
    resize: none;
    height: 85px;
    focus: none;
    outline: 0;
    border: none;
    border-bottom: 2px solid #b8b3fb;
    border-radius: 0;
    padding: 0 15px 0 0;
    margin: 0
}

.map-section .form-block .form-group .theme-btn {
    float: right;
    font-size: 14px;
    border: none;
    border-radius: 15px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    padding: 15px 35px;
    margin: 0
}

.order-form-section {
    padding: 30px 0;
    margin: 0
}

.order-form-section .total-box {
    border: 1px solid #9dd5ff;
    width: 85%;
    padding: 30px;
    margin: 0 auto
}

.order-form-section .total-box .block h6 {
    font-size: 16px;
    line-height: 18px;
    color: #586166;
    font-weight: 500;
    padding: 0 0 8px;
    margin: 0
}

.order-form-section .total-box .block h6 span {
    color: #f21d2f
}

.order-form-section .total-box .block .form-control {
    font-size: 15px;
    line-height: 17px;
    color: #586166;
    font-weight: 500;
    height: 50px;
    outline: 0;
    box-shadow: none;
    border-radius: 8px;
    background: #f2f6fb;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15);
    border: none;
    padding: 0 15px;
    margin: 0
}

.order-form-section .total-box a {
    background: #458dfc;
    border-radius: 50px;
    padding: 15px 45px;
    margin: 0
}

.tab-image {
    width: 75%;
    margin-left: auto
}

.tabs {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

#broadband_address,
.tab-content p {
    width: 100%;
    text-align: left
}

.abt-top-txt,
.box,
.broadband-card,
.partner-section,
.service_item h5 {
    text-align: center
}

.broadband-section {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 72px 0 60px;
    min-height: 350px;
    position: relative
}

.broadband-card {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 40px;
    max-width: 100%;
    width: 100%;
    color: #fff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .2);
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.broadband-text {
    font-size: 16px;
    color: #f1f1f1;
    margin-bottom: 25px
}

.input-group {
    display: flex;
    align-items: center;
    gap: 0 20px;
    width: 100%
}

.form-control {
    font-size: 16px;
    border-radius: 15px;
    border: 2px solid rgba(255, 255, 255, .5);
    outline: 0;
    background: #fff;
    color: #000;
    transition: .3s;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    width: 55% !important;
    height: 40px !important
}

.form-control::placeholder {
    color: rgba(255, 255, 255, .7)
}

.form-control:focus {
    border-color: #ff7eb3;
    background: #fff
}

.btn-check-now,
.check_availability_btn {
    background-color: rgba(212, 54, 208, .9640231092436975) !important;
    border: none !important;
    padding: 8px 17px !important;
    border-radius: 25px !important;
    color: #fff !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: .4s ease-in-out !important;
    width: 43% !important;
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.check_availability_btn {
    width: 55% !important
}

.btn-check-now:hover,
.check_availability_btn:hover {
    background: rgb(229 21 224 / 96%) !important
}

.partner-section {
    background-color: #f9f9f9
}

.partner-section h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.cart-section .mid-section,
.owl-carousel .item,
.product-bnnr {
    display: flex;
    justify-content: center;
    align-items: center
}

.owl-carousel img {
    max-width: 100%;
    height: auto;
    display: block
}

.head_nav>div>ul li a,
.owl-carousel .item img {
    transition: .5s ease-in-out
}

.owl-carousel .item img:hover {
    transform: scale(1.1)
}

.partner .item {
    max-width: 280px;
}

.our-deals .item {
    padding: 0 15px;
    max-width: 450px;
    margin: 0 auto;
    align-items: inherit !important;
    min-height: 500px
}

.box {
    padding: 15px 20px 25px !important;
    max-width: 450px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1) !important;
    width: 100%;
    cursor: pointer
}

.image-container {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 0
}

.image-container img {
    width: 100%;
    height: 120px;
    object-fit: contain
}

.text-block {
    margin-top: 5px
}

.text-block h4 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px
}

.price {
    font-size: 18px !important;
    color: #f60 !important;
    font-weight: 700;
    margin-bottom: 20px !important;
    position: absolute;
    top: 78%;
    left: 0;
    right: 0
}

.owl-carousel .owl-stage-outer {
    padding: 10px 0
}

.owl-carousel .owl-item {
    margin-right: 10px !important
}

h3 {
    font-size: 33px !important;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
    text-transform: capitalize;
}

.image-part img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    opacity: 0;
    border-radius: 10px !important;
    transform: translateX(-100px);
    animation: 3s ease-out forwards slide-in-left
}

.flex-md-row-reverse .image-part img {
    transform: translateX(100px);
    animation: 3s ease-out forwards slide-in-right
}

.image-part img:hover {
    transform: scale(1.05);
    transition: transform .3s ease-in-out;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .3)
}

.about-section {
    background: #edf3f9;
    color: #333
}

.company-subtitle {
    font-size: 18px;
    color: #666
}

.company-heading {
    font-size: 24px;
    font-weight: 700
}

.highlight {
    color: #007bff
}

.about-text {
    font-size: 16px;
    line-height: 1.8;
    max-width: none;
    margin: 0 auto
}

.abt-top-txt {
    max-width: none;
    margin-left: auto;
    margin-right: auto
}

.btn-primary {
    background: #007bff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    transition: .3s
}

.btn-primary:hover {
    background: #0056b3
}

.testimonial-section .text-block h3:after {
    background-size: 115px
}

.benefit-section .box {
    max-width: 100%
}

.partner .owl-carousel .owl-item .item img {
    max-width: 150px
}

.prdct_box {
    min-height: 475px !important
}

.prdct_box .card-body h5 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #000
}

#footer-section .row,
.about-banner .row,
.innr_page_bnnr .tab-content,
.lease-line-banner .text-block,
.mid-section .card .card-footer,
.package_list table,
.service_slider .slick-list {
    width: 100%
}

.form-block form .form-control {
    border-radius: 6px !important;
    color: rgb(73 80 87 / 90%);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    border: .82px solid #e8e8e8;
    background-color: #f5f5f5;
    width: 100% !important;
    height: 100%;
    margin-bottom: 30px;
    padding: 12px 20px
}

.form-block form .form-control:focus {
    box-shadow: none;
    outline: 0
}

.form-block form .form-control::placeholder {
    color: #495057;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.form-block .form-group textarea {
    height: 170px !important;
    resize: none
}

@keyframes slide-in-left {
    from {
        opacity: 0;
        transform: translateX(-100px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes slide-in-right {
    from {
        opacity: 0;
        transform: translateX(100px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.bnnr_wrap {
    display: flex;
    align-items: center
}

.bnnr_img {
    padding-left: 0;
    width: 50%;
    flex: 0 0 50%
}

.bnnr_img img {
    width: 100%;
    height: 522px;
    object-fit: contain;
    max-width: 640px;
    margin: 0 0 0 auto
}

.service_slider {
    padding: 7px 15px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px
}

#headSec,
.sticky {
    backdrop-filter: blur(8px) !important;
    position: fixed;
    z-index: 99;
    right: 0
}

.cart-section .row,
.innr_page_bnnr .row,
.product-bnnr .row,
.service_item {
    align-items: center
}

.service_slider::after {
    background: #24717b;
    background: linear-gradient(180deg, #24717b 4%, #5752da 100%);
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.service_item h5 {
    color: #fff;
    font-size: 17px;
    line-height: 1.1;
    font-weight: 600
}

.service_item {
    display: inline-flex !important;
    justify-content: center
}

.service_item img {
    max-width: 32px;
    height: auto;
    margin-right: 7px
}

.service_slider .slick-current .service_item {
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important;
    padding: 10px 30px;
    border-radius: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.service_slider .slick-slide .service_item {
    padding: 8px 15px;
    background: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit;
    width: 100% !important
}

.btm_part,
.top-part {
    justify-content: space-between
}

.ftr_sec strong {
    display: block;
    margin-bottom: 20px
}

.why-choose-us-section .row .col-md-6 a {
    color: #4da0fd;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    padding-right: 20px
}

#footer-section ul li:nth-child(4) p,
.LoginForm>div .form-control,
.availability_btn button,
.newsletter-form .form-control,
.registerForm>div .form-control,
.select_wrap select {
    width: 100% !important
}

.footer_rvw,
.full-fibre-content.feature-part .block .text-block h3 {
    padding-bottom: 20px;
    padding-top: 15px;
}

.footer_rvw a img {
    max-width: 195px;
}

.sticky {
    background: #39515b !important;
    top: -2px;
    transition: .5s;
    left: 0;
    width: 100%;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 27%)
}

.broad_band_head h2,
.cta_txt_wrap {
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.p_card,
.sim-data .item {
    transition: .3s ease-in-out
}

.top-part {
    display: flex
}

.left {
    display: flex;
    flex-direction: column
}

.client-name img {
    max-width: 90px !important;
    margin-top: 10px
}

.sim-logo-block .image-container,
.testimonials .item {
    display: block !important
}

.footer-logo img {
    width: 200px
}

.innr_page_bnnr .banner-image {
    width: 100%;
    float: inherit !important;
    display: block !important
}

.innr_page_bnnr .banner-image img {
    width: 100% !important;
    height: 490px !important;
    object-fit: contain !important;
    max-width: 640px !important
}

.innr_page_bnnr .container-fluid .row>div:nth-child(2) {
    padding: 0 15px !important
}

.sim-feature img {
    max-width: none !important;
    height: 500px !important;
    object-fit: cover !important;
    object-position: top !important
}

.feature-part .image-block img {
    max-width: 550px;
    height: 420px;
    object-fit: contain
}

.fa-check {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900 !important;
    font-style: normal
}

.cloud-voice-price-plan .item {
    padding: 0 15px
}

.cloud-voice-product .feature-part .block .text-block h3 {
    padding: 0 0 15px !important
}

.cloud-voice-product .feature-part .block .text-block {
    padding-right: 0 !important;
    padding-left: 40px !important
}

.cloud-voice-product .top-text {
    padding: 0 0 60px
}

.inner-page {
    padding-top: 60px
}

.cloud-voice-product .feature-part .block {
    padding-bottom: 0 !important
}

.about-section,
.benefit-section {
    padding: 60px 0 !important
}

.cloud-voice-price-plan .slick-slide.slick-current>div .item .box {
    position: relative;
    border: 0 !important;
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important
}

.cloud-voice-price-plan .slick-slide.slick-current>div .item .box h3,
.cloud-voice-price-plan .slick-slide.slick-current>div .item .box ul li {
    color: #fff
}

.cloud-voice-price-plan .slick-slide.slick-current>div .item .box a {
    color: #1f64ff;
    background-color: #fff
}

.contact-banner {
    padding: 190px 0 120px;
    display: flex;
    align-items: stretch;
    min-height: 500px
}

.contact-banner .container-fluid {
    display: flex;
    align-items: stretch;
    height: 100%;
    justify-content: center
}

.contact-banner .text-block {
    height: 100%;
    padding: 95px 30px 85px;
    background: rgba(255, 255, 255, .05);
    border-radius: 20px;
    color: #fff;
    width: 100% !important
}

.contact-banner .banner-image {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%
}

.contact-banner .banner-image img {
    max-height: 100%;
    width: auto
}

.contact-section .row {
    justify-content: center !important
}

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

.contact-section .block img {
    max-width: 35px;
    padding-bottom: 13px
}

.form_sec .image-part img {
    height: 100%;
    object-position: top
}

.form_sec {
    padding-bottom: 75px
}

.form-block {
    background-color: #fff;
    box-shadow: -2px 1px 6px 4px rgb(0 0 0 / 10%);
    border-radius: 0 10px 10px 0;
    padding: 30px
}

.cloud_voice_benefits,
.f-fibre-feature,
.full_fibre_benefits,
.lease-line-benefits,
.sim_broadband_benefits {
    background-color: #f1f6ff
}

.p_card,
.package_btn a,
.show_btn_wrap button:focus,
.sim-data .item {
    box-shadow: none
}

.form-block h3 {
    text-transform: capitalize;
    margin-bottom: 25px
}

.contact-section .content-part .block p {
    font-size: 20px !important;
    font-weight: 600;
    text-align: center;
    line-height: 28px
}

.sim-data .item {
    background-color: #fff;
    border-radius: 14px;
    padding: 20px 10px;
    width: 100%;
    min-height: 350px;
    border: 1px solid #1f64ff
}

.sim-data .item_content {
    padding-bottom: 0;
    min-height: 75px
}

.sim-data .item_content p {
    color: #000;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 20px !important
}

.package_list ul li table tr td,
.package_list ul li table tr th {
    min-width: 10px
}

.package_list table td,
.package_list table th {
    text-align: left;
    padding: 8px 5px;
    word-wrap: break-word
}

.package_list table td {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    text-align: center
}

.package_list table tbody tr td:first-child {
    border-right: 0
}

.package_list table tbody tr:nth-child(2n) {
    background-color: #e0e4e9
}

.sim-data .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 20px;
    position: relative
}

.package_list {
    flex-grow: 1;
    padding-right: 10px
}

.package_list table thead tr th {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center
}

.package_btn {
    margin-top: auto
}

.package_btn a {
    text-align: center;
    background: #1f64ff;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    border-radius: 15px;
    box-shadow: 0 6px 20px 3px rgba(31, 100, 255, .3);
    padding: 20px 65px;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center
}

.error-message {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: red;
    min-height: 22px;
    margin-top: 5px
}

.sim-data .item:hover {
    box-shadow: 0 6px 20px 3px rgba(31, 100, 255, .3)
}

.scroll-wrapper {
    max-height: 220px;
    position: relative;
    margin-bottom: 30px
}

.scroll-wrapper:hover .package_list {
    overflow-y: auto
}

.package_list {
    max-height: 250px;
    overflow-y: hidden;
    scrollbar-width: thin;
    -ms-overflow-style: none
}

.cta_img,
.p_card {
    overflow: hidden
}

.package_list::-webkit-scrollbar {
    width: 6px
}

.package_list::-webkit-scrollbar-track {
    background: 0 0
}

.package_list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border-radius: 10px
}

#enquiryModal .modal-body form>div input,
#enquiryModal .modal-body form>div textarea {
    background-color: #f5f5f5 !important;
    height: 100% !important;
    border: .82px solid #e8e8e8 !important;
    color: rgba(73, 80, 87, .9) !important;
    width: 100% !important
}

.item_img img {
    max-width: 100px
}

.grn_chk {
    color: #34b233
}

.btm_part {
    border-top: 1px solid #cecece;
    padding: 20px 0 0;
    margin: 12px 0 0;
    display: flex;
}

.copy_rightTxt p,
.btm_part p {
    font-size: 12px !important;
    line-height: 18px;
    padding-right: 0 !important;
    font-weight: 400 !important
}

.offComLogo img {
    max-width: 130px
}

.offComLogo {
    margin: 25px 0 0
}

.cross-mark {
    color: #f01010
}

.unlimited {
    font-size: 12px !important;
    display: block
}

.package_list ul li table thead {
    position: sticky;
    top: 0;
    z-index: 5
}

.slct_address_wrap {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0 20px
}

#broadband_address #selected_address {
    width: 55% !important;
    flex: 0 0 55% !important
}

#productList .col-md-4 {
    margin-bottom: 30px !important
}

#enquiryModal .close {
    font-size: 22px;
    color: #000;
    opacity: 1;
    padding: 15px !important;
    border: 0 !important;
    text-shadow: none !important
}

#enquiryModal .modal-body form>div input {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important
}

#enquiryModal .modal-body form>div input:focus,
#enquiryModal .modal-body form>div textarea:focus {
    color: rgba(73, 80, 87, .9) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    box-shadow: none !important
}

#enquiryModal .modal-body form>div input::placeholder {
    color: rgba(73, 80, 87, .9) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important
}

#productList .product-card .product-body>div>p span {
    font-weight: 600;
    font-size: 15px;
    line-height: 24px
}

#enquiryModal .modal-body form>div textarea {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    resize: none !important
}

#enquiryModal .modal-body form>div textarea::placeholder {
    color: rgba(73, 80, 87, .9) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important
}

#enquiryModal .modal-body {
    padding: 40px 15px !important
}

.no_addrss {
    margin-top: 30px
}

#productList .btn-enquire {
    background: #2a43cc !important;
    border: 2px solid transparent
}

#productList .btn-enquire:hover {
    background-color: transparent !important;
    color: #2a43cc !important;
    border-color: #2a43cc !important
}

.our-deals-section .item .text-block a {
    background-color: rgb(11 202 249) !important;
    color: #fff !important;
    border: 2px solid transparent;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    margin: 0 auto;
    border-radius: 5px !important;
    min-width: 150px !important;
}

#addToCartBtn:hover,
#enquiryModal .modal-content .modal-body form button:hover,
.checkOut_btn:hover,
.form_sec .form-block button:hover,
.our-deals-section .item .text-block a:hover,
.p-btn:hover,
.payment_btn:hover,
.shoppng_btn:hover,
.show_btn_wrap button:hover,
.view_btn:hover {
    background-color: transparent !important;
    border-color: rgb(11 202 249) !important;
    color: rgb(11 202 249) !important
}

.about-section a {
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important;
    font-weight: 600;
    transition: .4s ease-in-out
}

.show_btn_wrap {
    margin-bottom: 50px
}

#enquiryModal .modal-content .modal-body form button,
.show_btn_wrap button {
    background-color: rgb(11 202 249) !important;
    color: #fff !important;
    border: 2px solid transparent;
    font-weight: 600
}

.about-banner .text-block a.started,
.cta_btn a,
.send-out-section a {
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important
}

#enquiryModal .modal-body h6 {
    font-weight: 600;
    color: #000;
    font-size: 24px
}

.about-banner .text-block {
    padding: 50px 35px 0
}

.about-banner .banner-image img {
    height: 480px
}

.login-dropdown {
    right: 0
}

.infoList li p {
    font-weight: 400 !important;
    color: #fff !important;
    font-size: 14px !important
}

.login-dropdown .dropdown a,
.mid-section .card .card-body table thead {
    background-color: #d9d9d9
}

.cart-section {
    padding: 0 !important;
    margin: -40px 0 0
}

#broadband_data,
.broadband_data,
.broadband_data .alert-warning {
    margin-top: 20px
}

.send-out-section a {
    font-weight: 600
}

.about-section .main-block .image-part img {
    height: 540px !important;
    object-position: top !important
}

.about_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.about-section .main-block .image-part {
    padding-right: 0 !important;
    width: 50%;
    flex: 0 0 50%
}

.about-section .main-block .text-part {
    width: 50%;
    flex: 0 0 50%;
    padding-right: 0 !important;
    padding-left: 45px
}

.sim-data h2 {
    margin: 0 0 20px
}

.sim-data p {
    margin-bottom: 30px
}

.sim-data .row .col-lg-3 {
    margin-bottom: 35px
}

.lease-line-benefits .box .icon-block img,
.sim-only-benefits .icon-block img,
.sim_broadband_benefits .icon-block img {
    max-width: 50px;
    height: auto
}

.full-fibre-banner .text-block {
    width: 100% !important;
    height: 100%
}

.cart-section .mid-section .card-body table tbody tr td a img,
.full-fibre-banner .banner-image img {
    object-fit: contain
}

.full-fibre-banner {
    padding: 130px 0 50px !important
}

.full-fibre-content.feature-part .block .image-block img {
    max-width: none !important;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
    object-position: top;
    height: 600px
}

.full-fibre-content.feature-part .block .text-block {
    padding-left: 25px
}

.full-fibre-content.feature-part .block .text-block ul {
    padding-left: 25px;
    padding-top: 20px
}

.full-fibre-content.feature-part .block .text-block ul li {
    padding-bottom: 7px;
    list-style: disc
}

.full-fibre-content.feature-part .block .text-block ul li strong {
    margin-right: 8px
}

.broadband_deals .broadband-section #broadband_address #selected_address,
.broadband_deals .broadband-section .input-group .form-control {
    width: 50% !important;
    flex: 0 0 50% !important
}

.broadband_deals .broadband-section .input-group .btn-check-now {
    width: 48% !important;
    flex: 0 0 48% !important
}

.broadband_deals .broadband-section .input-group {
    gap: 0 10px !important
}

.sim-data,
.sim-only-benefits {
    background-color: #f1f6ff;
    padding: 0 0 60px
}

.broadband_lft_img img {
    width: 100%;
    object-fit: cover;
    height: 440px;
    border-radius: 15px;
    object-position: top
}

.broadband_deals .broadband-section {
    padding: 0 0 50px
}

.full-fibre-content {
    padding: 80px 0 0
}

.f-fibre-feature {
    padding: 80px 0
}

.full-fibre-content.feature-part .block .text-block p {
    padding-bottom: 15px
}

.broadband_deals,
.p_availability {
    padding-bottom: 80px
}

.broadband_deals .broadband-section .check_availability_btn {
    width: 100% !important;
    margin-top: 0 !important;
    white-space: nowrap
}

.broadband_deals .broadband-section .slct_address_wrap {
    justify-content: inherit !important;
    gap: 0 10px !important
}

.broadband_deals .select_sec>div:first-child,
.broadband_deals .select_sec>div:nth-child(2) {
    width: 50%;
    flex: 0 0 50%
}

.broadband_deals .broadband_lft_img img {
    height: 530px !important
}

.broadband_head h3 {
    color: #000;
    text-align: left;
    line-height: 50px;
    padding-bottom: 0 !important;
    margin-bottom: 15px !important
}

.broadband_head p {
    margin-bottom: 25px
}

.p_card .card-body p:nth-child(3),
.sim-brdbnd-plan .item_img img {
    margin-bottom: 20px
}

.sim-broadbndSec .feature-part .block .image-block img {
    max-width: none !important;
    object-fit: cover !important;
    height: 500px !important
}

.sim-broadband-banner .text-block {
    width: 100%;
    height: 100%
}

.sim-broadband-banner .banner-image img {
    height: 470px
}

.sim-broadband-banner {
    padding-top: 110px
}

.sim-broadbndSec .feature-part .block {
    padding-bottom: 0
}

.full_fibre_benefits {
    padding: 60px 0
}

.full_fibre_benefits h2::after,
.sim_broadband_benefits h2::after,
.lease-line-benefits h2::after {
    content: "";
    position: absolute;
    width: 85px;
    height: 4px;
    background-color: #b890d4;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.cta_txt h2::after {
    display: none;
}

.sim_broadband_question .demo .accordion .card .card-body p {
    text-align: left !important;
    margin-bottom: 0 !important
}

.cloud-voice-product .feature-part .block .image-block img {
    max-width: none !important;
    height: 330px !important;
    object-position: center !important
}

.cloud_voice_benefits .customiz-part {
    padding: 40px 0 60px !important
}

.full_fibre_benefits .box .icon-block img {
    max-width: 50px
}

.sim-broadbndSec .feature-part .block .text-block ul {
    padding-left: 15px
}

.sim-broadbndSec .feature-part .block .text-block ul li {
    font-size: 17px !important;
    line-height: 32px;
    color: #230f0f;
    font-weight: 500;
    padding: 0 0 5px;
    list-style: disc
}

.sim-brdbnd-plan {
    padding: 0 0 60px !important
}

.lease-line,
.lease-line-benefits,
.lease-line-question {
    padding: 80px 0 !important
}

.lease-line-banner .banner-image img {
    height: 430px
}

.lease-line-banner {
    height: auto !important
}

.lease-line .feature-part .block .image-block img {
    object-fit: cover !important;
    height: 550px !important;
    max-width: none !important
}

.contact-banner .banner-images img {
    display: block;
    margin: 0 auto;
    height: 440px;
    object-fit: contain;
    width: 100%
}

.infoList li {
    margin-bottom: 5px
}

#broadband_data {
    width: 100%;
    height: 100%
}

.select_sec {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

#address_form label {
    display: block;
    text-align: left
}

.select_sec>div:first-child {
    width: 55%;
    flex: 0 0 55%
}

.select_sec>div:nth-child(2) {
    width: 45%;
    flex: 0 0 45%;
    padding-left: 25px
}

.broadband_check_bnnr .bnnr_img {
    width: 100%;
    position: relative;
    padding: 60px 0
}

.broadband_check_bnnr .bnnr_img .img_Div::after {
    position: absolute;
    content: '';
    background-color: rgb(34 135 215 / 33%);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 15px
}

.broadband_check_bnnr .bnnr_img img {
    height: 370px;
    object-fit: cover;
    margin: 0;
    border-radius: 15px;
    max-width: none;
    position: relative;
    object-position: top
}

.broad_band_head h2 {
    color: #fff;
    position: absolute;
    content: '';
    width: 100%;
    text-align: left;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.p_head {
    background-color: #1c58af !important;
    font-weight: 600
}

.p_card {
    border-radius: 15px;
    text-align: center;
    border: 1px solid rgb(28 88 175) !important
}

.cta_txt h2,
.cta_txt_wrap {
    text-align: left !important
}

.cta_img,
.cta_img img {
    border-radius: 10px;
    position: relative;
    z-index: 2
}

.p_card:hover {
    box-shadow: 0 0 6px 4px rgba(0, 0, 0, .07)
}

.p_card .card-body .btn-check-now {
    background-color: #1f64ff !important;
    max-width: 500px;
    margin: 0 auto;
    width: 100% !important;
    font-weight: 600
}

.p_card .card-body .btn-check-now:hover {
    background-color: rgb(157 103 181 / 89%) !important
}

.broadband_results .container-fluid .row .col-lg-4.col-md-6 {
    margin-bottom: 25px !important
}

.broadband_results,
.empty-cart-section {
    padding: 80px 0
}

.broadband_results_head h2 {
    padding: 0 0 25px;
    margin: 0 0 25px
}

.term-section h2 {
    margin-bottom: 25px;
    padding: 0 0 20px
}

.termsContent p {
    font-size: 14px;
    line-height: 26px;
    color: rgb(0 0 0 / 85%);
    margin-bottom: 20px;
    margin-top: 0;
    font-weight: 400
}

.p_options form>div>label strong,
.sub_head h3 {
    font-size: 20px
}

.sub_head h3 {
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 32px !important;
}

.subheading h4 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
}

.subheadmenu {
    margin: 15px 0 !important;
}


.termsContent ul {
    padding-left: 40px;
    margin-bottom: 40px;
}

.termsContent ul li {
    list-style-type: disc;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px
}

.termsContent h5 {
    font-size: 17px;
    line-height: 26px;
    color: rgb(0 0 0 / 56%);
    margin-bottom: 8px;
    font-weight: 600;
    padding-left: 0 !important;
}

.sub_srvc_list li {
    list-style-type: none !important;
}

.servc_list li strong {
    margin-right: 5px;
}

.refundList {
    display: flex;
    padding-left: 5px !important
}

.info li,
.refundList li {
    list-style-type: none !important
}

.refundList li:last-child {
    padding-left: 7px
}

.refundList li:first-child {
    padding-right: 6px
}

.termsContent a {
    color: rgb(31 209 253) !important;
    font-size: 16px;
    font-weight: 600;
    transition: .5s ease-in-out
}

.termsContent a:hover {
    color: #000 !important;
    text-decoration: underline !important;
    text-underline-offset: 0.2em !important
}

.address_list li {
    list-style-type: none !important;
}

.address_list li p {
    margin-bottom: 0 !important;
}

.address_list li strong {
    margin-right: 5px;
}

.termsContent p a {
    margin-left: 5px !important;
}

.icon {
    font-size: 17px;
    margin-right: 5px
}

.info li a {
    padding-left: 5px
}

.form_sec .image-part img {
    border-radius: 10px 0 0 10px !important
}

.cta_img img {
    width: 100%;
    height: 290px
}

.cta_img::after {
    position: absolute;
    content: '';
    background-color: rgb(0 0 0 / 75%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.cta_txt_wrap {
    position: absolute;
    width: 100%;
    z-index: 4;
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.cta_txt h2 {
    padding: 0 !important;
    margin-bottom: 20px !important;
    color: #fff
}

.cta_txt p {
    font-size: 19px !important;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px
}

.LoginForm .btn-login,
.cta_btn a,
.registerForm .btn-signup {
    border-radius: 12px;
    letter-spacing: .02em;
    line-height: 19px;
    margin: 0;
    font-weight: 600;
    text-transform: capitalize
}

.cta_btn a {
    display: inline-flex;
    font-size: 18px;
    color: #fff;
    padding: 16px 60px
}

.LoginForm>div label,
.registerForm>div {
    text-align: left
}

.blog_head h1,
.p-hd {
    text-align: center;
    color: #fff
}

.LoginForm>div .form-control:focus {
    border-color: #c17da7 !important
}

.LoginForm .btn-login,
.registerForm .btn-signup {
    display: inline-block;
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important;
    font-size: 15px;
    color: #fff;
    padding: 15px 20px;
    transition: .4s ease-in-out;
    border: 0 !important
}

.checkOutForm .form-control,
.filter-sidebar>div>select {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    height: 100% !important;
    width: 100% !important
}

.register a {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.2 em
}

.registerForm>div i {
    top: 0 !important;
    right: 15px !important;
    color: #6c757d !important;
    transform: translateY(-50%) !important;
    padding-top: 35px !important
}

.subheading {
    margin-bottom: 10px;
}

/* .sub_txt,
.subheading {
	padding-left: 11px
} */

.srvc_l_new {
    padding-left: 35px !important
}

.filter-sidebar {
    background-color: #fff !important;
    box-shadow: 1px 1px 15px rgb(204 204 204 / 25%) !important;
    border: 1px solid !important;
    padding: 10px !important;
    margin: 0 !important;
    border-radius: 7px !important;
    position: sticky;
    top: 115px
}

.p-btn,
.productAddToCart {
    background-color: rgb(11 202 249) !important
}

.filter-sidebar>div>div {
    background-color: transparent !important;
    color: #000 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important
}

.filter-sidebar>div>select {
    color: rgba(73, 80, 87, .9) !important;
    background-color: rgb(231 231 231) !important;
    border: .82px solid #e8e8e8 !important;
    margin: 20px 0 0
}

.productSec .prdct_box {
    min-height: 380px !important
}

.productAddToCart {
    color: #fff !important;
    border: 2px solid transparent !important;
    font-weight: 600 !important;
    transition: .5s ease-in-out
}

#addToCart:hover,
.productAddToCart:hover {
    background-color: transparent !important;
    color: rgb(11 202 249) !important;
    border-color: rgb(11 202 249) !important
}

.checkoutBox {
    max-width: 100% !important;
    padding: 50px 20px !important;
    height: 100%;
    background-color: #fff !important
}

.checkOutForm .form-control {
    color: rgba(73, 80, 87, .9) !important;
    background-color: rgb(231 231 231) !important;
    border: .82px solid rgb(193 188 188) !important;
    border-radius: 7px !important
}

.checkOutForm textarea {
    height: 170px !important
}

.box-new {
    position: relative;
    border: 0 !important
}

.box-new .text-block a {
    position: absolute;
    width: 100% !important;
    left: 0;
    right: 0;
    bottom: 35px;
    margin: 0 auto;
    border-radius: 5px !important;
    max-width: 140px
}

.box-new .text-block .features {
    text-align: left;
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    align-items: center
}

.product-img img {
    margin: 3px auto 5px
}

.text-description {
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 400;
    margin-bottom: 6px
}

.p-btn,
.p-hd {
    font-weight: 600
}

.p-row {
    background: linear-gradient(180deg, #24717b 0, #5752da 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 4px
}

.p-hd {
    font-size: 13px;
    line-height: 19px
}

.owl-carousel .owl-stage-outer>div,
.p-row-btm>div:nth-child(4) {
    display: flex
}

.p-row-btm>div:nth-child(4) input {
    margin-left: 10px
}

.p-btn {
    color: #fff !important;
    border: 2px solid transparent;
    border-radius: 5px;
    max-width: 140px;
    margin: 0 auto
}

#addToCartBtn,
.form_sec .form-block button,
.view_btn {
    background-color: rgb(11 202 249) !important;
    border: 2px solid transparent
}

.p-btn-div {
    margin-top: 50px
}

.p-row-btm>div>span {
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.box-new .text-block ul li {
    font-size: 11px;
    line-height: 18px;
    color: #008000;
    font-weight: 400
}

.sim-only-title {
    margin-top: -15px
}

.box-new .text-block p {
    font-size: 14px !important;
    line-height: 19px !important;
    color: #000 !important;
    font-weight: 500 !important
}

#addToCartBtn,
.view_btn {
    color: #fff !important;
    font-weight: 600;
    border-radius: 5px !important;
    max-width: 160px;
    margin: 10px auto 0 !important
}

.color,
.priceStart,
.storage {
    color: #000;
    font-weight: 500;
    line-height: 19px
}

.productSec .prdct_box .card-body p {
    font-weight: 600;
    color: #000
}

.box-new .text-block ul li .fa-check {
    color: #008000;
    margin-right: 5px
}

.owl-carousel .owl-stage-outer>div>div {
    order: 2
}

#headSec {
    background: linear-gradient(to right, rgba(0, 20, 55, .95) 100px, rgba(0, 20, 55, .92) 250px, rgba(0, 20, 55, .88) 100%) !important;
    top: 0;
    left: 0;
    border-bottom: 1px solid
}

.head_nav a img {
    width: 195px
}

.blog-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 500px !important
}

.blog_head h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: .17px;
    padding: 0 0 15px;
    margin: 0
}

.blog-section .box {
    max-width: none
}

.broadband_check_bnnr {
    background: url(../images/broadband-checker-banner-image-new.jpg) top/cover no-repeat;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.broadband_check_bnnr::after {
    background-color: rgb(0 0 0 / 39%);
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.bnnr_content {
    position: relative;
    z-index: 2
}

.product-row {
    padding: 80px 0;
    background-color: #f7f7f7;
    position: relative
}

.cloud_voice_bnnr,
.innr_page_bnnr {
    padding: 130px 0 30px !important;
    height: auto !important
}

.productHead h1 {
    color: #fff;
    text-align: left;
    font-weight: 700;
}

.product-bnnr .banner-image img {
    height: 400px
}

.p_dtls_row .box>div>p a {
    color: #000;
    font-weight: 600
}

.product_dtls_Sec .p_dtls_row .box {
    background: 0 0 !important;
    box-shadow: none !important
}

.cart-section .card-herder h2 {
    padding-bottom: 0;
    margin-bottom: 0
}

.cart-banner {
    min-height: 500px
}

.mid-section .row .card {
    margin: 60px 0
}

.mid-section .card .card-body table {
    border: 0 !important
}

.mid-section .card .card-body table td,
.mid-section .card .card-body table th {
    border: 0 !important;
    vertical-align: baseline !important
}

.mid-section .card .card-body table td h6 {
    color: #0056b3;
    font-weight: 700;
    font-size: 18px
}

.mid-section .card .card-body table tr {
    border-bottom: .5px solid
}

.card-footer .text-right h4 {
    font-weight: 600;
    margin-bottom: 25px
}

.dropdown-arrow {
    margin-left: 8px;
    font-size: 16px
}

.dropdown-submenu {
    display: none;
    background: #fff;
    z-index: 999;
    min-width: 160px
}

.sim-broadband-banner .text-block a {
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important;
    color: #fff !important
}

.short_desc_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.sim-logo-block {
    max-width: 100%;
    flex: 0 0 100%
}

.sim-logo-block .image-container img {
    width: 80px;
    height: auto !important
}

.short_desc_wrap .product-title {
    min-height: 70px;
    position: relative;
}

.short_desc_wrap .product-title span {
    display: block;
    color: transparent;
    min-height: 70px;
    position: relative;
    font-size: 11px;
    text-align: left;
}

.short_desc_wrap .product-title span::before {
    content: '✓ Unlimited Voice\A✓ Unlimited Text\A✓ Unlimited Data';
    white-space: pre-line;
    color: green;
    display: block;
    position: static;
    line-height: 1.5
}

.features li {
    font-size: 11px;
    line-height: 1.5;
    color: #008000;
    font-weight: 400;
}

.features li i.fa-check {
    color: #008000;
    margin-right: 5px;
}

.features li::before {
    content: '✓ ';
    color: #008000;
    font-weight: 400;
}

.our-deals .item .box {
    padding: 15px 15px 25px !important
}

.sim-only-desc .product-title {
    min-height: 40px !important;
}

.storage {
    font-size: 13px !important;
    margin-bottom: 5px;
}

.priceStart {
    font-size: 14px
}

.P_title,
.lead {
    font-weight: 700
}

.item_img img {
    width: 80%
}

.btm_txt_para {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25%
}

.color-label,
.storage-card {
    cursor: pointer;
    position: relative
}

.cart-section .card {
    align-items: center !important
}

.cart-section .card-body {
    width: 100%;
    padding: 15px !important
}

.product_dtls_sec {
    background-color: #fff;
    margin-top: -78px;
    padding: 80px 0
}

.P_title {
    color: #00c9fb;
    font-size: 40px;
    text-align: left;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 60%);
    margin: 0 0 20px !important;
    padding: 0 !important;
    text-transform: none;
}

.color-label,
.color-label::before {
    margin-right: 6px;
    display: inline-block
}

.product_dtls_sec .row>div:first-child {
    display: flex;
    justify-content: flex-end;
    align-items: baseline
}

.product_dtls_sec .row>div:last-child {
    padding-left: 50px
}

.product_dtls_sec .row .p_Img img {
    width: 500px;
    height: 450px;
    object-fit: contain
}

.lead {
    font-size: 26px !important;
    color: #f60 !important;
    margin-bottom: 20px !important
}

.P_price sup {
    top: -2px;
    left: 4px;
    font-size: 24px
}

.p_desc p {
    color: #000;
    font-weight: 500;
    margin: 4px 0;
    white-space: pre-line;
    word-break: break-all
}

.p_desc strong {
    font-weight: 600
}

.checkOutForm h3,
.dropdown-content a {
    font-weight: 600 !important
}

.p_options {
    margin-top: 18px
}

#cartForm>div:first-child .form-check label {
    font-size: 17px;
    line-height: 19px;
    color: #000;
    font-weight: 400;
    letter-spacing: .1em
}

#addToCart {
    background-color: rgb(11 202 249) !important;
    color: #fff !important;
    border: 2px solid transparent !important;
    font-weight: 600
}

.prdct_desc {
    text-align: center
}

.color-label {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: border-color .3s, box-shadow .3s;
    font-size: 0
}

.cart_revew_innr,
.storage-options,
.total-ammount h3 {
    display: flex;
    display: flex
}

.color-label.active {
    border-color: #007bff;
    box-shadow: 0 0 5px #007bff
}

.color-label::before {
    content: '';
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: var(--color);
    border: 1px solid #ccc;
    top: -1px;
    position: absolute;
    left: -1px
}

.color-label input:checked+span::before,
.color-radio:checked+span::before {
    border-color: #000;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .2)
}

#selectedColorName {
    font-size: 17px;
    color: #1e1b1b !important;
    text-transform: capitalize;
    letter-spacing: 1.5px
}

.storage-options {
    gap: 1rem;
    flex-wrap: wrap
}

.storage-card {
    border: 2px solid #ccc;
    border-radius: 6px;
    padding: 10px 16px;
    transition: .3s;
    font-weight: 500;
    font-size: 1rem;
    background-color: #e0f0ff;
    box-shadow: 0 0 0 2px #007bff
}

#variantDisplay,
.cart_summary {
    position: sticky;
    top: 140px
}

.storage-card .storage-label {
    display: inline-block;
    text-align: center;
    width: 100%
}

.storage-card input[type=radio]:checked+.storage-label {
    font-weight: 600;
    color: #007bff
}

.form_sec .form-block button {
    font-weight: 600;
    border-radius: 5px !important;
    min-width: 135px
}

.checkOut_btn,
.shoppng_btn {
    border: 2px solid transparent;
    font-weight: 600;
    background-color: rgb(11 202 249) !important
}

.head_nav>div>ul li a:hover {
    color: #00c9fb !important
}

.checkOut_btn {
    border-radius: 5px !important;
    transition: .5s ease-in-out
}

.cartWrap>div a {
    padding-right: 5px !important;
    padding-left: 0 !important
}

.cartWrap div a {
    font-size: 16px;
    font-weight: 600
}

.term-section {
    padding: 130px 0 45px !important
}

.list-group-item {
    border-radius: 4px;
    margin: 0 0 10px;
    box-shadow: -1px -1px 6px 0 rgba(0, 0, 0, .075) !important;
    padding: 8px !important
}

.list-group-item.active {
    background-color: #03a9f4 !important
}

.head_nav>div>ul:nth-child(2) li {
    padding-right: 5px
}

.empty-cart-section .card .card-body img {
    max-width: 160px
}

.empty-cart-section .card .card-body h1 {
    color: #202122 !important;
    font-family: Poppins;
    font-weight: 600 !important
}

.shoppng_btn {
    border-radius: 5px !important
}

.checkOutForm .form-group label {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    color: #483d3d;
    font-weight: 400
}

.checkOutForm h3 {
    text-align: left !important;
    margin-bottom: 15px !important;
    font-size: 17px !important
}

.payment_btn {
    background-color: rgb(11 202 249) !important;
    border: 2px solid transparent;
    font-weight: 600;
    border-radius: 5px !important;
    width: 100%
}

.cart_revew_innr,
.total-ammount {
    border-bottom: .5px solid #dedede
}

.cart_summary {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1) !important;
    border-radius: 15px;
    padding: 50px 20px
}

.cart_revew_innr {
    gap: 0 30px;
    gap: 0 40px;
    background: #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
    align-items: center;
    gap: 0 20px
}

.Cart_pimg img {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain !important
}

.Cart_pdtls h4 {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-weight: 600
}

.p_price,
.p_qty {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    font-weight: 400
}

.total-ammount h3 {
    font-size: 22px !important;
    line-height: 34px !important;
    color: #000 !important;
    font-weight: 600 !important;
    justify-content: space-between
}

.cart_summary h3 {
    text-align: left !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    margin-bottom: 30px
}

.total-ammount {
    text-align: left;
    margin-bottom: 15px
}

.checkout-section {
    padding: 60px 0;
    margin-top: -40px
}

.full-fibre-banner .text-block a,
.lease-line-banner .text-block a {
    background: rgb(11 202 249) !important;
    background: linear-gradient(270deg, rgb(11 202 249) 4%, rgb(212 54 208 / 76%) 100%) !important
}

.sucess-message {
    margin-top: 15px
}

.sucess-message .close {
    padding: 10px 15px !important;
    min-width: 50px !important;
    color: #000 !important;
    border: 0 !important
}

.sim-broadbndSec .feature-part .block .text-block p {
    font-weight: 400 !important
}

.sim-only-benefits,
.sim_broadband_benefits {
    padding: 50px 0 20px !important;
}

/* finance page css 09.01.26 */
.finance_bnnr {
    background-image: url('../images/finance-bnnr.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 584px;
    overflow: hidden;
}

.finance_bnnr .finance-right-img img {
    /* margin-bottom:-240px;
  margin-left:60px; */
    height: 600px !important;
}

.finance_bnnr .finance-right-img {
    text-align: center;
}

.why-finace {
    padding: 60px 0;
}

.finance_lft_img img {
    width: 100%;
    object-fit: contain !important;
    height: 520px !important;
    max-width: none !important;
    border-radius: 10px;
}

.finance_rght_txt h2 {
    margin-bottom: 28px !important;
    padding-bottom: 0 !important;
    text-align: left !important;
    position: relative;
}

.finance_rght_txt h2::after,
.finance_benefits h2::after,
.why-partner .partner_head h2::after,
.how-finance .partner_head h2::after,
.Disclaimer .disclaimer_head h2::after {
    content: "";
    position: absolute;
    width: 10%;
    height: 4px;
    background-color: #b890d4;
    left: 2px;
    right: 0;
    bottom: -10px;
    border-radius: 4px;
}

.why-partner .partner_head h2::after,
.how-finance .partner_head h2::after,
.Disclaimer .disclaimer_head h2::after,
.finance_faq h2::after {
    margin: 0 auto;
    bottom: -15px;
}

.disclaimer_head h2 {
    padding-bottom: 0;
}

.finance_rght_txt p {
    padding-bottom: 15px;
    line-height: 28px;
}

.finance_block_innr {
    width: 100%;
    height: 100%;
    background: rgb(55 188 234 / 51%);
    min-height: 60px;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 48%);
}

.finance_block_txt p {
    padding-bottom: 0;
    font-weight: 600;
}

.finance_block {
    padding-top: 10px;
}

.finance_block .row .col-lg-6.col-md-6.col-12 {
    margin-bottom: 20px;
}

.finance_benefits {
    background-color: #f1f6ff;
}

.finance_benefits h2 {
    padding-bottom: 0;
}

.finance_lft_img {
    position: sticky;
    top: 70px;
}

.finance_cta {
    padding: 70px 0;
}

.finance_cta_innr a {
    display: block;
}

.finance_cta_innr a img {
    width: 100%;
    border-radius: 10px;
}

.partner_head p {
    text-align: center;
}

.partner_head h2 {
    padding-bottom: 0;
    margin-bottom: 15px;
}

/* ===== WHY PARTNER SECTION ===== */
.why-partner {
    background-color: #f1f6ff;
    padding: 70px 0;
}

.partner_head {
    margin: 0 0 40px;
    text-align: center;
}

.partner_head h2 {
    margin-bottom: 35px;
    padding-bottom: 0;
}

.partner_head p {
    color: #6b7280;
    font-size: 15px;
    max-width: 600px;
    margin: 0 auto;
}

/* ===== BOX WRAPPER ===== */
.prtnrbox_outr {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ===== INDIVIDUAL BOX ===== */
.prtnrbox_innr {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #e9edff;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(30, 60, 120, 0.06);
    transition: all 0.25s ease;
}

.prtnrbox_innr:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(30, 60, 120, 0.12);
}

/* ===== ICON ===== */
.prtnr_icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    background: rgb(99 202 244 / 31%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prtnr_icon img {
    max-width: 48px;
    filter: brightness(0) saturate(100%) invert(55%) sepia(81%) saturate(5692%) hue-rotate(189deg) brightness(92%) contrast(86%);
}

/* ===== TEXT ===== */
.prtnr_txt h3 {
    margin: 0 0 6px;
    font-size: 20px !important;
    font-weight: 600;
    line-height: 26px !important;
}

.prtnr_txt p {
    margin: 0;
    font-size: 15px !important;
    line-height: 1.5;
    color: #6b7280;
}

.how-finance {
    background-color: #f1f6ff;
    padding: 50px 0;
}

.prcss_icon img {
    max-width: 55px;
    filter: brightness(0) saturate(100%) invert(55%) sepia(81%) saturate(5692%) hue-rotate(189deg) brightness(92%) contrast(86%);
}

.prcss_icon {
    background: rgb(99 202 244 / 37%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    margin: 0 auto 15px;
}

.prcss_row .col-lg-3.col-md-6.col-12:nth-child(even) .process_innr {
    margin-top: 70px;
}




/* Text content */
.prcss_txt h3 {
    font-size: 22px !important;
    font-weight: 600;
    color: #1d2b4f;
    margin-bottom: 10px;
    line-height: 26px;
}

.prcss_txt p {
    color: #5c6b8a;
    margin-bottom: 0;
}

.prcss_row {
    position: relative;
    z-index: 2;
}

.prcss_row .col-lg-3 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.Disclaimer {
    padding: 70px 0;
}

.finance_faq {
    background-color: #f1f6ff;
    padding-bottom: 70px;
}

.finance_faq h2 {
    margin: 0 0 55px !important;
    padding: 0 !important;
}

.finance_bnnr .bnnr_txt {
    gap: 15px;
}

.finance_bnnr .bnnr_txt h3 {
    color: rgb(255 255 255 / 80%) !important;
}

.finance_benefits .box .icon-block img {
    max-width: 80px;
}

.finance_benefits .box {
    min-height: 330px;
}

.finance-options {
    padding: 70px 0;
}

.finace_txt_head h2 {
    margin-bottom: 15px;
}

.finace_txt_head p {
    color: #000;
    padding-bottom: 15px;
}

.finance_optn_list ul li {
    padding-bottom: 20px;
    color: rgb(0 0 0);
    position: relative;
    padding-left: 45px;
    font-size: 18px;
    font-weight: 500;
}

.finance_optn_list ul li::after {
    position: absolute;
    content: '\f00c';
    left: 4px;
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background-color: #0bcafa;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    color: #fff;
}

.finace_txt_head h2::after {
    content: "";
    position: absolute;
    width: 10%;
    height: 4px;
    background-color: #b890d4;
    left: 2px;
    right: 0;
    bottom: 7px;
    border-radius: 4px;
}

.finance_optn_list {
    margin-top: 20px;
}

.process_innr {
    text-align: center;
    position: relative;
}



.process_innr::after {
    position: absolute;
    content: "";
    top: 30px;
    right: -20px;
    width: 130px;
    height: 100px;
    background: url(../images/svg/right-arrow.svg) no-repeat center;
    background-size: cover;
    background-position: center;
}

.prcss_row .col-lg-3:last-child .process_innr::after {
    display: none;
}

.prcss_row .col-lg-3:nth-child(1) .process_innr::after {
    transform: rotate(356deg) !important;
    right: -80px !important;
}

.prcss_row .col-lg-3:nth-child(2) .process_innr::after {
    transform: rotate(320deg) !important;
    top: -30px;
    right: -75px;
}

.prcss_row .col-lg-3:nth-child(3) .process_innr::after {
    transform: rotate(356deg) !important;
    right: -80px !important;
}

/* travel */
.travel_bnnr {
    background-image: url('../images/travel-bnnr-new.webp') !important;
}

.travel_bnnr .travel-right-img img {
    height: 690px !important;
    transform: rotate(2deg);
}

.travel_bnnr .travel-right-img {
    text-align: center;
}

.travel_bnnr .tab-content a {
    min-width: 250px;
}

.esim_bnnr_list ul {
    display: flex;
}

.esim_bnnr_list ul li {
    font-size: 15px;
    line-height: 23px;
    padding: 0 12px;
    position: relative;
    color: #fff;
    font-weight: 600;
    padding-left: 25px;
    border-right: 1px solid rgb(255 255 255 / 50%);
    margin-right: 15px;
}

.esim_bnnr_list ul li:last-child {
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
}

.esim_bnnr_list ul li::after {
    position: absolute;
    content: "\f058";
    font-family: "Font Awesome 5 free";
    font-weight: 400;
    color: #fff;
    left: 0;
    top: 0;
}

.esim_bnnr_list {
    padding: 10px 0;
}

.esim_txt_head h2 {
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 0;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.esim_txt_head h2::after {
    content: "";
    position: absolute;
    width: 10%;
    height: 4px;
    background-color: #b890d4;
    left: 2px;
    right: 0;
    bottom: 4px;
    border-radius: 4px;
}

.esim_list {
    margin-top: 30px;
}

.esim_list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
}

.esim_list ul li {
    display: flex;
    align-items: flex-start;
    flex: 0 0 47%;
    width: 47%;
    background: #ffffff;
    border: 1px solid #e9edff;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(30, 60, 120, 0.06);
    transition: all 0.25s ease;
    padding: 18px 20px;
    margin-right: 15px;
}

.esim_list ul li:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(30, 60, 120, 0.12);
}

.esim_icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    background: rgb(99 202 244 / 31%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.esim_icon img {
    max-width: 48px;
    filter: brightness(0) saturate(100%) invert(55%) sepia(81%) saturate(5692%) hue-rotate(189deg) brightness(92%) contrast(86%);
}

.esim_list_txt {
    margin-left: 13px;
}

.esim_list_txt h3 {
    margin: 0 0 6px;
    font-size: 20px !important;
    font-weight: 600;
    line-height: 26px !important;
}

.esim_abt_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 4px;
}

.esim_txt {
    padding: 70px 0;
}

.esim_advntg .row {
    align-items: center;
}

.esim_advntg .row>div:nth-child(2) {
    padding: 0;
}

.esim_abt .row .col-lg-6.col-md-6:last-child {
    padding: 0 !important;
}

.esim_advntg .row .col-lg-6.col-md-6:first-child {
    padding: 0 !important;
}

.esim_advntg .row .col-lg-6.col-md-6:last-child .esim_txt {
    padding: 50px 0;
}

.esim_abt .row .esim_abt_img,
.esim_advntg .row .esim_abt_img {
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 2;
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
}

.esim_abt .row .esim_abt_img::after,
.esim_advntg .row .esim_abt_img::after {
    position: absolute;
    content: "";
    background-color: rgb(0 0 0 / 13%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 4px;
}

.esim_advntg .row .esim_abt_img {
    clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%) !important;
}

.esim_cntryList {
    padding: 70px 0;
    background: #f8f9fc;
}

.cntry_list_head h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;

}

.cntry_list_head h2::after {
    content: "";
    position: absolute;
    width: 10%;
    height: 4px;
    background-color: #b890d4;
    left: 50%;
    right: 0;
    bottom: 4px;
    border-radius: 4px;
    transform: translateX(-50%);
}

.srch_box {
    position: relative;
}

.srch_box::after {
    position: absolute;
    content: '\f3c5';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
    left: 13px;
    color: rgb(73 80 87 / 36%);
    top: 13px;
}

.srch_box input {
    width: 100% !important;
    padding: 10px 30px !important;
    border-radius: 50px !important;
    height: 50px !important;
    box-shadow: -1px 4px 8px 0px rgb(30 60 120 / 12%);

}

.srch_box input::placeholder {
    color: rgba(73, 80, 87, .7);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.srch_box input:hover {
    box-shadow: -1px 4px 8px 0px rgb(30 60 120 / 12%);
    border-color: rgb(54 148 223 / 80%);
}

.srch_box input:focus {
    border-color: rgb(54 148 223 / 80%);
}

.srch_btn {
    background: rgb(99 202 244 / 31%);
    min-width: 200px;
    height: 40px;
    min-width: auto;
    border-radius: 25px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    position: absolute;
    content: "";
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 15px;
    box-shadow: none;
    transition: all 500ms ease-in-out;
}

.srch_btn:hover {
    box-shadow: 0 10px 28px rgba(30, 60, 120, 0.12);
}

.srch_btn svg {
    color: #212529;
    font-size: 14px;
    margin-right: 5px;
}

.srch {
    font-size: 14px;
    padding-left: 7px;
    font-weight: 600;
    color: #212529;

}

.srch:hover {
    color: #212529;

}

.search-area {
    max-width: 1020px;
    margin: 0 auto 30px;
}

.cntry_filter_tabs {
    margin-bottom: 40px;
}

.cntry_filter_tabs button {
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px 18px;
    margin: 5px;
    border-radius: 30px;
    font-size: 14px;
    transition: 0.3s ease;
    cursor: pointer;
}

.cntry_filter_tabs button:hover {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}

.cntry_filter_tabs button.active {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}

.esim_country_row {
    margin-top: 50px;
    align-items: center;
}

.esim_country_box {
    display: block;
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: 0.3s ease;
    height: 100%;
}

.esim_country_box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.esim_country_flag {
    margin-bottom: 15px;
}

.esim_country_flag img {
    width: 60px;
    height: 40px;
    object-fit: cover;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.esim_country_dtls h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #222;
}

.esim_country_dtls p {
    font-size: 14px;
    color: #007bff;
    margin: 0;
}

.region_card {
    background: linear-gradient(135deg, #007bff, #0056d2);
    color: #fff;
}

.region_card h4,
.region_card p {
    color: #fff;
}

.esim_country_row .col-lg-3.col-md-6 {
    margin-bottom: 30px;
}

.esim_cntry_innr {
    background: #ffffff;
    border: 1px solid #e9edff;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(30, 60, 120, 0.06);
    transition: all 0.25s ease;
    padding: 18px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.35s ease;
    border: 1px solid #e5e9f2;
}

.esim_cntry_innr:hover {
    background: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(30, 60, 120, 0.12);
}

.esim_cntry_wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}

.cntry_img {
    width: 55px;
    height: 55px;
    min-width: 55px;
    border-radius: 50%;
    background: #e9edf5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.cntry_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.cntry_nm h4 {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
}

.esim_price_wrap {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed #d9dee8;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.esim_strtng_price {
    display: flex;
    gap: 0 8px;
}

.esim_strtng_price span {
    display: block;
    font-size: 15px;
    color: #7a7a7a;
}

.esim_strtng_price span b {
    font-size: 22px;
    font-weight: 700;
    color: #111;
}

.esim_dtls_btn a {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e3e7ef;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    color: #000;
}

.esim_dtls_btn a i {
    font-size: 14px;
}

.esim_cntry_innr:hover .esim_dtls_btn a {
    background: #0bc9f8;
    border-color: #0bc9f8;
    color: #fff;
}

.cntry_list_head p {
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 20px;
}

.section-title,
h2 .eSIM {
    text-transform: none;
}

.esim_step {
    padding: 70px 0 0;
}

.esim_step_head h2 {
    margin-bottom: 10px;
    text-align: center;
    position: relative;
}

.esim_step_head h2::after {
    content: "";
    position: absolute;
    width: 5%;
    height: 4px;
    background-color: #b890d4;
    left: 50%;
    right: 0;
    bottom: 4px;
    border-radius: 4px;
    transform: translateX(-50%);
}

.esim_step_head p {
    text-align: center;
}

.esim_step_content {
    position: relative;
    height: 100%;
}

.esim_step_content,
.esim_step_content .step_img.active {
    height: 100%;
    display: block;
}

.esim_step_content .step_img img {
    width: 100%;
    max-width: 900px;
    height: 550px;
    object-fit: cover;
    border-radius: 15px;
    object-position: center;
}

.esim_step_content .step_img {
    display: none;
    height: 100%;
    margin-left: 90px;
    /* text-align: center; */
}

.esim_step_content .step_img.active {
    display: block;
}

.esim_step_tab ul {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
}

.esim_step_tab li {
    display: flex;
    gap: 15px;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 15px;
    background: #ffffff;
    cursor: pointer;
    border: 1px solid #ded6d6;
    transition: background 0.3s ease, color 0.3s ease;
}

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

.step_num {
    font-weight: 600;
    font-size: 18px;
    background-color: #0bc9f8;
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease;
    margin-top: -8px;
}

.step_para {
    display: none;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-5px);
    transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease;
    margin-top: 0;
    font-size: 14px;
}


.esim_step_tab li.active {
    background: #0bc9f8;
    color: #fff;
}

.esim_step_tab li.active .step_txt h5::after {
    color: #fff;
    transform: rotate(90deg);
}

.esim_step_tab li.active .step_num {
    background-color: #fff;
    color: #212529;
}

.esim_step_tab li.active .step_para {
    display: block;
    opacity: 1;
    transform: translateY(0);
    margin-top: 8px;
}

.step_img {
    display: none;
}

.step_img.active {
    display: block;
}

.step_txt {
    width: 100%;
}

.step_txt h5 {
    position: relative;
    margin-bottom: 5px;
}

.step_txt h5::after {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #212529;
    font-size: 20px;
    right: 0;
    top: 0;
    transition: transform 0.3s ease, color 0.3s ease;
    transform: rotate(0);
}

.step_tab_row {
    margin-top: 30px;
    display: flex;
    align-items: center;
}

/* ==============================
   PREMIUM CTA SECTION
================================ */

.search-cta {
    position: relative;
    text-align: center;
    padding: 100px 40px;
    margin: 80px 15px;
    border-radius: 28px;
    overflow: hidden;
    z-index: 1;

    /* Soft layered gradient */
    /* background: linear-gradient(135deg, #ffffff 0%, #f4f7ff 100%); */
    background: #eef7ff;
    border: 1px solid rgba(11, 201, 248, 0.2);
    box-shadow: 0 20px 60px rgba(11, 201, 248, 0.1);
}

/* 🌍 World Map Pattern */
.search-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../images/map_bg.png");
    background-size: 750px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.7;
    z-index: 0;
}

/* Gradient Glow Effects */
.search-cta::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(11, 202, 249, 0.25), transparent 70%);
    bottom: -150px;
    right: -150px;
    z-index: 0;
    filter: blur(10px);
}

/* Keep text above background */
.search-cta .cta_head,
.search-cta .cta_btn {
    position: relative;
    z-index: 2;
}

/* Heading */
.search-cta .cta_head h2 {
    font-size: 42px !important;
    font-weight: 800;
    line-height: 50px;
    margin-bottom: 0;
    color: #1e2a4a;
}

/* Gradient highlight for eSIM */
.search-cta .eSIM {
    background: linear-gradient(90deg, #b890d4, #0bc9f8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Paragraph */
.search-cta .cta_head p {
    font-size: 18px;
    max-width: 750px;
    margin: 0 auto;
    color: #1a1a1a;
    line-height: 1.6;
}

.travel_bnnr {
    padding: 120px 0 30px !important;
}

/* Button spacing */
.cta_btn {
    margin-top: 30px;
}

/* Premium CTA Button */
.cta_btn a {
    display: inline-block;
    padding: 16px 42px;
    border-radius: 60px;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #fff;
    background: linear-gradient(90deg, #b890d4 0%, #0bc9f8 100%);
    text-decoration: none;
    position: relative;
    transition: all 0.35s ease;
    box-shadow: 1px 5px 8px rgba(11, 202, 249, 0.25);
}

/* Hover effect */
.cta_btn a:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 45px rgba(11, 202, 249, 0.35);
    background: #0bc9f8 !important;
    color: #fff !important;
}

/* Subtle button glow ring */
.cta_btn a::after {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: 60px;
    background: linear-gradient(90deg, #b890d4, #0bc9f8);
    opacity: 0;
    z-index: -1;
    transition: 0.4s ease;
}

.cta_btn a:hover::after {
    opacity: 0.15;
}

/* fixed css 23.02.26 */

.esim_abt .row .col-lg-6:first-child {
    padding-right: 0 !important;
}

.esim_abt .row .col-lg-6:last-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.esim_advntg .row .col-lg-6:first-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.esim_advntg .row .col-lg-6:last-child .esim_txt {
    padding: 0 10px 0 0 !important;
}

.search-cta .container-fluid {
    padding: 0 !important;
}

.question-section .demo .accordion .card .card-header h3 .btn-link svg {
    margin-top: 5px;
}


/* travel-esim-plan 24.02.26 */
.esim_plan_dtls {
    padding: 80px 0;
    background: #F7F9FC;
    position: relative;
    z-index: 2;
}

.esim_plan_dtls::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(../images/travel-map-bg.png);
    background-size: 75%;
    background-position: top;
    background-repeat: no-repeat;
    opacity: 0.1;
    z-index: -1;
}

.esim_plan_lft_img {
    position: sticky;
    top: 50px;
}

.esim_plan_lft_img img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    border-radius: 20px;
}

.esim_plan_lft_img::after {
    position: absolute;
    content: "";
    width: 556px;
    height: 600px;
    background-color: rgb(33 178 243 / 63%);
    border-radius: 12px;
    right: 35px;
    bottom: -55px;
    z-index: -1;
}

.esim_plan_hd_wrap {
    display: flex;
    gap: 10px;
}

.cntr_nm_hd h2 {
    font-size: 34px;
    font-weight: 700;
    color: #111827;
}

.esim_plan_dtls_sec p {
    color: #6B7280;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 20px;
}

.plan_map_img {
    width: 55px;
    height: 55px;
    min-width: 55px;
    border-radius: 50%;
    background: #e9edf5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.plan_map_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.esim_plan_dtls_sec {
    padding-left: 15px;
}

.cntr_nm_hd h2 {
    text-align: left !important;
    color: #3ab0fa !important;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 19%);
    margin: 0 0 15px !important;
    padding: 0 !important;
    font-size: 30px !important;
    line-height: 37px;
}

.esim_plan_head_sec p {
    font-size: 14px !important;
    line-height: 22px !important;
    margin-bottom: 10px;
}

.esim_featr_list ul {
    display: flex;
    padding-left: 0;
    margin: 0;
    gap: 0 6px;
}

.esim_featr_list ul li {
    font-weight: 500;
    color: #000;
    position: relative;
    padding-left: 15px;
    font-size: 12px;
    line-height: 20px;
}

.esim_featr_list ul li::after {
    position: absolute;
    content: "";
    left: 3px;
    top: 7px;
    background-color: #0A65FF;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    min-width: 5px;

}

.plan_section_wrapper {
    margin-top: 30px;
}

.plan_feature_tab .tab_content .tab-pane ul li {
    list-style-type: disc;
}

.plan_main_tabs {
    border: 1px solid rgb(0 0 0 / 25%);
    border-radius: 30px;
    padding: 5px;
}

.choose_plan_title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
}

.plan_type {
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: inline-block;
    background-color: #000;
    padding: 8px 10px;
    border-radius: 15px;
}

.plan_cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.plan_card {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    padding: 0 12px;
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 18px;
    padding: 22px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
}

.plan_card input {
    display: none;
}

.plan_card input[type="radio"] {
    display: none;
}

.plan_card label {
    display: block;
    cursor: pointer;
    margin-bottom: 0 !important;
}

.plan_card:hover {
    border-color: #3ab0fa;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.plan_card.active {
    border: 2px solid #3ab0fa;
    box-shadow: 0 12px 30px rgba(10, 101, 255, 0.15);
}

.plan_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0;
    flex-direction: column;
}

.plan_top select {
    margin: 8px 0;
    border: 1px solid rgb(0 0 0 / 25%);
    border-radius: 50px;
    padding: 5px;
    font-size: 13px;
    color: #6B7280;
    font-weight: 500;
    min-width: 170px;
    appearance: none;
    padding: 5px 8px;
    /* Custom Arrow */
    background-image: url("../images/dwn_arw.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
}

.plan_top h4 {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    color: #111827;
}

.plan_top span {
    font-size: 14px;
    color: #6B7280;
    padding: 8px 0;
    font-weight: 500;
}

.plan_price {
    font-size: 20px;
    font-weight: 600;
    color: #2196F3;
    margin-bottom: 10px;
}

.plan_class {
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 20px;
    background: #EEF2FF;
    color: #0A65FF;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 200px;
}

.plan_feature_tab {
    margin-top: 30px;
}

.premium_plan_sec {
    margin-top: 40px;
    padding: 25px;
    background: #F0F6FF;
    border-radius: 20px;
}

.standard_plan_sec {
    padding: 25px;
    background: #F0F6FF;
    border-radius: 20px;
}

.esim_btn_wrap {
    margin-top: 40px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    flex-direction: column;
}

.esim_btn {
    padding: 14px 28px;
    border-radius: 50px;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
}

.esim_btn:first-child {
    background: #3ab0fa;
    color: #fff;
}

.esim_btn:first-child:hover {
    background: #0b81cb;
}

.esim_btn:last-child {
    background: transparent;
    border: 1px solid #111827;
    color: #111827;
}

.esim_btn:last-child:hover {
    background: #111827;
    color: #fff;
}

.plan_typ_wrap .tab-content {
    width: 100%;
    position: relative;
    margin-top: 30px;
    padding: 25px;
    border-radius: 24px;
    background: #F0F6FF;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    border: 1px solid #3ab0fa;

}

.plan_typ_wrap .tab-content::before {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    top: -150px;
    right: -150px;
    background: radial-gradient(circle, rgba(11, 201, 248, 0.15) 0%, transparent 70%);
    z-index: 0;
}

.plan_typ_wrap .tab-content::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    bottom: -150px;
    left: -150px;
    background: radial-gradient(circle, rgba(184, 144, 212, 0.15) 0%, transparent 70%);
    z-index: 0;
}



/* Keep content above background */
.plan_typ_wrap .tab-content>.tab-pane {
    position: relative;
    z-index: 2;
}



/* Remove layout jump (important for Bootstrap 4) */

.plan_feature_tab .tab-content {
    width: 100%;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: block !important;
}

.plan_typ_wrap .nav-pills {
    position: relative;
    display: inline-flex;
    background: #f1f5f9;
    padding: 5px;
    border-radius: 50px;
}

/* Remove background from active */
.plan_typ_wrap .nav-pills .nav-link {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    font-weight: 500;
    padding: 8px 18px;
    letter-spacing: 0.6px;
    border-radius: 30px;
    background: transparent !important;
    z-index: 2;
    transition: color 0.3s ease;
}

.plan_typ_wrap .nav-pills .nav-link.active {
    color: #fff;
    background: #3ab0fa !important;
}

/* Sliding background */

.travel-faq .demo .accordion .card .card-header h3 .btn-link {
    align-items: flex-start !important;
}

.unlimited-days {
    border-radius: 30px;
    font-size: 13px;
    color: #6B7280;
    padding: 0 10px;
    height: 30px;
    margin: 8px 0;
    appearance: none;
    background-image: url(../images/dwn_arw.svg) !important;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: right;
    min-width: 85px;
    cursor: pointer;
}

/* Modal width */
.compatibleModal .modal-dialog {
    max-width: 650px;
}

/* Modal box */
.compatibleModal .modal-content {
    border: none;
    border-radius: 22px;
    padding: 15px 10px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

/* Header */
.compatibleModal .modal-header {
    border-bottom: none;
    padding: 35px 30px 10px;
}

.compatibleModal .modal-title {
    font-size: 20px;
    font-weight: 600;
    color: #222;
}

/* Close icon */
.compatibleModal .close {
    font-size: 26px;
    font-weight: 300;
    opacity: 0.6;
    transition: 0.3s;
    padding: 2px;
}

.compatibleModal .close:hover {
    opacity: 1;
}

/* Body */
.compatibleModal .modal-body {
    padding: 20px 30px 30px;
    max-height: 500px;
    overflow-y: auto;
}

/* Brand Sections */
.eSIM_compatible_list_innr {
    margin-bottom: 28px;
}

/* Section Title */
.cmptble_head h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
    color: #000;
}

/* Device List */
.eSIM_compatible_list ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.eSIM_compatible_list ul li {
    font-size: 14px;
    color: #555;
    padding: 7px 0;
    border-bottom: 1px solid #f1f1f1;
    font-weight: 500;
    position: relative;
    padding-left: 20px;
}

.eSIM_compatible_list ul li::after {
    position: absolute;
    content: "\f3cd";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 14px;
    color: #555;
    left: 0;
}

.eSIM_compatible_list ul li:last-child {
    border-bottom: none;
}

.eSIM_compatible_list ul li:hover,
.eSIM_compatible_list ul li:hover::after {
    color: #3ab0fa;
}

/* Scrollbar modern look */
.compatibleModal .modal-body::-webkit-scrollbar {
    width: 6px;
}

.compatibleModal .modal-body::-webkit-scrollbar-thumb {
    background: #d4d4d4;
    border-radius: 10px;
}

/* Backdrop softness */
.modal-backdrop.show {
    opacity: 0.5;
}

.plan_feature_tab .nav-pills {
    position: relative;
    display: inline-flex;
    background: #f1f5f9;
    padding: 5px;
    border-radius: 50px;
    border: 1px solid rgb(0 0 0 / 25%);
}

.plan_feature_tab .nav-pills .nav-link {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    font-weight: 500;
    padding: 8px 18px;
    letter-spacing: 0.6px;
    border-radius: 30px;
    background: transparent !important;
    z-index: 2;
    transition: color 0.3s ease;
}

.plan_feature_tab .nav-pills .nav-link.active {
    color: #fff;
    background: #3ab0fa !important;
}

.plan_feature_tab .tab-content .tab-pane ul li {
    list-style-type: disc;
    font-size: 14px;
    line-height: 22px;
    color: #111827;
    font-weight: 400;
}

.plan_feature_tab .tab-content .tab-pane p {
    font-size: 14px !important;
    line-height: 22px !important;
    color: #111827;
    font-weight: 400;
    padding-left: 15px;
}

.plan_feature_tab .tab-content .tab-pane ul {
    padding-left: 30px;
}

/* travel-esim-plan 24.02.26 */
/* why esim detials css 4.3.26 */
.why-choose {
    background: #F0F6FF;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.why_head {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}

.why_head h2 {
    font-size: 38px;
    font-weight: 700;
    color: #b890d4;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
}

.why_head h2::after {
    content: "";
    position: absolute;
    width: 10%;
    height: 4px;
    background-color: #b890d4;
    left: 50%;
    right: 0;
    bottom: 4px;
    border-radius: 4px;
    transform: translateX(-50%);
}

.why-choose::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    top: -150px;
    right: 0;
    background: radial-gradient(circle, rgba(11, 201, 248, 0.15) 0%, transparent 70%);
    z-index: 0;
}

.why-choose::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    bottom: -150px;
    left: 0;
    background: radial-gradient(circle, rgba(184, 144, 212, 0.15) 0%, transparent 70%);
    z-index: 0;
}

.benefits_icon {
    width: 72px;
    height: 72px;
    min-width: 72px;
    background: rgba(99, 202, 244, 0.15);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

.benefits_icon img {
    max-width: 38px;
    transition: 0.3s ease;
}

.benefits_innr {
    background: #ffffff;
    border: 1px solid #e9edff;
    border-radius: 16px;
    padding: 30px 25px;
    display: flex;
    gap: 20px;
    transition: all 0.35s ease;
    width: 100%;
    position: relative;
    overflow: hidden;
    flex-direction: column;
}

.benefits_innr::before {
    content: "";
    position: absolute;
    top: -50px;
    right: -50px;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(58, 176, 250, 0.15), transparent 70%);
    transition: 0.4s ease;
}

.benefits_innr:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(20, 60, 120, 0.12);
    border-color: #3ab0fa;
}

.benefits_innr:hover::before {
    transform: scale(1.3);
}

.benefits_innr:hover .benefits_icon {
    background: linear-gradient(135deg, #3ab0fa, #6c63ff);
}

.benefits_innr:hover .benefits_icon img {
    filter: brightness(0) invert(1);
}

.benefits-row {
    display: flex;
    flex-wrap: wrap;
}

.benefits-row>div {
    margin-bottom: 30px;
}

.benfits_txt h4 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #0f2b5b;
}

.benfits_txt p {
    font-size: 15px !important;
    color: #6b7897;
    margin-bottom: 0;
    line-height: 24px !important;
}



/* media queries */

@media(min-width:1921px) and (max-width:4000px) {
    .our-deals .item {
        min-height: 465px
    }

}

@media(min-width:1831px)and (max-width:1920px) {
    .our-deals .item {
        min-height: 467px
    }
}

@media(min-width:1600px) and (max-width:1830px) {
    .our-deals .item {
        min-height: 470px
    }

    .p-btn-div {
        margin-top: 55px
    }

    .item .text-block {
        margin-top: 24px
    }

    .cloud-voice-desc .product-title {
        min-height: 60px;
    }

    .sim-only-desc .product-title {
        min-height: 25px !important;
    }

    .price {
        top: 77%
    }

    .esim_icon img {
        max-width: 35px;
    }

    .esim_icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .esim_list_txt h3 {
        font-size: 17px !important;
        line-height: 24px !important;
        margin: 0 0 2px;
    }

    .esim_list_txt p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .esim_list {
        margin-top: 13px;
    }

    .esim_abt_img img {
        height: 830px;
    }

    .esim_abt .row .esim_abt_img,
    .esim_advntg .row .esim_abt_img {
        height: 830px;
    }
}


@media (min-width:1400px) and (max-width:1599px) {

    .p-row .col-3,
    .p-row-btm .col-3 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .prdct_box .prdct_img img {
        max-height: 160px !important
    }

    .prdct_box .prdct_img {
        height: 190px !important
    }

    .tab-content {
        gap: 23px
    }

    .tab-content p {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .broadband_deals .broadband_lft_img img {
        height: 565px !important
    }

    .p-row .col-3 small {
        font-size: 10px
    }

    .our-deals .item {
        min-height: 500px
    }

    .sim-only-desc .product-title {
        min-height: 20px !important;
    }

    .p-btn-div {
        margin-top: 55px
    }

    .item .text-block {
        margin-top: 24px
    }

    .box-new .text-block p {
        font-size: 13px !important;
        line-height: 16px !important
    }

    .box-new .text-block ul li {
        font-size: 11px
    }

    .price {
        top: 72%
    }

    .btm_txt_para {
        bottom: 29%
    }

    .cloud-voice-desc .product-title {
        min-height: 55px !important;
    }

    .priceStart {
        font-size: 13px;
    }

    .tab-content h1 {
        font-size: 35px;
    }

    .esim_icon img {
        max-width: 30px;
    }

    .esim_icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .esim_list_txt h3 {
        font-size: 16px !important;
        line-height: 24px !important;
        margin: 0 0 2px;
    }

    .esim_list_txt p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .esim_txt_head p {
        font-size: 14px !important;
        line-height: 22px !important;
        padding-bottom: 5px;
    }

    .esim_txt_head h2 {
        font-size: 31px !important;
        line-height: 40px;
    }

    .esim_list ul {
        gap: 15px 0;
    }

    .esim_list ul li {
        padding: 18px 15px;
        margin-right: 10px;
    }

    /* .esim_advntg .row {
    align-items:flex-start;
  } */
    .esim_txt {
        padding: 50px 0 40px;
    }

    .esim_abt .row .esim_abt_img,
    .esim_advntg .row .esim_abt_img {
        height: 800px;
    }

    .esim_abt .row .esim_abt_img,
    .esim_advntg .row .esim_abt_img {
        height: 800px;
    }

    .esim_advntg .row .col-lg-6:last-child .esim_txt {
        padding: 0 10px 0 0 !important;
    }

    .esim_abt_img img {
        height: 800px;
    }

    .cntry_nm h4 {
        font-size: 17px;
        line-height: 24px;
    }

    .esim_strtng_price span {
        font-size: 14px;
    }

    .esim_strtng_price span b {
        font-size: 18px;
    }

    .esim_dtls_btn a {
        width: 35px;
        height: 35px;
    }

    .esim_dtls_btn a svg {
        font-size: 12px;
    }

    .esim_price_wrap {
        margin-top: 20px;
        padding-top: 15px;
    }

    .esim_step_content .step_img {
        margin-left: 20px;
    }

    .esim_cntry_innr {
        padding: 15px;
    }

    .travel_bnnr .bnnr_txt {
        padding: 20px;
    }

    .esim_bnnr_list ul li {
        padding: 0 10px;
    }

    .step_txt h5 {
        font-size: 17px;
    }

    .step_para p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .esim_bnnr_list ul li::after {
        left: -8px;
        font-size: 14px;
    }

    .esim_list_txt {
        margin-left: 8px;
    }

    .esim_plan_lft_img::after {
        width: 470px;
    }

    .esim_list {
        margin-top: 13px;
    }
}

@media(min-width:1200px) and (max-width:1399px) {
    .prdct_box {
        min-height: 440px !important
    }

    .prdct_box .card-body {
        padding: 0 0 20px
    }

    .prdct_box .prdct_img img {
        max-height: 125px !important;
        object-fit: contain
    }

    .prdct_box .prdct_img {
        height: 190px !important
    }

    .benefit-section .box {
        margin: 0 0 45px
    }

    .tab-content {
        gap: 15px !important;
        padding: 15px !important
    }

    .tab-content h1 {
        font-size: 32px !important;
        line-height: 40px !important
    }

    .bnnr_img img {
        height: 525px
    }

    .partner-section .item {
        padding: 0 22px
    }

    .p-row .col-3 small {
        font-size: 9px
    }

    .box-new .text-block ul li.text-description {
        font-size: 11px
    }

    .p-row-btm .col-3 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .p-hd,
    .p-row-btm>div>span {
        font-size: 12px
    }

    .box {
        padding: 18px 10px 40px !important
    }

    .p-row-btm>div:nth-child(4) input {
        margin-left: 6px
    }

    .p-btn-div {
        margin-top: 57px
    }

    .our-deals .item {
        min-height: 495px;
        padding: 0 8px
    }

    .item .text-block {
        margin-top: 24px
    }

    .our-deals .item .box {
        padding: 15px 7px 25px !important
    }

    .sim-logo-block {
        padding: 5px 0
    }

    .text-block h4 {
        font-size: 17px
    }

    .price {
        top: 76%
    }

    .box-new .text-block p {
        font-size: 12px !important
    }

    .priceStart {
        font-size: 12px;
    }

    .sim-only-desc .product-title {
        min-height: 34px !important;
    }

    .btm_txt_para {
        bottom: 26%
    }

    .color {
        font-size: 14px !important;
    }

    .partner .item {
        max-width: 200px
    }

    .make-you-section ul li {
        font-size: 15px;
        line-height: 24px;
    }

    .esim_icon img {
        max-width: 30px;
    }

    .esim_list_txt {
        margin-left: 5px;
    }

    .esim_icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .esim_list_txt h3 {
        font-size: 15px !important;
        line-height: 24px !important;
        margin: 0 0 2px;
    }

    .esim_list_txt p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .esim_txt_head p {
        font-size: 14px !important;
        line-height: 22px !important;
        padding-bottom: 5px;
    }

    .esim_txt_head h2 {
        font-size: 27px !important;
        line-height: 40px;
    }

    .esim_list ul {
        gap: 10px 0;
    }

    .esim_list ul li {
        padding: 15px 10px;
        margin-right: 10px;
    }

    .esim_advntg .row .col-lg-6.col-md-6:first-child {
        height: 630px;
    }

    .esim_advntg .row {
        align-items: center;
    }

    .esim_txt {
        padding: 30px 0;
    }

    .cntry_nm h4 {
        font-size: 17px;
        line-height: 24px;
    }

    .esim_strtng_price span {
        font-size: 14px;
    }

    .esim_strtng_price span b {
        font-size: 18px;
    }

    .esim_dtls_btn a {
        width: 35px;
        height: 35px;
    }

    .esim_dtls_btn a svg {
        font-size: 12px;
    }

    .esim_price_wrap {
        margin-top: 20px;
        padding-top: 15px;
    }

    .esim_step_content .step_img {
        margin-left: 20px;
    }

    .esim_cntry_innr {
        padding: 15px;
    }

    .travel_bnnr .bnnr_txt {
        padding: 20px;
    }

    .esim_bnnr_list ul li {
        padding: 0 10px;
    }

    .step_txt h5 {
        font-size: 17px;
    }

    .step_para p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .esim_bnnr_list ul li::after {
        left: -8px;
        font-size: 14px;
    }

    .esim_cntry_wrap {
        gap: 10px;
    }

    .esim_abt .row .esim_abt_img,
    .esim_advntg .row .esim_abt_img {
        height: 800px;
    }

    /* .esim_abt_img img {
    height: 670px;
  } */
    .esim_list {
        margin-top: 13px;
    }

    .esim_plan_lft_img::after {
        width: 450px;
    }
}

@media(max-width:1200px) {
    .make-you-section ul li {
        font-size: 15px;
        line-height: 24px;
    }

    .esim_abt_img img {
        height: 1000px;
    }

    .esim_list {
        margin-top: 13px;
    }
}

@media(max-width:1199px) {
    .image-container {
        height: 120px
    }

    .innr_page_bnnr,
    .sim-logo-block .image-container {
        height: auto !important
    }

    .btn-primary {
        padding: 7px 15px
    }

    .tab-content {
        width: 50%;
        gap: 15px
    }

    .broadband_head h2,
    .our-deals-section h2,
    .partner-section .bottom-part h2 {
        font-size: 30px;
        line-height: 40px
    }

    .broadband-card {
        max-width: 100%;
        width: 100%
    }

    .broadband-card .section-title {
        font-size: 34px;
        line-height: 40px
    }

    .question-section .demo .accordion .card .card-header h3 .btn-link {
        font-size: 19px;
        line-height: 28px;
    }

    .question-section .demo .accordion .card .card-body p {
        font-size: 15px !important;
    }

    .partner-section .item {
        padding: 0 35px
    }

    .send-out-section {
        background-size: cover;
        margin: 0
    }

    .make-you-section .text-block,
    .testimonial-section {
        padding: 45px 0
    }

    .prdct_row .col-lg-3 {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    #footer-section ul li a {
        font-size: 13px;
        line-height: 24px
    }

    #footer-section p {
        font-size: 14px !important;
    }

    .infoList li p {
        font-size: 13px !important;
    }

    .benefit-section .box {
        margin: 0 0 45px;
        min-height: 445px;
    }

    .tab-content h1 {
        font-size: 28px;
        line-height: 35px;
    }

    .section-title,
    h2 {
        font-size: 30px !important;
    }

    h3 {
        font-size: 24px !important;
        line-height: 1.5;
    }

    .tab-content p {
        font-size: 15px !important;
        line-height: 26px !important
    }

    .banner-section {
        min-height: 475px;
        padding: 130px 0 0
    }

    .box-new .text-block p,
    .p_card .card-body .btn-check-now,
    .service_item h5 {
        font-size: 14px !important
    }

    .bnnr_img img {
        height: 325px;
        max-width: 460px
    }

    .service_item img {
        max-width: 25px
    }

    .text-block h4 {
        font-size: 15px
    }

    .testimonial-section .text-block h3:after {
        background-size: 65px;
        top: -16px
    }

    .product-section {
        padding: 60px 0;
    }

    .feature-part .image-block img {
        max-width: none;
        height: 400px !important;
        object-fit: contain
    }

    .product-section .feature-part .block .text-block h3 {
        font-size: 35px;
        line-height: 40px;
    }

    .product-section .feature-part .block .text-block p {
        font-size: 16px !important;
        line-height: 26px;
    }

    .cloud-voice-product .top-text {
        padding: 0 0 55px
    }

    .benefit-section .customiz-part {
        padding: 50px 0
    }

    .benefit-section .customiz-part .top-text h2 {
        font-size: 40px;
        line-height: 45px;
    }

    .benefit-section .feature-part {
        padding: 0
    }

    .benefit-section .feature-part .block .text-block h3 {
        font-size: 35px;
        line-height: 48px;
        padding: 0 0 25px
    }

    .question-section {
        padding: 55px 0
    }

    .benefit-section .feature-part .block .text-block {
        padding: 20px 0 0
    }

    .benefit-section .feature-part .block .text-block p {
        padding: 0 0 20px
    }

    .innr_page_bnnr {
        min-height: 450px
    }

    .contact-banner .banner-image img {
        height: 440px
    }

    .contact-banner {
        padding: 160px 0 90px
    }

    .contact-banner .text-block {
        padding: 70px 20px
    }

    .broadband-card .form-control {
        flex: 0 0 55% !important
    }

    .input-group {
        gap: 0 10px !important
    }

    .btn-check-now {
        flex: 0 0 43% !important
    }

    #productList .product-body button {
        font-size: 14px
    }

    .show_btn_wrap {
        margin-bottom: 30px
    }

    .testimonial-section .bottom-part .text-box {
        max-height: 200px;
        overflow: hidden;
        margin: 20px 0 0 0;
    }


    .partner .item {
        max-width: 270px
    }

    .make-you-section .text-block h2 {
        font-size: 48px;
        line-height: 52px
    }

    .send-out-section h2 {
        font-size: 45px;
        line-height: 52px
    }

    .p-row .col-3 small {
        font-size: 9px
    }

    .p-row-btm .col-3 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .text-description {
        font-size: 11px
    }

    .p-row-btm>div>span {
        font-size: 12px
    }

    .p-btn-div {
        margin-top: 38px
    }

    .our-deals .item {
        min-height: 460px
    }

    .btn-check-now,
    .check_availability_btn {
        white-space: nowrap
    }

    .banner-section .text-block {
        padding: 40px 25px
    }

    .full-fibre-content .broadband-card {
        padding: 30px 15px
    }

    .broadband_deals .broadband-section .input-group {
        gap: 0 5px !important
    }

    .select_wrap select .form-control {
        font-size: 13px
    }

    .broadband_head p {
        margin-bottom: 10px
    }

    #footer-section h3 {
        font-size: 16px
    }

    .cartWrap {
        margin-left: auto
    }

    .package_btn a {
        padding: 10px 15px
    }

    .package_list table td {
        font-size: 10px;
        line-height: 18px
    }

    .price {
        top: 79%;
        font-size: 16px !important
    }

    .form-block h3 {
        font-size: 25px !important
    }

    .contact-section .content-part .block a {
        font-size: 17px
    }

    .list-group-item,
    .productSec .prdct_box .card-body p {
        font-size: 15px !important
    }

    .product-row .prdct_desc .card-body {
        padding: 0 !important
    }

    .prdct_box .card-body h5 {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 5px !important
    }

    .productSec .prdct_box {
        min-height: 250px !important;
        padding-bottom: 30px !important
    }

    .prdct_box .prdct_img img {
        max-height: 127px !important
    }

    .list-group-item {
        padding: 8px !important
    }

    .prdct_box .prdct_img {
        height: 100% !important
    }

    .prdct_desc {
        margin-top: 15px
    }

    .product-bnnr {
        padding: 130px 0 50px
    }

    .priceStart {
        line-height: 15px;
    }

    .color {
        font-size: 13px !important;
        line-height: 20px !important;
    }

    .btm_txt_para {
        bottom: 24%;
    }

    .make-you-section ul li {
        font-size: 15px;
        line-height: 24px;
    }

    .make-you-section ul li::after {
        left: 25px;
        top: 26%;
    }

    .make-you-section ul li {
        font-size: 15px;
        line-height: 24px;
        padding-left: 30px;
        padding-bottom: 5px;
    }

    .prcss_num {
        width: 45px;
        height: 45px;
        margin-bottom: 15px;
    }

    .prcss_txt h3 {
        font-size: 20px !important;
        line-height: 26px;
    }

    /* finance css 13.01.26 */
    .finance_bnnr {
        padding: 50px 0 30px !important;
    }

    .finance_bnnr .bnnr_txt h3 {
        font-size: 28px !important;
    }

    .finance_lft_img img {
        height: 480px !important;
    }

    .finance_block_txt p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .finance_benefits .box {
        min-height: 360px;
        padding: 0 0 15px;
        margin: 0 0 30px;
    }

    .prcss_txt p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .prcss_txt h3 {
        font-size: 17px !important;
        line-height: 24px;
    }

    .how-finance .prcss_row {
        margin-right: -12px;
        margin-left: -12px;
    }

    .finance_cta {
        padding: 60px 0;
    }

    .why-partner {
        padding: 60px 0;
    }

    .why-partner .partner_head h2::after,
    .how-finance .partner_head h2::after,
    .Disclaimer .disclaimer_head h2::after,
    .finance_faq h2::after {
        bottom: -9px;
    }

    .Disclaimer {
        padding: 60px 0;
    }

    .partner_head h2,
    .disclaimer_head h2 {
        margin-bottom: 25px;
    }

    .finance_faq h2 {
        margin: 0 0 40px !important;
    }

    .partner_head {
        margin: 0 0 30px;
    }

    .esim_icon img {
        max-width: 30px;
    }

    .esim_list_txt {
        margin-left: 10px;
    }

    .esim_icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .esim_list_txt h3 {
        font-size: 16px !important;
        line-height: 24px !important;
        margin: 0 0 2px;
    }

    .esim_list_txt p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .esim_txt_head p {
        font-size: 14px !important;
        line-height: 22px !important;
        padding-bottom: 5px;
    }

    .esim_txt_head h2 {
        font-size: 26px !important;
        line-height: 35px;
    }

    .esim_list ul {
        gap: 10px 0;
    }

    .esim_list ul li {
        padding: 15px 10px;
        margin-right: 10px;
        flex: 0 0 100%;
        width: 100%;
    }

    .esim_advntg .row .col-lg-6.col-md-6:first-child {
        height: auto;
    }

    .esim_advntg .row .col-lg-6.col-md-6:first-child .esim_abt_img img {
        height: 785px;
    }

    .esim_advntg .row {
        align-items: center;
    }

    .esim_txt {
        padding: 50px 0 70px;
    }

    .cntry_nm h4 {
        font-size: 17px;
        line-height: 24px;
    }

    .esim_strtng_price span {
        font-size: 12px;
    }

    .esim_strtng_price span b {
        font-size: 16px;
    }

    .esim_dtls_btn a {
        width: 35px;
        height: 35px;
    }

    .esim_dtls_btn a svg {
        font-size: 12px;
    }

    .esim_price_wrap {
        margin-top: 20px;
        padding-top: 15px;
    }

    .esim_step_content .step_img {
        margin-left: 0;
    }

    .esim_cntry_innr {
        padding: 15px;
    }

    .travel_bnnr .bnnr_txt {
        padding: 20px;
    }

    .esim_bnnr_list ul li {
        padding: 0 10px;
    }

    .step_txt h5 {
        font-size: 17px;
    }

    .step_para p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .esim_bnnr_list ul li::after {
        left: 4px;
        font-size: 14px;
    }

    .esim_cntry_wrap {
        gap: 10px;
    }

    .travel_bnnr .bnnr_txt {
        padding: 20px;
    }

    .esim_bnnr_list ul li {
        font-size: 13px;
        line-height: 20px;
        padding-left: 25px;
        margin-right: 4px;
    }

    .esim_abt .row .esim_abt_img,
    .esim_advntg .row .esim_abt_img {
        clip-path: none !important;
        height: 1000px;
    }


    .esim_advntg .row>div:nth-child(2) {
        padding: 0 10px;
    }

    .esim_txt {
        padding: 50px 0;
    }

    .esim_strtng_price {
        gap: 0 4px;
    }

    .cntry_img {
        width: 45px;
        height: 45px;
        min-width: 45px;
    }

    .esim_cntry_innr {
        padding: 12px;
    }

    .search-cta .cta_head h2 {
        font-size: 30px !important;
        line-height: 38px;
    }

    .esim_cntryList {
        padding: 60px 0;
    }

    .esim_step {
        padding: 60px 0 0;
    }

    .search-cta {
        padding: 60px 15px;
        margin: 60px 15px;
    }

    .esim_abt .row .col-lg-6:first-child {
        padding-right: 15px !important;
    }

    .esim_plan_lft_img::after {
        width: 358px;
        height: 490px;
        bottom: -38px;
    }

    .esim_plan_dtls_sec {
        padding-left: 0;
    }

    .plan_card {
        padding: 13px;
    }

    .benefits_innr {
        min-height: 400px;
        padding: 30px 15px;
    }
}

@media(min-width:992px) and (max-width:999px) {
    .p-btn-div {
        margin-top: 4px
    }

    .our-deals .item {
        min-height: 457px
    }

    .box {
        padding: 15px 15px 25px !important
    }

    .price {
        top: 79%
    }

    .color {
        font-size: 13px !important;
        line-height: 20px !important;
    }

    .btm_txt_para {
        bottom: 24%;
    }

    .benefit-section .box h3 {
        font-size: 18px !important;
        line-height: 24px;
    }

    .benefit-section .box img {
        max-width: 55px;
    }

    .benefit-section .customiz-part .item .box h3 {
        font-size: 33px !important;
    }

    .question-section .demo .accordion .card .card-body p {
        font-size: 14px !important;
        line-height: 24px;
    }

    #footer-section h3 {
        font-size: 17px !important;
    }

    .make-you-section ul li {
        font-size: 15px;
        line-height: 24px;
    }

}


@media screen and (max-width:991px) {
    #headSec {
        backdrop-filter: inherit !important
    }

    .head_nav .navbar-toggler {
        color: inherit !important;
        border: 0 !important
    }

    .head_nav button {
        background-color: inherit !important;
        box-shadow: none !important
    }

    .head_nav button span {
        background-image: url(../images/menu.png) !important;
        background-size: 22px !important;
        background-repeat: no-repeat !important
    }

    .head_nav .navbar-brand img {
        max-width: 180px
    }

    .head_nav .navbar-collapse {
        order: 2 !important;
        position: fixed;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        padding-top: 50px;
        transform: translateY(-100%);
        transition: .5s ease-in-out;
        overflow-x: auto;
        background-color: #000;
        z-index: 9
    }

    .head_nav .navbar-collapse ul {
        flex-direction: column;
        padding: 15px
    }

    .head_nav .navbar-collapse.show {
        transform: translateY(0)
    }

    .head_nav .navbar-collapse.show~button span {
        background-image: url(../images/close.png) !important;
        position: absolute;
        z-index: 99;
        right: 30px;
        top: 15px;
        background-size: 30px !important
    }

    .tab {
        flex-direction: column-reverse;
        text-align: center;
        justify-content: center;
        align-items: center
    }

    #footer-section .footer-logo,
    .tab-content {
        text-align: left
    }

    .tab-content {
        width: 100%;
        margin: 0 auto
    }

    .form-control,
    .mid-section .card .card-body table td h6 {
        font-size: 14px
    }

    .btn-check-now {
        padding: 6px 13px
    }

    .tab-content a {
        max-width: 150px;
        font-size: 16px
    }

    .banner-section .tabs .tab .tab-image {
        position: static;
        width: 100% !important;
        right: 0;
        bottom: 0;
        max-width: 270px;
        padding-left: 0;
        padding-top: 40px;
        height: 320px
    }

    .broadband-section {
        padding: 60px 0 20px
    }

    .our-deals-section {
        padding: 20px 0 40px
    }

    .partner-section .bottom-part h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 25px
    }

    .why-choose-us-section .row .image-part {
        padding-right: 20px
    }

    .why-choose-us-section .row:nth-child(4) .image-part {
        padding-left: 20px
    }

    .why-choose-us-section h2 {
        font-size: 30px;
        line-height: 40px;
        padding: 0 0 20px
    }

    .about-section {
        padding: 35px 0
    }

    p {
        font-size: 14px !important;
        line-height: 24px !important
    }

    h3 {
        font-size: 25px
    }

    .why-choose-us-section .container .row {
        margin-bottom: 50px !important
    }



    #footer-section p {
        margin: 0;
        text-align: left;
        max-width: none;
        padding: 0
    }

    #footer-section .top-part p {
        margin: 0 0 10px
    }

    #footer-section .top-part {
        padding: 0 0 33px;
        margin: 0 0 50px;
        flex-direction: column
    }

    #footer-section .top-part p span {
        padding-top: 20px
    }

    .nwsltr_Sec {
        margin: 20px 0 40px
    }

    #footer-section .newsletter-form {
        max-width: 100%
    }

    .inner-banner {
        height: 500px;
        min-height: 660px !important
    }

    .counter-block,
    .inner-banner .text-block {
        width: 100%
    }

    .about-section .main-block .counter-block {
        position: static;
        width: 100%
    }

    .make-you-section .text-block h2 {
        font-size: 40px;
        line-height: 45px
    }

    .make-you-section .text-block {
        padding: 25px 0 0
    }

    .send-out-section h2 {
        font-size: 40px;
        line-height: 50px;
        padding: 0 0 60px
    }

    .about-section .main-block .image-part,
    .about-section .main-block .text-part {
        padding-right: 0
    }

    .prdct_row .col-lg-3 {
        flex: 0 0 50% !important;
        max-width: 50% !important
    }

    #footer-section .top-part p a {
        padding-bottom: 2px;
        margin-bottom: 0
    }

    .prdct_box .card-body h5 {
        font-size: 16px;
        line-height: 26px
    }

    .benefit-section {
        padding-top: 50px
    }

    .tab-content h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .bnnr_img img {
        height: 250px;
    }

    .benefit-section .box h3 {
        padding: 0 0 20px;
    }

    .tab-content p {
        font-size: 13px !important;
        line-height: 22px !important
    }

    .benefit-section .customiz-part .item .box h2,
    .benefit-section .customiz-part .top-text h2,
    .benefit-section .feature-part .block .text-block h3,
    .broadband-card .section-title,
    .contact_head h2,
    .section-title,
    h2 {
        line-height: 40px;
        font-size: 30px
    }

    .service_item h5 {
        font-size: 13px !important;
        white-space: nowrap
    }

    .service_item img {
        max-width: 20px;
        margin-right: 5px
    }

    .tab-content {
        min-height: 250px
    }

    #footer-section .top-part p.right {
        margin: 20px 0 10px !important
    }

    .image-part img {
        height: 425px !important
    }

    .innr_page_bnnr .row {
        align-items: center
    }

    .product-section .top-text h2 {
        font-size: 33px;
        padding: 0 0 15px
    }

    .benefit-section .box {
        min-height: 375px;
    }

    .benefit-section .box .icon-block img {
        max-width: 45px;
    }

    .benefit-section .box h3 {
        font-size: 18px !important;
        line-height: 24px;
    }

    .benefit-section .customiz-part .item .box a {
        padding: 15px 40px
    }

    .benefit-section .customiz-part .item .box ul {
        min-height: 210px
    }

    .question-section .demo .accordion .card .card-header h3 .btn-link {
        font-size: 18px
    }

    .question-section .demo .accordion .card .card-header h3 .btn-link .fa {
        width: 40px;
        height: 34px;
        padding: 10px
    }

    .feature-part .image-block img {
        height: 340px !important
    }

    .broadband-card {
        width: 100%;
        padding: 20px 15px
    }

    #broadband_address label {
        margin: 10px 0 0 !important
    }

    .slct_address_wrap button {
        margin-top: 10px !important
    }

    #productList .btn-enquire {
        padding: 7px 10px
    }

    #productList .product-card .product-body {
        padding: 15px 10px !important
    }

    #productList .product-body button {
        font-size: 11px;
        font-weight: 600
    }

    .partner-section .item {
        padding: 0 15px
    }

    .about-banner {
        height: 530px
    }

    .about-banner .banner-image img {
        height: 340px
    }

    .about-section .main-block .image-part img {
        height: 400px !important
    }

    .about-section .main-block .text-part {
        padding-right: 0 !important
    }

    .broadband_results_head h2 {
        margin: 0 0 25px
    }

    #footer-section h3 {
        font-size: 16px
    }

    .box {
        padding: 15px 10px 25px !important
    }

    .full-fibre-banner {
        height: auto !important;
        padding: 70px 0 !important
    }

    .f-fibre-feature,
    .question-section,
    .testimonial-section {
        padding: 60px 0
    }

    .full-fibre-content {
        padding: 60px 0 0
    }

    .broadband_deals {
        padding-bottom: 0
    }

    .broadband-card .section-title {
        padding: 0
    }

    .broadband_head h2 {
        font-size: 22px;
        line-height: 30px
    }

    .select_wrap select .form-control {
        padding: 0 4px !important
    }

    .select_sec>div:nth-child(2) {
        padding-left: 7px
    }

    .btn-check-now,
    .check_availability_btn {
        font-size: 14px !important
    }

    .question-section .demo .accordion .card .card-body p {
        font-size: 15px !important
    }

    .cart-banner {
        padding: 80px 0 0
    }

    .mid-section .card-body table tbody tr td a img {
        width: 80px !important;
        height: 80px !important
    }

    .mid-section .card .card-body table td {
        width: 80px !important;
        padding: 8px !important
    }

    .mid-section .card .card-body table td b {
        font-size: 14px;
        line-height: 18px
    }

    .mid-section .card .card-body table tbody tr td form .form-control {
        height: 30px !important
    }

    .mid-section .card .card-footer>div h4 {
        margin-bottom: 15px;
        font-size: 19px
    }

    .contact-section .content-part .block p {
        font-size: 16px !important;
        line-height: 22px !important
    }

    .form_sec .image-part img {
        height: 100% !important
    }

    .form-block h3 {
        font-size: 21px !important
    }

    .form-block form .form-control::placeholder {
        font-size: 14px;
        line-height: 22px
    }

    .cart_summary h3,
    .form-block form .form-control {
        margin-bottom: 20px
    }

    .our-deals .item {
        min-height: 470px
    }

    .dropdown-content,
    .dropdown-submenu {
        display: none !important;
        position: static !important;
        padding: 0 !important
    }

    .dropdown-content.show,
    .dropdown-submenu.show {
        display: block !important
    }

    .mid-section .card .card-body table td,
    .mid-section .card .card-body table th {
        vertical-align: middle !important
    }

    .product_dtls_sec .row .p_Img img {
        height: 390px
    }

    .product_dtls_sec .row>div:last-child {
        padding-left: 0
    }

    .P_title {
        font-size: 35px
    }

    .head_nav .navbar-collapse>ul:first-child {
        padding-bottom: 0 !important
    }

    .head_nav .navbar-collapse>ul:last-child {
        padding-top: 0 !important
    }

    .checkoutBox {
        padding: 30px 20px !important
    }

    .checkOutForm h3 {
        margin-bottom: 25px !important
    }

    .cart_summary {
        padding: 30px 15px
    }

    .cart_revew_innr {
        gap: 0 8px
    }

    .Cart_pdtls h4 {
        font-size: 16px;
        line-height: 24px
    }

    .p_price {
        margin-top: 3px
    }

    .mid-section {
        min-height: auto;
        padding: 70px 0
    }

    .mid-section .row .card {
        margin: 0 !important
    }

    .sim-broadbndSec {
        padding: 60px 0 !important
    }

    .sim-broadbndSec .feature-part .block .text-block p {
        font-size: 14px !important;
        line-height: 24px;
        font-weight: 400
    }

    .sim-broadbndSec .feature-part .block .text-block ul li {
        font-size: 16px !important;
        line-height: 26px
    }

    .sim_broadband_benefits {
        padding: 60px 0 0 !important
    }

    .question-section .demo {
        margin: 0
    }

    .sim_broadband_benefits .box {
        min-height: 300px
    }

    .banner-section .text-block h1 {
        font-size: 30px
    }

    .product-section .feature-part .block .text-block h3 {
        font-size: 28px;
        line-height: 38px
    }

    .sim-broadbndSec .feature-part .block .text-block {
        padding-left: 0 !important
    }

    .sim_broadband_benefits .box h3 {
        font-size: 16px;
        line-height: 22px;
        padding: 0 0 10px
    }

    .cal-form-container .input-wrapper {
        flex-direction: column;
        margin-top: 10px;
    }

    .cal-form-container .input-wrapper .cost {
        flex: 0 0 100%;
        width: 100%;
    }

    .cal-form-container .input-wrapper .deposit {
        flex: 0 0 100%;
        width: 100%;
    }

    /* finance css 13.01.26 */
    .finance_lft_img img {
        max-height: 540px !important;
        object-position: top;
    }

    .finance_benefits .box {
        min-height: 280px;
    }

    .prcss_row .col-lg-3 {
        margin-bottom: 24px;
    }

    .travel_bnnr .bnnr_txt {
        padding: 15px 10px;
    }

    .travel_bnnr .tab-content a {
        max-width: none;
        font-size: 15px;
    }

    .esim_bnnr_list ul li {
        font-size: 10px;
        line-height: 20px;
        padding-left: 22px;
    }

    .esim_bnnr_list {
        padding: 0;
    }

    .esim_abt .row {
        flex-direction: column-reverse;
    }

    .esim_abt {
        padding-top: 50px;
    }

    .esim_advntg .row>div:nth-child(2) {
        padding: 50px 15px;
    }

    .esim_step_content .step_img {
        margin-left: 0;
    }

    .esim_step_content {
        margin-top: 45px;
    }

    .question-section .demo .accordion .card .card-header h3 .btn-link {
        align-items: flex-start;
    }

    .esim_advntg .row .col-lg-6:last-child .esim_txt {
        padding: 50px 0;
    }

    .esim_abt .row .col-lg-6:last-child {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .esim_advntg .row .col-lg-6:first-child {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .esim_abt_img img {
        height: 100%;
        border-radius: 6px;
    }

    .esim_abt .row .esim_abt_img,
    .esim_advntg .row .esim_abt_img {
        height: 100%;
    }

    .esim_country_row .col-lg-3.col-md-6:last-child,
    .esim_country_row .col-lg-3.col-md-6:nth-last-child(2) {
        margin-bottom: 0;
    }

    .esim_cntryList {
        padding: 50px 0;
    }

    .cntry_nm h4 {
        font-size: 15px;
        line-height: 24px;
    }

    .esim_step {
        padding: 50px 0 0;
    }

    .search-cta {
        padding: 50px 15px;
        margin: 50px 15px;
    }

    .travel_bnnr .travel-right-img img {
        height: 640px !important;
    }

    .travel-faq {
        padding: 50px 0;
    }

    .plan_map_img {
        width: 45px;
        height: 45px;
        min-width: 45px;
    }

    .esim_featr_list ul {
        flex-direction: column;
    }

    .plan_section_wrapper {
        margin-top: 22px;
    }

    .plan_typ_wrap .tab-content {
        padding: 15px;
    }

    .plan_top span {
        padding: 5px 0;
        font-size: 12px;
    }

    .plan_price {
        font-size: 18px;
    }

    .plan_cards {
        gap: 15px;
    }

    .plan_class {
        min-width: 130px;
        font-size: 12px;
    }

    .unlimited-days {
        height: 27px;
        margin: 5px 0;
        min-width: 85px;
        font-size: 12px;
    }

    .esim_plan_lft_img::after {
        width: 100%;
        height: 100%;
        bottom: -25px;
        left: -25px;
    }

    .plan_feature_tab .nav-pills .nav-link {
        font-size: 12px;
        line-height: 16px;
        padding: 8px 10px;
    }

    .plan_typ_wrap .nav-pills .nav-link {
        font-size: 12px;
        line-height: 16px;
        padding: 8px 10px;
    }

    .esim_btn_wrap {
        margin-top: 30px;
    }

    .esim_plan_dtls {
        padding: 60px 0;
    }

    .why-choose {
        padding: 60px 0;
    }

    .benefits_innr {
        min-height: 380px;
        padding: 25px 15px;
    }
}

@media (max-width:767px) {

    .dropdown-toggle:after,
    .nav-item:before {
        position: absolute;
        content: "";
        border: none;
        background-color: #000;
        vertical-align: 0
    }

    .tab-content p,
    p {
        line-height: 24px !important
    }


    .about-section .top-text,
    .mid-section .card .card-body table td:last-child {
        text-align: center;
    }

    #footer-section p {
        text-align: left;
    }

    .desk_btn,
    .form_sec .image-part,
    .nav-item:after,
    .nav-item:before {
        display: none;
    }

    #footer-section .social-block {
        display: block;
    }


    .nav-item:before {
        top: 15px;
        left: 0;
        width: 11px;
        height: 1px;
    }

    .dropdown-toggle:after {
        display: block;
        top: 10px;
        left: -23px;
        width: 1px;
        height: 11px;
        transition: .2s linear
    }

    .dropdown-toggle[aria-expanded=true]:after {
        transform: rotate(90deg);
        opacity: 0
    }

    .dropdown-menu {
        padding: 0 !important;
        background-color: transparent;
        box-shadow: none;
        transition: .2s linear
    }

    .dropdown-toggle[aria-expanded=true]+.dropdown-menu {
        margin-top: 10px !important;
        margin-bottom: 20px !important
    }

    .tab {
        flex-direction: column
    }

    .about-section .main-block .image-part,
    .about-section .main-block .text-part,
    .bnnr_img,
    .broadband_deals .select_sec>div:nth-child(2),
    .select_sec>div:first-child,
    .tab-content {
        width: 100%;
        flex: 0 0 100%
    }

    .banner-section .tabs .tab .tab-image {
        position: static;
        width: 100% !important;
        height: 320px !important;
        max-width: 330px !important;
        display: none !important
    }

    .blog-section .col-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .blog-section .box {
        margin-bottom: 20px
    }

    .blog-section h2 {
        font-size: 1.5rem
    }

    .blog-section h5 {
        font-size: 1.1rem
    }

    .blog-section p {
        font-size: .85rem
    }

    .tab-content p,
    p {
        font-size: 14px !important
    }

    .blog-section .client-name h4 {
        font-size: 1rem
    }

    .blog-section .client-name h3 {
        font-size: .9rem
    }

    .broadband-card {
        width: 100%;
        margin: 0 auto
    }

    .why-choose-us-section .image-part {
        margin-bottom: 35px
    }

    .section-title {
        font-size: 23px;
        line-height: 30px;
        padding: 0
    }

    .inner-banner .text-block h1,
    .testimonial-section .text-block h3 {
        font-size: 28px;
        line-height: 35px
    }

    .testimonial-section .text-block h3:after {
        background-size: 60px;
        top: -15px
    }


    .ftr_menu,
    .full-fibre-content .image-block {
        margin-bottom: 25px
    }

    .tab-content p {
        margin-bottom: 10px;
        width: 100%
    }

    .banner-section .text-block,
    .tab-content {
        padding: 25px 15px
    }

    .question-section .demo .accordion .card .card-body p {
        font-size: 13px !important;
        line-height: 20px !important
    }

    .question-section .demo .accordion .card .card-header h3 .btn-link {
        line-height: 22px;
        font-size: 15px;
    }

    .about-section a {
        font-size: 16px;
        line-height: 20px;
        padding: 15px 30px
    }

    .banner-section {
        padding: 120px 0 0
    }

    .tab-content h1 {
        font-size: 23px;
        line-height: 35px
    }

    .broadband-section,
    .broadband_results,
    .full-fibre-content,
    .our-deals-section,
    .partner-section .bottom-part,
    .product-section,
    .question-section,
    .send-out-section,
    .testimonial-section,
    .why-choose-us-section {
        padding: 50px 0
    }

    #productList .product-body button,
    .btn-check-now,
    .form-control,
    .form-group label {
        font-size: 14px
    }

    .about-section .main-block,
    .testimonial-section .bottom-part {
        padding: 0
    }

    .testimonial-section .bottom-part .text-box p:after {
        left: 0;
        top: 10px
    }

    .testimonial-section .bottom-part .owl-dots {
        padding-top: 0 !important
    }

    .question-section .demo .accordion .card .card-header h3 .btn-link .fa {
        width: 25px;
        height: 25px;
        padding: 10px;
        border-radius: 6px
    }

    .question-section .demo .accordion .card .card-header h3 .btn-link .fa::before {
        font-size: 10px
    }

    h3 {
        font-size: 20px !important;
        line-height: 30px !important
    }

    .inner-banner {
        min-height: 660px !important;
        padding: 130px 0 100px !important;
        height: auto !important
    }

    .inner-banner .text-block {
        padding: 15px
    }

    .inner-banner .text-block a.started {
        padding: 12px 20px
    }

    .about-section .top-text h6 {
        font-size: 28px
    }

    .about-section .main-block .text-part {
        width: 100%;
        padding: 30px 0 0;
        margin: 0;
        padding-right: 0 !important
    }

    .about-section .main-block .counter-block .count-text {
        padding: 0 0 20px
    }

    .cartWrap>div a,
    .cloud-voice-product .feature-part .block .text-block {
        padding-left: 0 !important
    }

    .about-section .container .row {
        margin-bottom: 0 !important
    }

    .make-you-section .text-block h2 {
        font-size: 28px;
        line-height: 26px
    }

    .benefit-section .customiz-part .top-text,
    .cloud-voice-product .top-text,
    .make-you-section .text-block p {
        padding: 0 0 30px
    }

    .make-you-section .text-block {
        padding: 25px 0
    }

    .send-out-section h2 {
        font-size: 28px;
        line-height: 35px;
        padding: 0 0 45px
    }

    .make-you-section {
        padding: 50px 0 0;
        margin: 0
    }

    .benefit-section .row .list-group {
        flex-direction: row !important;
        overflow-y: auto !important
    }

    .benefit-section .list-group-item {
        white-space: nowrap !important;
        font-size: 15px !important
    }

    .benefit-section h2 {
        padding: 0 0 15px !important;
        margin: 0 0 20px !important;
        font-size: 30px;
        line-height: 35px
    }

    .no-products,
    .prdct_box {
        margin-top: 35px !important
    }

    .no-products h1 {
        font-size: 28px !important;
        line-height: 35px !important
    }

    .prdct_row .col-lg-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .benefit-section {
        padding-top: 50px
    }

    #footer-section ul li a {
        padding: 0 0 12px
    }

    .pagination {
        justify-content: center;
        align-items: center
    }

    .benefit-section .box {
        margin: 0 0 30px;
        padding: 20px !important;
        min-height: auto
    }

    .benefit-section .box h4 {
        padding: 15px 0 !important;
        font-size: 17px !important
    }

    .benefit-section hr {
        margin: 0 !important
    }

    .product-section .block .image-block img {
        width: 100% !important
    }

    .bnnr_wrap {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

    .footer-logo img {
        width: 155px
    }

    #footer-section .row .col-lg-5 {
        order: 2
    }

    #footer-section .row .col-lg-7 {
        order: 1
    }

    .footer_rvw a img {
        max-width: 155px
    }

    .bnnr_img img {
        height: 380px;
        margin: 0 auto 20px;
    }

    .service_item h5 {
        font-size: 12px !important;
        white-space: normal
    }

    .our-deals-section h2,
    .partner-section .bottom-part h2 {
        font-size: 23px;
        line-height: 30px;
        padding: 0 0 12px
    }

    .about-banner .row,
    .cloud_voice_benefits .feature-part .row,
    .contact-banner .row,
    .full-fibre-banner .row,
    .inner-banner .row,
    .innr_page_bnnr .row {
        flex-direction: column-reverse
    }

    #broadband_address #selected_address,
    .broadband-card .form-control,
    .broadband_deals .broadband-section .input-group .btn-check-now,
    .broadband_deals .broadband-section .input-group .form-control {
        flex: 0 0 100% !important;
        width: 100% !important
    }

    .innr_page_bnnr .banner-image img {
        height: 340px !important;
        max-width: 630px !important
    }

    .innr_page_bnnr {
        padding: 70px 0 50px !important
    }

    .product-section .top-text h2 {
        font-size: 22px;
        line-height: 32px
    }

    .benefit-section .customiz-part .top-text h2,
    .product-section .feature-part .block .text-block h3 {
        font-size: 25px;
        line-height: 35px
    }

    .product-section .feature-part .block .text-block p {
        font-size: 15px !important
    }

    .inner-page {
        padding-top: 55px !important
    }

    .benefit-section .box .icon-block {
        padding: 0 0 5px;
    }

    .benefit-section .box h3 {
        font-size: 17px;
        line-height: 20px
    }

    .benefit-section .customiz-part {
        padding: 10px 0
    }

    .feature-part .image-block img {
        height: 255px !important
    }

    .cloud_voice_benefits .customiz-part .top-text h2,
    .cloud_voice_benefits h2,
    .question-section h2,
    .why-choose-us-section h2 {
        font-size: 23px;
        line-height: 30px
    }

    .benefit-section .customiz-part .item .box h2.extra:before,
    .benefit-section .customiz-part .item .box h2:before {
        bottom: 24px
    }

    .benefit-section .customiz-part .item .box ul {
        min-height: 160px
    }

    .service_slider .slick-slide .service_item {
        padding: 8px 6px
    }

    .service_item img {
        max-width: 20px;
        margin-right: 2px
    }

    .head_nav .navbar-brand img,
    .tab-content a {
        max-width: 145px
    }

    .tab-content a {
        font-size: 14px
    }

    .check_availability_btn {
        width: 100% !important;
        margin-top: 20px
    }

    .btn-check-now {
        flex: 0 0 100% !important;
        margin-top: 20px
    }

    .slct_address_wrap {
        flex-wrap: wrap
    }

    .our-deals .box {
        padding: 15px !important;
        min-height: 300px
    }

    .partner-section .item {
        padding: 0 10px
    }

    .testimonial-section .bottom-part .text-box {
        min-height: 250px;
        padding: 12px 15px
    }

    .our-deals-section h2:after,
    .testimonial-section h2::after {
        bottom: -3px
    }

    .about-section .text-center h2:after,
    .question-section h2::after {
        bottom: -9px
    }

    .our-deals-section {
        padding: 0 0 50px
    }

    .about-banner {
        height: auto
    }

    .about-banner .banner-image img {
        margin-bottom: 30px
    }

    .counter-block {
        margin: 280px 0 0
    }

    .box,
    .broadband_results_head h2 {
        margin: 0
    }

    .make-you-section .text-block a {
        padding: 15px 35px
    }

    .about-banner .row .col-md-6,
    .full-fibre-content .broadband-section .container-fluid {
        padding: 0 !important
    }

    .about-banner h1 {
        text-transform: capitalize;
    }

    #footer-section p {
        margin: 0;
        max-width: none;
        padding: 0
    }

    .subheading h4 {
        font-size: 16px;
        line-height: 26px
    }

    .sub_head h3 {
        font-size: 18px;
        line-height: 26px
    }

    .login-container,
    .signup-container {
        min-height: 90vh
    }

    .box {
        max-width: none;
        width: 100%
    }

    .our-deals .item {
        max-width: none;
        width: 100%;
        padding: 0 10px;
        min-height: 452px
    }

    .select_sec>div:nth-child(2) {
        width: 100%;
        flex: 0 0 100%;
        padding-left: 0
    }

    .box-new .text-block .features {
        align-items: center
    }

    .our-deals-section .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    #footer-section ul li:nth-child(4) p,
    .abt-top-txt {
        text-align: left
    }

    .inner-page .box {
        max-width: none !important
    }

    .benefit-section .feature-part .block .text-block h3 {
        font-size: 22px;
        line-height: 30px
    }

    .full-fibre-banner,
    .full_fibre_benefits,
    .lease-line,
    .lease-line-question {
        padding: 50px 0 !important
    }

    .line-calls-banner .banner-image img {
        height: 300px
    }

    .full-fibre-content.feature-part .block .text-block {
        padding-left: 0
    }

    .broadband_deals .select_sec>div:first-child {
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px
    }

    .broadband_check_bnnr {
        min-height: 350px
    }

    .broad_band_head h2 {
        transform: translateY(-30%)
    }

    .cartWrap .nav-link {
        padding: .5rem
    }

    .cloud-voice-product .feature-part .block .image-block img,
    .cloud_voice_benefits .feature-part .image-block img {
        height: 170px !important
    }

    .cloud_voice_benefits .box .icon-block img {
        max-width: 50px
    }

    .cloud_voice_benefits .customiz-part {
        padding: 0 0 60px !important
    }

    .cloud_voice_benefits .customiz-part .item .box h3 {
        font-size: 33px;
        line-height: 40px
    }

    .contact-banner {
        padding: 80px 0 40px !important
    }

    .contact-banner .banner-images {
        margin-bottom: 10px
    }

    .contact-section .content-part {
        flex-direction: column-reverse;
        margin: 0
    }

    .contact-section .content-part .block {
        margin-bottom: 25px;
        min-height: 190px
    }

    .broadband_deals .broadband_lft_img img {
        height: 300px !important
    }

    .banner-section .text-block h1 {
        font-size: 25px;
        line-height: 35px
    }

    .contact-section .content-part .block p {
        font-size: 15px !important;
        line-height: 22px !important
    }

    .cartWrap div a i,
    .cta_txt p {
        font-size: 16px !important
    }

    .head_nav button span {
        background-size: 20px !important
    }

    .btm_txt_para {
        bottom: 22%
    }

    .price {
        top: 79%
    }

    .form_sec>div>div>div:nth-child(2) {
        padding-left: 15px !important
    }

    .form-block {
        border-radius: 10px;
        padding: 20px
    }

    .contact-section {
        padding: 40px 0
    }

    .form_sec .form-block button {
        width: 100%;
        min-width: auto
    }

    .cartWrap div a {
        font-size: 15px;
        font-weight: 600
    }

    .cartWrap>div a {
        padding-right: 2px !important
    }

    .mid-section .card .card-body table td {
        min-width: 137px !important
    }

    .mid-section .card .card-body table tbody tr td:first-child,
    .mid-section .card .card-body table tbody tr td:nth-child(3) {
        min-width: 80px !important
    }

    .mid-section .card .card-body table td,
    .mid-section .card .card-body table th {
        vertical-align: top !important
    }

    .mid-section .card .card-body table thead tr th:last-child {
        text-align: center !important
    }

    .product-bnnr .banner-image img,
    .product_dtls_sec .row .p_Img img {
        height: 270px
    }

    .productHead h2 {
        margin-bottom: 0
    }

    .product-bnnr {
        padding: 120px 0 40px !important
    }

    .prdct_desc {
        margin-top: 5px
    }

    .product-row {
        padding: 50px 0 30px
    }

    .list-group {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .list-group>div:first-child {
        flex: 0 0 100%;
        width: 100%
    }

    .list-group>div:nth-child(2),
    .list-group>div:nth-child(3) {
        flex: 0 0 100%;
        width: 100%;
    }

    .pagination {
        margin: 40px 0 0
    }

    #variantDisplay {
        position: static
    }

    .product_dtls_sec .row>div:last-child {
        padding-left: 15px
    }

    .P_title {
        font-size: 30px;
        margin: 20px 0 10px !important
    }

    .cta_txt h2,
    .lead {
        font-size: 22px !important
    }

    .lead {
        color: #f60 !important;
        font-weight: 700;
        margin-bottom: 10px !important
    }

    .color-label,
    .p_options .cartForm .color-options label {
        font-size: 0 !important
    }

    #addToCart {
        width: 100% !important;
        font-size: 17px
    }

    .product_dtls_sec {
        background-color: #fff;
        margin-top: -50px;
        padding: 50px 0
    }

    .cart-section .row {
        width: 100%
    }

    .color-label::before {
        width: 25px;
        height: 25px;
        top: -1px;
        left: -1px
    }

    .color-label {
        width: 28px;
        height: 28px
    }

    .storage-card .storage-label {
        font-size: 15px
    }

    .storage-card {
        padding: 8px 10px
    }

    .sim-broadbndSec .feature-part .block .image-block img {
        height: 360px !important
    }

    .product-section .feature-part .block .text-block {
        padding-left: 0;
        padding-top: 25px
    }

    .sim_broadband_benefits {
        padding: 50px 0 0 !important
    }

    .sim-data .item {
        min-height: 390px
    }

    .scroll-wrapper {
        margin-bottom: 20px;
        max-height: 240px
    }

    .badge {
        font-size: 11px !important;
        padding: 3px 5px !important;
        top: 0 !important;
        right: -10px !important
    }

    .lease-line-banner {
        min-height: 500px !important;
        padding: 85px 0 100px !important
    }

    .lease-line-banner .banner-image img {
        height: 300px !important;
        object-fit: cover !important
    }

    .lease-line .feature-part .block .image-block img {
        height: 366px !important
    }

    .cta_txt h2 {
        line-height: 33px !important;
        margin: 0 !important
    }

    .cta_txt_wrap {
        padding: 30px 15px !important
    }

    .mob_btn {
        display: block;
        padding-top: 35px
    }

    .checkout-section form .row {
        flex-direction: column-reverse;
        row-gap: 50px
    }

    .checkout-section {
        padding: 50px 0;
        margin-top: -65px
    }

    .login-box {
        max-width: 345px !important
    }

    .signup-box {
        max-width: 342px !important
    }

    .signup-box h3 {
        font-size: 30px !important
    }

    .full-fibre-banner .text-block {
        margin-top: -40px
    }

    .full-fibre-content.feature-part .block .text-block ul {
        padding-top: 10px
    }

    .full_fibre_faq h2::after {
        bottom: 0
    }

    .cart-section {
        padding: 0 !important;
        margin: -120px 0 0
    }

    .cart-banner {
        padding: 120px 0 80px
    }

    .cart-banner .banner-image {
        padding-top: 30px
    }

    .mid-section {
        min-height: auto !important;
        padding: 50px 0
    }

    .sim-broadband-banner .banner-image img {
        height: 360px
    }

    .sim-broadband-banner {
        padding: 60px 0 !important
    }

    .sim-broadbndSec .feature-part .block .text-block ul li {
        font-size: 14px !important;
        line-height: 24px
    }

    .broadband-section {
        padding-bottom: 20px !important;
    }

    .benefit-section .customiz-part .item .box h3 {
        font-size: 30px !important;
    }

    .section-title,
    h2 {
        font-size: 25px !important;
        line-height: 30px;
    }

    .benefit-section .box h3 {
        padding: 0 0 5px;
        font-size: 15px !important;
    }

    .benefit-section .customiz-part .item .box {
        min-height: 299px;
    }

    .benefit-section .feature-part .block .text-block h3 {
        padding: 0 0 10px;
    }

    .contact_head {
        padding-top: 50px;
    }

    .form_sec {
        padding-bottom: 20px;
    }

    .productHead h1 {
        font-size: 23px;
        line-height: 35px;
        padding-bottom: 25px;
    }

    .product_dtls_sec .P_title {
        font-size: 30px !important;
        line-height: 50px;
    }

    .card-herder h1 {
        font-size: 25px;
        line-height: 35px;
        font-weight: 700;
    }

    .banner-section .banner-image img {
        height: 230px;
    }

    .mid-section .card .card-footer>div h4 {
        font-size: 15px;
    }

    .checkout_head h2 {
        font-size: 29px !important;
        line-height: 35px;
    }

    #footer-section .social-block ul li a {
        font-size: 17px;
    }

    .left {
        padding-top: 20px;
    }

    .product-section .feature-part .block .text-block h3 {
        padding: 0 0 10px;
    }

    .aritel-logo {
        width: 140px !important;
        padding-left: 5px;
    }

    .make-you-section .text-block p {
        text-align: left !important;
    }

    .make-you-section ul li {
        text-align: left;
        display: block;
        font-size: 14px;
        line-height: 22px;
    }

    .make-you-section ul li::after {
        left: 15px;
        top: 25%;
    }

    .make-you-section ul p {
        padding-bottom: 15px !important;
    }

    .question-section .demo .accordion .card {
        padding: 10px !important;
    }

    .make-you-section ul p {
        font-size: 16px !important;
    }

    .form-block h3 {
        font-size: 20px !important;
    }

    .form-block {
        padding: 15px;
    }

    .btm_part {
        flex-direction: column;
        justify-content: center;
    }

    .btm_part p {
        text-align: center;
    }

    .copy_rightTxt {
        padding-top: 5px;
    }

    .copy_rightTxt p {
        text-align: center;
        padding-bottom: 25px;
        font-size: 13px !important;
    }

    /* finance css 13.01.26 */
    .finance_bnnr .finance-right-img img {
        height: 420px !important;
    }

    .why-finace {
        padding: 50px 0;
    }

    .finance_lft_img img {
        max-height: none !important;
        object-position: top;
        height: 100% !important;
        margin-bottom: 40px;
    }

    .finance_benefits h2::after {
        bottom: 0;
    }

    .finance_benefits {
        padding: 50px 0 !important;
    }

    .finance_cta {
        padding: 50px 0;
    }

    .why-partner {
        padding: 50px 0;
    }

    .how-finance {
        padding-bottom: 50px;
    }

    .Disclaimer {
        padding: 50px 0;
    }

    .prtnr_txt h3 {
        font-size: 18px !important;
        line-height: 22px !important;
    }

    .prtnr_txt p {
        font-size: 14px !important;
    }

    .prtnrbox_innr {
        padding: 18px 15px;
    }

    /* esim step */
    .esim_step_content .step_img img {
        height: 300px;
        /* Or whatever looks best on mobile */
    }

    .esim_list ul li {
        margin-right: 0;
    }

    .srch_btn {
        padding: 8px 10px;
    }

    .srch {
        padding-left: 5px;
    }

    .search-cta .cta_head h2 {
        font-size: 25px !important;
        line-height: 35px;
    }

    .search-cta {
        padding: 50px 15px;
        margin: 50px 15px;
    }

    .esim_step {
        padding: 50px 0 0;
    }

    .esim_cntryList {
        padding: 50px 0 40px;
    }

    .travel_bnnr .bnnr_txt {
        padding: 20px 6px;
    }

    .esim_txt {
        padding: 25px 0 50px;
    }

    .esim_advntg .row>div:nth-child(2) {
        padding: 25px 15px 50px;
    }

    .esim_step_tab li {
        gap: 10px;
        padding: 20px 15px;
    }

    .step_num {
        font-size: 16px;
    }

    .step_txt h5 {
        font-size: 16px;
    }

    .step_para p {
        font-size: 13px !important;
        line-height: 22px !important;
    }

    .step_txt h5::after {
        font-size: 16px;
    }

    .travel-faq {
        padding: 0 0 50px !important;
    }

    .cntry_img {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .esim_country_row .col-lg-3.col-md-6:last-child,
    .esim_country_row .col-lg-3.col-md-6:nth-last-child(2) {
        margin-bottom: 30px;
    }

    .esim_bnnr_list ul li {
        padding: 0 4px 0 22px;
    }

    .esim_plan_dtls {
        padding: 50px 0;
    }

    .esim_plan_lft_img::after {
        display: none;
    }

    .esim_plan_lft_img {
        position: static;
        margin-bottom: 30px;
    }

    .cntr_nm_hd h2 {
        font-size: 29px !important;
    }

    .plan_map_img {
        width: 35px;
        height: 35px;
        min-width: 35px;
    }

    .plan_class {
        min-width: 100px;
    }

    .plan_feature_tab .nav-pills .nav-link {
        font-size: 12px;
        line-height: 16px;
        padding: 6px;
    }

    .why-choose {
        padding: 50px 0;
    }

    .benefits-row>div:last-child {
        margin-bottom: 0;
    }

    .travel-faq-dtls {
        padding: 50px 0 !important;
    }

    .compatibleModal .modal-body {
        padding: 20px 0 30px;
    }

    .compatibleModal .modal-header {
        padding: 20px 15px 10px 0;
    }
}