.text-primary {
        color: #293b4e
        }
        .text-secondary {
        color: #f47627
        }
        .text-third {
        color: #4597a4
        }
        .text-fourth {
        color: #daeaed
        }
        .text-fifth {
        color: #2b383f
        }
        .bg-primary {
        background: #293b4e
        }
         .bg-secondary {
        background: #f47627
        }
         .bg-third {
        background: #4597a4
        }
         .bg-fourth {
        background: #daeaed
        }
        .bg-fifth {
        background: #2b383f
        }
        .bg-gradient {
        background: linear-gradient(90deg, {{ #293b4e }}, {{ #17283a }});
        }

        .h1-title {
            font-size: 48px;
            line-height: 60px;
        }
        @media (max-width: 768px) {
            .h1-title {
                font-size: 36px;
                line-height: 44px;
            }
        }
        .h2-title {
            font-size: 30px;
            line-height: 38px;
        }
        @media (max-width: 768px) {
            .h2-title {
                font-size: 24px;
                line-height: 32px;
            }
        }
        .h3-title {
            font-size: 20px;
            line-height: 24px;
        }
        @media (max-width: 768px) {
            .h3-title {
                font-size: 20px;
                line-height: 24px;
            }
        }
        .text {
            font-size: 18px;
            line-height: 28px;
        }