/* ================== MONTSERRAT FONTS START ================== */

        /* 400 Regular */
        @font-face {
            font-family: "Montserrat";
            src: url("../../fonts/Montserrat-Regular.woff2") format("woff2"),
                url("../../fonts/Montserrat-Regular.woff") format("woff");
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }

        /* 400 Italic */
        @font-face {
            font-family: "Montserrat";
            src: url("../../fonts/Montserrat-Italic.woff2") format("woff2"),
                url("../../fonts/Montserrat-Italic.woff") format("woff");
            font-weight: 400;
            font-style: italic;
            font-display: swap;
        }

        /* 500 Medium */
        @font-face {
            font-family: "Montserrat";
            src: url("../../fonts/Montserrat-Medium.woff2") format("woff2"),
                url("../../fonts/Montserrat-Medium.woff") format("woff");
            font-weight: 500;
            font-style: normal;
            font-display: swap;
        }

        /* 500 Medium Italic */
        @font-face {
            font-family: "Montserrat";
            src: url("../../fonts/Montserrat-MediumItalic.woff2") format("woff2"),
                url("../../fonts/Montserrat-MediumItalic.woff") format("woff");
            font-weight: 500;
            font-style: italic;
            font-display: swap;
        }

        /* 600 SemiBold */
        @font-face {
            font-family: "Montserrat";
            src: url("../../fonts/Montserrat-SemiBold.woff2") format("woff2"),
                url("../../fonts/Montserrat-SemiBold.woff") format("woff");
            font-weight: 600;
            font-style: normal;
            font-display: swap;
        }

        /* 700 Bold */
        @font-face {
            font-family: "Montserrat";
            src: url("../../fonts/Montserrat-Bold.woff2") format("woff2"),
                url("../../fonts/Montserrat-Bold.woff") format("woff");
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }

        /* 700 Bold Italic */
        @font-face {
            font-family: "Montserrat";
            src: url("../../fonts/Montserrat-BoldItalic.woff2") format("woff2"),
                url("../../fonts/Montserrat-BoldItalic.woff") format("woff");
            font-weight: 700;
            font-style: italic;
            font-display: swap;
        }

        /* 800 ExtraBold */
        @font-face {
            font-family: "Montserrat";
            src: url("../../fonts/Montserrat-ExtraBold.woff2") format("woff2"),
                url("../../fonts/Montserrat-ExtraBold.woff") format("woff");
            font-weight: 800;
            font-style: normal;
            font-display: swap;
        }

        /* 800 ExtraBold Italic */
        @font-face {
            font-family: "Montserrat";
            src: url("../../fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"),
                url("../../fonts/Montserrat-ExtraBoldItalic.woff") format("woff");
            font-weight: 800;
            font-style: italic;
            font-display: swap;
        }

        /* ================== MONTSERRAT FONTS END ================== */
        * {
            margin: 0;
            padding: 0;
            list-style: none;
            text-decoration: none;
        }


        .about-banner {
            background: url(../../about-us/images/banner.png);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #fff;
            padding: 76px 0;
        }

        .about-banner-content h1 {
            font-family: "Montserrat", sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 52px;
            line-height: 63px;
            color: #ffffff;
            margin-bottom: 15px;
        }

        .breadcrumb {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 18px;
            letter-spacing: 1px;
            background-color: transparent;
        }

        .breadcrumb a {
            color: #ffffff;
            text-decoration: none;
            font-weight: 500;
        }

        .breadcrumb a:hover {
            text-decoration: underline;
        }

        .breadcrumb span {
            opacity: 0.9;
        }

        .main_content_section {
            padding: 50px 0;
        }

        .main_content_container {
            width: 862px;
            max-width: 100%;
            margin: 0 auto;
            border: 3px solid #5446a7;
            border-radius: 10px;
            padding: 25px 40px;
        }

        .topic_hd_tab {
            background: #5446a7;
            border-radius: 8px;
            margin-bottom: 28px;
        }

        .topic_hd_tab h3 {
            font-family: "Montserrat", sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 30px;
            line-height: 63px;
            color: #ffffff;
            margin-bottom: 15px;
            text-align: center;
        }

        .main_content_container p {
            font-family: "Montserrat", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 20px;
            line-height: 1.6;
            color: #000000;
            margin-bottom: 15px;
        }

        .main_content_container p strong {
            font-family: "Montserrat", sans-serif;
            font-weight: 700;
            font-style: normal;
        }

        .main_content_container p em {
            font-family: "Montserrat", sans-serif;
            font-weight: 400;
            font-style: italic;
        }

        .video_hd {
            font-family: "Montserrat", sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 25px;
            line-height: 1.5;
            text-align: center;
            text-decoration: underline;
            color: #000000;
        }

        .main_content_container h4 {
            font-family: "Montserrat", sans-serif;
            font-weight: 900;
            font-style: normal;
            font-size: 25px;
            line-height: 1.5;
            color: #000000;
        }

        .main_content_container ul {}

        .main_content_container ul li {
            font-family: "Montserrat", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 20px;
            line-height: 1.6;
            color: #000000;
            margin-bottom: 15px;
        }


        .dr_msg_box {
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
        }

        .dr_msg_box .img_wrap {
            width: 30%;
            line-height: 0;
        }

        .dr_msg_box .img_wrap img {
            width: 100%;
            height: auto;
            border-radius: 50%;
        }

        .dr_msg_box .dmb_content {
            width: calc(100% - (30% + 25px));
        }

        .dr_msg_box .dmb_content .hd {
            font-family: "Montserrat", sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 30px;
            line-height: 1.6;
            color: #5446a7;
            margin-bottom: 7px;
            text-align: center;
        }

        .dr_msg_box .dmb_content .para {
            font-family: "Montserrat", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 20px;
            line-height: 1.6;
            color: #000000;
            margin-bottom: 15px;
        }

        u {
            text-decoration: underline;
        }

        .main_content_container .video-wrapper {
            position: relative;
            padding-bottom: 56.25%;
            /* 16:9 ratio */
            height: 0;
            overflow: hidden;
            max-width: 90%;
            margin: 30px auto;
        }

        .main_content_container .video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

/* Footer start */

.footer {
	padding: 70px 0;
	background: #edf9f4;
}

.footer-wrapper {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 15px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer__navbar>a {
	text-decoration: none;
	color: #323434;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
}

.footer__navbar>a>span {
	margin: 0 13px;
}

.footer__contacts {
	margin-top: 44px;
}

.footer__contacts--logo {
	width: 100px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 43px;
}

.footer__contacts--text {
	margin: 0;
	text-align: center;
	font-size: 18px;
	line-height: 1.4;
}

.footer__contacts--text>span {
	font-weight: 600;
}

.footer__text {
	margin: 20px 0 0;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: -.02em;
	line-height: 1.5;
	text-align: center;
	color: #323434;
}

.footer__disclaimer {
	border: 2px solid #323434;
	;
	margin-top: 35px;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	padding: 12px;
	text-align: left;
	max-width: 66%;
	color: #323434;
}

.footer__disclaimer p {
	margin: 0;
}

.footer__copyrights {
	margin-top: 35px;
	font-size: 15px;
	font-weight: 600;
	line-height: 28px;
}

/* Footer end */


        @media (max-width: 480px) {
            .about-banner {
                background: url(../../about-us/images/vita-mob-3.png);
                background-position: center bottom;
                background-size: cover;
                background-repeat: no-repeat;
                padding: 30px 0 50px;
            }
          
          .about-banner-content h1{
        font-size: 40px;
    line-height: 25px;
    }
    .breadcrumb {
        font-size: 15px;
    }

            .main_content_container {
                padding: 5px 9px;
            }

            .topic_hd_tab h3 {
                line-height: 43px;
                padding: 12px 10px;
            }

            .main_content_container h4 {
                font-size: 23px;
            }

            .dr_msg_box .img_wrap {
                width: 100%;
                text-align: center;
            }

            .dr_msg_box .img_wrap img {
                width: 80%;
            }

            .dr_msg_box .dmb_content {
                width: 100%;
            }
          
              nav.footer__navbar {
        text-align: center;
    }
        }