/*
==============================================================================
 CTM PATH™ GLOBAL PREMIUM HEADER
 Version: 1.2

 Brand:
 CTM PATH™
 KAALACHAKRA™

==============================================================================
*/


.ctm-header {


    width:

        100%;


    background:

        linear-gradient(

            180deg,

            #061A35 0%,

            #081C3A 100%

        );


    padding:

        32px 20px 28px;


    text-align:

        center;


    border-bottom:

        1px solid rgba(

            200,

            169,

            106,

            .35

        );


}







.ctm-header-container {


    display:

        flex;


    flex-direction:

        column;


    align-items:

        center;


    justify-content:

        center;


}







/*
==============================================================================
 LOGO
==============================================================================
*/


.ctm-header-logo {


    width:

        68px;


    height:

        auto;


    margin-bottom:

        18px;


}







/*
==============================================================================
 BRAND IDENTITY
==============================================================================
*/


.ctm-header-brand {


    text-align:

        center;


}







/*
 MASTER BRAND
*/


.ctm-header-primary {


    color:

        var(--ctm-ivory);


    font-size:

        26px;


    font-weight:

        700;


    letter-spacing:

        5px;


    line-height:

        1.2;


}







/*
 PROPRIETARY FRAMEWORK
*/


.ctm-header-framework {


    color:

        var(--ctm-gold);


    font-size:

        20px;


    font-weight:

        600;


    letter-spacing:

        4px;


    margin-top:

        8px;


}







/*
 POSITIONING STATEMENT
*/


.ctm-header-system {


    color:

        #D8DDE5;


    font-size:

        15px;


    letter-spacing:

        1.5px;


    margin-top:

        16px;


}







/*
 TRANSFORMATION PHILOSOPHY
*/


.ctm-header-tagline {


    color:

        var(--ctm-teal-light);


    font-size:

        16px;


    font-style:

        italic;


    margin-top:

        10px;


    letter-spacing:

        1px;


}









/*
==============================================================================
 MOBILE HEADER
==============================================================================
*/


@media(max-width:768px){



    .ctm-header {


        padding:

            25px 15px;


    }






    .ctm-header-logo {


        width:

            55px;


    }






    .ctm-header-primary {


        font-size:

            21px;


        letter-spacing:

            3px;


    }






    .ctm-header-framework {


        font-size:

            17px;


        letter-spacing:

            2px;


    }






    .ctm-header-system {


        font-size:

            13px;


    }






    .ctm-header-tagline {


        font-size:

            14px;


    }



}