@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Mukta:wght@500&family=Poppins:wght@600;800&family=Roboto+Mono:ital,wght@0,600;1,100&family=Ysabeau&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Mukta:wght@500&family=Oswald&family=Poppins:wght@600;800&family=Roboto+Mono:ital,wght@0,600;1,100&family=Ysabeau&display=swap');

    * {
        margin    : 0;
        padding   : 0;
        box-sizing: border-box;
    }



    :root {
        --primary-color  : #004caa;
        --secondary-color: #f3850e;
        --bg-light-blue  : #3672bc;
        --bg-dark        : #666;
        --bg-light-blue  : #cfe6ff;
        --bg-white       : #fff;


        /*    --primary-font: 'Bree Serif', serif;*/
        --secondary-font: 'Bree Serif', serif;
        --primary-text  : #004caa;
        --secondary-text: #f3850e;
        --text-black    : #222;
        --text-white    : #fff;
        --text-gray     : #666;
        --text-light    : #ddd;
    }

    body {
        font-family     : var(--primary-font);
        background-color: var(--bg-white);
    }

    a {
        text-decoration: none;
    }

    ::-webkit-scrollbar {
        width: .375rem;
    }

    ::-webkit-scrollbar-track {
        background: var(--bg-light-blue);
    }

    ::-webkit-scrollbar-thumb {
        background: var(--secondary-color);
    }

    .wrapper {
        padding: 2.25rem 0;
    }

    .main-btn {
        display: inline-block;
        border: .0625rem solid var(--bg-white);
        text-align: center;
        padding: .75rem 1.375rem;
        font-size: 1rem;
        background: var(--secondary-color);
        border-radius: .1875rem;
        transition: all 0.3s ease-in-out;
        color: var(--bg-black);
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
}

    .main-btn :hover {
        background-color: var(--secondary-color);
        border-color    : var(--secondary-color);
        color           : var(--text-white);
        font-size       : 17px;
    }

    .fill-btn {
        background-color: var(--secondary-color);
        border-color    : var(--secondary-color);
        color           : var(--text-white);
        text-decoration : none;
    }

    .fill-btn:hover {
        background-color: var(--primary-color);
        border-color    : var(--bg-white);
        color           : var(--text-white);
        font-family     : var(--secondary-font);
    }

    h1 {
        font-size    : 3.875rem;
        margin-bottom: 1.25rem;
        font-weight  : 600;
        color        : var(--text-black);
        font-family  : var(--secondary-font);
    }

    h2 {
        font-size    : 3.875rem;
        margin-bottom: 1.25rem;
        font-weight  : 600;
        color        : var(--text-white);
        font-family  : var(--secondary-font);
    }

    h3 {
        font-size  : 2.25rem;
        font-weight: 600;
        color      : var(--text-black);
        font-family: var(--secondary-font);

    }

    h4 {
        font-size  : 1.5rem;
        line-height: 2.25rem;
        font-weight: 600;
        color      : var(--text-black);
        font-family: var(--secondary-font);
    }

    h5 {
        font-size    : 1.5rem;
        line-height  : 1.2;
        font-weight  : 500;
        color        : var(--primary-text);
        margin-bottom: .9375rem;
        font-family  : var(--secondary-font);
    }

    h6 {
        font-size     : .875rem;
        margin-bottom : .9375rem;
        text-transform: uppercase;
        font-weight   : 600;
        color         : var(--text-black);
        font-family   : var(--secondary-font);
    }

    p {
        font-size  : 1rem;
        color      : var(--text-black);
        line-height: 1.635rem;
    }

    .card {
        /*border-radius: .625rem;
        */
        background-color     : var(--bg-white);
        box-shadow           : .5084rem 1.1419rem 2.5rem 0 rgba(0, 0, 0, 0.08);
        padding              : 3.75rem 3.125rem;
        -webkit-transition   : all .1s;
        transition           : all .1s;
        border               : 5px solid #337AB7;
        height               : 350px;
        border-radius        : 10px;
        /*-moz-transition    : all .4s;
        -ms-transition       : all .1s;
        -o-transition        : all .1s;
        -webkit-border-radius: 10px;
        -moz-border-radius   : 10px;
        -ms-border-radius    : 10px;
        */
        -o-border-radius     : .625rem;
        -moz-transition      : all .1s;
        -o-border-radius     : 10px;
    }

    .home .card:hover {
        /*-webkit-transform: translateX(-0.625rem);
        */
        /*transform: translateY(-0.625rem);
        */
        transform        : scale(1.01);
        border           : 3px solid #337AB7;
        -webkit-transform: scale(1.01);
        -moz-transform   : scale(1.01);
        -ms-transform    : scale(1.01);
        -o-transform     : scale(1.01);
    }

    .card5 {
        /*border-radius: .625rem;
        */
        background-color     : var(--bg-white);
        box-shadow           : 0px 0px 3px 3px rgb(168, 255, 255);
        padding              : 1.75rem 1.125rem;
        -webkit-transition   : all .1s;
        transition           : all .1s;
        background-color     : #f2f8ff;
        border               : 3px solid #337AB7;
        height               : 400px;
        border-radius        : 10px;
        /*-moz-transition    : all .4s;
        -ms-transition       : all .1s;
        -o-transition        : all .1s;
        -webkit-border-radius: 10px;
        -moz-border-radius   : 10px;
        -ms-border-radius    : 10px;
        */
        -o-border-radius     : .625rem;
        -moz-transition      : all .1s;
        -o-border-radius     : 10px;
    }


    @media (min-width : 250px) {

        .card5 {
            height: 500px;


        }




        @media (min-width: 350px) {

            .card5 {
                height: 400px;
            }
        }


        @media (min-width : 412px) {

            .card5 {
                height: 350px;
            }

        }



        @media (min-width : 500px) {

            .card5 {
                height: 300px;
            }

        }


        @media (min-width : 750px) {
            .card5 {
                height: 650px;
                margin: auto;
            }
        }

        @media (min-width : 900px) {

            .card5 {
                height: 650px;
            }

        }

        @media (min-width : 1000px) {

            .card5 {
                height: 500px;
            }

        }


        @media (min-width : 1200px) {

            .card5 {
                height: 400px;
            }

        }




        .home .card5:hover {
            /*-webkit-transform: translateX(-0.625rem);
        */
            /*transform: translateY(-0.625rem);
        */
            transform        : scale(1.05);
            background-color : #e5f2ff;
            border           : 3px solid #337AB7;
            -webkit-transform: scale(1.05);
            -moz-transform   : scale(1.05);
            -ms-transform    : scale(1.05);
            -o-transform     : scale(1.05);
        }

        .card6 {
            /*border-radius: .625rem;
        */
            background-color: var(--bg-white);
            box-shadow      : 0px 0px 3px 3px rgb(168, 255, 255);

            -webkit-transition: all .1s;
            transition        : all .1s;
            background-color  : #ffffff;
            border            : 3px solid #337AB7;
            height            : 320px;
            border-radius     : 10px;
            /*-moz-transition : all .4s;
        -ms-transition        : all .1s;
        -o-transition         : all .1s;
        -webkit-border-radius : 10px;
        -moz-border-radius    : 10px;
        -ms-border-radius     : 10px;
        */
            -o-border-radius  : .625rem;
            -moz-transition   : all .1s;
            -o-border-radius  : 10px;
        }

        .card6:hover {
            /*-webkit-transform: translateX(-0.625rem);
        */
            /*transform: translateY(-0.625rem);
        */
            transform        : scale(1.05);
            background-color : #e5f2ff;
            border           : 3px solid #337AB7;
            -webkit-transform: scale(1.05);
            -moz-transform   : scale(1.05);
            -ms-transform    : scale(1.05);
            -o-transform     : scale(1.05);
        }


        .card7 {
            border            : 3px solid #52a3f5 !important;
            box-shadow        : 0px 0px 5px 5px #0ff;
            -webkit-transition: all .1s;
            transition        : all .1s;
            background-color  : #ffffff;
            margin            : 20px;
            height            : 270px;
            border-radius     : 10px;
            /*-moz-transition : all .4s;
        -ms-transition        : all .1s;
        -o-transition         : all .1s;
        -webkit-border-radius : 10px;
        -moz-border-radius    : 10px;
        -ms-border-radius     : 10px;
        */
            -o-border-radius  : .625rem;
            -moz-transition   : all .1s;
            -o-border-radius  : 10px;
        }

        .card7:hover {
            /*-webkit-transform: translateX(-0.625rem);
        */
            /*transform: translateY(-0.625rem);
        */
            transform        : scale(1.05);
            border           : 3px solid #52a3f5 !important;
            box-shadow       : 0px 0px 5px 5px #0ff;
            -webkit-transform: scale(1.05);
            -moz-transform   : scale(1.05);
            -ms-transform    : scale(1.05);
            -o-transform     : scale(1.05);
        }




        .card8 {
            /*border-radius: .625rem;
        */
            background-color  : var(--bg-white);
            border            : 3px solid #52a3f5 !important;
            box-shadow        : 0px 0px 5px 5px #0ff;
            -webkit-transition: all .1s;
            transition        : all .1s;
            background-color  : #f2f8ff;
            margin            : 20px;
            height            : 530px;
            border-radius     : 10px;
            /*-moz-transition : all .4s;
        -ms-transition        : all .1s;
        -o-transition         : all .1s;
        -webkit-border-radius : 10px;
        -moz-border-radius    : 10px;
        -ms-border-radius     : 10px;
        */
            -o-border-radius  : .625rem;
            -moz-transition   : all .1s;
            -o-border-radius  : 10px;
        }

        .card8:hover {
            /*-webkit-transform: translateX(-0.625rem);
        */
            /*transform: translateY(-0.625rem);
        */
            transform        : scale(1.05);
            background-color : #e5f2ff;
            border           : 3px solid #337AB7;
            -webkit-transform: scale(1.05);
            -moz-transform   : scale(1.05);
            -ms-transform    : scale(1.05);
            -o-transform     : scale(1.05);
        }

        
        .card9 {
            /*border-radius: .625rem;
        */
            background-color  : var(--bg-white);
            border            : 3px solid #52a3f5 !important;
            box-shadow        : 0px 0px 5px 5px #fff;
            -webkit-transition: all .1s;
            transition        : all .1s;
            background-color  : #fff;
            width           : 350px;
            height            : 450px;
            border-radius     : 10px;
            /*-moz-transition : all .4s;
        -ms-transition        : all .1s;
        -o-transition         : all .1s;
        -webkit-border-radius : 10px;
        -moz-border-radius    : 10px;
        -ms-border-radius     : 10px;
        */
            -o-border-radius  : .625rem;
            -moz-transition   : all .1s;
            -o-border-radius  : 10px;
        }

        .card9:hover {
            /*-webkit-transform: translateX(-0.625rem);
            *//*transform: translateY(-0.625rem);
            */transform: scale(1.0);
            background-color: #fff;
            border: 3px solid #337AB7;
            -webkit-transform: scale(1.0);
            -moz-transform: scale(1.0);
            -ms-transform: scale(1.0);
            -o-transform: scale(1.0);
}

        .flip-card1 {
            background-color: transparent;
            width           : 350px;
            height          : 450px;
            padding: 0px;
            padding-left: 10px;
            padding-right: 10px;
            line-height: normal;
            perspective     : 1000px;
        }

        .flip-card-inner1 {
            position          : relative;
            width             : 100%;
            height            : 100%;
            text-align        : center;
            transition        : transform 0.6s;
            transform-style   : preserve-3d;
            box-shadow        : 0 4px 8px 0 rgba(0, 0, 0, 0.2);
            -webkit-transition: transform 0.6s;
            -moz-transition   : transform 0.6s;
            -ms-transition    : transform 0.6s;
            -o-transition     : transform 0.6s;
        }

        .flip-card1:hover .flip-card-inner1 {
            transform        : rotateY(180deg);
            -webkit-transform: rotateY(180deg);
            -moz-transform   : rotateY(180deg);
            -ms-transform    : rotateY(180deg);
            -o-transform     : rotateY(180deg);
        }

        .flip-card-front1,
        .flip-card-back1 {
            position                   : absolute;
            width                      : 100%;
            height                     : 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility        : hidden;
        }

        .flip-card-front1 {
            border    : 3px solid #52a3f5 !important;
            box-shadow: 0px 0px 5px 5px #0ff;
            color     : rgb(163, 222, 254);
        }

        .flip-card-back1 {
            border: 3px solid #52a3f5 !important;
            box-shadow: 0px 0px 5px 5px #0ff;
            color: rgb(163, 222, 254);
            transform: rotateY(180deg);
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
}

        .flip-card {
            background-color: transparent;
            width           : 350px;
            height          : 400px;
            padding: 0px;
            padding-left: 10px;
            padding-right: 10px;
            line-height: normal;
            perspective     : 1000px;
        }

        .flip-card-inner {
            position          : relative;
            width             : 100%;
            height            : 100%;
            text-align        : center;
            transition        : transform 0.6s;
            transform-style   : preserve-3d;
            box-shadow        : 0 4px 8px 0 rgba(0, 0, 0, 0.2);
            -webkit-transition: transform 0.6s;
            -moz-transition   : transform 0.6s;
            -ms-transition    : transform 0.6s;
            -o-transition     : transform 0.6s;
        }

        .flip-card:hover .flip-card-inner {
            transform        : rotateY(180deg);
            -webkit-transform: rotateY(180deg);
            -moz-transform   : rotateY(180deg);
            -ms-transform    : rotateY(180deg);
            -o-transform     : rotateY(180deg);
        }

        .flip-card-front,
        .flip-card-back {
            position                   : absolute;
            width                      : 100%;
            height                     : 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility        : hidden;
        }

        .flip-card-front {
            border    : 3px solid #52a3f5 !important;
            box-shadow: 0px 0px 5px 5px #0ff;
            color     : rgb(163, 222, 254);
        }

        .flip-card-back {
            border: 3px solid #52a3f5 !important;
            box-shadow: 0px 0px 5px 5px #0ff;
            color: rgb(163, 222, 254);
            transform: rotateY(180deg);
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
}


        @keyframes movebounce {
            0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
}

            50% {
                -webkit-transform: translateY(1.25rem);
                transform: translateY(1.25rem);
                -moz-transform: translateY(1.25rem);
                -ms-transform: translateY(1.25rem);
                -o-transform: translateY(1.25rem);
}

            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
}

        }


        /* .header_wrapper{
        position: fixed;
        top: 0;
        color: #fff;
        z-index: 999;
    } */
        .header_wrapper .navbar {
            width           : 100%;
            padding         : 1.5rem;
            background-color: transparent;
            transition      : 0.3s ease-in-out;

        }

        .header_wrapper .navbar-toggler,
        .header_wrapper .navbar-toggler:focus {
            border     : 0;
            color      : var(--text-black);
            line-height: 2;
            box-shadow : none;
        }

        .header_wrapper .nav-item {
            margin: .625rem;
        }

        .subitem{
            color: #004caa;
        }

        .header_wrapper .nav-item .nav-link {
            font-size  : 1.125rem;
            font-weight: 400;
            color      : var(--primary-text);
            display    : inline-block;
            font-weight: bold;
        }

        .header_wrapper .nav-item .nav-link:hover,
        .header_wrapper .nav-item .nav-link:focus,
        .header_wrapper .nav-item .nav-link.active {
            color: var(--secondary-text);
        }

        .navbar .header-scrolled {
            position        : fixed;
            top             : 0;
            left            : 0;
            width           : 100%;
            z-index         : 999;
            background-color: var(--bg-white);
            box-shadow      : .5058rem 1.1419rem 2.5rem 0 rgb(0 0 0 /8%);
            transition      : 0.3s ease-in-out;
        }


        .subitem :hover {
            color: var(--secondary-color);
        }

        /* Navbar End */


        /*footer start */

        .footer_wrapper {
            background-color: var(--primary-color);
            padding-bottom  : 0;

        }

        .footer_wrapper h5 {
            color: var(--text-white);

        }

        .footer_wrapper .contact-info ul a {
            padding: 0;
        }

        .footer_wrapper ul li {
            margin-bottom: .5rem;
            list-style   : none;
            font-size    : .875rem;

        }

        .footer_wrapper ul li a {
            color: var(--text-white);

        }

        .footer_wrapper ul li a,
        .footer_wrapper p {
            color          : var(--text-white);
            font-size      : .875rem;
            padding-left   : 1.5rem;
            position       : relative;
            transition     : all 0.3s ease-out 0s;
            text-decoration: none;

        }

        @media only screen and (max-width: 480px) {
            .map_responsive {
                width : 90%;
                height: auto;
            }
        }

        .footer_wrapper ul li a::before {
            /*content: '\f105';
        */
            font-family      : "Font Awesome 5 free";
            font-weight      : 600;
            position         : absolute;
            left             : 0.3rem;
            top              : 50%;
            -webkit-transform: translateY(-50%);
            transform        : translateY(-50%);
            -webkit-transform: 50%;
            -moz-transform   : 50%;
            -ms-transform    : 50%;
            -o-transform     : 50%;
        }

        .footer_wrapper .link-widge li a:hover {
            margin-left: .625rem;
            color      : var(--secondary-text);
        }

        /*.footer_wrapper .social-network a{
        width: 2.1875rem;
        height: 2.1875rem;
        margin: .5rem;
        line-height: 2rem;
        font-size: .875rem;
        display: inline-block;
        border: .125rem solid var(--bg-light-blue);
        color: var(--text-light);
        text-align: center;
        border-radius: 100%;
        webkit-transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
        transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
    }
    */
        .footer_wrapper .social-network a:hover {

            border-color: var(--secondary-color);
            color       : var(--text-white);
            transform   : translateY(-0.1875rem);
        }

        .footer_wrapper::placeholder {
            color: var(--text-white);
        }

        .footer_wrapper .form-group {
            color: var(--text-white);
        }

        .footer_wrapper .form-group:focus {
            outline     : none;
            box-shadow  : none;
            border-color: var(--bg-white);
        }

        .footer_wrapper .copyright-section {
            background-color: var(--secondary-color);
            padding         : 5 0 13px;
            text-align      : center;
        }

        .footer_wrapper .copyright-section a {
            color          : var(--text-white);
            font-weight    : 600;
            text-decoration: none;
        }


        /*footer end */