/*=====================================
SAFETY HERO
======================================*/

        .safety-hero {

            background: linear-gradient(135deg, #32528f 0%, #123d91 100%);

            padding: 90px 0;

            color: #fff;

            position: relative;

            overflow: hidden;

        }

        .safety-hero::before {

            content: "";

            position: absolute;

            right: -120px;

            top: -120px;

            width: 320px;

            height: 320px;

            border-radius: 50%;

            background: rgba(255, 255, 255, .08);

        }

        .hero-tag {

            display: inline-block;

            background: rgba(255, 255, 255, .15);

            padding: 8px 18px;

            border-radius: 30px;

            font-size: 13px;

            font-weight: 600;

            letter-spacing: 1px;

            margin-bottom: 20px;

        }

        .safety-hero h1 {

            font-size: 54px;
        
			color: #fff;
        
        	line-height: 60px;
        
            font-weight: 700;

            margin-bottom: 20px;

        }

        .safety-hero p {

            font-size: 18px;

            line-height: 32px;

            color: rgba(255, 255, 255, .9);

        }

        .safety-hero img {

            max-height: 360px;

        }

        @media(max-width:991px) {

            .safety-hero {

                text-align: center;

                padding: 70px 0;

            }

            .safety-hero h1 {

                font-size: 40px;

            }

            .safety-hero img {

                margin-top: 40px;

                max-height: 250px;

            }

        }

        /*=====================================
INFO CARD
======================================*/

        .policy-info {

            margin-top: -35px;

            position: relative;

            z-index: 10;

        }

        .policy-info-card {

            background: #fff;

            border-radius: 18px;

            padding: 22px 30px;

            box-shadow: 0 10px 30px rgba(0, 0, 0, .08);

        }

        .policy-icon {

            width: 55px;

            height: 55px;

            border-radius: 50%;

            background: #eef4ff;

            color: #32528f;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 20px;

            margin-right: 15px;

        }

        .page-breadcrumb {

            background: #f8f9fc;

            padding: 16px 0;

            border-bottom: 1px solid #edf1f7;

        }

        .page-breadcrumb a {

            text-decoration: none;

            color: #32528f;

            font-weight: 600;

        }

        /*=====================================
SAFETY CONTENT
======================================*/

        .safety-sidebar {

            position: sticky;

            top: 20px;

            background: #fff;

            border-radius: 18px;

            padding: 25px;

            box-shadow: 0 10px 30px rgba(0, 0, 0, .08);

        }

        .safety-sidebar h5 {

            color: #32528f;

            font-weight: 700;

            margin-bottom: 20px;

        }

        .safety-menu {

            list-style: none;

            margin: 0;

            padding: 0;

        }

        .safety-menu li {

            margin-bottom: 8px;

        }

        .safety-menu a {

            display: block;

            padding: 12px 15px;

            border-radius: 10px;

            text-decoration: none;

            color: #555;

            transition: .3s;

        }

        .safety-menu a:hover {

            background: #eef4ff;

            color: #32528f;

            padding-left: 20px;

        }

        .safety-menu a.active {

            background: #32528f;

            color: #fff;

            font-weight: 600;

        }

        .safety-card {

            background: #fff;

            border-radius: 20px;

            padding: 40px;

            box-shadow: 0 10px 35px rgba(0, 0, 0, .08);

        }

        .safety-card section {

            margin-bottom: 60px;

        }

        .safety-card h2 {

            display: flex;

            align-items: center;

            font-size: 30px;

            font-weight: 700;

            margin-bottom: 20px;

            color: #1d3557;

        }

        .safety-card p {

            color: #666;

            line-height: 30px;

            font-size: 16px;

        }

        .section-icon {

            width: 55px;

            height: 55px;

            border-radius: 50%;

            background: #eef4ff;

            color: #32528f;

            display: flex;

            align-items: center;

            justify-content: center;

            margin-right: 15px;

            font-size: 22px;

        }

        .safety-card ul {

            list-style: none;

            padding: 0;

            margin-top: 20px;

        }

        .safety-card ul li {

            position: relative;

            padding-left: 30px;

            margin-bottom: 12px;

            line-height: 28px;

        }

        .safety-card ul li::before {

            content: "✔";

            position: absolute;

            left: 0;

            top: 0;

            color: #16a34a;

            font-weight: 700;

        }

        /*=====================================
SAFETY ALERT BOXES
======================================*/

        .tip-box,
        .warning-box,
        .info-box {

            display: flex;

            align-items: flex-start;

            gap: 18px;

            padding: 22px 25px;

            border-radius: 16px;

            margin: 30px 0;

        }

        .tip-box {

            background: #ecfdf5;

            border-left: 5px solid #16a34a;

        }

        .warning-box {

            background: #fff7ed;

            border-left: 5px solid #f97316;

        }

        .info-box {

            background: #eef4ff;

            border-left: 5px solid #32528f;

        }

        .tip-box i {

            color: #16a34a;

            font-size: 28px;

        }

        .warning-box i {

            color: #f97316;

            font-size: 28px;

        }

        .info-box i {

            color: #32528f;

            font-size: 28px;

        }

        .tip-box h5,
        .warning-box h5,
        .info-box h5 {

            font-weight: 700;

            margin-bottom: 8px;

        }

        .tip-box p,
        .warning-box p,
        .info-box p {

            margin-bottom: 0;

        }

        /*=====================================
HELP SECTION
======================================*/

        .help-section {

            padding: 70px 0;

        }

        .help-card {

            position: relative;

            overflow: hidden;

            background: linear-gradient(135deg, #32528f 0%, #123d91 100%);

            color: #fff;

            border-radius: 24px;

            padding: 55px;

            text-align: center;

        }

        .help-card::before {

            content: "";

            position: absolute;

            width: 320px;

            height: 320px;

            border-radius: 50%;

            background: rgba(255, 255, 255, .06);

            right: -120px;

            top: -120px;
        	color:white;

        }

        .help-card>* {

            position: relative;

            z-index: 2;

        }

        .help-card h2 {

            font-size: 42px;
        	color:#fff;
            font-weight: 700;

            margin-bottom: 18px;

        }

        .help-card p {

            max-width: 700px;

            margin: auto;

            margin-bottom: 30px;

            color: rgba(255, 255, 255, .88);

            line-height: 30px;

        }

        @media(max-width:768px) {

            .help-card {

                padding: 35px 25px;

            }

            .help-card h2 {

                font-size: 30px;

            }

        }

        #backTop {

            position: fixed;

            right: 25px;

            bottom: 25px;

            width: 50px;

            height: 50px;

            border: none;

            border-radius: 50%;

            background: #32528f;

            color: #fff;

            display: none;

            z-index: 999;

            transition: .3s;

            box-shadow: 0 8px 20px rgba(0, 0, 0, .2);

        }

        #backTop:hover {

            transform: translateY(-5px);

        }


        @media print {

            .header-part,
            .footer-section,
            .page-breadcrumb,
            .help-section,
            #backTop,
            .safety-sidebar {

                display: none !important;

            }

            .safety-card {

                box-shadow: none;

                padding: 0;

            }

        }