@import url("https://fonts.googleapis.com/css?family=Titillium+Web");
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,700");
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Sinhala:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Sinhala:wght@400;700&display=swap");

body {
    /*height: 2000px;*/
    background-color: #fff !important;
}

.navListText {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #674188 !important;
}

.readmore {
    font-size: 20px;
    background: #603982;
    border-radius: 13px;
    color: white;
    width: 34%;
}

.readmore:hover {
    background-color: white !important;
    ;
    color: black;
    border-color: #603982 !important;
}

.up {
    background: url("/assets/assets/image/Group 183.png");
    background-size: cover;
    position: relative;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
}

.navbar .navbar-brand {
    font-size: 30px;

}

.navbar .nav-link {
    font-size: 20px;
    color: #fff;
    font-family: 'Outfit' !important;
}

.login_btn a:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.login_btn span:hover {
    color: #fff;
}

.login_hover:hover {
    color: #000;
}

.fa-bars {
    color: white;
    font-size: 30px;
}

/*Starting Slideshow css*/
#slider,
.wrap,
.slide-content {
    margin: 0;
    padding: 0;
    font-family: Cabin, Helvetica, sans-serif;
    width: 100%;
    height: 580px;
    overflow-x: hidden;
}

.wrap {
    position: relative;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0s;
}

.carousel-control-next-icon:after {
    /*content: '>';*/
    font-size: 35px;
    color: black;
}

.carousel-control-prev-icon:after {
    /*content: '<';*/
    font-size: 35px;
    color: black;
}

.card-img-top {
    background-image: url("/assets/assets/image/Group 200.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*width: 367px;*/
    height: 141px;
    background-color: #644080;
    border-top-left-radius: calc(1.25rem - 1px) !important;
    border-top-right-radius: calc(1.25rem - 1px) !important;
    margin-top: -1px;
    margin-left: -1px;
}

.card-img-top-2 {
    background-image: url("/assets/assets/image/Group 201.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*width: 367px;*/
    height: 141px;
    background-color: #644080;
    border-top-left-radius: calc(1.25rem - 1px) !important;
    border-top-right-radius: calc(1.25rem - 1px) !important;
    margin-top: -2px;
    margin-left: -1px;
}

.cardRowSet {
    top: -102px;
}

.card-img-top-3 {
    background-image: url("/assets/assets/image/Group 202.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*width: 367px;*/
    height: 141px;
    background-color: #644080;
    border-top-left-radius: calc(1.25rem - 1px) !important;
    border-top-right-radius: calc(1.25rem - 1px) !important;
    margin-top: -2px;
    margin-left: -1px;
}

.p-card {
    /*margin-top: -499px;*/
    z-index: 2;
}

.card-product {
    /*position: absolute;*/
    width: 367px;
    height: 510px;
    /*left: 150px;*/
    /*top: 421px;*/
    background: #E6E6E6;
    box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

.product-card-body {
    position: absolute;
    /* width: 324px; */
    height: 308px;
    left: 26px;
    top: 143px;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 187.19%;
    color: #000000;
}

.slide1 {
    background-image: url("/assets/assets/image/banner.jpg");
    background-repeat: no-repeat;
    height: 500px;
    margin-top: 80px;
    background-position: center;
    background-size: cover;
    animation: imageAnimation 36s linear infinite 0s;
}

.slide2 {
    background-image: url("/assets/assets/image/out1.jpg");
    animation: imageAnimation 36s linear infinite 0s;
    background-repeat: no-repeat;
    height: 500px;
    margin-top: 80px;
    background-position: center;
    background-size: cover;
}

.slide3 {
    background-image: url("/assets/assets/image/out.jpg");
    animation: imageAnimation 36s linear infinite 0s;
    background-repeat: no-repeat;
    height: 70vh;
    background-position: center;
    background-size: cover;
}

.slide4 {
    background-image: url("/assets/assets/image/Desktop - 10.png");
    animation: imageAnimation 36s linear infinite 0s;
    background-repeat: no-repeat;
    height: 70vh;
    background-position: center;
    background-size: cover;
}

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

.slide-content span {
    font-size: 5rem;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    padding: 10px 20px;
}

.dir-control {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 0;
    height: 0;
    z-index: 5;
}

.footer-p {
    font-family: 'Roboto' Condensed;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 20px;
    line-height: 134.19%;
    /* or 17px */
    color: #ffffff !important;
    text-align: justify;
}

.quickLink {
    text-align: left;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 800;
    font-size: 22px !important;
    line-height: 23px !important;
    color: #FFFFFF;
}

.quickLink ul a:hover {
    color: #007acc;
}

.fa {
    display: inline-block;
    line-height: 60px;
    /*background-color:rgba(0,0,0, .3);*/
    width: 50px;
    height: 56px;
    color: white;
    text-align: center;
    vertical-align: bottom;
}

#dir-control-left {
    left: 0;
    margin-left: 30px;
}

#dir-control-right {
    right: 0;
    margin-right: 60px;
}

.slider-active {
    visibility: hidden;
    opacity: 0;
}

.slide.slide-is-active {
    visibility: visible;
    opacity: 1;
}

.slide-transition {
    transition: all .5s ease-in-out;
}

/*Ending Slideshow css*/
.hederImageNew {
    background-image: url("/assets/assets/image/Group 17.png");
    height: 50vh;
}

.half-fluid .left-half,
.half-fluid .right-half {
    left: 50%;
    margin-left: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
    padding: 0px;
}

.half-fluid .secondSectionImg {
    /*background-image: url("/assets/assets/image/Group 17.png");*/
    /*z-index: 2;*/
    background-image: url("/assets/assets/image/Group 190.png");
    background-size: cover;
    background-position: center;
    min-height: 400px;
    height: 291%;
}

.half-fluid.secondSectionImgNew {
    position: relative;
    height: 59vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.half-fluid.secondSectionImgNew::before {
    content: "";
    background: url("/assets/assets/image/restaurant-menu-2-plate.png");
    background-size: contain;
    background-position: center;
    min-height: 400px;
    background-repeat: no-repeat;
    padding: 15px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.75;
}

.wrapNew {
    margin: 0;
    padding: 0;
    font-family: Cabin, Helvetica, sans-serif;
    /* width: 100%; */
    height: 50vh;
    overflow-x: hidden;
}


.half-fluid.secondSectionImgNew1 {
    background: url("/assets/assets/image/restaurant-menu-2-plate.png") 0 50% no-repeat, url("/assets/assets/image/Group 17.png") right no-repeat;
    z-index: 2;
    /*background-image: url("/assets/assets/image/Group 190.png");*/
    background-size: cover;
    background-position: right bottom, left top;
    min-height: 400px;
    background-repeat: no-repeat;
    padding: 15px;
    /*height: 291%;*/
}

ul {
    padding: 0;
    margin: 0
}

a:focus,
a:hover {
    text-decoration: none;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

a:focus {
    outline: 0
}

img {
    max-width: 100%
}

p {
    font-family: 'Roboto';
    font-size: 20px;
    line-height: 30px;
    color: black;
    font-weight: 400;
    text-align: center;
    text-align: justify;
    text-justify: inter-word;
}

.calling {
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: "'Roboto'" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 111.04%;
    /* or 53px */
    text-align: center;
    /* purple */
    color: #644080;
}

.call-text-1 {
    font-family: "'Roboto'" !important;
    font-size: 50px;
}

.call-text-2 {
    font-family: "'Roboto'" !important;
    font-size: 30px;
}

.calling-ul {
    font-size: 20px;
}

.calling-ul a {
    font-size: 20px;
    color: #000;
    font-weight: 700;
}

.calling-ul li {
    font-size: 18px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.calling-ul li::before {
    content: "✔️";
    margin-right: 10px;
    color: #1A67A2;
}

.productAndService {
    padding-top: 50px;
    font-family: "'Roboto'" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 111.04%;
    /* or 40px */
    text-align: left;
    /* purple */
    color: #644080;
}

.productServiceParagraph {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 111.04%;
    /* identical to box height, or 22px */
    text-align: left;
    color: #000000;
}

.cardNew {
    padding: 10px;
}

.card {
    /*position: relative;*/
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background: #E6E6E6;
    border-radius: 31px;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    /*border-radius: 0.25rem;*/
    /*border-radius: 30px;*/
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: none;
}

.card-paragraph {
    /* margin-bottom: 0.5rem; */
    /* margin-left: 40px; */
    margin-bottom: 0.5rem;
    margin-left: 1px;
    /* font-size: 15px; */
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    /* line-height: 164.04%; */
    color: #000000;
}

.card:hover h5 {
    color: rgb(0, 0, 0);
}

.card:hover p {
    color: black;
    font-family: 'Roboto';
}

.card:hover h4 {
    color: white;
}

.card h5 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    color: #1A67A2;
    font-size: 27px;
    text-align: left !important;
}

.card:hover {
    color: white !important;
    background-color: #eff5ff;
    transition: 0.2s;
}

.card.card-product:hover {
    color: black !important;
    background-color: white;
    transition: 0.2s;
}

.cardName {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    color: #603982;
    font-size: 16px;
    text-align: left !important;
}

.cardName:hover {
    color: white;
}

.cardNew {
    padding: 10px;
}

.card-text {
    font-family: 'Roboto';
    ;
    font-size: 20px;
    line-height: 30px;
    color: black;
    font-weight: 400;
    text-align: left;
    font-style: normal;
}

.why-choose {
    padding-top: 50px;
    font-family: '' Roboto'';
    font-style: normal;
    font-weight: 700;
    font-size: 59px;
    color: #644080;
}

.hr {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.customer-say {
    font-family: "'Roboto'" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 59px;
    line-height: 71px;
    color: #644080;
}


.ulList {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300 !important;
    font-size: 20px;
    line-height: 23px;
    color: #603982;
    text-align: justify;
}

.firstImage {
    width: 50%;
    margin-left: 53%;
    margin-top: -20px;
    border-radius: 4px 33px 4px 4px;
}

.secondImage {
    width: 65px;
    margin-top: -57px;
    margin-left: 18px;
    position: absolute;
    transition: transform 0.5s ease-in-out;
}

#cutomer-review-section {
    margin: -15rem auto;
}

h4 {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    font-weight: 400;
    padding: 0;
    color: #363940
}

a {
    color: white;
}

.no-padding {
    padding: 0 !important
}

.footer-big {
    padding: 105px 0 0px 0
}

.footer-big .footer-widget {
    margin-bottom: 40px
}

.footer-big .footer-menu ul li a,
.footer-big p,
.footer-big ul li {
    color: white;
}

.footer-menu ul li a {
    font-family: 'Roboto' Condensed;
    font-size: 18px;
    line-height: 32px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-weight: 200;
    text-align: center;
}

.img-fluid {
    : 80%;
    height: auto;
}

.footer-menu ul li a:hover {
    color: #00ade4
}

.footer-menu--1 {
    width: 100%
}

.footer-widget-title {
    line-height: 42px;
    font-family: 'Outfit';
    margin-bottom: 19px;
    font-size: 18px
}

.footer-menu {
    text-align: left;
}

.mini-footer {
    text-align: center;
}

.mini-footer p {
    margin: 0;
    text-align: center;
    line-height: 26px;
    font-size: 15px;
    color: #ffffff;
}

.mini-footer p a {
    color: #ffffff;
}

.mini-footer p a:hover {
    color: #03a9f4
}

.widget-about img {
    display: block;
    margin-bottom: 30px
}

.widget-about p {
    font-weight: 400
}

.widget-about .contact-details {
    margin: 30px 0 0 0
}

.widget-about .contact-details li {
    margin-bottom: 10px
}

.widget-about .contact-details li:last-child {
    margin-bottom: 0
}

.widget-about .contact-details li span {
    padding-right: 12px
}

.widget-about .contact-details li a {
    color: #5867dd
}

.btn-success2 {
    color: #000;
    background-color: #8af95c;
    border: none;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 18px;
    font-family: 'Roboto';
}

.btn-success2:hover {
    background-color: #66fd25;
    color: #000;
}

.btn-success1 {
    color: #000;
    border: none;
    font-size: 16px;
    font-family: 'Roboto';
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-success1:hover {
    color: #0468ec;
}

.btn-success1:focus {
    color: #000000;
}

.btn-success5 {
    color: #000;
    border: none;
    font-size: 16px;
    font-family: 'Roboto';
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-success5:hover {
    background-color: #0099ff;
    color: #fafafa;
}

.btn-success5:focus {
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgb(245, 238, 238);
}

.btn-success3 {
    position: absolute;
    top: 93%;
    left: 61%;
    transform: translate(-50%, -50%);
    width: 40%;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    background-color: #43f272;
    color: #000;
    transition: all 0.3s ease-in-out;
    font-family: 'Roboto' !important;
}

.btn-success3:hover {
    background-color: #19f353;
    color: #000;
}

.btn-success3:focus {
    color: #000000;
    background-color: #cccccc;
    box-shadow: 0 0 0 0.2rem rgb(245, 238, 238);
}

#section004 {
    padding-bottom: 50px;
    background-color: #268f41;
    position: relative;
    height: 520px;
}

.btn-success7 {
    position: absolute;
    top: 89%;
    left: 52%;
    transform: translate(-50%, -50%);
    width: 20%;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    background-color: #43f272;
    color: #000;
    transition: all 0.3s ease-in-out;
    font-family: 'Roboto' !important;
}

.btn-success7:hover {
    background-color: #cccccc;
    color: #000;
}

.btn-success7:focus {
    color: #000000;
    background-color: #cccccc;
    box-shadow: 0 0 0 0.2rem rgb(245, 238, 238);
}

.footer-big ul li {
    color: #fff;
}

.ulList {
    padding-top: 20px;
    font-weight: 300;
    color: #603982
}

/*Contact US*/
.heading_con {
    color: #041591;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
}

.p_con {
    font-size: 18px;
    line-height: 28px;
    color: #384c72;
    text-align: center;
    font-family: 'Roboto';
}

.p_con a {
    color: #000;
    font-size: 16px;
}

.p_con a:hover {
    color: #02158f;
}

.contactus-form {
    background-color: #f9f9f9;
    padding: 50px 0;
}

.contact-form-details {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 30px;
}

.contactus-normal-p {
    margin-bottom: 20px;
    font-family: "Roboto";
}


.productpage-content {
    padding-top: 50px;
    color: #384c72;
    padding-bottom: 10px;
    font-size: 30px;
    text-align: center;

}

.productpage-content p {
    text-align: center;
    font-family: 'Roboto';
}

.productpage-content h1 {
    font-size: 60px;
    font-weight: 600;
    color: #02158f;
    font-family: 'Outfit';
}

.product-page-planss {
    font-size: 60px;
    font-weight: 600;
    font-family: 'Roboto';
    color: #603982;
}

.productpage-content p {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 30px;
}

.productpage-content .productpage-content-first-section-p {
    text-align: start;
    font-size: 40px;
}

.productpage-content li {
    list-style: circle;
}

.product-page-plans {
    background-color: #02158f;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.product-page-plans-header {
    color: #ffffff;
    font-family: 'Outfit' !important;
    ;
    font-weight: 500;
}

.productpage-plans-header {
    color: #603982;
    font-family: 'Roboto';
    font-size: 60px;
    font-weight: 600;
}

.productpage-plans-details {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto';
    color: #603982;
}

.productpage-plans-details .productpage-plans-details-sub {
    color: #A548AB;
    padding-left: 40px;
    font-weight: 400;
    font-size: 20px;
}

.productpage-plans {
    padding-top: 80px;
    padding-bottom: 10px;
}

.product-page-plans-details .product-page-plans-details-sub {
    color: #A548AB;
    padding-left: 40px;
    font-weight: 400;
    font-size: 17px;
}

.product-page-plans-details .product-page-plans-details-sub li {
    list-style: upper-roman;
}

.product-page-plans-details {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    font-size: 22px;
    font-weight: 500;
    color: #000000;

}

.policies-banner {
    background-color: #1f4999;
    padding-top: 150px;
    padding-bottom: 100px;
    text-align: center;
}

.policies-banner-header {
    font-size: 90px;
    font-family: 'Roboto';
    font-weight: 600;
    color: #fff;
}

.policies-two {
    background-color: #ec6104;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.policies-two-header {
    color: #fff;
}

.policies-two-details {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    text-align: end;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto';
    color: #674188;
    background-repeat: no-repeat;
}

.policies-two-details p {
    font-size: 22px;
    font-family: 'Roboto';
    font-weight: 500;
    color: #000000;
    text-align: start;
}

.policies-tree {
    background-color: #1F4999;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.policies-tree-header {
    color: #fff;
}

.policies-tree-details {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    font-size: 22px;
    font-family: 'Roboto';
    font-weight: 500;
    color: #000;
}



.policies-tree-details a {
    color: #0468ec;
    font-size: 22px;
}

.product-page-plans-details a {
    color: #0468ec;
    font-size: 22px;
}

.policies-tree-details p {
    text-align: start;
    font-family: 'Roboto';
    font-weight: 300;
    color: #000000;
    font-size: 22px;

}

.policies-four {
    background-color: #139601;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.policies-four-header {
    color: #fff;
}

/* .............................................................................. */
.termsandconditions a {
    color: #000000;
    font-size: 22px;
}

.termsandconditions-one {
    background-color: #1F4999;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.termsandconditions-one-header {
    color: #fff;
    font-family: 'Outfit';
}

.termsandconditions-one-details {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    font-size: 22px;
    font-family: 'Roboto';
    font-weight: 400;
    color: #000;
}

.termsandconditions-one-details a {
    color: #0468ec;
}

.termsandconditions-one-details p {
    color: #000;
    text-align: start;
    font-size: 22px;
    font-weight: 400;
    font-family: 'Roboto';
}

.termsandconditions-one-details .term-span {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 24px;
    color: #000;
}

.termsandconditions-sub {
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 50px;
}

.termsandconditions-sub li {
    list-style-type: upper-roman;
}

.termsandconditions-two {
    background-color: #eca304;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.termsandconditions-two-header {
    color: #fff;
}

.termsandconditions-three {
    background-color: #ec04ba;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.termsandconditions-three-header {
    color: #fff;
}

.termsandconditions-four {
    background-color: #038d0a;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.termsandconditions-four-header {
    color: #fff;
}

.termsandconditions-five {
    background-color: #ec0404;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.termsandconditions-five-header {
    color: #fff;
}

.termsandconditions-six {
    background-color: #0468ec;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.termsandconditions-six-header {
    color: #fff;
}

.termsandconditions-seven {
    background-color: #078011;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.termsandconditions-seven-header {
    color: #fff;
}

.termsandconditions-eight {
    background-color: #ec9b04;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.termsandconditions-eight-header {
    color: #fff;
}

.termsandconditions-nine {
    background-color: #ec04ba;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.termsandconditions-nine-header {
    color: #fff;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-color: #603982;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.carousel-control-prev-icon {

    background-color: #603982;
}

.home-first-section-span {
    color: #603982;
    font-weight: 700;
    font-size: 25px;
    text-align: center;

}

h5 {
    text-align: justify;
    line-height: 1.4;
    font-family: 'Roboto' !important;
}

.call-ceylon-first-header {
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
}

.index-log {
    padding-top: 15px;
    padding-bottom: 20px;
}

.index-log img {
    width: 100%;
}



.heading {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 70px;
    text-transform: uppercase;
    z-index: 999;
}

.white-heading {
    color: #603982;
}

.heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center;
}


.heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
}

.white-heading span {
    color: #603982;
}

/*-----Testimonial-------*/

.testimonial:after {
    position: absolute;
    top: -0 !important;
    left: 0;
    content: " ";
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99;
}

.testimonial {
    min-height: 300px;
    position: relative;
    /* padding-bottom: 50px; */
    background-position: center;
    background-size: cover;
}

#testimonial4 .carousel-inner:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

#testimonial4 .carousel-inner:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

#testimonial4 .carousel-inner .item {
    overflow: hidden;
}

.testimonial4_indicators .carousel-indicators {
    left: 0;
    margin: 0;
    width: 100%;
    font-size: 0;
    height: 20px;
    bottom: 15px;
    padding: 0 5px;
    cursor: e-resize;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    text-align: center;
    white-space: nowrap;
}

.testimonial4_indicators .carousel-indicators li {
    padding: 0;
    width: 14px;
    height: 14px;
    border: none;
    text-indent: 0;
    margin: 2px 3px;
    cursor: pointer;
    display: inline-block;
    background: #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.testimonial4_indicators .carousel-indicators .active {
    padding: 0;
    width: 14px;
    height: 14px;
    border: none;
    margin: 2px 3px;
    background-color: #9dd3af;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
    height: 3px;
}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
    background: #eeeeee;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.testimonial4_control_button .carousel-control {
    top: 175px;
    opacity: 1;
    width: 40px;
    bottom: auto;
    height: 40px;
    font-size: 10px;
    cursor: pointer;
    font-weight: 700;
    overflow: hidden;
    line-height: 38px;
    text-shadow: none;
    text-align: center;
    position: absolute;
    background: transparent;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
    transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
}

.testimonial4_control_button .carousel-control.left {
    left: 7%;
    top: 50%;
    right: auto;
}

.testimonial4_control_button .carousel-control.right {
    right: 7%;
    top: 50%;
    left: auto;
}

.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover {
    color: #000;
    background: #fff;
    border: 2px solid #fff;
}

.testimonial4_header {
    top: 0;
    left: 0;
    bottom: 0;
    width: 550px;
    display: block;
    margin: 30px auto;
    text-align: center;
    position: relative;
}

.testimonial4_header h4 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.testimonial4_slide {
    width: 500px;
    height: auto;
    background: linear-gradient(to right, #33fff5 10%, #0099ff 90%);
    border-radius: 10px;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
    padding: 20px;
    margin-left: 350px;
    text-align: center;
    font-family: Arial, sans-serif;
}

.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    width: 136px;
    height: 136px;
    margin: auto;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}

.testimonial4_slide .quote-icon {
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
}

.testimonial4_slide p {
    font-size: 18px;
    color: #000;
    margin: 10px 0;
    text-align: center;
}

.testimonial4_slide h4 {
    font-size: 20px;
    color: #000;
    margin: 10px 0 5px;
}

.testimonial .carousel {
    padding-bottom: 93px;
}

/*-------infinity product------*/



.back-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.image-container {
    position: relative;
}


.front-img:hover+.back-img,
.image-container:hover .back-img {
    opacity: 1;
}





.icon-earphones {
    font-family: 'Roboto' condensed;
    font-size: 20px;
}

.footer-widget .contact-details i {
    width: 20%;
    height: 20%;
}





/*New Style*/
.logo {
    height: 41px;
}


.logo {
    height: 41px;
}

#navMenu li a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}

#navMenu li a:hover {
    color: #02158f;
}

.login_btn a:hover {
    background-color: #84cdfa;
    color: #faba35;
}

.dropdown-button {
    background: none;
    border: none;
    color: #02158f;
    font-weight: bold;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.offcanvas-body ul li a:hover {
    color: #02158f !important;
}

.offcanvas-header .btn-close {
    filter: invert(1);
    border: none;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.offcanvas-header .btn-close:hover {
    transform: rotate(180deg) scale(1.2);
    opacity: 0.8;
}

.dropdown-button {
    border: 1px solid #0099ff;
    border-radius: 5px;
    background-color: transparent;
    padding: 2px 6px;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

.dropdown-button:hover {
    border-color: #007acc;
}

.dropdown-content {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease, max-height 0.3s ease;
    max-height: 0;
    overflow: hidden;
}

.dropdown-content a {
    font-size: 16px;
    background-color: #f8f9fa;
}

.dropdown-content.show {
    display: block;
    opacity: 1;
    max-height: 200px;
}

.product-banner-product span {
    font-size: 100px;
    font-family: "Outfit";
    font-weight: 700;
    padding-top: 190px;
    color: #ca2728;
}

.product-banner-product h1 {
    font-size: 60px;
    font-family: "Outfit";
    font-weight: 700;
    padding-top: 190px;
    color: #02158f;
}


/**/

.buy-now-button {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #009346 65%, #ce2b37 35%);
    color: white;
    font-size: 16px;
    padding: 10px 25px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'Roboto' !important;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Arrow Styling */
.buy-now-button .arrow {
    margin-left: 10px;
    transition: margin-left 0.3s;
    font-size: 20px;
}

/* Hover Effect */
.buy-now-button:hover {
    color: #fff;
    background: linear-gradient(135deg, #009346 55%, #ce2b37 45%);
}

.buy-now-button:hover .arrow {
    margin-left: 15px;
}


.box {
    transition: transform 0.3s, box-shadow 0.3s;
    background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    margin: 0 auto;
}

.responsive-image {
    width: 28%;
    max-width: 200px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.description {
    padding: 0 160px;
    font-size: 22px;
    line-height: 1.4;
}

.buy-now-button {
    background-color: #009346;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.buy-now-button:hover {
    background-color: #218838;
}


.section-content {
    padding: 20px;
}

.section04_heading {
    margin-right: 200px;
    color: white;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Roboto' !important;
    line-height: 1.3;
}

.list-styled {
    color: white;
    list-style-position: inside;
    padding-left: 0;
    text-align: left;
}

.list-styled li {
    margin-bottom: 10px;
    font-size: 18px;
    font-family: 'Roboto' !important;
    line-height: 1.5;
}


@media (min-width: 768px) and (max-width: 1024px) {
    .wrap {
        margin-top: 100px;
        width: 100%;
    }

    .testimonial4_slid {
        margin-left: 100px;
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .wrap {
        margin-top: 50px;
    }
}

@media (min-width: 912px) and (max-width: 1368px) {
    .wrap {
        margin-top: 80px;
    }
}

@media (min-width: 853px) and (max-width: 1280px) {
    .testimonial4_slid {
        margin-left: -250px;
    }
}

@media (min-width: 412px) and (max-width: 914px) {
    .wrap {
        margin-top: 100px;
        width: 100%;
    }

    .testimonial4_slid {
        margin-left: 100px;
    }
}

/*------------------------------------------------------------------*/
@media screen and(min-width: 1920px) {
    .footer-row {
        margin-top: 433px !important;
    }

    .cardRowSet {
        top: -208px !important;
    }

    .half-fluid.secondSectionImgNew {
        position: relative;
        height: 58vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hederImageNew {
        background-image: url("/assets/assets/image/Group 17.png");
        height: 100vh;
    }

    .wrapNew {
        margin: 0;
        padding: 0;
        font-family: Cabin, Helvetica, sans-serif;
        /* width: 100%; */
        height: 100vh;
        overflow-x: hidden;
    }
}

@media (max-width: 550px) {

    #cutomer-review-section {
        margin: 0rem auto !important;
    }

    #navMenu {
        overflow-x: hidden;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1919px) {
    .card-product {
        /* position: absolute; */
        width: 339px;
        height: 510px;
        /* left: 150px; */
        /* top: 421px; */
        background: #E6E6E6;
        box-shadow: 3px 3px 10px 1px rgb(0 0 0 / 25%);
        border-radius: 20px;
    }

    .half-fluid.secondSectionImgNew {
        position: relative;
        height: 112vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cardRowSet {
        top: -78px;
    }

    .up {
        background: url("/assets/assets/image/Group 183.png");
        background-size: cover;
        position: relative;
        /*top: 170px;*/
        left: 0;
        width: 100%;
        /* height: 828px; */
        /* background-size: cover; */
        /* background-position: center; */
        background-repeat: no-repeat;
        /* transition: all 0s; */
    }

    .cardRowSet {
        top: -121px;
    }

    .hederImageNew {
        background-image: url("/assets/assets/image/Group 17.png");
        height: 50vh;
    }

    .wrapNew {
        margin: 0;
        padding: 0;
        font-family: Cabin, Helvetica, sans-serif;
        /* width: 100%; */
        height: 50vh;
        overflow-x: hidden;
    }

    .product-card-body {
        position: absolute;
        /* width: 324px; */
        height: 308px;
        left: 26px;
        top: 126px;
        font-family: 'Roboto' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 187.19%;
        color: #000000;
    }

}

@media only screen and (min-width: 1280px) and (max-width: 1399px) {
    .half-fluid.secondSectionImgNew {
        position: relative;
        height: 68vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 1024px) {
    .product-row {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .half-fluid.secondSectionImgNew {
        position: relative;
        height: 143vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-card-body {
        position: absolute;
        /* width: 324px; */
        height: 308px;
        left: 25px;
        top: 119px;
        font-family: 'Roboto' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 193.19%;
        color: #000000;
    }

    .cardRowSet {
        top: -141px;
    }

    .card-product {
        /* position: absolute; */
        width: 375px;
        height: 510px;
        /* left: 150px; */
        /* top: 421px; */
        background: #E6E6E6;
        box-shadow: 3px 3px 10px 1px rgb(0 0 0 / 25%);
        border-radius: 20px;
    }

    .card-img-top {
        background-image: url("/assets/assets/image/Group 200.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /* width: 318px; */
        /*height: 121px;*/
        background-color: #644080;
        border-top-left-radius: calc(1.25rem - 1px) !important;
        border-top-right-radius: calc(1.25rem - 1px) !important;
        margin-top: -2px;
        margin-left: -1px;
    }

    .card-img-top-2 {
        background-image: url("/assets/assets/image/Group 201.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /* width: 318px; */
        /*height: 121px;*/
        background-color: #644080;
        border-top-left-radius: calc(1.25rem - 1px) !important;
        border-top-right-radius: calc(1.25rem - 1px) !important;
        margin-top: -2px;
        margin-left: -1px;
    }

    .card-img-top-3 {
        background-image: url("/assets/assets/image/Group 202.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /* width: 318px; */
        /*height: 121px;*/
        background-color: #644080;
        border-top-left-radius: calc(1.25rem - 1px) !important;
        border-top-right-radius: calc(1.25rem - 1px) !important;
        margin-top: -2px;
        margin-left: -1px;
    }

    .up {
        background: url("/assets/assets/image/Group 183.png");
        background-size: cover;
        position: relative;
        /*top: 170px;*/
        left: 0;
        width: 100%;
        background-repeat: no-repeat;
        /* transition: all 0s; */
    }

    .hederImageNew {
        background-image: url("/assets/assets/image/Untitled-1.png");
        height: 50vh;
    }

    .wrapNew {
        margin: 0;
        padding: 0;
        font-family: Cabin, Helvetica, sans-serif;
        /* width: 100%; */
        height: 50vh;
        overflow-x: hidden;
    }

    .readmore {
        font-size: 14px;
        background: #603982;
        border-radius: 13px;
        color: white;
        width: 17%;
        padding: 10px;
    }

    .readmore:hover {
        background-color: white !important;
        ;
        color: black !important;
        border-color: #603982 !important;
    }

    .login_btn {
        display: none;
    }

}

@media screen and (min-device-width: 768px)and (max-device-width: 1023px) {
    .contactus-banner-product {
        background-image: url("/assets/assets/image/plandetails/BANNER.png");
        /*background-image: url("/assets/assets/image/contactusbanner.png");*/
        padding-top: 100px;
        padding-bottom: 50px;
        background-repeat: no-repeat;
        background-size: cover;
        height: 40vh;
    }


    .navbar_section {
        background-repeat: no-repeat;
        margin-bottom: -200px;
    }

    .dropdown {
        display: none;
    }

    .manu_li,
    .social-media-link {
        display: none;
    }

    .product-footer {
        top: 576px !important;
    }

    .firstImage {
        width: 100%;
        margin-left: 10%;
        margin-top: -20px;
        border-radius: 4px 33px 4px 4px;
    }

    .secondImage {
        width: 42px;
        margin-top: -23px;
        margin-left: 20px;
        position: absolute;
    }

    .why-choose {
        padding-top: 30px;
        font-family: '' Roboto'';
        font-style: normal;
        font-weight: 700;
        font-size: 40px;

        color: #644080;
    }

    .ulList {
        font-family: 'Roboto' !important;
        font-style: normal;
        font-weight: 300 !important;
        font-size: 17px;
        /* line-height: 19px; */
        color: #603982;
        text-align: justify;
    }

    . {
        font-family: "'Roboto'" !important;
        font-style: normal;
        font-weight: 700;
        font-size: 59px;
        line-height: 71px;
        padding-top: 250px;
        color: #644080;
        width: 668px;
    }

    .slideshow-container {
        position: relative;
        width: 100%;
        /* background: #f1f1f1f1; */
        margin-left: -3%;
        margin-top: -74px;
        /* background: #f1f1f1f1; */
    }

    .up {
        background: url("/assets/assets/image/Group 191.png");
        background-size: cover;
        /*position: relative;*/
        top: 0px;
        left: 0;
        width: 100%;
        background-repeat: no-repeat;
        /*transition: all 0s;*/
    }

    .card-img-top {
        background-image: url("/assets/assets/image/Group 200.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /*width: 318px;*/
        height: 120px;
        background-color: #644080;
        border-top-left-radius: calc(1.25rem - 1px) !important;
        border-top-right-radius: calc(1.25rem - 1px) !important;
        margin-top: -2px;
        margin-left: -1px;
    }

    .card-img-top-2 {
        background-image: url("/assets/assets/image/Group 201.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /*width: 318px;*/
        height: 120px;
        background-color: #644080;
        border-top-left-radius: calc(1.25rem - 1px) !important;
        border-top-right-radius: calc(1.25rem - 1px) !important;
        margin-top: -2px;
        margin-left: -1px;
    }

    .card-img-top-3 {
        background-image: url("/assets/assets/image/Group 202.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /*width: 318px;*/
        height: 120px;
        background-color: #644080;
        border-top-left-radius: calc(1.25rem - 1px) !important;
        border-top-right-radius: calc(1.25rem - 1px) !important;
        margin-top: -2px;
        margin-left: -1px;
    }

    .p-card {
        /*margin-top: 30px;*/
        z-index: 2;
    }

    .half-fluid.secondSectionImgNew {
        position: relative;
        height: 150vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p-card-new1 {
        z-index: 2;
    }

    .product-card-body {
        position: absolute;
        /*width: 324px;*/
        height: 308px;
        left: 8px;
        top: 130px;
        font-family: 'Roboto' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 175.19%;
        color: #000000;
    }

    .product-card-body {
        position: absolute;
        /* width: 324px; */
        height: 308px;
        left: 8px;
        top: 130px;
        font-family: 'Roboto' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 149.19%;
        color: #000000;
    }

    .slide4 {
        background-image: url('/assets/assets/image/Desktop - 10.png');
        background-size: cover;
        background-position: center;
    }

    .wrapNew {
        margin: 0;
        padding: 0;
        font-family: Cabin, Helvetica, sans-serif;
        overflow-x: hidden;
    }

    .hederImageNew {
        background-image: url("/assets/assets/image/Group 199.png");
        height: 88vh;
    }

    .cardRowSet {
        top: -237px;

    }

    .textSentence {
        position: absolute;
        margin-top: -81px;
        /* margin-left: -75px; */
        text-align: center;
        width: 700px;

    }
}

@media (min-width: 481px) and (max-width: 550px) {

    .contactus-banner-product {
        background-image: url("/assets/assets/image/plandetails/banner-mobile.png");
        padding-top: 100px;
        padding-bottom: 50px;
        background-repeat: no-repeat;
        background-size: cover;
        height: 54vh;
    }

    .login {
        margin-top: 200px;
    }

    .scroll-top-btn {
        display: none;
    }

    .section01 {
        margin-left: -240px;
    }

    .section01 .section01_p {
        padding-left: 250px;
        padding-right: 250px;
    }

    .section02 .box {
        margin-top: 50px;
    }

    .phone_img {
        display: none !important;
    }

    .phone_img01 {
        display: none !important;
    }

    .phone_img02 {
        display: none !important;
    }


    h5.text {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 14px;
        line-height: 150%;
    }

    .product-footer {
        top: 585px !important;
    }

    .navbar_section {
        background-repeat: no-repeat;
        margin-bottom: -200px;
    }

    .dropdown {
        display: none;
    }

    .image06 {
        display: none !important;
    }

    .manu_li,
    .social-media-link {
        display: none;
    }

    .two {
        order: 1;
    }

    .one {
        display: none;
    }

    .ulList {
        padding-top: 14px;
        padding-left: 37px;
        text-align: justify;
        color: #603982
            /* padding-right: 30px; */
    }

    .firstImage {
        width: 50%;
        margin-left: 54%;
        margin-top: -20px;
        border-radius: 4px 33px 4px 4px;
    }

    .why-choose {
        padding-top: 30px;
        font-family: '' Roboto'';
        font-style: normal;
        font-weight: 700;
        font-size: 45px;

        color: #644080;
    }

    .slideshow-container {
        position: relative;
        width: 100%;
        /* background: #f1f1f1f1; */
        margin-left: 1%;
        margin-top: -40px;
        /* background: #f1f1f1f1; */
    }

    .up {
        background: url("/assets/assets/image/Group 191.png");
        background-size: cover;
        /*position:absolute;*/
        top: 0px;
        left: 0;
        width: 100%;
        /*height:828px;*/
        /*background-size: cover;*/
        /*background-position: center;*/
        background-repeat: no-repeat;
        /*transition: all 0s;*/
    }

    .aling-center {
        text-align: center;
    }

    .wrap {
        height: 740px;
    }

    .slide1 {
        background-image: url('/assets/assets/image/banner-mobile-size.jpg');
        background-size: cover;
        background-position: center;
        margin-top: 90px;
        height: 650px;
        animation: imageAnimation 36s linear infinite 0s;
    }

    .slide2 {
        background-image: url('/assets/assets/image/mobail-siz1.jpg');
        background-size: cover;
        background-position: center;
        margin-top: 90px;
        height: 650px;
        animation: imageAnimation 36s linear infinite 0s;
    }

    .slide3 {
        background-image: url('/assets/assets/image/Android Small - 3.png');
        background-size: cover;
        background-position: center;
        animation: imageAnimation 36s linear infinite 0s;
    }

    .slide4 {
        background-image: url('/assets/assets/image/Android Small - 4.png');
        background-size: cover;
        background-position: center;
        animation: imageAnimation 36s linear infinite 0s;
    }

    .wrapNew {
        margin: 0;
        padding: 0;
        font-family: Cabin, Helvetica, sans-serif;
        /* width: 100%; */
        height: 60vh;
        overflow-x: hidden;
    }

    .hederImageNew {
        background-image: url("/assets/assets/image/Group 199.png");
        height: 100vh;
    }

    .cardRowSet {
        top: -803px;
    }

    .fot-cont {
        margin-top: -689px !important;
    }

    .textSentence {
        position: absolute;
        margin-top: -366px;
    }

    .card-product {
        /* position: absolute; */
        width: 317px;
        height: 482px;
        /* left: 150px; */
        /* top: 421px; */
        background: #E6E6E6;
        box-shadow: 3px 3px 10px 1px rgb(0 0 0 / 25%);
        border-radius: 20px;
    }

    .card-img-top {
        background-image: url("/assets/assets/image/Group 200.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /*width: 318px;*/
        height: 142px;
        background-color: #644080;
        border-top-left-radius: calc(1.25rem - 1px) !important;
        border-top-right-radius: calc(1.25rem - 1px) !important;
        margin-top: -2px;
        margin-left: -1px;
    }

    .card-img-top-2 {
        background-image: url("/assets/assets/image/Group 201.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /*width: 318px;*/
        height: 142px;
        background-color: #644080;
        border-top-left-radius: calc(1.25rem - 1px) !important;
        border-top-right-radius: calc(1.25rem - 1px) !important;
        margin-top: -2px;
        margin-left: -1px;
    }

    .card-img-top-3 {
        background-image: url("/assets/assets/image/Group 202.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /*width: 318px;*/
        height: 142px;
        background-color: #644080;
        border-top-left-radius: calc(1.25rem - 1px) !important;
        border-top-right-radius: calc(1.25rem - 1px) !important;
        margin-top: -2px;
        margin-left: -1px;
    }

    .p-card {
        margin-top: 30px;
        z-index: 2;
    }

    .half-fluid.secondSectionImgNew {
        position: relative;
        height: 228vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p-card-new1 {
        /*margin-top: -44px;*/
        z-index: 2;
        /*margin-left: 99px;*/
    }

    .product-card-body {
        position: absolute;
        /* width: 324px; */
        height: 308px;
        /* left: 8px; */
        /* top: 130px; */
        font-family: 'Roboto' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 172.19%;
        color: #000000;
    }

    .btn-success3 {
        width: 60%;
        left: 50%;
        font-size: 12px;
    }

    .btn-success7 {
        width: 60%;
        left: 50%;
        font-size: 12px;
    }

    #section004 {
        padding-bottom: 150px;
    }

    .section02 .description {
        padding: 0 40px;
        font-size: 18px;
        line-height: 1.5;
    }

    .section02 .responsive-image {
        width: 40%;
    }

    .section02 .buy-now-button {
        font-size: 16px;
        width: 40%;
    }

    .section-content .section04_heading {
        margin-right: 0;
        font-size: 28px;
        margin-top: 90px;
    }

    .section-content .list-styled li {
        font-size: 14px;
        padding-right: 15px;
    }


    .testimonial-card {
        height: 700px;
    }

    .testimonial-content {
        padding: 0px;

    }

    .testimonial-content p {
        font-size: 10px;
        width: 300px;
        height: 200px;
    }

    .testimonial-content h4 {
        font-size: 20px;

    }

    .rating {
        bottom: 40px;
        right: 30px;
        font-size: 2rem;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .two {
        order: 1;
    }

    .one {
        display: none;
    }

    .ulList {
        padding-top: 14px;
        padding-left: 37px;
        text-align: justify;
        color: #603982
            /* padding-right: 30px; */
    }

    .contactus-banner-product {
        background-image: url("/assets/assets/image/plandetails/banner-mobile.png");
        /*background-image: url("/assets/assets/image/contactusbanner.png");*/
        padding-top: 100px;
        padding-bottom: 50px;
        background-repeat: no-repeat;
        background-size: cover;
        height: 38vh;
    }

    .readmore {
        font-size: 20px;
        background: #603982;
        border-radius: 13px;
        color: white;
        width: 56%;
        padding: 10px;
    }

    .wrap {
        padding-top: 700px;
    }

    .slide1 {
        background-image: url('/assets/assets/image/banner-mobile-size.jpg');
        background-size: cover;
        margin-top: 200px;
        background-position: center;
    }

    .slide2 {
        background-image: url('/assets/assets/image/mobail-siz1.jpg');
        background-size: cover;
        background-position: center;
        margin-top: 200px;
    }

    .slide3 {
        background-image: url('/assets/assets/image/Android Small - 3.png');
        background-size: cover;
        background-position: center;
    }

    .slide4 {
        background-image: url('/assets/assets/image/Android Small - 4.png');
        background-size: cover;
        background-position: center;
    }

    .section01 {
        height: auto;
        padding: 20px 0;
        margin-bottom: 150px;
    }

    h3 {
        font-size: 22px;
        margin-right: 600px;
    }

    .section01_p {
        font-size: 16px;
        line-height: 24px;
        margin-right: 600px;
    }

    h5.description {
        font-size: 18px;
        line-height: 24px;
        padding: 0 10px;
        font-family: 'Roboto';
    }

    .section02 .responsive-image {
        width: 60%;
    }

    .phone_img,
    .phone_img02 {
        display: none !important;
    }

    #section004 {
        padding-bottom: 190px;
    }

    .section-content {
        text-align: center;
    }

    .section-content .section04_heading {
        margin-right: 0;
        font-size: 22px;
        margin-top: 140px;
    }

    .section-content .list-styled li {
        font-size: 14px;
        padding-right: 15px;
    }

    .btn-success3 {
        width: 50%;
        font-size: 18px;
        padding: 10px;
        margin-top: 15px;
        margin-left: -50px;
    }


    .btn-success7 {
        width: 50%;
        font-size: 18px;
        padding: 10px;
        margin-top: 15px;
        margin-left: -50px;
    }

    .testimonial4_slide p {
        font-size: 16px;
        /* Adjust font size for readability */
        padding: 0 10px;
        /* Add padding to prevent text from touching screen edges */
    }

    .testimonial4_slid {
        padding: 10px;
        margin-left: -250px;
        /* Adjust padding for smaller screens */
    }

    .testimonial4_slide h4 {
        font-size: 18px;
        /* Adjust heading size */
        margin-top: 10px;
    }

    .ulList {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300 !important;
        font-size: 20px;
        text-align: justify;
        /* line-height: 19px; */
        color: #603982;
    }

    . {
        font-family: "'Roboto'" !important;
        font-style: normal;
        font-weight: 700;
        font-size: 50px;
        padding-top: 270px;
        line-height: 3rem;
        color: #644080;
    }

    .slideshow-container {
        position: relative;
        width: 100%;
        /* background: #f1f1f1f1; */
        margin-left: 1%;
        /* margin-top: -52px; */
        /* background: #f1f1f1f1; */
    }

    .up {
        background: url("/assets/assets/image/Group 191.png");
        background-size: cover;
        /*position:absolute;*/

        left: 0;
        width: 100%;
        background-repeat: no-repeat;
    }

    .aling-center {
        text-align: center;
    }

    .hederImageNew {
        background-image: url("/assets/assets/image/Group 199.png");
        height: 85vh;
    }

    .half-fluid.secondSectionImgNew {
        position: relative;
        height: 154vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p-card {
        margin-top: 20px;
        z-index: 2;

    }

    .cardRowSet {
        text-align: center;
        top: -77px;
    }

    .product-card-body {
        position: absolute;
        width: 250px;
        height: 308px;
        left: 9px;
        top: 117px;
        font-family: 'Roboto' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 137.19%;
        color:
            #000000;
        margin-top: -52px;
        text-align: left;
    }

    .card-product {
        width: 250px;
        height: 282px;
        background: #E6E6E6;
        box-shadow: 3px 3px 10px 1px rgb(0 0 0 / 25%);
        border-radius: 20px;
    }

    .card-img-top {
        background-image: url("/assets/assets/image/Group 200.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 87px;
        background-color: #644080;
        border-top-left-radius: calc(1.25rem - 1px) !important;
        border-top-right-radius: calc(1.25rem - 1px) !important;
        margin-top: -2px;
        margin-left: -1px;
    }

    .card-img-top-2 {
        background-image: url("/assets/assets/image/Group 201.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 87px;
        background-color: #644080;
        border-top-left-radius: calc(1.25rem - 1px) !important;
        border-top-right-radius: calc(1.25rem - 1px) !important;
        margin-top: -2px;
        margin-left: -1px;
    }

    .card-img-top-3 {
        background-image: url("/assets/assets/image/Group 202.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 87px;
        background-color: #644080;
        border-top-left-radius: calc(1.25rem - 1px) !important;
        border-top-right-radius: calc(1.25rem - 1px) !important;
        margin-top: -2px;
        margin-left: -1px;
    }
}

@media (min-width: 281px) and (max-width: 800px) {
    .ulList {
        padding-left: 5%;
    }

    .navbar_section {
        background-repeat: no-repeat;
        margin-bottom: -200px;
    }

    .dropdown {
        display: none;
    }

    .manu_li,
    .social-media-link {
        display: none;
    }

    .calling-ul {
        padding-left: 15px;
        padding-bottom: 50px;
    }

    .call-ceylon-first-header {
        text-align: center;
    }

    h5 {
        text-align: start;
    }

    .one .secondSectionImg123 {
        display: none;
    }

    .index-log img {
        display: none;
    }

    .index-log {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pt-5,
    .py-5 {
        padding-top: 1rem !important;
    }

    .call-text-1 {
        font-family: "'Roboto'" !important;
        font-size: 30px;
    }

    .call-text-2 {
        font-family: "'Roboto'" !important;
        font-size: 20px;
    }

    .why-choose {
        padding-top: 25px;
        font-family: '' Roboto'';
        font-style: normal;
        font-weight: 700;
        font-size: 35px;

        color: #644080;
    }

    .customer-say {
        font-family: "'Roboto'" !important;
        font-style: normal;
        font-weight: 700;
        font-size: 35px;
        line-height: 30px;
        color: #644080;
        margin-top: 40px !important;
    }
}

@media (min-width: 550px) and (max-width: 1024px) {
    .customer-say {
        padding-top: 250px;
        text-align: center;
    }

    .phone_img {
        display: none !important;
    }

    .wrap {
        margin-top: -250px;
    }

    .testimonial4_slid {
        margin-left: -250px;
    }

    .image06 {
        padding-top: 100px;
    }

    .btn-success3 {
        left: 50%;
    }

    .slide1 {
        animation: imageAnimation 36s linear infinite 0s;
    }

    .slide2 {

        animation: imageAnimation 36s linear infinite 0s;
    }

    .login {
        margin-top: 200px;
    }
}

.author {
    text-align: center;
}


/* ------testimonial  close-------*/
@media (min-width: 281px) and (max-width: 800px) {
    .productpage-plans-details {
        padding-left: 20px;
    }
}

/* ...................tearms-mobile----------------------- */

@media (min-width: 281px) and (max-width: 800px) {
    .termsandconditions-one-details {
        padding-left: 5px;
        padding-right: 10px;
    }

    .termsandconditions-one-details p {
        padding-left: 10px;
    }

    .policies-banner-header {
        font-size: 50px;
    }

    .termsandconditions .h2,
    h2 {
        font-size: 25px;
    }
}

@media screen and (max-device-width: 768px) {
    .about-image {
        margin-bottom: 25px;
        display: none;
    }

    .call-text-2 {
        padding-top: 25px;
        line-height: 3rem;
    }

    .section01 h3 {
        width: 100%;
    }

    .section01 p {
        width: 100%;
    }

    .section01 {
        padding-top: 50px;
    }

    .testimonial-card {
        width: 100%;
        padding-bottom: -150px;
    }

    .testimonial-content h4 {
        font-size: 8px;
        margin-top: -105px;
        line-height: 1rem;
    }

    .testimonial-content p {
        font-size: 10px;
        width: 300px;
        height: 200px;
        padding-bottom: 100px;
        line-height: 1rem;
    }

    .carousel-control-prev,
    .carousel-control-next {
        opacity: 0.5;
        width: 10%;
    }

    .rating span {
        font-size: 1rem;
        margin-top: -90px;
    }

    #how-it-works {
        margin-top: 5px;
    }

    .section02 {
        margin-top: -400px;
    }

    .section02 .call-ceylon-first-header {
        width: 100%;
    }

    #section004 {
        height: 800px;
    }

    #section004 .container .section-content .list-styled li {
        text-align: justify;
        font-size: 16px;
    }

    .btn-success7 {
        margin-left: 2px;
        margin-top: 15px;
    }

    .login {
        margin-top: 250px;
    }

    #register_form {
        margin-left: -240px;
        margin-top: 200px;
        padding-top: 50px;
        width: 700px;
    }

    #register_form p {
        text-align: center;
    }

    #contact_us {
        height: 650px;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        background-image: url("/assets/assets/image/contact-us-banner-mobile-size.jpg") !important;
    }

    .contactus-form .contact-form-details h3 {
        font-size: 28px;
        text-align: left;
        width: 100%;
    }


    #products_plans {
        background-image: url("/assets/assets/image/w-5mobail-siz.jpg") !important;
        height: 650px;
        width: 100%;
    }

    .product-banner-product h1 {
        padding-top: 100px;
        font-size: 60px;
    }

    .product-banner-product span {
        /* padding-top: 100px; */
        font-size: 62px;
    }

    body {
        width: 100%;
    }

    #product-page-plans .card-plan .image-container {
        left: 10%;
        margin-left: -170px;
        width: 95%;
    }

    #product-page-plans .card-plan .image-container .btn-success3 {
        margin-left: 10px;
        margin-top: -15px;
    }

    #aboutus_banner {
        background-image: url("/assets/assets/image/mobail-siz4w.jpg") !important;
        height: 650px;
        width: 100%;
        opacity: 0.9;
    }

    .aboutus-banner h1 {
        font-size: 62px;
        font-family: "Outfit";
        font-weight: 700;
        padding-bottom: 140px;
        color: #ca2728;
        text-align: left;
    }

    .about-headering {
        font-size: 25px;
        font-family: "Outfit";
        padding-top: 30px;
        padding-bottom: 20px;
        color: #02158f;
        display: flex;
        width: 100%;
    }

    .about-list {
        padding-left: 10px;
        text-align: justify;
    }

    .product-banner-product .container .contct_us_text {
        font-size: 62px;
        padding-top: 125px;
    }

    .product-banner-product .container .contct_us_text span {
        font-size: 62px;
    }

    .termsandconditions-one {
        padding-top: 110px;
    }

    .termsandconditions-one-details p {
        text-align: center;
        font-size: 18px;
    }

    .termsandconditions-one-details,
    .termsandconditions-sub {
        text-align: left;
        font-size: 18px;
    }

    .product-page-planss {
        padding-top: 110px;
    }

    .product-page-plans-details,
    .policies-tree-details,
    .policies-tree-details p,
    .policies-tree-details a {
        text-align: left;
        font-size: 18px;
    }

    .policies-two-details p {
        text-align: left;
        font-size: 18px;
    }
}

@media (min-width: 281px) and (max-width: 800px) {
    .footer-area {
        text-align: center;
    }

    .img-fluid {
        width: 70%;
        height: auto;
    }

    .footer-widget {
        text-align: center;
    }

    .testimonial4_slide {
        margin-left: 0px;
    }


}


@media (min-width: 2560px) and (max-width: 3600px) {
    .wrap {
        height: 880px;
        margin-top: 25px;
    }

    .slide1 {
        margin-top: 100px;
        height: 780px;
    }

    .slide2 {
        margin-top: 100px;
        height: 780px;
    }

    #section004 .phone_img {
        margin-left: 500px;
    }

    .phone_img02 {
        margin-left: 450px;
        width: 30% !important;
    }

    .btn-success3 {
        width: 25%;
        left: 65%;
    }

    .btn-success7 {
        width: 15%;
        left: 54%;
    }

    .testimonial-card {
        padding: 30px;
        font-size: 1.2rem;
    }

    .testimonial-content h4 {
        font-size: 1.6rem;
        margin-top: 15px;
    }

    .carousel-item .row {
        max-width: 90%;
        margin: 0 auto;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        transform: scale(1.5);
    }

    .login-content {
        margin-top: 100px;

    }

    .section-content .section04_heading {
        margin-right: 450px;
        font-size: 35px;
    }

    .section-content .list-styled li {
        font-size: 20px;
        padding-right: 15px;
    }

    #section004 .btn-success3 {
        left: 55%;
    }

    .testimonial-card {
        height: 500px;
    }

    .testimonial-content {
        padding: 30px;
    }

    .testimonial-content p {
        font-size: 14px;
        width: 600px;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    .testimonial-content h4 {
        font-size: 20px;
    }

    .testimonial-content .rating {
        bottom: 20px;
        right: 90px;
        font-size: 2rem;
    }
}

/* ............................................................................... */

/*-----------------------------------------------------------------------*/
#register_form {
    padding-left: 250px;
}

.testimonial-card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
    margin-bottom: 20px;
    position: relative;
}

.testimonial-content {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 15px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    position: absolute;

}

.testimonial-content p {
    font-size: 14px;
    font-style: italic;
    border-radius: 8px;
    width: 200px;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    text-align: center;
}

.testimonial-content h4 {
    font-style: bold;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.rating {
    position: absolute;
    bottom: 30px;
    right: 20px;
    display: flex;
    gap: 5px;
    color: #FFD700;
    font-size: 1.5rem;
}


#contact_us {
    background-image: url("/assets/assets/image/Cover-photo-banner.jpg");
}


.custome-radio {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #fff;
    border: 2px solid #007bff;
    cursor: pointer;
}

.custom-radio:checked {
    background-color: #007bff;
    border-color: #007bff;
}