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

body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: lora;
    font-weight: 600;
    line-height: 1.5;
}

.cl_org {
    color: #f2a14b;
}

.clr_grey {
    color: #666666;
}

.fs_80 {
    font-size: 80px;
}

.fs_20 {
    font-size: 20px;
}

.fs_25 {
    font-size: 25px;
}

.fs_25 {
    font-size: 25px;
}


.fs_40 {
    font-size: 40px;
}

.cl-white {
    color: #fff;
}

.ft-lora {
    font-family: lora, sans-serif;
}


.slide_btn a {
    font: 18px lora;
    display: inline-block;
    padding: 1em 2em;
    text-align: center;
    color: white;
    background: linear-gradient(to left, #f2a14b 50%, #1b3452 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
}

.slide_btn a:hover {
    background-position: left;
    color: #fff;
}

.sub_head {
    font-size: 18px;
    z-index: 1;
    color: #f2a14b;
    font-weight: 600;
    padding-left: 40px;
}

.sub_head span {
    position: relative;
}


/*************** Header *************/
.top_bar {
    background-color: #1b3452;
    padding: 12px 0;
}

.contact_info .fa {
    color: #f2a14b;
    margin-right: 10px;
}

.contact_icon {
    float: right;
}

.contact_icon .contact_right li {
    color: #fff;
    font-size: 15px;
    margin-right: 25px;
}

.contact_left li {
    margin-right: 20px;
}

.contact_info .contact_left a {
    color: #ececec;
    font-size: 14px;
    text-decoration: none;
}

.contact_info .contact_left a:hover {
    color: #f2a14b;
}

.contact_icon .contact_right li:hover {
    color: #f2a14b;
}

.contact_info .contact_left li:not(:first-child) {
    border-left: 1px solid #ececec;
    padding-left: 20px;
}

.header_wrap .navbar-brand img {
    width: 130px;
}

.header_wrap .navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: #f2a14b;
}

.header_wrap {
    background: rgba(0, 0, 0, 0.3);
    padding: 15px 0;
    position: fixed;
    width: 100%;
    z-index: 12;
}

.sticky {
    position: fixed;
    top: 0;
    background: #000;
    width: 100%;
}

.sticky+.content {
    padding-top: 102px;
}


.header_wrap .navbar-light .navbar-nav .nav-link {
    color: #fff;
}

.header_wrap .navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-weight: 700;
    font-style: normal;
    margin-left: 15px;
}

.header_wrap .navbar-light .navbar-nav .nav-link:hover {
    color: #f2a14b;
    transition: 0.3s;
}

.search_menu .srch_icon {
    margin-right: 30px;
    padding-top: 15px;
}

.search_menu li a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.search_menu .srch_icon a:hover {
    color: #f2a14b;
}

.right_menu .search_menu .slide_btn a {
    border: 1px solid #f2a14b;
    color: #f2a14b;
    background: transparent;
    transition: .5s ease-in;
    position: relative;
    z-index: 1;
    padding: 12px 15px;
}

.right_menu .search_menu .slide_btn a:hover {
    color: #fff;
}

.right_menu .search_menu .slide_btn a::before {
    content: "";
    background: transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    transition: 0.5s;
    z-index: -1;
}

.right_menu .search_menu .slide_btn a:hover::before {
    content: "";
    background: #f2a14b;
    width: 100%;
}

.nav-item .dropdown-menu {
    transform: scaleY(0) !important;
    opacity: 0;
    transition: 0.3s;
    display: block;
    border-left: 3px solid #f2a14b;
}

.nav-item:hover .dropdown-menu {
    transform: scaleY(1) !important;
    opacity: 1;
}

.dropdown-menu li .dropdown-item {
    position: relative;
    background: transparent;
    padding: 12px;
}

.dropdown-menu li .dropdown-item:hover {
    color: #fff;
}

.header_wrap .dropdown-menu li .dropdown-item:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    transition: 0.5s;
    z-index: -1;
}

.header_wrap .dropdown-menu li .dropdown-item:hover:before {
    content: "";
    background: #f2a14b !important;
    width: 100%;
}

.dropdown .nav-link::after {
    display: none;
}

/*************** main_banner *************/

.main_banner {
    background: url(../images/banner1.jpg) no-repeat scroll center/cover;
    padding: 15rem 0 15rem 0;
    position: relative;
    z-index: 1;
}

.main_banner:before {
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    content: "";
    right: 0;
    opacity: 1.5;
    bottom: 0;
    position: absolute;
    z-index: -1;
}

.banner-data .sub_head {
    padding-left: 0px;
}

.banner-data .sub_head h4 {
    font-size: 20px;
    color: #fff;
    padding-bottom: 10px;


}

.banner-data .main-head h1 {
    font-weight: 800;
    font-family: lora;
}

.banner-data .bnr_content {
    font-size: 20px;
    color: #ececec;
    font-family: lato;
}


/******************feature_box *************/

.box_wrapper .img_wrap img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    filter: invert(1);
    transition: 0.5s;
}

.box_wrapper:hover .img_wrap img {
    filter: invert(84%) sepia(9%) saturate(6345%) hue-rotate(325deg) brightness(101%) contrast(90%);
    transform: rotatey(360deg);
}

.feature_box .box_wrapper {
    padding: 2rem;
}

.feature_box .box_wrapper .box_head h2 {
    font-size: 22px;
    font-weight: 600;
    padding: 20px 0;
    margin-bottom: 0;
}

.box_content {
    font-size: 15px;
    font-family: 'Lora';
}

.box_wrapper.box_one {
    background: #1b3452;
}

.box_wrapper.box_one:hover {
    background: #1a2d44;
}

.box_wrapper.box_two {
    background: #1f3A5A;
}

.box_wrapper.box_two:hover {
    background: #1a2d44;
}

.box_wrapper.box_thr {
    background: #1b3452;
}

.box_wrapper.box_thr:hover {
    background: #1a2d44;
    transition: all 0.3s ease-in-out;
}

.feature_box {
    margin-top: -150px;
    z-index: 1;
    position: relative;
}

/*****************about_us *********************/
.about_us {
    padding: 5rem 0;
}

.about_us .sub_head {
    font-size: 18px;
    z-index: 1;
    color: #f2a14b;
    font-weight: 600;
}

.sub_head span::before {
    content: "";
    width: 30px;
    height: 2px;
    position: absolute;
    background: #f2a14b;
    top: 10px;
    left: -35px;
}

.about_us .abt_head {
    font-size: 40px;
    font-weight: 600;
    padding: 10px 0 20px 0px;
}

.abt_content {
    color: rgb(102 102 102);
    font-size: 16px;
    font-weight: 400;
}

.abt_title {
    font-size: 22px;
    color: #000;
    font-weight: 700;
}

.abt_sub_title {
    font-size: 16px;
    font-weight: 500;
    color: #666666;
}

.abt_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.abt_img_wrap img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.abt_left {
    padding-top: 3rem;
}

.abt_img_wrap {
    padding-left: 4rem;
    padding-bottom: 5rem;
    position: relative;
}

.abt_img_wrap:before {
    content: "";
    position: absolute;
    background: url(../images/ab-before.png)no-repeat scroll center / 247px;
    width: 240px;
    z-index: -1;
    height: 430px;
    top: 90px;
    left: 10px;
}

/*********** video button *********/

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 45%;
    left: 60%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    /* background: #fa183d; */
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #E0994C;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #DF974B;
    border-radius: 50%;
    transition: all 200ms;
}

.video-play-button:hover:after {
    background-color: darken(#fa183d, 10%);
}

.video-play-button img {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: auto;
    height: auto;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.video-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.80);
    opacity: 0;
    transition: all ease 500ms;
}

.video-overlay.open {
    position: fixed;
    z-index: 1000;
    opacity: 1;
}

.video-overlay-close {
    position: absolute;
    z-index: 1000;
    top: 15px;
    right: 20px;
    font-size: 36px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms;
}

.video-overlay-close:hover {
    color: #fa183d;
}

/*********** video button *********/

.ser_left {
    padding-top: 8rem;
}

.ser_head {
    font-size: 40px;
    font-weight: 600;
    padding: 10px 0 20px 0px;
}

.ser_content {
    color: rgb(213 213 213);
    font-size: 16px;
    font-weight: 400;
}

/*************** Services ***************/

.Services {
    background: url(../images/service-bg1.jpg)no-repeat fixed center / cover;
    z-index: 2;
    position: relative;
    padding: 2rem 0;
}

.Services:before {
    content: "";
    background: #182129;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    opacity: 0.9;
    bottom: 0;
    left: 0;
    right: 0;
}

.services_wrapper .cmn_content .icon img {
    width: 50px;
    height: 50px;
    filter: invert(84%) sepia(9%) saturate(6345%) hue-rotate(325deg) brightness(101%) contrast(90%);
}

.services_wrapper .cmn_content:hover .icon {
    -webkit-animation: toBottomFromTop 0.5s forwards;
    animation: toBottomFromTop 0.5s forwards;
}

.services_wrapper .cmn_content h3 {
    color: #fff;
    font-size: 22px;
    font-family: 'Lora';
    padding-top: 15px;
}

.services_wrapper .cmn_content h3:hover {
    color: #f2a14b;
}

.services_wrapper .cmn_content p {
    color: #D1D0D1;
    padding-top: 15px;
}

.cmn_content {
    border: 1px dashed rgba(255, 255, 255, 0.2);
    padding: 1.5rem;
    transition: all 0.7s;
    margin-bottom: 30px;
}

.cmn_content.box_one:hover {
    background: url(../images/service1.jpg)no-repeat scroll center / cover;
}

.cmn_content.box_two:hover {
    background: url(../images/service2.jpg)no-repeat scroll center / cover;
}

.cmn_content.box_three:hover {
    background: url(../images/service3.jpg)no-repeat scroll center / cover;
}

.cmn_content.box_four:hover {
    background: url(../images/service4.jpg)no-repeat scroll center / cover;
}

.cmn_content.box_five:hover {
    background: url(../images/service5.jpg)no-repeat scroll center / cover;
}

.cmn_content.box_six:hover {
    background: url(../images/service6.jpg)no-repeat scroll center / cover;
}

@keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }

    51% {
        opacity: 1;
    }
}

/*********** Process_part ****************/

section.process_part {
    padding: 6rem 0;
}

.process_part .img_wrap {
    padding-top: 3rem;
}

.proc_wrapper {
    padding-left: 3rem;
}

.process_content {
    padding-bottom: 25px;
}

.icon_box .icon img {
    width: 60px;
    height: 60px;
}

.img_wrap img {
    width: 100%;
}

.icon_box {
    padding-top: 2rem;
}

.icon_box h3 {
    font-size: 22px;
    font-weight: 600;
    font-family: 'Lora';
    padding-bottom: 10px;
}

.icon_box p {
    font-size: 16px;
    color: #666666;
}

.icon_box {
    padding: 1rem;
    transition: 0.5s;
}

.icon_box:hover .icon {
    transform: translateX(15px);
    transition: 0.5s;
}

.icon_box.bx_1 {
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.icon_box.bx_2 {
    border-bottom: 1px solid #ededed;
    padding-left: 20px;

}

.icon_box.bx_3 {
    border-right: 1px solid #ededed;
}

/*********** CTA ****************/

.cta {
    background: #FBF8F2;
    padding: 6rem 0;
    margin-bottom: 5rem;
    position: relative;
}

.cta::before {
    content: "";
    background: url(../images/banner1.png)no-repeat scroll center / 330px;
    height: 100%;
    width: 330px;
    position: absolute;
    right: 130px;
    top: 0;
    opacity: 0.1;
}

.cta .btn_wrap {
    text-align: right;
}

.cta .btn_wrap .slide_btn {
    z-index: 1;
    position: relative;
}

/*************Team member***************/

.team_1 {
    height: 400px;
}

.team_head {
    font-size: 40px;
    font-weight: 600;
    padding: 10px 0 20px 0px;
}

p.team_content {
    font-size: 16px;
    font-weight: 400;
}

.team_title {
    font-size: 22px;
    color: #000;
    font-weight: 700;
}

.team_sub_title {
    font-size: 16px;
    font-weight: 500;
    color: #666666;
}

.team_member {
    background: url(../images/brand-bg-1.jpg)no-repeat scroll center / cover;
    padding: 5rem 0;
    position: relative;
    z-index: 1;
}

.team_member:before {
    content: "";
    background: #152538E6;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    position: absolute;
    opacity: 0.9;
}

.team_img {
    position: relative;
    overflow: hidden;
}

.team_img img {
    width: 100%;
    transition: 0.8s;
    height: 300px;
    object-fit: cover;
}

.team_img:hover img {
    transform: scale(1.2);
    transition: 0.8s;
}

.team_member .team_name {
    background: #fff;
    text-align: center;
    padding: 25px 18px;
    bottom: 130px;
    margin: 0 21px;
    position: absolute;
    transition: all 0.7s;
}

.team_1:hover .team_name {
    bottom: 200px;
}

.team_member .team_1 .team_name h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
    font-family: 'Lora';
}

.team_member .team_name span {
    font-weight: 600;
}

/************** Case Studies *********************/

.case_box {
    margin: 1rem;
}

.case_box .case_img img {
    width: 100%;
    transition: 0.8s;
}

.case_box .case_img {
    position: relative;
    overflow: hidden;
}

.case_box .case_img:hover img {
    transform: scale(1.2);
    transition: 0.8s;
}

.case_box .case_name {
    background: #ffffff;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 8%);
    margin: 0px 25px;
    top: -55px;
    position: relative;
}

.case_box .case_box:hover .case_name {
    bottom: 140px;
}

.case_box .case_img:hover .case_name {
    bottom: 20px;
}

.case_box .case_name h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
    font-family: 'Lora';
}

.case_box .case_name h3:hover {
    color: #f2a14b;
}

.case_box .case_name span {
    font-weight: 600;
}


/**************** Counter-box ********************/

.counter-box {
    width: 100%;
    justify-content: center;
    padding: 15px;
    align-items: center;
}

.four {
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
}

.counter-box i {
    font-size: 60px;
    padding-right: 25px;
    color: #f2a14b;
}

.counter-box .cmn_nbr p {
    padding-top: 15px;
    color: #666666;
    font-weight: 600;
    font-size: 18px;
}

.counter {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #666;
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #000;
}


/************ Testimonial **************/

.Testimonial .slider_shape {
    padding: 5rem 2rem 9rem 15rem;
    border: 1px solid #e1e1e1;
    /* height: 100%; */
    position: relative;
}

.slider_shape .slider_item .img-bx img {
    border-radius: 50%;
}

.Testimonial .slider_shape::before {
    content: "";
    background: url(../images/quote.png)no-repeat scroll center / 150px;
    position: absolute;
    left: 53px;
    width: 150px;
    height: 150px;
    bottom: 45px;
    opacity: 0.5;
    filter: invert(97%) sepia(57%) saturate(386%) hue-rotate(303deg) brightness(101%) contrast(98%);
}

/***************** Form_section ***************************/

.form_section .cmn {
    flex: 1;
}

.form_section .cmn.img_wrap img {
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.form_section .form_wrap {
    background-color: #1b3452;
    padding: 3rem;
}

.form_section input[type="text"],
.form_section input[type="email"],
.form_section textarea {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 0;
    padding: 12px 20px;
    color: #fff !important;
}

.form_section input[type="text"]:focus,
.form_section input[type="email"]:focus,
.form_section textarea:focus {
    background: transparent;
}

.form_section input::placeholder,
.form_section textarea::placeholder {
    opacity: 1;
    color: #9b9b9b;
}

.form_section .submit_btn.form-control {
    background: #f2a14b;
    border: none;
    padding: 15px;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    font-size: 19px;
    transition: 0.5s;
    margin-top: 15px;
}

.form_section .submit_btn.form-control:hover {
    color: #000;
}

/****************** Blog **********************/
#blog {
    padding-bottom: 3rem;
}

.blog-wrap .blog_content {
    padding: 15px 15px 30px 25px;
}

.blog_content .heading h3 {
    color: #000;
    font-size: 24px;
    padding: 20px 0 10px 0;
}

.blog-wrap .img-wrp img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.blog-wrap {
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
}

.blog_content .time ul li {
    color: grey;
    padding-right: 20px;
    font-size: 13px;
}

.blog_content .time ul li .fa {
    padding-right: 10px;
    color: #f2a14b;
    font-size: 20px;
}

.blog_content .info {
    color: grey;
    line-height: 1.5;
}

.blog_content .btn_slide a {
    text-decoration: none;
    color: #f1a04a;
    font-weight: 600;
}

.blog_content .btn_slide a .fa {
    padding-left: 5px;
    font-size: 20px;
}

.blog_content .btn_slide a:hover {
    transition: all 0.3s;
    color: #000;
}

.blog-wrap:hover .img-wrp img {
    transform: scale(1.2);
    transition: 0.8s;
}

.img-wrp img {
    transition: 0.8s;
}

.blog-wrap .img-wrp {
    overflow: hidden;
}

/****************** Newsletter **********************/

.newsletter-wrapper {
    background: #1b3452;
    padding: 3rem;
}


.subscribe input[type="email"] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 0;
    padding: 10px;
    color: #fff !important;
    margin-left: 40px;
    width: 100%;
    padding: 10px;
    margin-left: 40px;
}


.subscribe input[type="email"]:focus {
    background: transparent;
}

.subscribe {
    display: flex;
}

.subscribe .slide_btn input {
    padding: 12px 25px;
    color: #fff;
    background: linear-gradient(to left, #f2a14b 50%, #fff 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
    text-transform: capitalize;
    border: 0;
}

.subscribe .slide_btn input:hover {
    background-position: left;
    color: #000;
}

.newsletter-box {
    top: -100px;
    z-index: 1;
    position: relative;
    margin-top: 150px;
}

/********************footer************************/
footer {
    padding: 0rem 0 0rem 0;
    background: #000;
    margin-top: 6rem;
    position: relative;
}

.col_footer_bx .col_title h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.col_footer_bx .data {
    padding-top: 1rem;
    padding-left: 15px;
}

footer .col_footer_bx .data ul li {
    list-style: disclosure-closed;
    color: #c5c5c5;
    padding-bottom: 10px;
}

footer .col_footer_bx .data ul li a {
    color: grey;
    text-decoration: none;
    transition: 0.3s;
}


footer .col_footer_bx .data ul li a:hover {
    color: #f2a14b;
}

footer .col_footer_bx .data .fa {
    padding-right: 10px;
}

footer .col_footer_bx .first-p {
    padding-right: 3rem;
    color: #a7a7a8;
    font-size: 15px;
    line-height: 1.9;
}

footer .col_footer_bx .icons_wrap ul li {
    padding-right: 0;
}

footer .col_footer_bx .icons_wrap ul li .fa {
    color: #fff;
    font-size: 20px;
}

footer .last-bx .data .cont_icon li {
    list-style: none;
}

.copywrite_wrap {
    background: #1a1a1a;
    padding: 1rem 0;
    margin-top: 4rem;
}

.copywrite p {
    color: gray;
    font-size: 15px;
}

.socil-icon.icons_wrap ul li {
    list-style: none !important;
}

/**************** About-page ****************/
.abt_page .main_banner {
    background: url(../images/inner-banner1.jpg) no-repeat scroll center/cover;
    padding: 15rem 0 10rem 0;
}

.abt_sub_head .hm_span {
    position: relative;
}

.abt_sub_head .hm_span::after {
    content: "";
    width: 2px;
    height: 20px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 5px;
}

/*************** Choose us*****************/
.choose_us {
    background: #f4f4f4;
    padding: 6rem 0 10rem 0;
    margin-bottom: 5rem;
}

.choose_us .main_wrap {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.main_head h2 {
    font-weight: 600;
    padding-bottom: 2rem;
}

.bnr_content p {
    color: #666666;
}

.box_wrap {
    align-items: center;
    background: #fff;
    padding: 2rem;
    margin-right: 25px;
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.06);
}

.box_wrap .icon {
    background: #f2a14b;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    margin-right: 20px;
}

.box_wrap .icon img {
    padding: 15px;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(24deg) brightness(104%) contrast(104%);
    width: 70px;
    height: 70px;
}

.box_wrap .data_wrp .title h3 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 5px;
}

.box_wrap .data_wrp p {
    color: #666666;
}

.attorneys {
    margin-top: -160px;
}

/**************** Practice-page ****************/
.practice_page .main_banner {
    background: url(../images/inner-banner1.jpg) no-repeat scroll center/cover;
    padding: 15rem 0 10rem 0;
}

.pr_img_wrap {
    position: relative;
    overflow: hidden;
    height: 500px;
}

.pr_img_wrap img {
    width: 100%;
    height: 100%;
    transition: 0.8s;
    object-fit: cover;
}

.pr_img_wrap:hover img {
    transform: scale(1.1);
    transition: 0.8s;
}

.pr_img_wrap .video-play-button {
    left: 52%;
    top: 50%;
}

.practice_page .abt_right {
    padding-left: 1rem;
}

.cmn_content {
    padding: 1.5rem;
    transition: all 0.7s;
    margin-bottom: 30px;
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.06);
    position: relative;
    overflow: hidden;
}


.cmn_content::after {
    position: absolute;
    z-index: -2;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    content: "";
    background-color: #1b3452;
    transform: translateY(100%);
    transition: all 0.3s ease-in;
}

.cmn_content:hover::after {
    transform: translateY(0);
    transition: all 0.3s ease-in;
    opacity: 1;
    visibility: visible;
}

.cmn_content::before {
    content: "";
    background-image: url(../images/prac-bg-img.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

/****************practice-page services_wrapper ****************/
.practice_page .pr_box_wrapper .img_wrap img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.practice_page .pr_feature_box .pr_box_wrapper {
    padding: 2rem;
}

.practice_page .pr_feature_box .pr_box_wrapper .box_head h2 {
    font-size: 22px;
    font-weight: 700;
    padding: 20px 0;
    margin-bottom: 0;
}

.practice_page .box_content {
    font-size: 15px;
    font-family: 'Lora';
    color: #666666;
}

.practice_page .pr_feature_box {
    z-index: 1;
    position: relative;
}

.practice_page .pr_feature_box .pr_box_wrapper {
    padding: 1rem;
    border: 1px solid #cccccc;
    margin-right: 30px;
}

.practice_page .Services {
    background: none;
}

.practice_page .services_wrapper .cmn_content h3 {
    color: #000;
}

.practice_page .services_wrapper .cmn_content p {
    color: #333;
}

.practice_page .services_wrapper .cmn_content {
    padding: 1.5rem;
    transition: all 0.7s;
    margin-bottom: 30px;
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.06);
    position: relative;
    overflow: hidden;
    border: none;
    text-align: center;
}

.practice_page .services_wrapper .cmn_content:hover h3 {
    color: #fff;
}

.practice_page .services_wrapper .cmn_content:hover p {
    color: #fff;
}

.practice_page .cta_title {
    text-align: center;
}

.practice_page .pr_cta {
    background: url(../images/call-to-action-bg2.jpg)no-repeat scroll center / cover;
    padding: 8rem 0;
    position: relative;
    z-index: 1;
}

.practice_page .pr_cta::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    opacity: 0.9;
    background-color: rgba(0, 0, 0, 0.7);
}

.practice_page .cta_title h2 {
    color: #fff;
}

/**************** Blog-page ****************/

.blog_page .blog {
    margin-top: 5rem;
}

/**************** Contact-page ****************/


.contact_page .main_banner {
    background: url(../images/inner-banner4.jpg) no-repeat scroll center/cover;
}

.contact_map {
    margin-top: 5rem;
}

.contact-add {
    margin-top: 5rem;
}

.contact-add .cn-box .img_icon img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    filter: invert(88%) sepia(14%) saturate(3795%) hue-rotate(319deg) brightness(94%) contrast(102%);
}

.contact-add .cn-box .img_icon {
    background: #fff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.contact-add .cn-box {
    padding: 2rem 0;
    align-items: center;
    border-bottom: 1px solid #dfdfdf;
}

.contact-add .cn-box .cmn_nbr {
    flex: 1;
}

.contact-add .con-left {
    background: #f8f8f8;
    padding: 3rem;
}

.con-left .cmn_nbr span {
    font-size: 18px;
    font-weight: 600;
    font-family: lora;
}

.con-left .cmn_p p a {
    color: #787878;
    text-decoration: none;
}

.con-right .form-control {
    border: 0;
    border-bottom: 1px solid #f2e7e7;
    border-radius: 0;
    padding-bottom: 20px;
}

.con-right {
    background: #fff;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 8%);
    padding: 3rem 0rem 4rem 0rem;
}

.con-right .slide_btn {
    font: 18px lora;
    display: inline-block;
    padding: 1em 2em;
    text-align: center;
    color: white;
    background: linear-gradient(to left, #f2a14b 50%, #1b3452 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    border: none;
}

.con-right .slide_btn:hover {
    background-position: left;
    color: #fff;
}

.contact-add .last_bx {
    border: none;
}

/**************** responsive ****************/
@media(max-width:1199px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: lora;
        font-weight: 600;
        line-height: 1.5;
    }

    p {
        line-height: 1.5
    }

    h3 {
        font-size: 20px !important;
    }

    .fs_80 {
        font-size: 60px;
    }

    .fs_20 {
        font-size: 15px;
    }

    .fs_25 {
        font-size: 20px;
    }


    .fs_40 {
        font-size: 30px;
    }

    .ser_head {
        font-size: 30px;
        line-height: 1.3;
    }

    .contact_info .contact_left a {
        font-size: 12px;

    }

    .contact_info .contact_left li:not(:first-child) {
        padding-left: 10px;
    }

    .contact_left li {
        margin-right: 10px;
    }

    .team_head {
        font-size: 30px;
    }

    .banner-data .bnr_content {
        font-size: 20px;
    }

    .abt_img_wrap::before {
        width: 240px;
        z-index: -1;
        height: 340px;
    }

    .counter-box .cmn_nbr p {
        padding-top: 10px;
    }

    p.team_content {
        font-size: 15px;
    }

    .Services {
        padding: 2rem 0;
    }

    .proc_wrapper {
        padding-left: 1rem;
    }

    .process_part {
        padding: 4rem 0;
    }

    .btn_wrap::before {
        height: 271px;
        top: -94px;
    }

    .btn_wrap .slide_btn {
        margin: 0 !important;
    }

    .team_head {
        font-size: 30px;
        line-height: 1.4;
        padding: 10px 0 10px 0px;
    }

    p.team_content {
        font-size: 15px;
        margin-bottom: 2rem !important;
    }

    .team_wrap .team_name {
        padding: 20px 15px;
        bottom: 100px;
        margin: 0 5px;
    }

    .team_wrap .team_name {
        padding: 20px 15px;
        bottom: 100px;
        margin: 0 18px;
    }

    .team_member {
        padding: 2rem 0 !important;
        padding-top: 5rem !important;
    }

    .team_member .team_1 .team_name {
        padding: 20px 10px;
        bottom: 90px;
        margin: 0 20px;
    }

    .team_1:hover .team_name {
        bottom: 200px;
    }

    .Testimonial .slider_shape {
        padding: 4rem 2rem 9rem 15rem;
    }

    .ser_head {
        padding: 10px 0 10px 0px;
    }

    .blog_content .heading h3 {
        padding: 15px 0 10px 0;
    }

    .blog_content .info p {
        font-size: 14px;
    }

    .blog-wrap .blog_content {
        padding: 15px 15px 35px 25px;
    }

    .blog_content .time ul li .fa {
        padding-right: 8px;
        font-size: 14px;
    }

    #blog {
        margin-bottom: 0rem;
        padding: 3rem 0 2rem 0;
    }

    #blog .ser_head {
        padding: 10px 0 25px 0px;
    }

    .col_footer_bx .icons_wrap {
        padding-top: 0 !important;
    }

    .practice_page .about_us .abt_head {
        font-size: 30px;
    }

    .practice_page .pr_feature_box .pr_box_wrapper .box_head h2 {
        font-size: 18px;
    }

    .practice_page .pr_cta {
        padding: 5rem 0;
    }

}

@media(max-width:991px) {
    .header_wrap .navbar-nav .dropdown-menu {
        display: none;
    }

    .header_wrap .navbar-light .navbar-toggler {
        color: #fff;
        border-color: #fff;
        transform: rotate(90deg);
        padding: 8px 8px 15px 8px;
    }

    .banner-data .main-head h1 {
        font-size: 50px;
    }

    .banner-data .bnr_content {
        font-size: 17px;
    }

    .container {
        min-width: 95%;
    }

    .banner-data {
        text-align: center;
    }

    .sub_head span::before {
        top: 12px;
        left: -35px;
    }

    .about_us {
        padding: 2rem 0;
    }

    .abt_img_wrap {
        padding-bottom: 3rem;
        padding-top: 5rem;
        text-align: center;
    }

    .abt_img_wrap::before {
        top: -30px;
    }

    .abt_img_wrap::before {
        width: 267px;
        height: 632px;
        left: 156px;
    }

    .abt_img_wrap img {
        width: 60%;
    }

    .video-play-button {
        top: 60%;
    }

    .video-play-button {
        left: 54%;
    }

    .services_wrapper.ser_left {
        padding-top: 2rem;
        text-align: center;
        padding-bottom: 3rem;
    }

    .services_wrapper .cmn_content h3 {
        font-size: 19px;
    }

    .services_wrapper .cmn_content p {
        padding-top: 10px;
    }

    .Services .ser_left {
        padding-top: 2rem;
        text-align: center;
        padding-bottom: 3rem;
    }

    .Services {
        padding: 1rem 0;
    }

    .proc_wrapper {
        padding-left: 0;
    }

    .process_part {
        padding: 3rem 0 !important;
    }

    .icon_box {
        text-align: center;
    }

    .process_part .img_wrap img {
        max-width: 70%;
    }

    .process_part .img_wrap {
        text-align: center;
        padding-bottom: 30px;
    }

    .process_content {
        text-align: center;
    }

    .team_member .team_1 .team_name {
        padding: 20px 50px;
        bottom: 90px;
        margin: 0 30px;
    }

    .team_1:hover .team_name {
        bottom: 160px;
    }

    .team_member .team_left {
        text-align: center;
        padding-bottom: 3rem;
    }

    .test_head .sub_head {
        padding-left: 35px;
    }

    .form_section .cmn.img_wrap img {
        display: none;
    }

    .form_section .cmn {
        flex: none;
    }

    .form_section .form_wrap {
        width: 100%;
    }

    #blog {
        padding: 3rem 0 1rem 0;
    }

    .blog-wrap {
        margin-bottom: 40px;
        width: 80%;
        margin: 0 auto;
    }

    .blog-wrap .blog_content {
        text-align: center;
    }

    .blog-wrap .time ul {
        justify-content: center;
    }

    .case_box {
        margin: 0;
    }

    .form_section .form_wrap {
        padding: 3rem 0rem;
    }


    .btn_wrap::before {
        height: 268px;
        top: -93px;
    }

    .case_box .case_name {
        box-shadow: 0 0 15px 0 rgb(0 0 0 / 8%);

    }

    .Testimonial .slider_shape {
        padding: 4rem 2rem 9rem 15rem;
    }

    .abt_page .main_banner {
        padding: 10rem 0;
    }

    .practice_page .main_banner {
        padding: 10rem 0;
    }

    .blog_page .main_banner {
        padding: 10rem 0;
    }

    .contact_page .main_banner {
        padding: 10rem 0;
    }

    .abt_page .box_wrap .data_wrp p {
        color: #666666;
        font-size: 15px;
    }

    .abt_page .cases .team_head {
        padding-bottom: 2rem;

    }

    .practice_page .abt_right {
        padding-top: 1rem;
    }

    @media(max-width: 767px) {
        .top_bar {
            display: none;
        }

        .Services .cmn_content {
            text-align: center;
        }

        .icon_box {
            text-align: center;
            border: 1px solid #ededed !important;
            margin-bottom: 30px;
        }

        .process_part {
            padding: 1rem 0 !important;
        }

        .cta {
            text-align: center;
        }

        .cta .btn_wrap {
            text-align: center;
        }

        .btn_wrap {
            text-align: center;
            position: relative;
        }

        .cta {
            padding: 3rem 0;
        }

        .btn_wrap::before {
            height: 233px;
            top: -127px;
        }

        .team_img img {
            height: 100%;
            object-fit: cover;
        }

        .team_1 {
            height: auto;
            width: 80%;
            margin: 30px auto;
            position: relative;
        }

        .team_member .team_1 .team_name {
            bottom: -35px;
            width: 90%;
            margin: 0 30px;
        }

        .team_member .team_1 .team_name h3 {
            font-size: 20px;
        }

        .team_member {
            padding-bottom: 5rem !important;
        }

        .abt_page .box_wrap {
            justify-content: center;
        }

        .abt_page .abt_left {
            padding-top: 1rem;
        }

        .abt_page .btn_wrap {
            margin-top: 0;
        }

        .box_wrap {
            margin-right: 0;
        }

        .subscribe input[type="email"] {
            margin-left: 0px;
        }

        .practice_page .pr_feature_box .pr_box_wrapper {
            margin-right: 0;
        }


        @media(max-width:575px) {

            .fs_40 {
                font-size: 25px;
            }

            .main_banner {
                padding: 10rem 0 13rem 0;
            }

            .abt_left {
                padding-top: 0rem;
            }

            .header_wrap .navbar-light .navbar-toggler {
                margin-right: 10px;
            }

            .abt_img_wrap::before {
                display: none;
            }

            .abt_img_wrap {
                padding-top: 0;
                padding-left: 0;
            }

            .sub_head span::before {
                top: 12px;
                left: -35px;
            }

            .abt_img_wrap img {
                width: 100%;
            }

            .team_member {
                padding: 3rem 0 0;
            }

            .video-play-button {
                left: 50%;
            }

            .video-play-button {
                top: 50%;
            }

            .proc_wrapper {
                padding-left: 0;
            }

            .proc_wrapper .icon_box {
                margin: 10px 2rem;
            }

            .cta {
                margin-bottom: 0;
            }

            .cta_title {
                padding-bottom: 15px;
            }

            .team_head {
                padding: 0;
            }

            .team_member {
                padding-top: 3rem;
            }

            #blog {
                padding: 0;
            }

            .team_1 {
                height: auto;
                position: relative;
            }

            .copywrite_wrap {
                margin-top: 1rem;
                padding: 10px 0;
            }

            .team_member .team_name {
                position: absolute;
                bottom: 60px;
            }

            .team_img img {
                height: auto;
            }

            .Testimonial .slider_shape {
                padding: 2rem;
            }
        }