/*------------------------------------------------------------------
  
  Theme Name: Imgra - Immigration Business Consultancy Services Agency Template
  Author: ThemeIM
  Theme URI: http://themeim.com/demo/imgra/
  Author URI: http://themeim.com
  Description: Imgra-Business cunsultancy and Immigration Agency  Template
  Version: 1.0.0
  Tags:     advising, advisor, broker, business, clean, company, consultancy, consulting, corporate , investments, services 


  -----------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------


- Font
- Base
- Component
- Section Padding
- Isotope Button
- Home Page One
    - Header Part 
    - Header  two 
    - Navigation Part 
    - Navigation Style Two
    - Navigation Style  three
    - Drop Down manu 
    - Contact form two
    - Mobile Manu
    - Banner Part 
    - About Part
    - Counter Part
    - Practise Part
    - Testimonial Part
    - Skill Part 
    - Social Media Part
    - Team Part 
    - Experience  Part 
    - Twitter Feed  Part
    - Footer  Part
    - Footer Copy Right
    - Footer style 2
    - Footer style 3
    - Clint Logo Part  
    - Blog  Part  
    - Progressbar Part
    - Progress bar 2 version
- Practice page One
- About company page
- Attorny details page 
- Practice  details page
- Contact  page
- Blog  page
    - Widget bar
    - Blog pagination
- Blog page two
- Single page

---------------------------------------------------------------- */

/* ---------------------------------------------
            == FONT ==
            --------------------------------------------- */

            @import "https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,700i";
            @import "https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700";

/* ---------------------------------------------
            == Base CSS==
            --------------------------------------------- */

            *,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            ul,
            ol,
            dl,
            button {
                margin: 0;
                padding: 0;
                outline: none;
            }

            body {
                position: relative;
                line-height: normal;
            }

            html,h1,
            h2,
            h3,
            h4,
            h5,
            h6,a,span,div {
                font-size: 100%;
                -webkit-text-size-adjust: 100%;
                font-variant-ligatures: none;
                -webkit-font-variant-ligatures: none;
                text-rendering: optimizeLegibility;
                -moz-osx-font-smoothing: grayscale;
                font-smoothing: antialiased;
                -webkit-font-smoothing: antialiased;
                text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
            }

            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                line-height: normal;
            }

            a {
                line-height: normal;
                transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
            }

            a:hover,
            a:focus {
                text-decoration: none;
            }

            ul,
            ol,
            dl {
                list-style-type: none;
            }

            button {
                line-height: normal;
                background: none;
                border: none;
                cursor: pointer;
            }

            button:focus {
                outline: none;
            }

            .form-control:focus {
                box-shadow: none;
                outline: none;
            }
            .pad-bot-50{
                padding-bottom: 60px!important;
            }
            .pad-bot-20{
                padding-bottom: 20px!important;
            }
            .pt-0 {
                padding-top: 0 !important;
            }

            .pb-0 {
                padding-bottom: 0 !important;
            }

            .ptb-0 {
                padding-top: 0 !important;
                padding-bottom: 0 !important;
            }

            .pr-0 {
                padding-right: 0 !important;
            }

            .pl-0 {
                padding-left: 0 !important;
            }

            .ptlr-0 {
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

            .fc-dark{
                color: #002e5b!important;
            }

            .mb-80{
                margin-bottom: 80px!important;
            }

            .primary-font,
            body {
                font-family: 'Open Sans', sans-serif;
            }

            body {
                font-size: 15px;
            }

            h1 {
                font-size: 52px;
                line-height: 62px;
            }

            .h2,
            h2 {
                font-size: 30px;
                line-height: 40px;
                letter-spacing: .25px;
            }

            .h3,
            h3 {
                font-size: 24px;
                line-height: 34px;
                font-family: "Montserrat", sans-serif;
                letter-spacing: .25px;
            }

            .h4,
            h4 {
                font-size: 18px;
                line-height: 28px;
            }

            .h5,
            h5 {
                font-size: 15px;
                line-height: 25px;
            }

            .h6,
            h6 {
                font-size: 14px;
                line-height: 24px;
            }

            p {
                font-size: 14px;
                line-height: 24px;
                color: #515050;
            }

            img {
                max-width: 100%;
            }

            .bg_dark{
                background: #f6f6f6;
            }

            .second-nav-toggler {
                width: 23px;
            }

            @media only screen and (min-width: 1200px) {
                .container {
                    max-width: 1200px;
                }
            }

            @media only screen and (max-width: 1199px) {
                h1 {
                    font-size: 52px;
                    line-height: 62px;
                }

                .h2,
                h2 {
                    font-size: 28px;
                    line-height: 38px;
                }
                .section-head-2 h2 {
                    font-size: 28px;
                }

            }


            @media only screen and (max-width: 991px) {
                .fi::before {
                    font-size: 45px;
                }
            }

 
/* ---------------------------------------------
            == Component CSS==
            --------------------------------------------- */

            .section-head {
                margin-bottom: 80px;
            }

            .section-head h2 {
                color: #002e5b;
                position: relative;
                display: block;
                font-family: 'Montserrat', sans-serif;
                letter-spacing: 2px;
                font-size: 36px;
                line-height: 25px;
                float: left;
                margin-top: 16px;
                padding-right: 120px;
                position:relative;
            }
            .section-head.light h2 {
                color: #fff;
            }
            .section-head h2:after{
                content: '';
                position:absolute;
                right: 60px;
                bottom: -12px;
                height: 50px;
                width:1px;
                background: #A3238F;
            }

            .section-head h2 span {
                color: #A3238F;
            }

    .section-head p {
        max-width: 90%;
        color: #494949;
        text-align: left;
        font-size: 18px;
        line-height: 28px;
        display: block;
        overflow: hidden;
    }
    .section-head.light p{
        color: #fff;
    }
	
	 .section-head-2 {
        padding-bottom: 26px;
    }

    .section-head-2 h2 {
        margin-top: -6px;
        padding-bottom: 25px;
        position: relative;
        color: #FFF;
        text-transform: capitalize;
        letter-spacing: 2px;
        font-family: 'Montserrat', sans-serif;
        font-size: 30px;
    }

    .section-head-2 h2 span {
        color: #3c3c3c;
    }

    .section-head-2 h2::before {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        height: 2px;
        width: 40px;
        background: #002e5b;
    }

    .section-head-2 p {
        padding-top: 25px;
        color: #3c3c3c;
        max-width: 490px;
    }

    .section-head-2-1 {
        margin-bottom: 30px;
    }

    .section-head-2-1 h2 {
        margin-top: -6px;
        padding-bottom: 0;
        margin-bottom: 30px;
        color: #3c3c3c;
        position: relative;
        display: inline-block;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 30px;
    }

    .section-head-2-1 h2 span {
        color: #A3238F;
    }

    .section-head-2-1 p {
        max-width: 642px;
        margin: auto;
        color: #3b3b3b;
    }
   
    .section-head-3-1 {
        margin-bottom: 40px;
    }

    .section-head-3-1 h2 {
        padding-bottom: 30px;
        margin-bottom: 25px;
        font-size: 30px;
        text-transform: uppercase;
        color: #3c3c3c;
        position: relative;
        display: inline-block;
        font-family: 'Montserrat', sans-serif;
        line-height: 19px;
    }

    .section-head-3-1 h2 span {
        color: #A3238F;
    }

    .section-head-3-1 h2::after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #A3238F;
        width: 30px;
        height: 2px;
    }

    .section-head-3-1 p {
        margin: auto;
        color: #3b3b3b;
    }


/* ---------------------------------------------
            ==  Section Padding  ==
            --------------------------------------------- */

            .section-p {
                padding: 110px 0;
            }
            .clint-logo-3.section-p {
                padding: 70px 0;
            }
            .section-p .section-head h3 {
                margin-top: -6px;
            }

            .section-p-important {
                padding: 80px 0 !important;
            }

            .section-p-important .section-head h3 {
                margin-top: -6px;
            }

            .section-p-2 {
                padding: 110px 0;
            }

            .section-p-2 .section-head h3 {
                margin-top: -7px;
            }

            @media only screen and (max-width: 991px) {
                .padding-110 {
                    padding-bottom: 80px;
                }
                .section-head-2 p {
                    margin: 0 auto;
                }
                .section-head-2 h2::before {
                    left: 50%;
                    margin-left: -20px;
                }
                .section-p {
                   padding: 80px 0;
               }
               .section-p-2 {
                padding: 80px 0;
            }
            .section-head-3-1 h2 {
                font-size: 28px;

            }
            .section-head-2-1 h2 {
                font-size: 28px;
            }

            .section-head-3-1 h2 {
                line-height: 38px;
            }
            .section-head h2 {
                float: none;
                padding-right: 0;
                text-align: center;
            }
            .section-head p {
                max-width: 86%;
                text-align: center;
                margin: 0 auto;
                margin-top: 30px;
            }
            .section-head h2::after {
                content: '';
                position: absolute;
                right: 50%;
                bottom: -17px;
                height: 2px;
                width: 50px;
                background: #A3238F;
                margin-right: -25px;
            }
            .section-head p {
                font-size: 16px;
            }

        }

        @media only screen and (max-width: 767px) {
            .section-p,.clint-logo-3.section-p {
                padding: 50px 0;
            }
            .section-p .section-head h2 {
                margin-top: -5px;
            }

            .section-p-2 {
                padding: 50px 0;
            }
            .section-p-2 .section-head h3 {
                margin-top: -7px;
            }

            .padding-110 {
                padding-bottom: 70px;
            }

            .section-p-important {
                padding: 70px 0 !important;
            }
            .section-head-3-1 {
                margin-bottom: 5px;
            }
            .pad-bot-50 {
               padding-bottom: 30px !important;
           }
           .section-head h2 {
            font-size: 28px;
            line-height: 30px;
        }
        .team-2-part.section-p.pad-bot-30 {
            padding-bottom: 0px;
        }
        .section-head {
            margin-bottom: 55px;
        }

        .section-head h2 {
            float: none;
            padding-right: 0;
            text-align: center;
        }
        .section-head p {
            max-width: 86%;
            text-align: center;
            margin: 0 auto;
            margin-top: 30px;
        }
        .section-head h2::after {
            content: '';
            position: absolute;
            right: 50%;
            bottom: -11px;
            height: 2px;
            width: 50px;
            background: #A3238F;
            margin-right: -25px;
        }

        .section-head p {
            font-size: 14px;
        }

    }

    .brand-color {
        color: #A3238F !important;
    }

    .bg-brand-color {
        background: #A3238F !important;
    }

    .white {
        color: #ffffff !important;
    }

    .dark {
        color: #000000 !important;
    }

    .semi-bold {
        font-weight: 600 !important;
    }

    .bold,h1,.h2,h2,.h4,h4 {
        font-weight: 700 !important;
    }

    .bg-image {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .p-relative {
        position: relative;
    }

    .bg-white {
        background: #fff;
    }

    .flat-list li {
        display: inline-block;
    }

    .flat-list.social-icon li {
        display: inline-block;
        padding: 0 5px;
    }

    .flat-list.social-icon li a i {
        font-size: 15px;
        color: #fff;
        height: 20px;
        width: 20px;
        text-align: center;
        line-height: 18px;
        background: transparent;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
    }

    .flat-list.social-icon li a:hover i {
        color: #ccc;
    }

    .regular-list li {
        font-size: 18px;
        color: #fff;
    }

    @media only screen and (max-width: 991px) {
        .regular-list li {
            font-size: 17px;
        }
    }

    .btn-1 {
        font-size: 14px;
		color: #000;
        background: #fff;
        padding: 15px 22px;
        border: 1px solid #fff;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        font-weight: 700;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
    }

    .btn-1.btn-darks {
        color: #002e5b;
        border: 1px solid #002e5b;
    }

    .btn-1:hover {
         background: #A3238F;
        color: #fff;
    }

    .btn-1 i {
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
    }

    .btn-1:hover i {
        transform: translate(10px, 0px);
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
    }


/* ---------------------------------------------
            ==  backtotop Button ==
            --------------------------------------------- */

            .backtotop {
                position: fixed;
                bottom: 25px;
                right: 25px;
                border: 2px solid #fff;
                cursor: pointer;
                border-radius: 50%;
                z-index: 9999;
                -webkit-box-shadow: -4px 1px 7px 0px rgba(84, 84, 84, 0.35);
                -moz-box-shadow: -4px 1px 7px 0px rgba(84, 84, 84, 0.35);
                box-shadow: -1px 1px 5px 0px rgba(84, 84, 84, 0.35);
            }

            .backtotop i {
                height: 42px;
                width: 42px;
                line-height: 42px;
                font-size: 20px;
                background: #fff;
                margin: 2px;
                color: #A3238F;
                text-align: center;
                border-radius: 50%;
            }


/* ---------------------------------------------
            ==  Home Page  ==
            --------------------------------------------- */

/* ---------------------------------------------
            ==  Header Part  ==
            --------------------------------------------- */

            .header-part {
                background: #0a0b0c;
                border-bottom: 2px solid #A3238F;
            }

            .header-icon a.btn-1 {
                padding: 12px 22px;
                border: none;
                border-radius: 0;
                font-weight: 600;
                background: #A3238F;
				color: #fff;
                text-transform: uppercase;
            }

            .header-icon a.btn-1:hover {
                color: #ccc;
            }

            .header-icon ul {
                margin-top: 5px;
            }

            .header-item {
                padding: 15px 0;
            }

            .header-item p {
                font-size: 13px;
                color: #fff;
                display: inline-block;
                position: relative;
            }

            .header-item p i {
                margin-right: 6px;
            }

            .header-item p a {
                color: #fff;
            }

            .header-item p a:hover {
                color: #ccc;
            }

            .bg-white {
                background: #f9f9f9 !important;
            }

            .bg-white .header-item p {
                color: #6f6f6f;
            }

            .bg-white .header-item p a {
                color: #A3238F;
            }

            .bg-white .header-item p i {
                color: #A3238F;
            }

            .bg-white .flat-list.social-icon li a i {
                color: #A3238F;
            }

            .bg-white .flat-list.social-icon li a i:hover {
                color: #002e5b;
            }

            .navbar-brand {
                margin-right: 0px;
            }


            @media only screen and (min-width: 1200px) {
                .header-icon a.btn-1 {
                    margin-right: 25px;
                }
            }

            @media only screen and (min-width: 992px) {
                .header-icon a.btn-1 {
                    padding: 17px 30px;
                }
                .header-icon ul {
                    margin-top: 0;
                }

                .header-item p {
                    padding: 0 20px;
                }
                .header-item p:not(:last-child):after {
                    position: absolute;
                    content: '|';
                    left: 100%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                }
            }


            @media only screen and (max-width: 767px) {
                .backtotop {
                   right: 7px;
                   -webkit-box-shadow: none;
                   -moz-box-shadow: none;
                   box-shadow: none;
               }
               .backtotop i {background: none;}
               .backtotop { border: 0px solid #fff;}

           }

           @media only screen and (max-width: 575px) {
            .header-icon ul {
                padding: 10px 0 15px;
                float: right;
            }

            .header-icon .flat-list.social-icon li {
                padding: 0;
            }

            
            .bg-white .flat-list.social-icon li a i {
                font-size: 14px;
            }

            .social-media-part .section-head-2 h2 {
                font-size: 20px;
                line-height: 30px;
            }
            .section-head-3-1 h2 {
                padding-bottom: 10px;
            }

        }


/* ---------------------------------------------
            ==  Navigation Part  ==
            --------------------------------------------- */

            #navigation {
                padding: 0 0px;
            }

            #navigation .navbar-brand {
                padding: 5px 0;
                margin-right: 0;
            }

            #nav-list > ul > li {
                padding: 45px 23px;
            }

            #nav-list > ul > li {
                padding: 45px 23px;
            }

            #mid-nav #nav-list > ul > li > a {
                font-size: 14px;
                position: relative;
                padding: 7px 0;
                text-transform: uppercase;
                font-weight: 700;
            }

            #nav-list > ul > li > a {
                font-size: 16px;
                position: relative;
                padding: 7px 0;
                text-transform: uppercase;
                font-weight: 600;
            }

            .second-nav-toggler i {
                font-size: 20px;
            }

            .nav-bg-white {
                background: #fff;
            }

            .nav-bg-white #nav-list > ul > li > a {
                color: #454c4e;
            }

            .nav-bg-white #nav-list > ul > li > a::after {
                position: absolute;
                content: '';
                left: 0;
                bottom: 0;
                background: #A3238F;
                height: 2px;
                width: 0;
                display: inline-block;
                transition: 0.8s;
                -webkit-transition: 0.8s;
                -moz-transition: 0.8s;
                -o-transition: 0.8s;
            }

            .nav-bg-white #nav-list > ul > li.active > a,
            .nav-bg-white #nav-list > ul > li:hover > a,
            .nav-bg-white #nav-list > ul > li > a.active {
                color: #A3238F;
            }

            .nav-bg-white #nav-list > ul > li.active > a::after,
            .nav-bg-white #nav-list > ul > li:hover > a::after,
            .nav-bg-white #nav-list > ul > li > a.active::after {
                width: 100%;
            }

            .nav-bg-white .second-nav-toggler i {
                color: #002e5b;
            }


/* --------------------------------------------------
    ==  Navigation Style Two  ==
    --------------------------------------------------- */

    .nav-bg-brand-color {
        box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
        -o-box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
        padding: 0;
        position: relative;
        background: #A3238F;
    }

    .nav-bg-brand-color .container {

        position: relative;
        z-index: 5;
    }

    .nav-bg-brand-color #nav-list > ul > li > a {
        color: #fff;
    }



    .nav-bg-brand-color #nav-list ul li > a.active {
        color: #002e5b;
    }
    .nav-bg-brand-color #nav-list ul li > a:hover {
    color: #002e5b;
}
    .nav-bg-brand-color #nav-list ul li > .dropdown-child-manu a.active {
        color: #A3238F;
    }
    .nav-bg-brand-color #nav-list ul > li:hover > a::after {

        transform: translatey(0px);
        opacity: 1;
    }



    .nav-bg-brand-color #nav-list ul li > a.active::after,
    .nav-bg-brand-color #nav-list ul li:hover > a::after {
        width: 100%;
    }

    .nav-bg-brand-color .second-nav-toggler i {
        color: #fff;
    }



/* --------------------------------------------------
    ==  Navigation  three  ==
    --------------------------------------------------- */

    .navbar-two .nav-list > ul > li {
        padding: 40px 23px;
    }

    .navbar-two .nav-list > ul > li > a {
        font-size: 15px;
        font-weight: 700;
        position: relative;
        text-transform: uppercase;
        color: #1e1e1e;
        display: inline-block;
        padding: 7px 0;
    }

    .navbar-two .nav-list ul li a::after {
        display: none;
    }

    .navbar-two .nav-list ul li.active > a,
    .navbar-two .nav-list ul li:hover > a {
        color: #A3238F;
    }

    .navbar-two #nav-list-2 {
        margin-right: -28px;
    }


/* --------------------------------------------------
            ==  Drop Down manu  ==
            --------------------------------------------------- */

            .custom-dropdown-box {
                position: relative;
            }

            .dropdown-child-manu {
                position: absolute;
                top: 110%;
                left: 0;
                width: max-content;
                background: #fff;
                z-index: 999;
                padding: 15px 0;
                box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                -webkit-box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                -moz-box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                -o-box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                border-radius: 3px;
                visibility: hidden;
                opacity: 0;
                z-index: -1;
                transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                width: 210px;
            }
			
			
            .dropdown-child-manu li {
                padding: 10px 35px;
            }

            .dropdown-child-manu li a {
                color: #333;
            }

            .dropdown-child-manu li a:hover {
                color: #A3238F;
            }

            .custom-dropdown-box:hover .dropdown-child-manu {
                visibility: visible;
                z-index: 999;
                opacity: 1;
                top: 95%;
            }

            .nav-scrl {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                background: #fff;
                z-index: 998;
                box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                -webkit-box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                -moz-box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                -o-box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
            }

            .ht-header-bottom.is-sticky {
                position: fixed;
                left: 0;
                top: 0;
                right: 0;
                background-color: #ffffff;
                -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
                -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
                box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
            }

            .nav-scrl #nav-list > ul > li {
                padding: 38px 23px;
            }

            .nav-bg-brand-color.nav-scrl {
                background: #A3238F;
            }
            
            .dropdown-child-manu li a.active {
                color: #A3238F;
            }

/* --------------------------------------------------
            ==  Contact form two  ==
            --------------------------------------------------- */

            .style-two .con-bottom-inner {
                text-align: center;
                padding-top: 90px;
                padding-bottom: 80px;
                border-radius: 13px;
                margin-top: -115px;
				background: url(../images/bg/skill_light_bg.jpg)no-repeat;
            }

            .con-bottom-inner p {
                font-size: 15px;
                color: #3c3c3c;
                padding-bottom: 7px;
            }

            .con-bottom-inner p span {
                font-weight: 700;
            }

            .con-bottom-inner p a {
                font-size: 15px;
                color: #3c3c3c
            }

            .style-two .con-page-form {
                padding-top: 45px;
            }

            @media (min-width: 992px) and (max-width: 1199px) {
                #nav-list > ul > li {
                    padding: 45px 20px;
                }

                .navbar-two .nav-list ul li {
                    padding: 7px 7px;
                }
                .dropdown-child-manu {
                    left: -20px;
                }
                .nav-scrl #nav-list > ul > li {
                    padding: 38px 20px;
                }

            }

            @media (min-width: 1200px) and (max-width: 1250px) {

                .dropdown-child-manu {
                    left: -33px;
                }
            }

/* --------------------------------------------------
            ==  Mobile Manu  ==
            --------------------------------------------------- */

            #mobile-nav {
                position: fixed;
                top: 0;
                right: -50%;
                width: 50%;
                background: #fff;
                z-index: 999;
                overflow-y: scroll;
                transition: all 0.7s cubic-bezier(0.65, -0.22, 0.35, 1.13);
                -webkit-transition: all 0.7s cubic-bezier(0.65, -0.22, 0.35, 1.13);
                -moz-transition: all 0.7s cubic-bezier(0.65, -0.22, 0.35, 1.13);
                -o-transition: all 0.7s cubic-bezier(0.65, -0.22, 0.35, 1.13);
                overflow-x: hidden;
            }

            body.active #mobile-nav {
                right: 0 !important;
            }

            .mobile-nav-box {
                padding: 85px 40px;
                height: 100%;
                width: 100%;
                position: relative;
            }

            .mobile-logo {
                display: flex;
                align-items: center;
                position: relative;
                z-index: 50;
                padding-left: 0;
            }

            .mobile-logo .manu-close {
                margin-left: auto;
                width: 19px;
                color: #3c3c3c;
                cursor: pointer;
                transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
            }

            .mobile-logo .manu-close i {
                font-size: 18px;
            }

            .mobile-logo .manu-close:hover {
                color: #A3238F;
            }

            .mobile-main-logo {
                width: 225px;
            }

            .mobile-list-nav {
                padding: 100px 0;
                position: relative;
                z-index: 90;
                padding-left: 0;
            }

            .mobile-list-nav > li {
                padding: 15px 0;
                transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                border-bottom: 1px dashed #ddd;
            }

            .mobile-list-nav > li > a {
                font-size: 16px;
                color: #2c3c5e;
                position: relative;
                font-weight: normal;
                display: inline-block;
                transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
            }


            .mobile-list-nav > li > a.dropdownlink::after {
                position: absolute;
                top: 6px;
                right: -22px;
                content: '';
                width: 13px;
                height: 37px;
                background-image: url(../images/darrow2.png);
                background-size: contain;
                background-repeat: no-repeat;
            }

            .mobile-list-nav > li > a.dropdownlink:hover:after {
                position: absolute;
                top: 6px;
                content: '';
                width: 13px;
                height: 37px;
                background-image: url(../images/darrow.png);
                background-size: contain;
                background-repeat: no-repeat;
            }

            .mobile-list-nav > li:hover > a {
                color: #002e5b;
                transition: all 0s;
                -webkit-transition: all 0s;
                -moz-transition: all 0s;
                -o-transition: all 0s;
            }

            .mask-overlay {
                position: fixed;
                background: rgba(0, 0, 0, 0.7);
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
                z-index: 998;
            }

            .mobile-nav-box .achivement-blog {
                position: relative;
                z-index: 10;
                text-align: center;
            }

            .mobile-nav-box .achivement-blog ul > li > a {
                color: #747474;
            }

            .mobile-nav-box .achivement-blog ul > li > a span {
                color: #747474;
                display: none;
            }

            .mobile-nav-box .achivement-blog ul > li > a:hover {
                color: #002e5b;
            }

            .mobile-nav-box .achivement-blog ul > li > a:hover span {
                color: #002e5b;
            }

            .mobile-list-nav .submenuItems {

                display: none;
                padding: 0px;
                border-radius: 5px;
                margin-top: 17px;
            }

            .mobile-list-nav .submenuItems li a {
                color: #2c3c5e;
                padding: 20px;
                padding: 10px 20px;
                display: inline-block;
                text-transform: uppercase;
                font-weight: normal;
                font-size: 14px;
            }

            @media (min-width: 1200px) and (max-width: 1600px) {
                .mobile-list-nav {
                    padding: 60px 0;
                    padding-left: 18px;
                }
            }

            @media only screen and (min-width: 1200px) {
                #mobile-nav {
                    height: 100vh;
                    right: -30%;
                    width: 23%;
                }
            }

            @media only screen and (min-width: 992px) {
                #navigation .navbar-brand {
                    padding: 5px 0;
                    margin-right: 16px;
                }

                .second-nav-toggler {
                    margin-left: 40px;
                }
            }

            @media only screen and (max-width: 991px) {
                #navigation {
                    padding: 15px;
                }

                #mobile-nav {
                    right: -60%;
                    width: 60%;
                    height: 100vh;
                }

                .mobile-list-nav {
                    padding-left: 30px;
                    padding: 80px 0;
                }

                .mobile-list-nav > li {
                    padding: 12px 0;
                }

                .mobile-list-nav {
                    padding: 45px 0;
                }
                .mobile-logo {
                    padding-left: 0;
                }

                .nav-bg-brand-color .container {
                    padding: 8px 16px;
                }

                .header-icon a.btn-1 {
                    padding: 12px 8px;
                }

                .flat-list.social-icon li {
                    padding: 0 3px;
                }

            }

            @media only screen and (max-width: 767px) {
                .mobile-list-nav {
                    padding: 30px 0;
                }

                .mobile-list-nav > li > a {
                    font-size: 15px;
                    padding-right: 14px;
                }
            }

            @media only screen and (max-width: 575px) {
                .mobile-list-nav > li {
                    padding: 10px 0;
                }

                .mobile-main-logo {
                    width: 136px;
                }

                .mobile-logo .manu-close {
                    font-size: 13px;
                }

                #mobile-nav {
                    right: -85%;
                    width: 85%;
                }
                #mobile-nav .achivement-blog h6 {
                    display: none;
                }

                .mobile-nav-box {
                    padding: 45px 20px;
                }
            }

			.achivement-blog ul li {
                position: relative;
                color: #fff;
                padding: 5px 20px 5px 52px;
                text-align: left;
                width: 30%;
            }

            .achivement-blog ul li:first-child {
                padding-left: 28px;
            }

            .achivement-blog ul li:first-child i {
                left: 0;
            }

            .achivement-blog ul li span {
                color: #cdcbcb;
            }

            .achivement-blog ul li i {
                position: absolute;
                top: 50%;
                left: 15px;
                font-size: 30px;
                transform: translateY(-50%);
                height: 30px;
                width: 30px;
            }
			
		@media only screen and (max-width: 991px) {
		.achivement-blog {
                    text-align: center;
                }
		}
	
		@media only screen and (max-width: 575px) {
		.achivement-blog ul li:not(:last-child) {
                    border-right: 0px;
                }

                .achivement-blog ul {
                    margin-bottom: -10px;
                }
                .achivement-blog ul li {
                    padding-bottom: 10px;
                }
		}
		
		@media (min-width: 320px) and (max-width: 575px) {
		 .achivement-blog ul li {
			 width: auto;
			}
		}
			
/* --------------------------------------------------
            ==  Banner Section  ==
            --------------------------------------------------- */

            .banner-item {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	line-height: 1.2;
	height: 600px;
            }

            .home-one .banner-caption {
                transform: translateY(20vh);
                position: absolute;
                left: 0;
                z-index: 9999;
            }
            .swiper-slide .container {
                position: relative;
            }


            .home-one .banner-caption.text-center {
                width: 100%
            }


    .banner-item .banner-caption h1 {
        font-size: 50px;
        text-transform: uppercase;
        line-height: 50px;
        font-weight: 700 !important;
        position: relative;
        color: #fff;
        margin: 18px 0;
    }

    .banner-item .banner-caption h2 {
        font-size: 24px;
        text-transform: capitalize;
        line-height: 24px;
        font-weight: 400 !important;
    }

    .banner-item .banner-caption p {
        font-size: 20px;
        color: #fff;
        margin-bottom: 29px;
        line-height: 32px;
        margin-top: 52px;
    }

    .banner-item .banner-caption h1::after {
        content: "";
        position: absolute;
        bottom: -24px;
        left: 7px;
        height: 3px;
        background: rgb(163, 35, 143);
        width: 250px;
    }

    .banner-item .banner-caption.text-center p {
        width: 100%;

    }

    .banner-part .swiper-button-prev,
    .banner-part .swiper-button-next {
        display: none;
        font-size: 90px;
        color: #000000;
        background: none;
        transform: translateY(-50%);
    }

    .banner-part .swiper-button-prev i,
    .banner-part .swiper-button-next i {
        font-weight: 400;
    }

    .banner-part .swiper-button-prev {
        left: 10%;
    }

    .banner-part .swiper-button-next {
        right: 10%;
    }

    .banner-part:hover .swiper-button-prev {
        display: inline-block;
    }

    .banner-part:hover .swiper-button-next {
        display: inline-block;
    }

    @media (min-width: 992px) and (max-width: 1200px) {

        .banner-item .banner-caption h2 {
            font-size: 26px;
            line-height: 36px;
        }
        .banner-item .banner-caption h1 {
            font-size: 48px;
            line-height: 58px;
        }
        .banner-item .banner-caption a {
            padding: 14px 21px;
        }

        .banner-part .swiper-button-prev {
            left: 1%;
        }
        .banner-part .swiper-button-next {
            right: 1%;
        }

    }

    @media only screen and (max-width: 991px) {

        .banner-item .banner-caption h2 {
            font-size: 20px;
            line-height: 30px;
        }
        .banner-item .banner-caption h1 {
            padding: 7px 0 20px;
            font-size: 32px;
            line-height: 42px;
        }
        .banner-item .banner-caption a {
            padding: 12px 18px;
            font-size: 13px;
        }
    }

    @media only screen and (max-width: 575px) {
        .banner-item {
            background-position: 50% center;
			height: 400px;
        }
        .banner-item .banner-caption h1 {
            margin-bottom: 20px;
        }
        .banner-item .banner-caption h1::after {
            bottom: -5px;
            width: 50px;
        }
        .banner-item .container {
            position: relative;
            z-index: 5;
        }
        .banner-item .banner-caption h1 {
            font-size: 25px;
            line-height: 30px;
            padding: 7px 0 17px;
        }
        .banner-item .banner-caption h2 {
            font-size: 17px;
            line-height: 27px;
        }
    }


    @media only screen and (max-width: 767px) {
        .home-one .banner-item .banner-caption h1 {
            margin-bottom: 19px;
        }

        .banner-item .banner-caption h1::after {
            top: 73px;
            width: 50px;
        }

        .banner-item .banner-caption p {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 575px) {
        .banner-item .banner-caption h1::after {
            display: none;
        }
      }

    .banner-slider .swiper-pagination {
        margin-bottom: 45px;
        position: absolute;
        top: 44%;
        left: 95% !important;
        width: 64px !important;
        text-align: right;
        margin-right: 25px;
        text-align: right;
    }

    .banner-slider .swiper-pagination-bullet {
        display: block;
        margin: 6px 0px !important;
    }

    .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background: rgba(253, 253, 253, 0.78);
        border-radius: 50%;
        opacity: 1;
    }

    .banner-slider .swiper-pagination-bullet {
        background: #0d4478;
    }

    .banner-slider .swiper-pagination-bullet-active {
        background: #A3238F;
    }

    .swiper-pagination-bullet-active {
        background: #A3238F;
    }
    

@media only screen and (max-width: 575px) {
   
.banner-slider .swiper-pagination {
    display: none;
}

.home-one .banner-caption {
    transform: translateY(22vh);
    left: 0;
}
}

/* --------------------------------------------------
            ==  Call to action Part  ==
            --------------------------------------------------- */


            .call_to_action {
                background: #A3238F;
            }

            .call_to_action .request-content {
                border: 0px solid #ebebeb;
                padding: 49px 0;
            }

            .call_to_action .request-content a.btn-1 {
                background: #fff;
                border-color: #fff;
                border-radius: 0;
                letter-spacing: .25px;
                padding: 11px 22px;
                text-transform: uppercase;
                color: #002e5b;
            }
            .call_to_action .request-content a.btn-1:hover {
                color: #A3238F;
            }
            .call_to_action .request-content h4 {
                font-size: 30px;
                font-weight: 700 !important;
                margin-bottom: 10px;
                color: #fff;
            }
            .call_to_action .request-content p {
                letter-spacing: 0.25px;
                color:#fff;
            }


/* --------------------------------------------------
            ==  About us  ==
            --------------------------------------------------- */


            .about_us{
                background-image: url(../images/bg/wus.png);
                background-position: right;
                background-repeat: no-repeat;
            }
            .about_us h2{font-size: 48px;color:#002e5b;line-height: 58px;margin-bottom: 20px;}
            .about_us h6 {
                font-size: 22px;
                color: #3c3c3c;
                line-height: 32px;
                margin-bottom: 20px;
                font-weight: 600;
            }
            .about_us p {
                font-size: 14px;
                line-height: 28px;
                color: #6f6f6f;
            }

            .progress_bar {
                float: left;
                margin-top: 40px;
                text-align: left;
                margin-right: 60px;
                position: relative;
            }

            .progress_bar p {
                font-weight: 600;
                font-size: 16px;
                text-align: center;
                color: #001e3c;
            }

            .pro-num {
                position: absolute;
                left: 50%;
                font-size: 25px;
                top: 50%;
                transform: translate(-50%,-90%);
                font-weight: 600;
            }
			
	@media only screen and (max-width: 767px) {
        .progress_bar {
            margin-right: 20px;

        }
        .about_us h2 {
            font-size: 28px;
            margin-bottom: 0px;
        }
        .about_us h6 {
            font-size: 17px;
            line-height: 27px;
        }
    }

    @media only screen and (max-width: 575px) {
        .banner-item .banner-caption p {
            display: none;
        }
        
        .progress_bar_wrap {
            margin: 0 auto;
            width: 150px;
        }
    }


    @media (min-width: 768px) and (max-width: 992px) {
        .home-one .banner-caption {
           left: 20px;
       }
       .banner-item .banner-caption h1::after {
        height: 1px;
        top: 69px;
    }

    .home-one .banner-item .banner-caption p {
        width: 94%;
        font-size: 16px;
        line-height: 24px;
    }
    .home-one .banner-item .banner-caption h2 {
        padding: 10px 0 0px;

    }
    .home-one .banner-item .banner-caption h1 {
        padding: 7px 0 5px;
    }
    .home-one .banner-caption.small {
       padding-left: 386px!important;
   }

}


@media only screen and (max-width: 767px) {
    .home-one .banner-item .banner-caption h2 {
        padding: 11px 0 0px;
    }
    .home-one .banner-item .banner-caption h1 {
        padding: 7px 0 6px;
        margin:5px 0 14px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .home-one .banner-caption.small {
       padding-left: 200px;
   }
}

/* --------------------------------------------------
            ==  Counter Part  ==
            --------------------------------------------------- */

            .count-des i {
                font-size: 42px;
            }

            .counter-part .container {
                position: relative;
            }

            .counter-part.style-two {
                padding-bottom: 110px;
            }

            .counter-box {
                background-position: right;
                background-size: cover;
                left: 0;
                width: 100%;
            }

            .style-two .counter-box{
                background: url(../images/bg/counter-bg.jpg) no-repeat;
                background-position: right;
                background-size: cover;
                padding: 70px 30px;
                position: absolute;
                left: 0;
                transform: translateY(-50%);
                border-radius: 3px;
                box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                -webkit-box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                -moz-box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                -o-box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                width: 100%;
            }

            .count-des {
                padding-left: 30px;
                position: relative;
            }

            .count-des:first-child::after {
                position: absolute;
                content: '';
                top: 22px;
                right: -12px;
                height: 40px;
                width: 1px;
                background: #bfbcbc33;
            }

            .counter-item {
                display: flex;
                align-items: center;
                color: #A3238F;
            }

            .counter-item h2 {
                font-size: 38px;
            }

            .counter-item p {
                color: #1e1e1e;
                font-weight: 400;
                font-size: 18px;
                margin-top: 5px;
            }

            .counter-item .count-des span {
                margin-right: 15px;
                padding-right: 15px;
                position: relative;
            }

            .counter-item .count-des span::after {
                position: absolute;
                content: '';
                top: -32px;
                right: 0;
                height: 58px;
                width: 2px;
                background: #002e5b;
            }

            @media (min-width: 992px) and (max-width: 1199px) {
                .counter-item h2 {
                    font-size: 33px;
                }
                .counter-item p {
                    font-size: 15px;
                    line-height: 25px;
                }

                .counter-item .count-des span {
                    margin-right: 10px;
                    padding-right: 10px;
                }
                .counter-item .count-des span::before {
                    font-size: 45px;
                }

                .counter-item .count-des span::after {
                    top: -29px;
                }
                .home-one .banner-caption.small {
                   padding-left: 470px !important;
                   width: 100%;
               }

           }


           @media only screen and (max-width: 575px) {
            .counter-box {
                position: inherit;
                transform: inherit;
                background-position: left;
            }
            .counter-item {
                padding: 15px 0px;
            }
            .count-des {
                padding-left: 0;
                text-align: center;
            }
            .counter-item h2 {
                font-size: 30px;
                margin-bottom: 6px;
            }
            .counter-item p {
                font-size: 14px;
            }
            .count-des:first-child {
                display: none;
            }

        }

        .counter-3-part {
            background: url(../images/bg/counter-3-bg.jpg) no-repeat;
            background-size: cover;
            background-position: center;
            position: relative;
        }

        .counter-3-part .section-head-3-1 {
            margin-bottom: 50px;
        }

        .counter-3-part::after {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: rgba(36, 36, 36, 0.8);
        }

        .counter-3-part .container {
            position: relative;
            z-index: 5;
        }

        .counter-3-part .section-head-3-1 p {
            color: #e4e0e0;
        }

        .counter-3-item .number-box i {
            font-size: 50px;
            color: #A3238F;
            line-height: 38px;
            padding-bottom: 8px;
            display: block;
        }

        .counter-item .count-des .counter {
            line-height: 23px;
            margin-top: 5px;
            margin-bottom: 20px;
        }

        .counter-3-item h3 {
            font-weight: 700;
            color: #fff;
            font-family: 'Open Sans', sans-serif;
            line-height: 23px;
            margin-top: 5px;
			font-size: 16px;
        }

        .counter-3-s2 {
            background: url(../images/bg/counter-4-bg.jpg) no-repeat;
            background-size: cover;
            background-position: center;
            position: relative;
        }

        .counter-3-s2::after {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: linear-gradient(to right, #e53b89, #ee7e33);
        }

        .counter-3-s2 .container {
            position: relative;
            z-index: 5;
        }

        .counter-3-s2::after {
            opacity: .84;
        }

        @media only screen and (max-width: 1200px) {
            .counter-3-item h3 {
                margin-top: 7px;
            }
        }


/* --------------------------------------------------
            == Practise Part  ==
            --------------------------------------------------- */
            .practise-part.section-p {
                padding-bottom: 80px;
            }

            .practise-item {
                padding: 25px 30px 40px;
                position: relative;
                transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                margin-bottom: 30px;
                text-align: center;
                box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.08);
                position:relative;
                z-index:1;
            }

            .practise-item:hover {
                box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
            }

            .practise-item h2 {
                transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                padding-bottom: 15px;
            }

            .practise-item P {
                transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
            }

            .practise-item .icon-box {
                height: 70px;
                width: 100px;
                line-height: 97px;
                text-align: center;
                position: relative;
                color: #002e5b;
                transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                line-height: 80px;
                margin: 0 auto;
            }

            .practise-item .icon-box i::before {
                font-size: 45px;
            }

            .practise-item h2 a {
                font-size: 20px;
                color: #2a2a2a;
            }

            .practise-item:hover h2 a{
                color: #A3238F;
            }

            .practise-item:hover .icon-box {
                border-color: #A3238F;
            }

            @media (min-width: 992px) and (max-width: 1199px) {

                .practise-item {
                    padding: 59px 30px 30px;
                }
                .practise-item h2 {
                    font-size: 18px;
                }

                .practise-item .bg-icon i:before {
                    font-size: 65px;
                }
            }

            @media only screen and (max-width: 757px) {
                .practise-item {
                    padding: 10px 15px 27px;
                }
                .practise-item h2 a {
                    font-size: 17px;
                }
                .practise-item h2 {
                    font-size: 16px;
                    line-height: 26px;
                }
                .practise-item .icon-box {
                    height: 65px;
                    width: 80px;
                    line-height: 77px;
                }
                .practise-item .icon-box i::before {
                    font-size: 38px;
                }
                .practise-item .bg-icon i::before {
                    font-size: 50px;
                }
                .practise-part.section-p {
                    padding-bottom: 30px;
                }
            }

            @media only screen and (max-width: 575px) {
                .practise-part {
                    padding: 50px 0 50px;
                }
                .practise-part .section-head {
                    margin-bottom: 50px;
                }
               .testimonial-part .section-head-2 {
                   padding-bottom: 0px;
               }
               .counter-item .count-des .counter {
                margin-bottom: 10px;
            }
            .counter-part .mt-4 {
                margin-top: 0;
            }
        }


        @media (min-width: 576px) and (max-width: 767px) {
            .counter-3-item h3 {
                line-height: 25px;
            }
            .style-two .counter-box {
                padding: 30px 0px;
            }
            .counter-part.style-two {
                padding-bottom: 118px;
            }
            .about-part.style-two {
                padding: 90px 0 90px;
            }

        }

        @media only screen and (max-width: 575px) {
            .style-two .counter-box {
                position: inherit;
                transform: inherit;
                background-position: left;
                padding: 10px 0px;
            }
            .counter-part.style-two {
                padding-bottom: 5px;
            }
            .about-part.style-two {
                padding: 180px 0 0;
            }
        }
		
		@media (min-width: 992px) and (max-width: 1199px) {
                .practise-item h2 a {
                    font-size: 18px;
                }
            }

/* --------------------------------------------------
            ==  Testimonial Part  ==
            --------------------------------------------------- */

            .testimonial-part {
                position: relative;
                background: #f6f6f6;
            }


            .testimonial-part::after {
                position: absolute;
                content: '';
                top: 0;
                left: 0;
                height: 100%;
                width: 50%;
                background: url(../images/bg/testimonial-bg.png) no-repeat;
                background-position: left;
                background-size: cover;
            }

            .testimonial-part .container {
                position: relative;
                z-index: 2;
            }

            .story-box {
                position: relative;
            }

            .story-box .years {
                padding: 15px 30px;
                background: #A3238F;
                color: #fff;
                display: inline-block;
                font-size: 16px;
                font-family: "Montserrat", sans-serif;
                width: max-content;
            }

            .story-box .year {
                width: 40%;
                position: relative;
            }

            .story-box .year::after {
                content: '';
                position: absolute;
                right: 0%;
                top: 40%;
                transform: translate(50%, -50%);
                height: 14px;
                width: 14px;
                border-radius: 50%;
                z-index: 5;
                background: #fff;
                border: 1px solid #A3238F;
            }

            .story-box .year.year-right-box::after {
                right: 100%;
                top: 50%;
                transform: translateX(50%);
            }

            .story-box::after {
                position: absolute;
                content: '';
                top: 15px;
                left: 40%;
                height: 100%;
                width: 2px;
                transform: translateX(-50%);
                background: #A3238F;
            }

            .story-item {
                width: 100%;
                margin-top: 30px;
            }

            .comment-box {
                width: 60%;
            }

            .story-comment {
                position: relative;
                box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                -webkit-box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                -moz-box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                -o-box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45);
                padding: 20px 62px 20px 16px;
                background: #fff;
                color: #3c3c3c;
                margin-right: 27px;
            }

            .story-comment P {
                max-width: 179px;
                font-family: "Montserrat", sans-serif;
                font-size: 14px;
                margin-left: auto;
            }

            .story-comment img {
                position: absolute;
                right: 6%;
                top: 50%;
                transform: translate(50%, -50%);
                border: 5px solid #ebebeb;
            }

            .year-left {
                margin-right: 25px;
            }

            .year-right {
                margin-left: 25px;
            }

            .story-comment-right {
                padding: 15px 10px 15px 55px;
                margin-left: 27px;
                margin-right: 0;
            }

            .story-comment-right p {
                margin-left: 0;
            }

            .story-comment-right img {
                right: 94%;
            }

            .story-comment-right::after {
                right: 117.1%;
            }

            .testimonial-box .section-head-2 p {
               color: #fff;
           }
		   
		   .testimonial-part .section-head-2 {
                padding-bottom: 40px;
            }

            .testimonial-2-part .section-head-2 {
                padding-bottom: 40px;
            }

            .testimonial-2-part .testimonial-box .section-head-2 {
                margin-bottom: 0px;
            }

            .testimonial-box .section-head-2 h2::before {
                background: #fff;
            }

            .testimonial-box .section-head-2 h2 span {
                color: white;
            }

            .testimonial-slider {
                position: relative;
                padding-bottom: 90px;
            }

            .testimonial-slider .swiper-pagination {
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
            }

            .testimonial-slider .swiper-pagination .swiper-pagination-bullet {
                height: 7px;
                width: 24px;
                border-radius: 0;
                border: 2px solid #fff;
                background: transparent;
                cursor: pointer;
                display: inline-block;
                opacity: 1;
            }

            .testimonial-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                border-color: #A3238F;
            }

            .person-detail {
                text-align: center;
            }

            .person-detail .person-img img {
                border: 4px solid #fff;
                width: 100%;
            }

            .person-detail h3 {
                font-size: 16px;
                color: #fff;
                line-height: 26px;
                margin-top: 12px;
                font-weight: 700;
                text-transform: uppercase;
            }

            .person-detail p {
                font-family: "Montserrat", sans-serif;
                color: #e5e5e5;
            }

            .person-comment {
                color: #fff;
            }

            .person-comment h4 {
                font-size: 16px;
                margin-bottom: 10px;
                letter-spacing: .85px;
            }

            .person-comment .mains-comment {
                margin-top: 25px;
            }

            .person-comment .star li i {
                color: #A3238F;
            }

            .person-comment p {
                color: #fff;
                font-family: "Montserrat", sans-serif;
                letter-spacing: 1px;
            }

            .person-comment p i {
                font-size: 16px;
            }

            .person-comment img {
                margin-top: 34px;
            }

            .person-comment #rateYo {
                width: 15px;
            }

            .person-comment .rateit {
                clear: both;
            }

            @media (min-width: 992px) and (max-width: 1199px) {
                .testimonial-part::after {
                    background-position: center;
                }

                .story-comment-right {
                    padding-right: 0;
                }

                .story-comment-left {
                    padding-left: 0;
                }

                .story-comment {
                    padding: 20px 52px 20px 5px;
                }

                .story-comment-right {
                    padding: 20px 0px 20px 54px;
                }
            }

            @media only screen and (max-width: 991px) {
                .testimonial-part::after {
                    display: none;
                }
                .testimonial-part .section-head-2 {
                    text-align: center;
                    margin-bottom: 30px;
                }
                .testimonial-part .section-head-2 h2 {
                    display: inline-block;
                }

                .testimonial-box {
                    padding: 60px 15px;
                    background: url(../images/bg/testimonial-bg.png) no-repeat;
                    background-position: center;
                    background-size: 125%;
                }

                .light_bg .testimonial-box{
                    display: none;
                }
            }

            @media only screen and (max-width: 767px) {
                .testimonial-box {
                    background-size: cover;
                }
                .testimonial-part .testimonial-box {
                   margin-left: 0px;
               }

               .practise-3-item {
                margin-bottom: 30px;
                margin-right: 0px;
            }
            .story-item {
                margin-top: 30px;
            }
            .testimonial-part .section-head-2 {
                padding-bottom: 0px;
            }

        }

        @media only screen and (max-width: 575px) {
            .comment-box {
                width: 100%;
                text-align: center;
            }

            .story-box::after {
                display: none;
            }

            .story-box .year {
                width: 100%;
                margin-bottom: 13px;
            }
            .story-box .year::after {
                display: none;
            }

            .year-left {
                margin-right: 0;
            }

            .year-right {
                margin-left: 0;
            }

            .story-item {
                position: relative;
            }
            .story-item .year-right-box {
                position: absolute;
                top: 0;
            }

            .story-comment {
                margin-top: 63px;
            }
            .story-box {
                width: 300px;
                margin: 0 auto;
            }


        }


/* --------------------------------------------------
            ==  contact form  ==
            --------------------------------------------------- */
            .contact-form {
                overflow: hidden;
                display: block;
                padding-top: 17px;
                padding-right: 100px;
            }


            @media only screen and (max-width: 767px) {
               .contact-form {
                padding-right: 0;
                margin-bottom: 25px;
            }
        }


/* --------------------------------------------------
            ==  Footer  Part  ==
            --------------------------------------------------- */

            .footer-part i.fa {
                color: #A3238F;
            }

            .footer-part p {
                color: #e1e1e1;
            }

            .footer-part p:first-child {
                font-weight: 700;
            }

            .footer-widget {
                background: #0a0b0c;
                color: #fff;
                padding: 25px 0 0;
            }

            .footer-logo p {
                color: #fff;
                margin-top: 38px;
                max-width: 300px;
            }

            .footer-widget-item h3 {
                font-size: 26px;
                line-height: 36px;
                margin-bottom: 30px;
                font-weight: bold;
                text-transform: capitalize;
            }

            .footer-widget-item .footer-widget-link li {
                padding: 9px 0 3px;
            }

            .footer-widget-item .footer-widget-link li a i {
                margin-right: 3px;
                transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                line-height: 14px;
            }

            .footer-widget-item .footer-widget-link li a:hover i {
                transform: translatex(5px);
            }


            .footer-widget-office-time li {
                padding: 10px 0;
            }

            .footer-icon-area {
                padding: 50px 0;
                border-top: 1px solid #393939;
                margin-top: 53px;
                border-bottom: 1px solid #393939;
            }
            .footer-icon {
                float: left;
                width: 15%;
                overflow: hidden;
            }
            .footer-icon-text {
                overflow: hidden;
                padding-left: 15px;
            }

            .footer-icon-text span {
                color: #fff;
            }
			
			.footer-icon-text span a {
                color: #fff;
            }
			
			.footer-icon-text span a:hover {
                color: #ccc;
            }

            .footer-icon a {
                font-size: 35px;
                margin-top: 2px;
                display: inline-block;
            }
            .footer-icon-text h4 {
                font-size: 20px;
                text-transform: capitalize;
            }

/* --------------------------------------------------
            ==  Footer Copy Right  ==
            --------------------------------------------------- */

            .footer-copyright {
                background: #A3238F;
                padding: 10px 0;
                text-align: center;
            }

            .footer-part .footer-copyright p {
                color: #c6c5c5;
                font-weight: 400;
            }

            .footer-copyright p a {
                color: #0a0b0c;
            }    

            .footer-widget-link li a {
                color: #fff;
                font-weight: 400;
                font-size: 14px;
            }

            .footer-logo ol.flat-list {
                margin-top: 40px;
            }

            .footer-logo ol.flat-list li:not(:last-child) {
                margin-right: 6px;
            }

            .footer-logo ol.flat-list li a {
                display: block;
                height: 33px;
                width: 33px;
                line-height: 33px;
                border-radius: 50%;
                text-align: center;

            }

            .footer-logo ol.flat-list li a i {
                color: #FFF;
                font-size: 16px;
            }

            .footer-logo ol.flat-list li a:hover i {
                color: #A3238F;
            }

           
            @media only screen and (max-width: 991px) {
                .footer-widget-item h3 {
                    margin-bottom: 15px;
                }
            }

            @media only screen and (max-width: 767px) {

                .footer-icon {
                    float: none;
                    width: 100%;
                    text-align: center;
                }
                .footer-icon-text {
                    text-align: center;
                }


            }

            @media only screen and (max-width: 575px) {

                .footer-widget-item h3 {
                    margin-bottom: 10px;
                }

                .footer-copyright {
                    padding: 30px 15px;
                    text-align: center;
                }

                .footer-widget-office-time li:first-child {
                    padding-bottom: 0;
                }

                .sin-footer-icon {
                    margin-bottom: 30px;
                }
            }

            @media (min-width: 992px) and (max-width: 1199px) {
                .footer-widget-item h3 {
                    font-size: 23px;
                }
            }


/* --------------------------------------------------
            ==  Clint Logo Part  ==
            --------------------------------------------------- */
            .clint-logo-3 .container {
                position: relative;
                z-index: 5;
            }

            .clints-logo-3-item {
                display: flex;
                align-items: center;
                justify-content: center;
				padding-right: 10px;
            }

            .request-content {
                border: 1px solid #ebebeb;
                padding: 65px 50px;
            }

            .request-content h4 {
                font-size: 30px;
                font-weight: 700!important;
                margin-bottom: 10px;
            }

            .request-content p {
                letter-spacing: 0.25px;
            }

            .request-content a.btn-1 {
                background: #A3238F;
                border-color: #A3238F;
                border-radius: 0;
                letter-spacing: .25px;
                padding: 14px 43px;
                text-transform: uppercase;
            }

            @media (min-width: 768px) and (max-width: 991px) {
                .request-content {
                    padding: 60px 20px;
                }

                .request-content a.btn-1 {
                    padding: 14px 20px;
                }
                #navigation .navbar-brand {
                    padding-left: 15px;
                }
                .navbar .second-nav-toggler {
                    margin-right: 15px;
                }
            }

            @media only screen and (max-width: 767px) {
                .request-content {
                    padding: 20px 20px;
                }

                .request-content p {
                    display: none;
                }

                .request-content a.btn-1 {
                    padding: 14px 22px;
                }
                .request-content h4 {
                    font-size: 20px;
                    text-align: center;
                    margin-bottom: 0px;
                }

            }

            @media only screen and (max-width: 767px) {
                .request-content a.btn-1 {
                    margin-top: 14px;
                }
            }

/* --------------------------------------------------
            ==  breadcrumb part  ==
            --------------------------------------------------- */

            .breadcrumb-part {
                background: url(../images/bg/breadcrumb-bg.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
			
			.breadcrumb-part-app {
                background: url(../images/bg/breadcrumb-bg-app.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
			
			.breadcrumb-part-prod {
                background: url(../images/bg/breadcrumb-bg-prod.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
			      
            .breadcrumb-part::after {
                position: absolute;
                content: '';
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background: #2c3c5e;
            }

            .breadcrumb-part .container {
                position: relative;
                z-index: 5;
            }

            .breadcrumb-part::after {
                opacity: .57;
            }

            .breadcrumb-title {
                padding: 100px 0 50px;
            }

            .breadcrumb-title h1 {
                color: #ffffff;
                position: relative;
                display: inline-block;
                padding-bottom: 17px;
                text-transform: uppercase;
            }

            .breadcrumb-title h1::before {
                position: absolute;
                content: '';
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                width: 80px;
                height: 2px;
                background: #A3238F;
            }

            .breadcrumb-link {
                padding-bottom: 39px;
            }

            .breadcrumb-link ul.flat-list li {
                position: relative;
            }

            .breadcrumb-link ul.flat-list li a {
                padding: 0 7px;
                color: #ffffff;
                font-size: 14px;
                text-transform: uppercase;
                font-weight: bold;
                line-height: 1.2;
                text-shadow: 0px 3px 7px rgba(71, 71, 71, 0.35);
                -webkit-text-shadow: 0px 3px 7px rgba(71, 71, 71, 0.35);
                -moz-text-shadow: 0px 3px 7px rgba(71, 71, 71, 0.35);
                -o-text-shadow: 0px 3px 7px rgba(71, 71, 71, 0.35);
                display: inline-block;
            }

            .breadcrumb-link ul.flat-list li::after {
                position: absolute;
                content: '/';
                top: 50%;
                left: 100%;
                transform: translate(50%, -50%);
                color: #fff;
            }

            .breadcrumb-link ul.flat-list li:last-child a {
                cursor: text;
            }

            .breadcrumb-link ul.flat-list li:last-child::after {
                display: none;
            }

            .wid-heading {
                background: #A3238F;
                padding: 25px 0px;
            }

            .wid-heading p {
                font-weight: bold;
                color: #fff;
                font-size: 17px;
                text-align: center;
                text-transform: uppercase;
            }

            .prac-sb-list {}

            .prac-sb-list ul {
                border: 1px solid #b7b7b7;
                border-bottom: none
            }

            .prac-sb-list ul li {
                border-bottom: 1px solid #b7b7b7;
            }

            .prac-sb-list ul li a {
                color: #585858;
                font-size: 16px;
                padding: 22px 0px 22px 50px;
                display: block;
                position: relative;
            }

            .prac-sb-list ul li a::after {
                position: absolute;
                content: '\f0a9';
                font-family: FontAwesome;
                top: 25px;
                left: 25px;
                height: 10px;
                width: 10px;
                color: #585858;
            }

            .prac-sb-list ul li a:hover {
                background: #3c3c3c;
                color: #fff
            }

            .prac-sb-list ul li a:hover::after {
                color: #fff
            }


            @media (min-width: 992px) and (max-width: 1199px) {
                .breadcrumb-title {
                    padding: 65px 0 0px;
                }
            }

            @media (min-width: 768px) and (max-width: 991px) {
                .breadcrumb-title {
                    padding: 50px 0 0px;
                }
                .breadcrumb-title h1 {
                    padding-bottom: 0px;
                    font-size: 25px;
                }
            }

            @media (max-width: 767px) {
                .breadcrumb-title {
                    padding: 18px 0 15px;
                }
                .breadcrumb-title h1 {
                    padding-bottom: 0px;
                    font-size: 25px;
                    line-height: 35px;
                }
            .breadcrumb-link {
                padding-bottom: 19px;
            }
            .prac-sb-list ul li a::after {
               left: 30px;
           }
           .prac-sb-list ul li a {
               padding: 22px 0px 22px 60px;
           }
           .flat-list {
            text-align: left;
        }
    }

    @media (min-width: 576px) and (max-width: 767px) {
        .breadcrumb-title {
            padding: 50px 0 30px;
        }
        .breadcrumb-title h1 {
            padding-bottom: 0px;
            font-size: 25px;
        }
    }


/* --------------------------------------------------
            ==  About company page  ==
            --------------------------------------------------- */

            .about-tab .section-head-3-1 h2 {
                font-size: 30px;
                color: #3c3c3c;
                font-weight: bold;
                font-family: 'Open Sans', sans-serif;
            }

            .about-tab .section-head-3-1 p {
                color: #6b6969
            }

            .about-tab .nav-tabs .nav-link:focus,
            .about-tab .nav-tabs .nav-link:hover {
                border-color: transparent;
            }

            .about-tab .nav-tabs {
                border-bottom: 0px solid #dee2e6;
            }

            .about-tab .nav-tabs .nav-link {
                border: 0px solid transparent;
                padding: 0;
                width: 100%;
                padding-bottom: 24px;
                border-bottom: 1px solid #d8d5d2;
                margin-bottom: 23px;
                position: relative;
            }

            .about-tab .nav-tabs .nav-link.active {
                border-bottom: 1px solid #d8d5d2;
                color: #A3238F;
            }

            .about-tab .nav-tabs .nav-link:hover {
                border-bottom: 1px solid #d8d5d2;
            }

            .about-tab-button .nav-tabs a {
                font-size: 14px;
                color: #626262;
                text-align: center;
                font-family: 'Open Sans', sans-serif;
                font-weight: bold
            }

            .about-tab-button .nav-tabs a i {

                font-size: 23px;
            }

            .about-tab-button .nav-tabs a p {
                color: #626262
            }

            .about-tab-button .nav-tabs a.active p {
                color: #A3238F;
            }

            .about-tab-button {
                margin: 0px 40px;
                border: 1px solid #b7b7b7;
                padding: 22px 11px;
                border-radius: 5px;
                padding-bottom: 0px;
            }

            .about-tab .nav-tabs .nav-link:last-child {
                border-bottom: 0px
            }

            .about-tab .nav-tabs .nav-link.active::after {
                position: absolute;
                background: #fff;
                content: '';
                top: 9px;
                right: -20px;
                width: 16px;
                height: 16px;
                border: 1px solid #b7b7b7;
                transform: rotate(45deg);
                border-radius: 3px;
                border-left: 0px;
                border-bottom: 0px;
            }

            .ab-tab-l {
                color: #6b6969
            }

            .ab-tab-l h3 {
                font-size: 15px;
                font-weight: 700;
                font-family: 'Open Sans', sans-serif;
                padding-bottom: 5px;
            }

            .ab-tab-l p {
                color: #3d3c3c;
                font-size: 16px;
                padding-bottom: 20px;
            }

            .ab-tab-l h4 {
                font-size: 16px;
                font-weight: bold;
                padding-bottom: 10px;
            }

            .ab-tab-l ul {}

            .ab-tab-l ul li {
                padding-bottom: 7px;
            }

            .ab-tab-l ul li p {
                color: #3d3c3c;
                font-size: 16px;
                padding-left: 16px;
                position: relative;
                padding-bottom: 0px;
            }

            .ab-tab-l ul li p:after {
                content: '\f101';
                position: absolute;
                top: 2px;
                left: 0;
                font-family: FontAwesome;
                color: #A3238F;
            }

            .about-tab-img {
                position: relative;
                border: 8px solid #A3238F;
            }

            .about-tab-img:after {
                position: absolute;
                width: 100%;
                height: 100%;
                content: '';
                background: red;
                top: 0;
                left: 0;
                background: -moz-linear-gradient(bottom, rgba(42, 42, 42, 0.5) 39%, rgba(17, 17, 17, 0) 100%);
                background: -webkit-linear-gradient(bottom, rgba(42, 42, 42, 0.5) 39%, rgba(17, 17, 17, 0) 100%);
                background: linear-gradient(to top, rgba(42, 42, 42, 0.5) 39%, rgba(17, 17, 17, 0) 100%);
            }

            .about-tab-img img {
                width: 100%
            }

            @media (min-width: 992px) and (max-width: 1199px) {


                .about-tab-button {
                    margin: 0px 20px;
                }
            }

            @media (min-width: 768px) and (max-width: 991px) {


                .about-tab .nav-tabs .nav-link {
                    width: 33.33%;
                    margin-bottom: 0px;
                    padding-bottom: 25px;
                    border-bottom: 0px solid #fff;
                }
                .about-tab .nav-tabs .nav-link.active,
                .about-tab .nav-tabs .nav-link:hover {

                    border-bottom: 0px solid #fff;
                }
                .about-tab .nav-tabs .nav-link.active::after {
                    display: none;
                }
                .about-tab-button {
                    margin-bottom: 30px;
                }
                .about-tab-img {
                   margin-top: 30px;
               }
               .contact-form {
                padding-right: 10px;
            }
        }

        @media (max-width: 767px) {


            .about-tab .nav-tabs .nav-link {
                width: 33.33%;
                margin-bottom: 0px;
                padding-bottom: 25px;
                border-bottom: 0px solid #fff;
            }
            .about-tab .nav-tabs .nav-link.active,
            .about-tab .nav-tabs .nav-link:hover {

                border-bottom: 0px solid #fff;
            }
            .about-tab .nav-tabs .nav-link.active::after {
                display: none;
            }
            .about-tab-button {
                margin-bottom: 30px;
            }
            .about-tab-img {
                margin-top: 40px;
            }
            .about-tab .section-head-3-1 h2 {
                font-size: 20px;
            }
        }

        @media (min-width: 320px) and (max-width: 575px) {

            .about-tab .nav-tabs .nav-link {
                width: 33.33%;
                margin-bottom: 0px;
                padding-bottom: 25px;
                border-bottom: 0px solid #fff;
            }
            .about-tab .nav-tabs .nav-link.active,
            .about-tab .nav-tabs .nav-link:hover {

                border-bottom: 0px solid #fff;
            }
            .about-tab .nav-tabs .nav-link.active::after {
                display: none;
            }

            .about-tab-button {
                margin: 0px 0px;
                padding: 20px 8px;
            }
            .ab-tab-l {
                padding-left: 15px;
                padding-top: 20px;
            }
            .about-tab-img {
                margin-top: 15px;
                margin-left: 15px;
            }
        }


/* --------------------------------------------------
            ==  Attorny details page   ==
            --------------------------------------------------- */
            .sin-sidebar h2 {
                font-size: 20px;
                font-weight: 700;
                color: #5a5a59;
                text-transform: uppercase;
                text-align: center;
            }

            .sin-sidebar {
                margin-bottom: 40px;
            }


            @media (min-width: 992px) and (max-width: 1199px) {

                .sin-sidebar {
                    width: 47px;
                    margin-right: 5px;
                }
            }


       @media (min-width: 320px) and (max-width: 575px) {

        .sin-sidebar {
            margin-bottom: 0px;
        }
              
        .mobile-list-nav > li:hover > a::before {
            opacity: 0;
            display: none;
        }
    }

/* --------------------------------------------------
            ==  Practice  details page  ==
            --------------------------------------------------- */

            .prac-det-carousel {
                padding-bottom: 30px;
            }

            .prac-det-carousel .swiper-pagination-bullet {
                width: 10px;
                height: 10px;
                display: inline-block;
                border-radius: 100%;
                background: #fff;
                opacity: 1;
            }

            .prac-det-carousel .swiper-pagination-bullet-active {
                opacity: 1;
                background: #A3238F;
            }

            .prac-det-carousel .swiper-slide {
                position: relative
            }

            .prac-det-carousel .swiper-slide::after {
                position: absolute;
                content: '';
                right: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 9999;
                top: 0;
            }

            .prac-det-carousel .swiper-slide img {
                width: 100%
            }

            .prac-det-inner {
                font-family: 'Open Sans', sans-serif;
            }

            .prac-det-inner > ul {
                padding: 0px 25px;
            }

            .prac-det-inner h2 {
                font-size: 18px;
                color: #3c3c3c;
                padding-bottom: 20px;
                font-family: 'Open Sans', sans-serif;
            }

            .prac-det-inner p {
                font-size: 15px;
                color: #6b6969;
            }
			
			.prac-det-inner p span{
				font-size: 15px;
				color: #A3238F;
				font-style: italic;
            }

            .prac-det-inner blockquote {
                color: #565656;
                font-size: 16px;
                font-style: italic;
                font-weight: 700;
                padding: 15px 78px;
                line-height: 26px;
            }

            .prac-det-inner h3 {
                font-size: 18px;
                color: #3c3c3c;
                padding-bottom: 25px;
                font-weight: 700;
                margin-top: 40px;
                font-family: 'Open Sans', sans-serif;
            }

            .prac-det-inner blockquote i {
                font-size: 18px;
                color: #A3238F;
            }

            .per-social ul {
                padding: 20px 30px 0px;
            }

            .prac-det-inner ul li {
                color: #6b6969;
                padding-bottom: 10px;
                position: relative;
            }

            .prac-detils-area {
                padding-left: 15px;
            }

            .prac-det-inner > ul > li::after {
                position: absolute;
                content: '\f101';
                top: 3px;
                left: -26px;
                font-family: FontAwesome;
                color: #A3238F;
            }

/* --------------------------------------------------
            ==  Contact  page start  ==
            --------------------------------------------------- */
            .con-bottom-inner h4 {
                font-size: 30px;
                color: #3c3c3c
            }

            .con-bottom-inner h4 span {
                font-size: 30px;
                color: #A3238F
            }

            .con-bottom-inner {
                text-align: center;
                padding-top: 40px;
                padding-bottom: 80px;
            }

            .con-bottom-inner h4 {
                font-size: 30px;
                color: #3c3c3c;
                padding-bottom: 15px;
            }
			
			.per-social ul li {
                display: inline;
                margin: 0 5px;
            }

            .per-social ul li a {
                font-size: 18px;
                color: #4a4a4a;
                padding: 0 2px;
            }

            .per-social ul li a:hover {
                color: #A3238F
            }

            .con-bottom-inner .per-social {
                padding-bottom: 30px;
            }

            .con-bottom-inner .per-social li {
                margin: 0 10px;
            }

            .con-bottom-inner .per-social ul li a i {
                text-shadow: none;
            }

            .con-bottom-inner .per-social ul li a {
                color: #3c3c3c;
            }

            .con-bottom-inner .per-social ul li a:hover {
                color: #A3238F
            }

            .con-page-form {
                padding-top: 32px;
                padding-bottom: 30px;
                display: inline-block;
            }

            .con-page-form textarea {
                width: 100%;
                border: 1px solid #e7e6e6;
                border-radius: 4px;
                margin-bottom: 15px;
                margin-top: 30px;
                box-shadow: 0px 0px 2px 0px rgba(108, 108, 108, 0.25);
                padding: 15px;
                height: 180px;
            }

            .con-page-form input {
                width: 49%;
                float: left;
                border: 1px solid #e7e6e6;
                box-shadow: 0px 0px 2px 0px rgba(108, 108, 108, 0.25);
                border-radius: 4px;
                height: 55px;
                padding: 0px 20px;
				margin-top: 20px;
            }

            .mar-r {
                margin-right: 2%;
            }

            .con-page-form button {
                background-color: #A3238F;
                color: white;
                padding: 16px 40px;
                border: none;
                border-radius: 8px;
                cursor: pointer;
                width: auto;
                margin-top: 10px;
                text-transform: uppercase;
                margin-top: 30px;
                float: left;
            }

            #googleMap {
                height: 500px;
            }


/* --------------------------------------------------
            ==  Blog   ==
            --------------------------------------------------- */

            .blog-area {
                background: url(../images/bg/pat1.jpg) repeat;
                text-align: center;
                padding: 110px 0px;
            }


            @media (min-width: 768px) and (max-width: 1199px) {
                .blog-area {
                    padding: 50px 0px;
                }
                .prac-sb-list ul li a::after {
                    left: 15px;
                }
                .prac-sb-list ul li a {
                    padding: 22px 0px 22px 37px;
                }
                .prac-det-inner h2 {
                    font-size: 17px;
                }

            }

            @media only screen and (max-width: 767px) {
                .blog-area {
                    padding: 50px 0px;
                }
                
                .prac-det-inner blockquote {
                    padding: 15px 15px;
                }
			}

        @media only screen and (max-width: 575px) {
            .blog-area {
                padding: 50px 0px;
            }
            .con-page-form input {
                width: 100%;
                margin-bottom: 20px;
            }
            .con-bottom-inner .per-social li {
                margin: 0 5px;
            }
            .con-page-form {
                padding-top: 50px;
                padding-bottom: 0px;
            }
            .con-page-form input[type="submit"] {
                margin-top: 2px;
            }
            .mobile-list-nav > li > a::before {
                display: none;
            }
        }


/* --------------------------------------------------
            ==  Blog page two  ==
            --------------------------------------------------- */

            .blog-img-two {
                border: 10px solid #fff;
                position: relative;
            }

            .blog-img-two .category a {
                background: #A3238F;
                color: #fff;
                padding: 12px 24px;
                text-align: center;
                display: inline-block;
                top: -25px;
                border-radius: 5px;
                font-weight: 700;
                text-transform: uppercase;
            }

            .blog-img-two .category {
                position: absolute;
                top: -30px;
                text-align: center;
                transform: translatex(-50%);
                left: 50%;
            }

            .sin-blog-two {
                background-color: #fff;
                box-shadow: 0px 3px 9px 0px rgba(175, 175, 175, 0.35);
                margin-bottom: 55px;
            }

            .blog-content-two-wrap {
                text-align: left;
            }

            .blog-single-details {
                padding-top: 15px;
            }

            .blog-con-two span {
                color: #4a4a4a;
                padding: 7px 0px 10px;
                display: block;
            }

            .blog-con-two span a{
                color: #696969;
            }

            .blog-con-two span a i{
                padding-right: 3px;
            }

            .blog-con-two span i {
                color: #A3238F
            }

            .blog-con-two h2 a {
                color: #A3238F;
                font-size: 17px;
                font-weight: 700
            }

            .blog-con-two h2 {
                line-height: 24px;
            }

            .blog-con-two > a {
                color: #292929;
                padding: 8px 15px;
                text-align: center;
                display: inline-block;
                top: -25px;
                border-radius: 5px;
                left: 50%;
                font-weight: 400;
                text-transform: uppercase;
                border: 1px solid #292929;
                font-size: 14px;
            }

            .blog-con-two > a:hover {
                background: #A3238F;
                color: #fff;
                border: 1px solid #A3238F;
            }

            .blog-con-two p {
                padding: 10px 0 30px;
            }

            .blog-con-two {
                padding: 15px 15px 10px 20px;
                text-align: left;
            }


    @media only screen and (max-width: 575px) {

        .prac-detils-area {
            padding-left: 0px;
            padding-top: 30px;
        }
        .home-one .banner-caption {
            width: 100%;
            padding: 10px;
        }
    }

    @media only screen and (max-width: 1199px) {
        .about_us {
            background-image: none;
        }
    }

/*--------------------------------------------------------------
  ## Preloader
  --------------------------------------------------------------*/
  
/*==== LOADING ====*/
#loading-icon-bx {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 999999999;
    background-image: url(../images/loading.svg);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: center;
}

  @-webkit-keyframes flip {
      0% {
        -webkit-transform: perspective(600px) rotateY(0deg);
        transform: perspective(600px) rotateY(0deg);
    }
    20% {
        background: #002e5b;
    }
    29.9% {
        background: #002e5b;
    }
    30% {
        -webkit-transform: perspective(200px) rotateY(-90deg);
        transform: perspective(200px) rotateY(-90deg);
        background: #002e5b;
    }
    54.999% {
        opacity: 1;
    }
    55% {
        opacity: 0;
    }
    60% {
        -webkit-transform: perspective(200px) rotateY(-180deg);
        transform: perspective(200px) rotateY(-180deg);
        background: #002e5b;
    }
    100% {
        -webkit-transform: perspective(200px) rotateY(-180deg);
        transform: perspective(200px) rotateY(-180deg);
        background: #002e5b;
    }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
}
20% {
    background: #002e5b;
}
29.9% {
    background: #002e5b;
}
30% {
    -webkit-transform: perspective(200px) rotateY(-90deg);
    transform: perspective(200px) rotateY(-90deg);
    background: #002e5b;
}
54.999% {
    opacity: 1;
}
55% {
    opacity: 0;
}
60% {
    -webkit-transform: perspective(200px) rotateY(-180deg);
    transform: perspective(200px) rotateY(-180deg);
    background: #002e5b;
}
100% {
    -webkit-transform: perspective(200px) rotateY(-180deg);
    transform: perspective(200px) rotateY(-180deg);
    background: #002e5b;
}
}
#loader-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #002e5b;
    top: 0;
    left: 0;
    z-index: 999999;
}

/*--------------------------------------------------------------
  ## Gallery Isotope filter
  --------------------------------------------------------------*/

.isotope-nav{
   display: inline-block;
   margin: 20px 0 50px;
}

.isotope-nav ul{
   list-style: none;
   margin: 0;
   padding: 0;
}

.isotope-nav ul li{
   float: left;
   margin-right: 30px;
}

.isotope-nav ul li a{
   color: #303030;
   font-size: 14px;
   font-weight: 600;
   border-bottom: 2px solid transparent;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.isotope-nav ul a.active {
   color: #A3238F;
   border-color: #A3238F;
   border-bottom: 2px solid #A3238F;
}

.project-area .isotope-nav ul li a{
   color: #fff;
}

/* Project Isotope Item */

.isotope-item {
   padding: 10px;
}

.isotope-img-container{
   position: relative;
   overflow: hidden;
}

.isotope-img-container img{
   -webkit-transform: perspective(1px) scale3d(1.1, 1.1, 1);
   transform: perspective(1px) scale3d(1.1, 1.1, 1);
   -webkit-transition: all 400ms;
   transition: all 400ms;
}

.isotope-img-container:hover img {
   -webkit-transform: perspective(1px) scale3d(1.15, 1.15, 1);
   transform: perspective(1px) scale3d(1.15, 1.15, 1);
}

.isotope-img-container:after{
   opacity: 0;
   position: absolute;
   content: '';
   top: 0;
   right: auto;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.7);
   -webkit-transition: all 400ms;
   transition: all 400ms;
}

.isotope-img-container:hover:after{
   opacity: 1;
}

.gallery-popup .gallery-icon{
   position: absolute;
   top: 0;
   right: 0;
   z-index: 1;
   padding: 5px 12px;
   background: #A3238F;
   color: #fff;
   opacity: 0;
   -webkit-transform: perspective(1px) scale3d(0, 0, 0);
   transform: perspective(1px) scale3d(0, 0, 0);
   -webkit-transition: all 400ms;
   transition: all 400ms;
}

.isotope-img-container:hover .gallery-popup .gallery-icon{
   opacity: 1;
   -webkit-transform: perspective(1px) scale3d(1, 1, 1);
   transform: perspective(1px) scale3d(1, 1, 1);
}

.project-item-info{
   position: absolute;
   top: 50%;
   margin-top: -15%;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 0 30px;
   z-index: 1;
}

.project-item-info-content{
   opacity: 0;
   -webkit-transform: perspective(1px) translate3d(0, 15px, 0);
   transform: perspective(1px) translate3d(0, 15px, 0);
   -webkit-transition: all 400ms;
   transition: all 400ms;
}


.isotope-img-container:hover .project-item-info-content{
   opacity: 1;
   -webkit-transform: perspective(1px) translate3d(0, 0, 0);
   transform: perspective(1px) translate3d(0, 0, 0);
}

.project-item-title{
   font-size: 20px;
}

.project-item-title a{
   color: #fff;
}

.project-item-title a:hover{
   color: #A3238F;
}

.project-cat{
   background: #A3238F;
   display: inline-block;
   padding: 2px 8px;
   font-weight: 700;
   color: #FFF;
   font-size: 18px;
   text-transform: uppercase;
}