@import url('https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css');
@import url('https://cdn-uicons.flaticon.com/uicons-brands/css/uicons-brands.css');
@import url('https://cdn-uicons.flaticon.com/uicons-solid-straight/css/uicons-solid-straight.css');
@import url('https://cdn-uicons.flaticon.com/uicons-thin-rounded/css/uicons-thin-rounded.css');
@import url('https://cdn-uicons.flaticon.com/uicons-bold-rounded/css/uicons-bold-rounded.css');
@import url('https://cdn-uicons.flaticon.com/uicons-bold-straight/css/uicons-bold-straight.css');
@import url('https://cdn-uicons.flaticon.com/uicons-solid-straight/css/uicons-solid-straight.css');
@import url('https://cdn-uicons.flaticon.com/uicons-regular-straight/css/uicons-regular-straight.css');
section#top-header {
    background: #479cb2;
    padding: 6px 0;
    color: #fff;
}
.pxl-items i {
    color: #fff;
    text-decoration: none;
    margin: 4px 0 0 13px;
    float: right;
}

.img-logo img {
    margin: 15px 0 15px 0;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    background-color: #fff !important;
    margin: 3px 0 0 0;
    float: right;
}
section#menu {
    padding: 10px 0 10px 0;
}
a.nav-link.active {
    color: #4ca7bf !important;
    font-weight: 600;
}
a.nav-link {
    color: #17297e !important;
    font-weight: 600;
    padding: 10px 0px;
}
li.nav-item {
    padding: 0 0 0 10px;
}
.enquiry-btn a {
    background: #ffffff3b;
    color: #ffffff;
    padding: 10px 24px;
    border-radius: 24px;
    text-decoration: none;
}
.enquiry-btn a {
    background: #1e2974;
    color: #ffffff;
    padding: 10px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
}
.enquiry-btn {
    margin: 19px 0 0 0;
    float: right;
}
.inner-wel b {
    color: #202970;
    background: #c8dae0;
    padding: 5px 9px;
    font-weight: 800;
}
.inner-wel h1 {
    font-size: 30px;
    font-weight: 700;
    margin: 15px 0 15px 0;
}
.inner-wel p {
    color: #333333;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 0 0;
}
.enquiry-btn i {
    margin: 0 0 0 8px;
    font-size: 10px;
}
.inner-lets-what-we-see img {
    border-radius: 20px;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
}
section#welcome {
    padding: 0px 0 15px 0;
    background: #ffffff;
}
.custom-container {
    width: 94%;
    margin: 0 auto;
}

h1, h2, h3, h4, h5, h6, p, a, b, strong, div, span ul, li {
    font-family: "Funnel Sans", sans-serif !important;
}
section#features {
    position: relative;
}
.intender-lets {
    position: absolute;
    top: 59%;
    width: 23%;
    background: #fff;
    padding: 20px 10px 20px 10px;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
    border-radius: 24px;
}
.inner-aboutingngnf {
    padding: 0px 0px 0 44px;
}
.intender-lets h2 {
    font-size: 23px;
    line-height: 28px;
    font-weight: 700;
    color: #17297e;
    margin: 0 0 23px 13px;
}
.btn a {
    background: #4b9cc1;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 2px;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
}
section#features {
    margin: 0px 0 130px 0;
}
section#mission {
    text-align: center;
}
.inner-lateroder {
    display: flex;
}
section#mission {
    text-align: center;
}
section#mission h4 {
    font-size: 35px;
    font-weight: 600;
}
section#mission p {
    margin: 0 0 53px 0;
}
.inner-laterod img.img-fluid {
    width: 100%;
}
.inner-laterod p {
    margin: 0px 0px 0px 0 !important;
    padding: 20px 20px;
}
.inner-laterod span {
    font-size: 30px;
    font-weight: 600;
   
}
.inner-lateroder {
    background: #c9e5f5;
}
.inner-vgcscs {
    padding: 100px 0 0 0;
}
.inner-lateroder span {

    font-size: 30px;
    font-weight: 700;
}
.inner-laterod {
    background: #c9e5f5;
    padding: 0 0 1px 0;
    margin: 0 0 40px 0;
}
section#mission {
    margin: 70px 0;
}
section#mission {
    margin: 70px 0;
}
section#abt-what-we {
    background: url(./assets/testimonial-bg.png) rgb(208 208 208 / 50%);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding: 60px 0px;
    background-blend-mode: multiply;
}
.inner-service-main b {
    background: #bae1ee;
    color: #000;
    padding: 5px 12px;
}
.inner-service-main h3 {
    font-size: 27px;
    font-weight: 600;
    margin: 10px 0 40px 0;
}
a.btn-zpax {
    background: #4b9cc1;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 2px;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
}
.inner-whats-we-seen-more {
    background: #fff;
    padding: 50px;
    border-radius: 5px;
}
.inner-whats-we-seen-more i {
    font-size: 40px;
    color: #202970;
    margin: 0 0 14px 0;
}
.inner-whats-we-seen-more i.fa-solid.fa-arrow-right-long {
    font-size: 14px;
    color: #609abd;
}
.inner-whats-we-seen-more a {
    color: #609abd;
    font-weight: 600;
    text-decoration: none;
}
.innerlector h4 {
    font-size: 35px;
}
.innerlector h4 {
    font-size: 35px;
    color: #4ca7bf;
}
.inner-btwer ul li {
    list-style: none !important;
    line-height: 32px;
}
.inner-btwer i {
    color: #1d2f81;
    font-size: 25px;
    margin: 15px 12px 0px 0px;
}
.inner-btwer ul {
    padding: 0 0 0 0;
}
.inner-btwering {
    background: #d4efff;
    padding: 15px;
    border-radius: 15px;
}
section#aboutus {
    margin: 70px 0;
}
section#aboutus .btn {
    margin: 23px 0 0 0;
}
section#ctc {
    background: url("./assets/c3.webp");
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    padding: 80px 0;
}
.cards-main h3 {
    font-size: 30px;
    color: #fff;
    margin: 13px 0 46px 0;
}
.cards-main a {
    color: #fff;
    border: 1px solid;
    padding: 15px 30px 15px 30px;
    text-decoration: none;
}
.container {
    max-width: 90% !important;
    margin: 0 auto;
}
.fortune h2 {
    font-size: 19px;
    font-weight: 600;
}
.cards-imger img {
    border-radius: 165px;
    filter: brightness(0.8);
}
section#aboutuing-this {
    margin: 70px 0;
}
section#aboutuing-this img {
    border-radius: 45px;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
}
.fortune h2 {
    text-align: center;
    color: #de5f4c;
    font-size: 16px;
    margin: 18px 0 0 0;
}
.cards-imger {
    margin: 44px 0 0 0;
}
section#categories {
    background: url(./images/h1-blog-bg.png);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
section#keycases {
    margin: 60px 0;
    background: url(./images/about-bg.png);
    background-position: center;
    background-size: cover;
    background-attachment:fixed;
}
.main-key h3 {
    font-size: 30px;
}
.main-key p {
    font-weight: 500;
}
.inner-key img {
    width: 89px;
    background: #cbe3f5;
    padding: 18px;
    border-radius: 27px;
}
.inner-key h4 {
    color: #22296c;
    margin: 20px 0 10px 0;
}
p {
    line-height: 30px;
}
.inner-key {
    margin: 52px 0 0px 0;
    border: 1px solid #d9d9d9;
    padding: 30px 10px 31px 10px;
    height: 346px;
    border-radius: 4px;
    transition: 0.5s ease-in-out;
}
.inner-key:hover {
    margin: 52px 0 0px 0;
    border: 1px solid #0676df;
    padding: 30px 10px 31px 10px;
    height: 346px;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}
.inner-img-whu img {
    margin: 0 0 0 -20px;
}
section#why {
    background: #162635;
    color: #fff;
}
.inner-aboutingngnf b {
    color: #202970;
    background: #c8dae0;
    padding: 5px 9px;
    font-weight: 800;
}
.inner-aboutingngnf h1 {
    font-size: 30px;
    font-weight: 700;
    margin: 15px 0 15px 0;
}
.wpsm_count-icon {
    display: none !important;
}
.wpsm_counterbox span {
    font-size: 30px;
    font-weight: 700;
}
.wpsm_counterbox {
    border: 2px solid #ffd5cd;
    border-radius: 5px;
    box-shadow: 0 3px 16px rgb(210 210 210 / 50%) !important;
    margin: 0 0 0 0 !important;
    background: #fff;
}
.wpsm_counterbox:hover {
    border: 1px solid #ff2a00 !important;
    border-radius: 5px !important;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5) !important;
    transition: 0.5s ease-in-out;
    background: #ffd5d5;
}
section#keycases {
    margin: 70px 0 70px 0;
    background: url(./assets/about-bg.webp);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.counter::after {
    content: '+';
}
section#counter-number {
    background: url("./images/c3.jpg");
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    padding: 80px 0;
    margin: 60px 0 60px 0;
}
section#counter-number h3 {
    color: #fff;
    text-align: center;
    font-size: 30px;
    margin: 0 0 30px 0;
}
.section-bg {
    position: relative;
    padding: 60px 0px 60px;
    background-color: #fff;
}
.events-section .pattern-layer-two {
    position: absolute;
    content: '';
    right: 0px;
    top: 48%;
    right: 0px;
    bottom: 0px;
    width: 221px;
    height: 488px;
    z-index: 1;
}
.events-section .pattern-layer-one {
    position: absolute;
    content: '';
    left: -65px;
    background-image: url(./images/pattern-4.png);
    top: -2px;
    background-size: contain;
    right: 0px;
    background-repeat: no-repeat;
    bottom: 0px;
    width: 40%;
    height: 50%;
    z-index: 1;
}
.block-title__title {
    margin: 0;
    color: #2A2D3B;
    font-weight: 500;
    font-size: 40px !important;
    text-transform: uppercase;
    margin-bottom: 1%;
}

.portfolio-wrap:before {
    width: 93%;
    left: 50%;
    top: 37%;
    transform: translateX(-50%);
    height: 136px;
    border: 1.2px solid #ff0000;
    border-radius: 20px;
    position: absolute;
    content: '';
}
.effect5 {
    position: relative;
}
.boxd img {
    width: 80%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.pot {
    text-align: center;
    padding-bottom: 0;
    background: #fff;
    width: 90%;
    left: 50%;
    font-family: "Open Sans", sans-serif;
    position: relative;
    transform: translateX(-50%);
    margin-top: 5%;
}
.pot h4 {
    margin-bottom: 0;
}
.color1 {
    color: #e40f20;
}
.comp {
    font-size: 14px;
    line-height: 28px;
    font-family: "Open Sans", sans-serif;
}
.Google-Reviews {
    margin: 110px 0 0 0;
}
.Google-Reviews h4 {
    font-size: 30px;
}
i.fa-solid.fa-star {
    color: #ff8c2b;
}
.Google-Reviews img {
    width: 54%;
}
.item.wow.zoomIn {
    margin: 55px 0 55px 0;
    padding: 15px 15px 19px 15px;
    height: 314px;
    background: #efefef;
    border-radius: 13px;
}
.testi-main {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px 0;
}
.testi-main img {
    width: 15% !important;
}
.star img {
    width: 100% !important;
}
.item b {
    font-size: 17px;
    font-weight: 600;
    color: #85a197;
}
.owl-nav {
    display: unset !important;
}
button.owl-prev {
    font-size: 61px !important;
    position: absolute;
    top: 151px;
    left: -34px;
}
button.owl-next span {
    position: absolute;
    right: -32px;
    top: 148px;
    font-size: 59px;
}
section#this-game {
    margin: 60px 0;
}
.inner-text-game h4 {
    color: #03386b;
}
div#wpcf7-f54-o1 br {
    display: none;
}
.form-control {
    border: none !important; 
    margin: 11px 0 0 0 !important;
}
section#this-form {
    background: url(./assets/5.webp) rgb(41 115 165);
    background-position: center;
    background-size: cover;
    padding: 55px 0;
    background-blend-mode: multiply;
}
input.btn.submit-button {
    background: #ffffff;
    color: #000000;
    width: 100%;
    margin: 10px 0 0 0;
}
.alligning-form {
    color: #fff;
}
.blogs-main {
    text-align: center;
    margin: 0 0 40px 0;
}
.blogs-main h5 {
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    color: #212f7c;
}
.called {
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    height: 417px;
}
.news {
    position: absolute;
    margin: 7px 0 0 0;
    background: #242f77;
    padding: 0 10px 0 10px;
    font-weight: 500;
    border-radius: 5px;
}

a.bloggwe {
    color: #262f73;
    text-decoration: none;
}
.called img {
    margin: 0 0 10px 0;
}
.imageiner-text {
    position: absolute;
    top: 103px;
    padding: 0 26px 0 15px;
    width: 93%;
}
.imageiner-text p {
    color: #fff;
}
.btned {
    margin: 10px 0 0px 0;
}
a.bloggwe {
    color: #de5f4c;
}
a.bloggwe i {
    color: #ffffff;
    background: #262f73;
    padding: 5px 5px 5px 5px;
    border-radius: 18px;
}
.news p {
    color: #fff !important;
}
h3.wpsm_count-title {
    font-size: 21px !important;
	font-weight: 400 !important;
}
section#blogs {
    margin: 60px 0 60px 0;
}
footer#affixmenow {
    background: url(./assets/footer-bg.webp);
    background-position: center;
    background-size: cover;
    padding: 60px 0;
    color: #fff;
    margin: 50px 0 0 0;
}
.foot img {
    background: #fff;
    margin: 0 0 20px 0;
}
.footer a {
    color: #fff;
    text-decoration: none;
}
.socail-icons a {
    color: #fff;
    margin: 0 0 0 11px;
}
.foot ul li {
    line-height: 30px;
    list-style: none;
}
.foot ul {
    padding:0 0 0 0 !important;
}
.foot ul li a {
    color: #fff;
}
.footer a {
    color: #fff;
}
.foot h5 {
    font-size: 26px;
}
.footer h5 {
    font-size: 25px;
}
.aligning p {
    margin: 8px 0 8px 0;
    font-weight: 700;
}
.aligning a {
    color: #b03a2a;
}
.cards-imgerd {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 3;
    background-color: #071422;
    transition: background-color 800ms ease;
    border-radius: 148px;
}
section#categories img {
    transition: all 800ms ease;
    mix-blend-mode: luminosity;
}
.cards-imgerd:hover {
    background-color: unset;
}
.cards-imgerd :hover {
    transform: scale(1.1);
}

.cards-img{
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 3;
}
.cards-img :hover {
    transform: scale(0.9);
}
.cards-img img {
    transition: all 800ms ease;
}
.inner-img-game {
    position: relative;
    animation: 2.7s linear infinite Moveleftright;
}
.welcome-img {
    position: relative;
    animation: 2.1s linear infinite MoveUpDown;
}
.imaging:hover, .welcome-img:hover {
    transform: scale(1.1);
    transition: .5s ease-in-out;
}
a.ark-btn:hover {
    background: #000;
    transition: 0.5s ease-in-out;
    color: #fff;
    text-decoration: none;
}
a.ark-btned:hover {
    transition: 0.5s ease-in-out;
    color: #fff;
    background: #609abd;
    text-decoration: none;
}
.btned a:hover {
    color: #333333;
    text-decoration: none;
}
.foot a:hover {
    color: #d2d2d2;
    text-decoration: none;
}
.cards-main b {
    color: #9cc9ea;
}
.footer a:hover {
    color: #d1d1d1;
    text-decoration: none;
}
.aligning a:hover {
    color: #de5f4c;
    text-decoration: none;
}
.pageheader {
    background: #2A3774;
    /* background: linear-gradient(90deg, rgb(45 55 112) 0%, rgb(184 214 129) 100%) !important; */
    background: linear-gradient(90deg, rgb(222 95 76) 0%, rgb(55 55 55) 100%) !important;
    margin-bottom: 30px;
    color: #fff;
    padding: 95px 0 0 0 !important;
}
.bshades {
    font-size: 29px;
    width: 100%;
    float: left;
    text-align: center;
    font-weight: 300;
    line-height: 48px;
    margin: 30px 0 0px 0;
    letter-spacing: 1.5px;
    background: linear-gradient(to right, #dd4408, #000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.breadcrumb_new {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
    font-weight: bold;
}
span a {
    color: #2c3670;
    /* font-size: 14px; */
    font-weight: 600;
    margin: 0 0 0 5px;
}
span.breadcrumb_new a {
    color: #fff;
}
section.innerpages {
    margin: 0 0 30px 0;
}
.biographyzylang {
    background: #de5f4c;
    color: #fff !important;
    padding: 4% 4% 10% 4%;
    float: left;
    width: 100%;
    border-radius: 20px;
}
.biographyzylang-b {
    background: #cecece;
    padding: 4%;
    float: left;
    width: 100%;
    border-radius: 20px;
}
div#wpcf7-f54-p14-o1 br {
    display: none;
}
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

@media (max-width: 767px) {
    .biographyzylang {
        margin: 0px 0 16px 0 !important
    }
    .pageheader {
        padding: 15px 0 0 0 !important;
    }
    section.innerpages img {
        max-width: 100% !important;
        margin: 0 0 10px 0 !important;
    }
    section.pageheader h1 {
        display: unset !important;
        font-size: 30px;
    }
    span.breadcrumb_new {
        margin: 15px 0 0 0 !important;
    }
    .breadcrumb_new {
        display: unset !important;
        float: left !important;
        height: 45px !important;
    }
    span.breadcrumb_new a {
        color: #fff;
    }
	.aligning p {
    margin: 8px 0 40px 0 !important;
}
#sequence a {
    width: 33.3333%;
    float: left;
    text-align: center;
    padding: 5px 0;
    font-size: 15px;
    color: #fff!important;
    font-weight: 600;
    text-decoration: none!important;
    border-right: 1px solid;
}
	div#wpcf7-f54-o2 br {
    display: none;
}
	div#wpcf7-f54-o2 .form-control {
    border: 1px solid #bfbfbf !important;
}
	input.wpcf7-form-control.wpcf7-submit.has-spinner.form-control {
    background: #bc5740;
    color: #fff;
}
	.modal-content.contactform {
    margin: 58px 0 0 0 !important;
}
#sequence {
    width: 100%;
    float: left;
    background: #de5f4c;
    position: fixed;
    bottom: 0;
    z-index: 100;
    padding: 0;
}
	header#masthead {
        position: unset !important;
    }
    .navbar-scrolled {
        padding: 0 0 0 0 !important;
    }
    header#masthead img {
        width: 95% !important;
    }
 div#mega-menu-wrap-primary {
    width: 50px !important;
    float: right !important;
    margin: 4px 0 0 0 !important;
}
    section#welcome {
        margin: 30px 0 !important;
    }
    section#welcome .col-md-5 {
        order: 2;
    }
    .container {
        max-width: 95% !important;
    }
    .welcomeder h1 {
        font-size: 19px !important;
        line-height: 30px !important;
    }
    .cards-main h2 {
        font-size: 22px !important;
        margin: 3px 0 0px 0 !important;
        line-height: 27px !important;
    }
    .cards-mainer {
        float: left !important;
    }
    section#ctc {
        margin: 40px 0 40px 0 !important;
    }
    .wpsm_counterbox {
        margin: 0px 0 24px 0 !important;
    }
    section#counter-number {
        padding: 50px 0 !important;
        margin: 50px 0 24px 0 !important;
    }
    .main-key h3 {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .inner-key {
        margin: 14px 0 0px 0 !important;
    }
    .inner-text-game {
        margin: 27px 0 0px 0 !important;
    }
    .inner-text-game h4 {
        margin: 7px 0 0 0 !important;
    }
    .inner-img-whu img {
        margin: 0 0 0 0px !important;
    }
    .inner-text-why {
        margin: 30px 0 0 0 !important;
    }
    .inner-img-whu {
        margin: 30px 0 0 0 !important;
    } 
    .section-bg {
        padding: 30px 0px 30px !important;
    }
    .block-title__title {
        font-size: 30px !important;
    }
    .Google-Reviews {
        margin: 30px 0 0 0 !important;
    }
    .item.wow.zoomIn {
        margin: 30px 0 0px 0 !important;
    }
    .owl-nav {
        display: none !important;
    }
    section#this-form {
        padding: 25px 0 !important;
    }
    section#blogs {
        margin: 30px 0 62px 0 !important;
    }
    .called {
        margin: 18px 0px 0px 0 !important;
    }
    section#categories .col-md-1 {
        display: none !important;
    }
    section#aboutuing-this {
        margin: 60px 0 !important;
    }
    .enquiry-btn {
        display: none !important;
    }
    .inner-aboutingngnf {
        padding: 40px 0px 0 0px !important;
    }
    .intender-lets {
        position: unset !important;
        width: 100% !important;
        margin: 25px 0 40px 0 !important;
    } 
    section#features {
        margin: 0px 0 15px 0 !important;
    }
    .inner-lateroder {
        display: unset !important;
    }
    section#aboutus {
        margin: 4px 0 !important;
    }
    .inner-vgcscs {
        padding: 60px 0 0 0 !important;
    }
    .inner-laterod {
        margin: 0px 0 0px 0 !important;
    }
    .innerlector h4 {
        margin: 12px 0 12px 0 !important;
    }
    .innnerr-icon {
        display: none !important;
    }
    .new-breadcrumb-link {
        float: left !important;
        margin: 0 0 0 -4px !important;
    }
    section#breadcrumb {
        padding: 15px !important;
    }
}

@keyframes MoveUpDown {

	0%,
	100% {
		bottom: 0
	}

	50% {
		bottom: 15px
	}
}

@keyframes Moveleftright {

	0%,
	100% {
		left: 0
	}

	50% {
		left: 15px
	}
}
.mis-img img {
    animation: 2.5s linear infinite Moveleftright;
    position: relative;
}
.vis-img {
    animation: 2.5s linear infinite Moveleftright;
    position: relative;
}
.val-img {
    animation: 2.5s linear infinite Moveleftright;
    position: relative;
}
.mis-vis-val-img img {
    border-radius: 80px;
}
.mis-vis-val b {
    font-size: 20px;
}
.imageiner-text {
    display: none;
}
.aligning a {
    color: #b03a2a;
    text-decoration: none;
}
section#zpax_about {
    margin: 10px 0;
}
.about-head h2{
    color: #fff;
    text-align: center;
    background: url(assets/footer-bg.webp);
    padding: 8px 0;
    
}
.abt-img {
    border: 1px solid;
    padding: 10px;
    margin: 13px 0 34px 0;
}
.abt-sec-text {
    text-align: justify;
}
.director-img {
    margin: 10px 0 10px 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
    border: 1px solid;
    padding: 10px;
    border-radius: 3px;
}
.director-msg-txt {
    text-align: justify;
}
.about-head {
    margin: 40px 0 30px 0;
}
.mis-txt p {
    background: #479cb22e;
    text-align: justify;
    padding: 13px 10px 2px 11px;
    width: 99%;
    border-radius: 0 0 19px 19px;
    box-shadow: 0 3px 16px rgb(73 73 73 / 44%)
}
.vis-txt p {
    background: #f1f1f1;
    text-align: justify;
    padding: 13px 10px 2px 11px;
    width: 99%;
    border-radius: 0 0 19px 19px; 
    box-shadow: 0 3px 16px rgb(73 73 73 / 44%)
}
.val-txt p {
    background: #1e297424;
    text-align: justify;
    padding: 13px 10px 2px 11px;
    width: 99%;
    border-radius: 0 0 19px 19px;
    box-shadow: 0 3px 16px rgb(73 73 73 / 44%);
}
.quality-img {
    border: 1px solid;
    padding: 10px;
    box-shadow: 0 3px 16px rgb(0 0 0 / 24%);
    border-radius: 5px;
}
.service-img{
    border: 1px solid;
    padding: 10px;
    box-shadow: 0 3px 16px rgb(0 0 0 / 24%);
    border-radius: 5px;   
}
.conatct-form {
    background: #0c1d37;
    padding: 33px 14px 13px 14px;
    border-radius: 5px;
}
.conatct-form h4 {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    margin: -11px 0 16px 0;
    text-align: center;
}
section#breadcrumb {
    background: url(assets/pat.avif) rgb(30 41 116 / 52%);
    padding: 42px;
    color: #fff;
    background-size: auto;
    background-blend-mode: multiply;
    margin: 0 0 33px 0;
    background-position: center;
}
.new-breadcrumb-link {
    float: right;
}
span.side-crumb a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}
.products-benefits {
    text-align: center;
}
.products-benefits h5 {
    font-size: 35px;
}
section#product-feature {
    margin: 0 0 60px 0;
}


.header {
    text-align: center;
  }

  .header h1 {
    color: #0072ce;
    font-size: 36px;
    margin: 0;
  }

  .header h2 {
    color: #d33;
    font-size: 35px;
    margin: 10px 0;
    font-weight: 700;
}
.diagram {
    display: flex;
    justify-content: center;
    margin: 77px -43px 20px 0;
}

  .table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
  }

  .table th, .table td {
    border: 1px solid #aaa;
    padding: 10px;
    text-align: center;
  }

  .table th {
    background-color: #479cb2;
    color: white;
}

  .features h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .features ul {
    list-style-type: '➤ ';
    padding-left: 20px;
  }

  .features li {
    margin-bottom: 10px;
  }
  .products-benefits-text {
    margin: 24px 0 0 0;
    line-height: 39px;
}
.called {
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    height: 450px;
}