@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root {

    --primary-color: #e61313;

    --secondary-color: #ee5e23;

    --third-color: #004aad;

    --fourth-color: #1cc056;

    --black: #30373e;

}



* {

    margin: 0;

    padding: 0;

}



html,

body { font-family: "Manrope", sans-serif;}
a {
    transition: all 0.3s ease;

    text-decoration: none !important;

    outline: none !important;

    color: var(--primary-color);

}



a:active {

    background-color: transparent;

}



ul {

    padding: 0;

    margin: 0;

}



ul,

li {

    list-style-type: none;

}



img {

    display: block;

    max-width: 100%;

    width: 100%;

    height: auto;

}



p {

    color: #6a6a6a;

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 15px;

}



.sec-title {

    text-align: center;

    margin-bottom:10px;

}

.sec-title.left {

    text-align: left;

}

.sec-title h2 {

    font-size: 45px;

    color: var(--black);

    font-weight: 800;

}

.sec-title h2 span {

    color: var(--third-color);

}

.sec-title .sub-title {

    position: relative;

    display: block;

    font-size: 16px;

    line-height: 14px;

    text-transform: uppercase;

    font-weight: 500;

    color:  var(--primary-color);

    letter-spacing: 1px;

    text-align: left;

    display: inline-block;

    border-radius: 24px;

    margin-bottom: 10px;
	
	padding:10px 20px; border:var(--primary-color) 2px solid;

}

.sec-title p {

    color: #6a6a6a;

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 15px;

}


.header {

    /* position: absolute; */

    width: 100%;

    z-index: 9;

}





.theme-btn-one {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    -webkit-appearance: none;

    outline: none !important;

    background-color: var(--secondary-color);

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    line-height: 40px;

    padding: 4px 30px;

    border-radius: 60px;

    border: none;

    overflow: hidden;

    transition: all 0.5s linear;

    z-index: 1;

}

.theme-btn-one:hover {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

    color: #ffff;

}

.theme-btn-one span {

    color: #fff;

    transition: all 0.5s ease;

    border-radius: 100%;

    margin-left: 7px;

    display: inline-block;

    line-height: 20px;

    transform: translateY(-2px);

}

.theme-btn-one span i {

    font-size: 20px;

    position: relative;

    transition: all 0.5s ease;

    text-align: center;

}



/* /// */

.theme-btn-two {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    -webkit-appearance: none;

    outline: none !important;

    background-color: #fff;

    border: 1px solid var(--black);

    color: var(--black);

    font-size: 16px;

    font-weight: 600;

    line-height: 40px;

    padding: 4px 30px;

    border-radius: 60px;

    overflow: hidden;

    transition: all 0.5s linear;

    z-index: 1;

}

.theme-btn-two::before {

    transition-duration: 800ms;

    position: absolute;

    width: 200%;

    height: 200%;

    content: "";

    top: 110%;

    left: 50%;

    background-color: var(--black);

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    border-radius: 50%;

    z-index: -1;

}

.theme-btn-two:hover {

    color: #fff;

}

.theme-btn-two:hover:before {

    top: -40%;

}



/* /// */

.theme-btn-three {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    -webkit-appearance: none;

    outline: none !important;

    background-color: #e41515;

    border: 1px solid #e41515;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    line-height: 40px;

    padding: 4px 30px;

    border-radius: 60px;

    overflow: hidden;

    transition: all 0.5s linear;

    z-index: 1;

}

.theme-btn-three::before {

    transition-duration: 800ms;

    position: absolute;

    width: 200%;

    height: 200%;

    content: "";

    top: 110%;

    left: 50%;

    background-color: #fff;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    border-radius: 50%;

    z-index: -1;

}

.theme-btn-three:hover {

    color: #f8662a;

}

.theme-btn-three:hover:before {

    top: -40%;

}



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

Top Bar

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



.top-bar {

    background-color: var(--primary-color);

    padding: 0px 60px;

    /* border-bottom: 1px solid #ffffff33; */

}



.top-bar .wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 0px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

}

.top-bar .wrapper.right {

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

}

.top-bar .wrapper ul li {

    display: inline-block;

    font-size: 14px;

    color: #fff;

    padding: 13px 20px 11px 0;

}



.top-bar .wrapper .top-contact li {

    display: inline-block;

    margin-right: 0px;

    padding: 13px 20px 11px 0;

    color: #978e8e;

    font-size: 14px;

}

.top-bar .wrapper .top-contact li:last-child {

    border-right: none;

}

.top-bar .wrapper .top-contact li i {

    margin-right: 7px;

    color: var(--secondary-color);

}

.top-bar .wrapper .top-contact li a {

    transition: all 0.3s ease;

    color: #fff;

}



.top-bar .wrapper .top-social {

    display: flex;

}

.top-bar .wrapper .top-social li {

    display: inline-block;

    font-size: 14px;

    margin-left: 25px;

    padding: 11px 0;

}

.top-bar .wrapper .top-social li a {

    color: #fff;

    text-transform: capitalize;

    float: right;

    font-size: 14px;

}

.top-bar .wrapper .top-social li a:hover {

    color: var(--primary-color);

}

.top-bar .wrapper.right .top-menu li a {

    color: #978e8e;

}











/* Reset Navbar */

.sm-clean {

    background: transparent !important;

}

.navbar .navbar-collapse {

    justify-content: space-between;

}

/* New Navbar */

#main-nav {

    margin-left: auto;

}

#main-nav #main-menu > li {

    padding: 0 20px 0 0;

    position: relative;

}

#main-nav #main-menu > li.dropdown > a {

    margin: 0 10px 0 0;

}

#main-nav #main-menu > li > a {

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    line-height: 22px;

    padding: 40px 0;

    position: relative;
    text-transform: uppercase;
}

#main-nav #main-menu > li > a.active,

#main-nav #main-menu > li > a:hover,

#main-nav #main-menu > .dropdown.active > a {

    color: #fff;

}

#main-nav #main-menu > li > a.active:after,

#main-nav #main-menu > .dropdown.active > a span::after {

    transform: scale(1);

}

#main-nav #main-menu > .dropdown.active > a .sub-arrow {

    border-color: var(--primary-color) transparent transparent transparent;

}

#main-nav #main-menu > li > a span {

    position: relative;

}

#main-nav #main-menu > li > a span::after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    width: 100%;

    bottom: -5px;

    height: 2px;

    background-color: var(--primary-color);

    transform: scaleX(0);

    transform-origin: right;

    transition: 300ms ease transform;

}

#main-nav #main-menu > li > a.active span:after,

#main-nav #main-menu > li > a span:hover:after {

    transform: scaleX(1);

    transform-origin: left;

}

#main-nav #main-menu > li:hover > a.active:after {

    transform: scale(0);

    opacity: 0;

}

#main-nav #main-menu > li > a .sub-arrow {

    border-color: #fff transparent transparent transparent;

    right: -5px;

    display: inline-block;

}

#main-nav #main-menu > li > ul > li > ul {

    border-radius: 0 !important;

    border: none;

    left: 6px !important;

}

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

    #main-nav #main-menu > li > ul::before,

    #main-nav #main-menu > li > ul::after {

        display: none;

    }

    #main-nav #main-menu > li > ul {

        left: 0px !important;

        margin-top: 0 !important;

        width: 260px;

        opacity: 0;

        transform: translateY(50px);

        transition: all 300ms ease;

        display: block !important;

        visibility: hidden;

        padding: 20px 10px;

        border: none;

        box-shadow: 0 3px 30px rgba(0, 0, 0, .08);

        border-radius: 0px !important;

    }

    

    #main-nav #main-menu > li > ul li ul {

        box-shadow: 0 3px 30px rgba(0, 0, 0, .08);

        border-radius: 0px !important;

        padding: 20px 10px;

    }

}

#main-nav #main-menu > li:hover > ul {

    opacity: 1;

    visibility: visible;

    transform: translateY(0px);

}

#main-nav #main-menu > li > ul li a {

    color: #000;

    transition: 300ms ease color;

    position: relative;

    margin: 0 10px;

    font-size: 16px;

    font-weight: 500;

    display: block;

    background-color: transparent;

    -ms-transition: all .45s ease;

    -o-transition: all .45s ease;

    -moz-transition: all .45s ease;

    -webkit-transition: all .45s ease;

    transition: all .45s ease;

}

#main-nav #main-menu > li > ul li a:hover {

    color: var(--primary-color);

}

/* #main-nav #main-menu > li > ul li a:after {

    content: "";

    position: absolute;

    top: calc(100% - 10px);

    left: 0;

    width: 0;

    height: 1px;

    background-color: transparent;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}

#main-nav #main-menu > li > ul li a:hover:after {

    width: 100%;

    background-color: var(--primary-color);

} */

 /* #main-nav #main-menu > li > ul li a > span {

    position: relative;

 }

#main-nav #main-menu > li > ul li a > span:not(.sub-arrow)::before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    width: 100%;

    bottom: 0px;

    height: 1px;

    background-color: var(--secondary-color);

    transform: scaleX(0);

    transform-origin: right;

    transition: 300ms ease transform;

}

#main-nav #main-menu > li > ul li a > span:hover::before {

    transform: scaleX(1);

    transform-origin: left;

} */

/* #main-nav #main-menu > li > ul li a .sub-arrow {

    border-width: 0;

    position: absolute;

    right: 0;

}

#main-nav #main-menu > li > ul li a .sub-arrow::after {

    content: "\f105";

    font-family: "Font Awesome 6 Free";

} */



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

Navbar

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



.navbar {

    padding: 0 60px;
    /*position: sticky;*/
	position:absolute;
    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

    /*border-bottom: 1px solid rgba(255, 255, 255, 0.15);*/

   /* background: rgb(255 255 255 / 10%);*/

    /*backdrop-filter: blur(3px);*/

    /*-webkit-box-shadow: 0 -2px 18px 0 #0000001c;

            box-shadow: 0 -2px 18px 0 #0000001c;*/

}



.fixed-header {

    background-color: #fff !important;

    width: 100%;

    z-index: 999;

    position: fixed;

    top: -1px;

    -webkit-box-shadow: 0 -2px 18px 0 #0000001c;

            box-shadow: 0 -2px 18px 0 #0000001c;

}



.navbar-brand {

    width: 130px;

}



.navbar-brand.dark {

    display: none;

}



.fixed-header .navbar-brand.dark {

    display: block;

}

.fixed-header .navbar-brand.light {

    display: none;

}



.navbar-nav {

    margin-left: 40px;

}



/* .navbar {

  padding: 0;

  background-color: #fff !important;

  border-bottom: 1px solid #e7e7e7;

} */



/* Menu Lines */

.navbar .navbar-toggler {

    -webkit-box-shadow: none;

            box-shadow: none;

}

.navbar .navbar-toggler-icon {

    width: 24px;

    height: 0px;

    position: relative;

    padding: 0;

    float: left;

    margin: 14px 0;

    border-top: 2px solid var(--primary-color);

}

.navbar .navbar-toggler-icon::before,

.navbar .navbar-toggler-icon::after {

    content: "";

    position: absolute;

    display: block;

    border-top-width: 2px;

    border-top-style: solid;

    left: 0;

    right: 0;

    top: 0;

    -webkit-transition: 300ms ease all;

    -o-transition: 300ms ease all;

    transition: 300ms ease all;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    -webkit-transform-origin: -0.75px 1px;

    -ms-transform-origin: -.75px 1px;

    transform-origin: -0.75px 1px;

    border-top-color: var(--primary-color);

}

.navbar .navbar-toggler-icon::before {

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

}

.navbar .navbar-toggler-icon::after {

    -webkit-transform: translateY(7px);

    -ms-transform: translateY(7px);

    transform: translateY(7px);

}





.navbar .navbar-collapse {

    position: relative !important;

    /* display: flex !important; */

    /* flex-grow: unset !important; */

}



.menu-opened {

    background-color: #fff !important;

    padding-bottom: 40px;

}



.menu-opened .navbar-toggler-icon,

.menu-opened .navbar-toggler-icon::before,

.menu-opened .navbar-toggler-icon::after,

.fixed-header .navbar-toggler-icon,

.fixed-header .navbar-toggler-icon::before,

.fixed-header .navbar-toggler-icon::after {

    border-color: #000;

}





.navbar .dropdown {

    position: inherit;

}



.navbar-nav>li {

    padding: 0 50px 0 0;

}

.navbar-nav>li:last-child {

    padding-right: 0;

}



/* .navbar-nav>li:last-child {

    margin-right: 0;

} */



.navbar-nav li .nav-link {

    padding: 35px 0px !important;

    color: #fff !important;

    font-weight: 500;

    font-size: 16px;

    text-transform: capitalize;

    position: relative;

}

.fixed-header .navbar-nav li .nav-link {

    color: #000 !important;

}



.navbar-nav li .nav-link.active,

.navbar-nav li:hover .nav-link {

    color: var(--primary-color) !important;

}





.dropdown-menu,

.sub-dropdown-menu {

    border-bottom: none;

    border-left: none;

    border-right: none;

    border-top: none;

    -webkit-box-shadow: 0 10px 10px 0 #00000017;

    box-shadow: 0 10px 10px 0 #00000017;

    width: 220px;

    opacity: 0;

    visibility: hidden;

    -webkit-transform-origin: top center;

    transform-origin: top center;

    -webkit-transform: scaleY(0) translateZ(100px);

    transform: scaleY(0) translateZ(100px);

    -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;

    transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;

    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;

    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;

    z-index: 99;

    background-color: rgb(255, 255, 255);

    padding: 25px 20px 15px;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    border-top: 3px solid var(--primary-color);

}



.dropdown:hover .dropdown-menu {

    opacity: 1;

    visibility: visible;

    -webkit-transform: scaleY(1) translateZ(0px);

    transform: scaleY(1) translateZ(0px);

}

.dropdown-menu li {

    margin-bottom: 5px;

}

.dropdown-menu li a {

    padding: 6px 20px 6px;

    font-weight: 400;

    font-size: 15px;

    color: var(--black);

    text-transform: capitalize;

}



.dropdown-menu li a,

.sub-dropdown-menu li a {

    border-bottom: 1px solid #ffffff1c;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.dropdown-menu li a:hover,

.sub-dropdown-menu li a:hover {

    background-color: #F7F9FA;

}



.dropdown-menu li:last-child a {

    border-bottom: 0px solid;

}



.dropdown .dropdown-toggle::after {

    content: "+";

    position: absolute;

    right: -15px;

    border: none;

}

.navbar-nav li.dropdown:hover .dropdown-toggle::after {

    content: "-";

}





.navbar .contact-info {

    position: relative;

    display: flex;

    align-items: center;

    margin-left:0px;

}



.navbar .contact-info .call-box {

    position: relative;

    display: flex;

    align-items: center;

    padding: 25px 0;

    z-index: 5;

}

.navbar .contact-info .call-box .icon {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 15px;

    color: var(--secondary-color);

    margin-right: 5px;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}

.navbar .contact-info .call-box .icon svg {

    height: 25px;

    width: 25px;

}

.navbar .contact-info .call-box .content {

    margin-left: 10px;

    top: 3px;

    position: relative;

}

.navbar .contact-info .call-box .content p {

    font-size: 14px;

    font-weight: 500;

    line-height: 12px;

    margin-bottom: 5px;

}

.navbar .contact-info .call-box .content h5 {
    font-size: 16px;

    font-weight:600;

    line-height: 20px;

    color: #ea5d23;
	text-transform:uppercase;
}

.navbar .contact-info .call-box .content h5 a {

    color: #fff;

}

.navbar .contact-info .btn-box {

    position: relative;

    display: block;

    margin-left: 30px;

    padding: 19px 0;

}

.fixed-header .btn-box .theme-btn {

    background-color: var(--primary-color) !important;

    color: #000 !important;

}



.fixed-header .contact-info .call-box .content p {

    color: var(--black);

}



@media only screen and (min-width: 992px) {

    .dropdown .dropdown-menu {

        display: block;

    }



    .sub-dropdown:hover .sub-dropdown-menu {

        display: block;

    }

}









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

Banner Area

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



.banner-slider {

    position: relative;

}

.banner-slider .box-wrap {

    position: absolute;

    bottom: 40px;

    right: 40px;

    z-index: 99;

    width: 590px;

    height: 300px;

    translate: none;

    rotate: none;

    display: flex;

    transition: all 0.5s ease;

}

.banner-slider .box-wrap .box-1 {

    padding: 20px 40px;

    overflow: hidden;

    box-sizing: border-box;

    color: #ffffff;

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

    opacity: 1;

    background: rgba(0, 0, 0, 0.24);

    border: 1px solid rgba(0, 0, 0, 0.13);

    backdrop-filter: blur(29px);

    transition: all 0.5s ease;

    border-radius: 24px;

    flex: 0 0 280px;

    margin-right: 30px;

}

.banner-slider .box-wrap .box-1 h3 {

    color: #ffffff;

    font-weight: 400;

    font-size: 50px;

    margin-bottom: 0px;

}

.banner-slider .box-wrap .box-1 p {

    display: block;

    color: #ffffff;

    font-weight: 400;

    font-size: 16px;

    margin-bottom: 0px;

    text-transform: capitalize;

}

.banner-slider .box-wrap .box-1 h5 {

    display: block;

    color: #ffffff;

    font-weight: 400;

    font-size: 16px;

    margin-bottom: 0px;

    padding-top: 45px;

    text-transform: capitalize;

}



.banner-slider .box-wrap .box-2 {

    display: block;

    width: 100%;

    height: 100%;

    transition: all 0.5s ease;

    border-radius: 24px;

    overflow: hidden;

}



.banner-slider .slide-item {

    position: relative;

    /* padding-top: 165px; */

    /* padding-bottom: 65px; */

    /* height: 100vh; */

    overflow: hidden;

}

/* .banner-slider .slide-item:before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    background: rgb(4 1 13 / 19%);

    top: 0px;

    right: 0px;

    z-index: 1;

} */

.banner-slider .slide-item .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: cover;

    /* -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1); */

    -webkit-transition: all 8000ms linear;

    -moz-transition: all 8000ms linear;

    -ms-transition: all 8000ms linear;

    -o-transition: all 8000ms linear;

    transition: all 8000ms linear;

}

.banner-carousel .active .slide-item .image-layer {

    -webkit-transform: scale(1.25);

    -ms-transform: scale(1.25);

    transform: scale(1.25);

}

.banner-carousel .content-box {

    position: absolute;

    width: 100%;
    bottom:20%;

    transform: translateY(-50%);

    max-width:70%;    

    padding: 0 70px;

    z-index: 99;

}

.banner-carousel .content-box .sub-title {

    position: relative;

    display: block;

    font-size: 12px;

    line-height: 14px;

    text-transform: uppercase;

    font-weight: 400;

    color: #fff;

    background-color: var(--secondary-color);

    letter-spacing: 1px;

    text-align: left;

    display: inline-block;

    padding: 8px 12px 5px 10px;

    border-style: solid;

    border-width: 1px;

    border-color: rgba(255, 255, 255, 0.18);

    border-radius: 24px;

    margin-bottom: 20px;

    opacity: 0;

    -webkit-transform: translateY(-50px);

    -moz-transform: translateY(-50px);

    -ms-transform: translateY(-50px);

    -o-transform: translateY(-50px);

    transform: translateY(-50px);

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

}

.banner-carousel .content-box .sub-title i {

    font-size: 5px;

    vertical-align: middle;

    margin-right: 3px;

    color: #fff;

}

.banner-carousel .active .content-box .sub-title {

    opacity: 1;

    -webkit-transition-delay: 700ms;

    -moz-transition-delay: 700ms;

    -ms-transition-delay: 700ms;

    -o-transition-delay: 700ms;

    transition-delay: 700ms;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}

.banner-carousel .content-box h2 {

    position: relative;

    display: block;

    font-size:70px;

    line-height:1.2;

    font-weight:800;

    padding: 0px 0px 0px;

    text-align:left;

   

    color:#fff;

    margin-bottom:0px;

    opacity: 0;

    -webkit-transform: translateY(-50px);

    -moz-transform: translateY(-50px);

    -ms-transform: translateY(-50px);

    -o-transform: translateY(-50px);

    transform: translateY(-50px);

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;
	

}

.banner-carousel .active .content-box h2 {

    opacity: 1;

    -webkit-transition-delay: 700ms;

    -moz-transition-delay: 700ms;

    -ms-transition-delay: 700ms;

    -o-transition-delay: 700ms;

    transition-delay: 700ms;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}

.banner-carousel .content-box h2 span {

    position: relative;

    display: block;

    color: #fff;

}


.banner-carousel .active .content-box h3 {

    opacity: 1;

    -webkit-transition-delay: 700ms;

    -moz-transition-delay: 700ms;

    -ms-transition-delay: 700ms;

    -o-transition-delay: 700ms;

    transition-delay: 700ms;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}

.banner-carousel .content-box h3 {
    position: relative;
    display: block;
    font-size:30px;

    line-height:1.2;

    font-weight: 600;

    padding:10px 0px 10px 0px;

    text-align:left;

    text-transform: capitalize;

    color:#fff;

    margin-bottom:0px;

    opacity: 0;

    -webkit-transform: translateY(-50px);

    -moz-transform: translateY(-50px);

    -ms-transform: translateY(-50px);

    -o-transform: translateY(-50px);

    transform: translateY(-50px);

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;
	

}


.banner-carousel .active .content-box h4 {
    opacity: 1;
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.banner-carousel .content-box h4 {
    position:relative;
    display:inline-block;
    font-size:20px;
    line-height:1.2;
    font-weight:600;
	background-color:#f5ae0e;
    padding: 10px;
    text-align:left;
    text-transform: capitalize;
    color:#000;
    margin:10px 0px 0px 0px;
	border-radius:6px;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}


.banner-carousel .active .content-box p {
    opacity: 1;
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
	
}

.banner-carousel .content-box p {
    position:relative;
    display:block;
    font-size:14px;
    line-height:1.2;
    font-weight:400;
	padding: 10px 0px;
    text-align:left;
    text-transform: capitalize;
    color:#fff;
    margin:0px 0px 0px 0px;
	opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
	
}


.banner-carousel .active .content-box h6 {
    opacity: 1;
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.banner-carousel .content-box h6 {
    position:relative;
    display:block;
    font-size:18px;
    line-height:1.4;
    font-weight:500;
	padding: 10px 0px;
    text-align:left;
    text-transform: capitalize;
    color:#fff;
    margin:0px 0px 0px 0px;
	opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
	width:700px;
}



.banner-carousel .content-box h1 {
    position: relative;
    display: block;
    font-size:60px;
    line-height:1.2;
    font-weight:800;
    padding: 0px 0px 0px;
    text-align:left;
    color:#fff;
    margin-bottom:0px;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
	width:700px;

}

.banner-carousel .active .content-box h1 {

    opacity: 1;

    -webkit-transition-delay: 700ms;

    -moz-transition-delay: 700ms;

    -ms-transition-delay: 700ms;

    -o-transition-delay: 700ms;

    transition-delay: 700ms;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}

#nbr{ margin-top:20px; margin-bottom:-40px;

 opacity: 1;

    -webkit-transition-delay: 700ms;

    -moz-transition-delay: 700ms;

    -ms-transition-delay: 700ms;

    -o-transition-delay: 700ms;

    transition-delay: 700ms;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);



}


.banner-carousel .active .content-box h5 {
    opacity: 1;
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.banner-carousel .content-box h5 {
    position:relative;
    display:inline-block;
    font-size:16px;
    line-height:1.2;
    font-weight:500;
	background-color:#e41515;
    padding: 10px 30px;
    text-align:left;
    text-transform: capitalize;
    color:#fff;
    margin:10px 0px 0px 0px;
	border-radius:20px;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-carousel .content-box h5 a{  color:#fff;}
#nmr{ margin-bottom:-40px;}

.banner-carousel .content-box .lower-box {

    position: relative;

    display: block;

    width: 650px;

    opacity: 0;

    -webkit-transform: translateY(10px);

    -moz-transform: translateY(10px);

    -ms-transform: translateY(10px);

    -o-transform: translateY(10px);

    transform: translateY(10px);

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

}

.banner-carousel .active .content-box .lower-box {

    opacity: 1;

    -webkit-transition-delay: 1000ms;

    -moz-transition-delay: 1000ms;

    -ms-transition-delay: 1000ms;

    -o-transition-delay: 1000ms;

    transition-delay: 1000ms;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}

.banner-carousel .content-box .lower-box .text {

    position: relative;

    display: block;

    font-size: 1vw;

    line-height: 1.5vw;

    color: #fff;

    font-weight:400;

    margin-bottom: 31px;

    /* max-width: 360px; */

}



.banner-carousel .slide-1 .content-box h2,

.banner-carousel .slide-1 .content-box .lower-box .text {

    color: #fff;

}



.banner-carousel .slide-1 .content-box .theme-btn-two {

    border-color: #fff;

    color: #fff;

}



.banner-carousel .content-box .wrapper {

    position: relative;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin-top: 40px;

}

.banner-carousel .content-box .wrapper .video-box {

    position: relative;

    display: flex;

    align-items: center;

    margin-left: 35px;

}

.banner-carousel .content-box .wrapper .video-box a {

    color: #fff;

}

.banner-carousel .content-box .wrapper .video-box .video-icon {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 44px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    font-size: 15px;

    color: var(--primary-color);

    background-color: #fff;

    border-radius: 50%;

    transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}

.banner-carousel .content-box .wrapper .video-box .video-icon:before {

    content: "";

    position: absolute;

    top: -4px;

    left: -4px;

    right: -4px;

    bottom: -4px;

    border: 4px solid #ffffff33;

    border-radius: 50%;

}

.banner-carousel .content-box .wrapper .video-box .video-icon .ripple, 

.banner-carousel .content-box .wrapper .video-box .video-icon .ripple:before, 

.banner-carousel .content-box .wrapper .video-box .video-icon .ripple:after {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -ms-box-shadow: 0 0 0 0 #ffffff99;

    -o-box-shadow: 0 0 0 0 #ffffff99;

    -webkit-box-shadow: 0 0 0 0 #ffffff99;

    box-shadow: 0 0 0 0 #ffffff99;

    -webkit-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

}

.banner-carousel .content-box .wrapper .video-box .video-icon .ripple:before {

    -webkit-animation-delay: 0.9s;

    animation-delay: 0.9s;

    content: "";

    position: absolute;

}

.banner-carousel .content-box .wrapper .video-box .video-icon .ripple:after {

    -webkit-animation-delay: 0.6s;

    animation-delay: 0.6s;

    content: "";

    position: absolute;

}

@keyframes ripple {

    70% {

        box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);

    }

    100% {

        box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);

    }

}





.banner-slider .owl-nav {

    position: absolute;

    top: 50%;

    right: 77px;

    height: 315px;

    margin-top: -150px;

}



.banner-slider .owl-dots {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    width: 100%;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 40px;

    padding: 16px 0;

    margin: 0 auto !important;

    height: 0;

    line-height: 0;

    border-radius: 16px;

}

.banner-slider .owl-dots .owl-dot span {

    position: relative;

    display: block;

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background-color: transparent;

    border: 1px solid #fff;

    margin: 0;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}



.banner-slider .owl-dots .owl-dot:hover span, 

.banner-slider .owl-dots .owl-dot.active span {

    background-color: #fff;

}











/* who-we-are */

.who-we-are {

    padding: 150px 60px;

    background-image: url("../images/img_.png");

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

}

.who-we-are .item {

    background-color: #fff;

    border-radius: 24px;

    padding: 38px 40px 43px;

}

.who-we-are .item .icon-box {

    display: flex;

    align-items: center;

}

.who-we-are .item .icon-box .title {

    width: 70%;

}

.who-we-are .item .icon-box .icon {

    width: 30%;

}

.who-we-are .item .icon-box .icon img {

    width: 50px;

    height: 50px;

    float: right;

}















/* about-section */

.about-section {
	background-color:#f7f7f7;

    position: relative;

    display: block;

    padding: 120px 0 80px;

    overflow: hidden;

    z-index: 1;
	
	background-image:url("../images/bg2.png"); background-size:700px; background-repeat:no-repeat;
background-position:bottom right; 

}

.about-section .sec-title {

    margin-bottom: 20px;

}

.about-section .col-1 {

    justify-content: space-between;

    display: flex;

    flex-direction: column;

}

.about-section .content {padding:20px 0px 80px 80px;}
.about-section .content h2{ font-size:60px; line-height:1; margin:0px; padding:0px;}


.about-section .content h4 {color: var(--primary-color);font-weight:600;font-size: 25px; margin-top:-10px;}

.about-section .btn-box {

    margin-top: 30px;

}



.about-section .content .exp-box {

    display: flex;

    gap: 15px;

}

.about-section .content .exp-box .icon {

    flex: 0 0 auto;

    position: relative;

    z-index: 2;

}

.about-section .content .exp-box .icon::before {

    content: "";

    width: 40px;

    height: 40px;

    background-color: #ef9f7f;

    position: absolute;

    right: 0;

    bottom: 10px;

    border-radius: 50%;

    z-index: -1;

}

.about-section .content .exp-box .icon img {

    width: 70px;

}

.about-section .content .exp-box .info h3 {

    font-size: 40px;

    color: #e14040;

    font-weight: 800;

    margin-bottom: 0;

}

.abtimg2{ padding:24px 0px 0px 0px;}





.float-bob-x {

    -webkit-animation-name: float-bob-x;

    animation-name: float-bob-x;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

}



@-webkit-keyframes float-bob-x {

    0% {

        transform: translateX(-30px);

    }

    50% {

        transform: translateX(-10px);

    }

    100% {

        transform: translateX(-30px);

    }

}

.float-bob-y {

    -webkit-animation-name: float-bob-y;

    animation-name: float-bob-y;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

}

@-webkit-keyframes float-bob-y {

    0% {

        transform: translateY(-20px);

    }

    50% {

        transform: translateY(-10px);

    }

    100% {

        transform: translateY(-20px);

    }

}



.img-bounce {

    -webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;

    animation: ImgBounce 5s ease-in-out 0s infinite alternate;

}

@keyframes ImgBounce {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

    100% {

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px);

    }

}









/* services-section */

.services-section {

    padding:60px 0 50px 0;
	margin-bottom:0px;
	
	

}

.services-section .sec-title {

    margin-bottom: 40px;

}

.services-section .right-box {

    display: flex;

    gap: 50px;

    padding-left: 50px;

}

.services-section .item .img-box {

    overflow: hidden;

}

.services-section .item .img-box img {

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}

.services-section .item:hover .img-box img {

    transform: scale(1.2);

}

.services-section .item .text {

    margin-top: 20px;

}

.services-section .item .text h3 {

    color: var(--black);

    font-size: 25px;

    font-weight: 800;

    text-align: center;

    margin-bottom: 15px;

}
.services-section .item .text p {
    color: #6a6a6a;
    text-align: center;   
}

.services-section .item .text h6 {

    text-align: center;

    font-size: 18px;

    color: var(--primary-color);

}





.services-section .right-box .owl-nav {

    display: flex;

    align-items: center;

    gap: 10px;

}

.services-section .right-box .owl-nav button {

    position: relative;

    top: auto;

    left: auto;

    right: auto;

    bottom: auto;

    width: 48px;

    height: 48px;

    display: flex;

    border: none;

    justify-content: center;

    align-items: center;

    font-size: 22px !important;

    color: var(--black) !important;

    background-color: #fff !important;

    border: 1px solid var(--black);

    border-radius: 0%;

    margin: 0;

    text-align: center;

    opacity: 1;

    transition: all 500ms ease;

    z-index: 100;

}




/* tstmn-section */


.tstmn-section{
background-image:url(../images/bg8.jpg);background-size:cover; background-attachment:fixed; 
padding:60px 120px 60px 120px; position:relative;z-index:12;clear:both;}
.tstmn-section > div{ position:relative; z-index:40; }
.tstmn-section:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0;background: #020024;
background: linear-gradient(45deg, rgba(2, 0, 36, 1) 0%, rgba(20, 8, 33, 0.94) 42%);}


.tstmn-section .sec-title {margin-bottom: 40px;}
.tstmn-section .sec-title h2{ color:#fff;}
.tstmn-section .sec-title h6{ color:#fff;}

.tstmn-section .right-box {

    display: flex;

    gap: 50px;

    padding-left: 50px;

}

.tstmn-section .item .img-box {

    overflow: hidden;

}

.tstmn-section .item .img-box img {

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;
	

}

.tstmn-section .item:hover .img-box img {

    transform: scale(1.2);

}

.tstmn-section .item .text { padding:30px;
   background-color:#fff; border:1px solid #eee;
-webkit-box-shadow: -2px 14px 23px -8px rgba(128,124,128,0.4);
-moz-box-shadow: -2px 14px 23px -8px rgba(128,124,128,0.4);
box-shadow: -2px 14px 23px -8px rgba(128,124,128,0.4);

}

.tstmn-section .item .text h3 {

    color: var(--black);

    font-size: 25px;

    font-weight: 800;
    margin-bottom: 10px;

}

.tstmn-section .item .text h6 {
    font-size: 18px;
    color: var(--primary-color);

}

.tstmn-section .item .text p {
   

    font-size: 16px;

    color: #6a6a6a;

}





.tstmn-section .right-box .owl-nav {

    display: flex;

    align-items: center;

    gap: 10px;

}

.tstmn-section .right-box .owl-nav button {

    position: relative;

    top: auto;

    left: auto;

    right: auto;

    bottom: auto;

    width: 48px;

    height: 48px;

    display: flex;

    border: none;

    justify-content: center;

    align-items: center;

    font-size: 22px !important;

    color: var(--black) !important;

    background-color: #fff !important;

    border: 1px solid var(--black);

    border-radius: 0%;

    margin: 0;

    text-align: center;

    opacity: 1;

    transition: all 500ms ease;

    z-index: 100;

}

#tstmn1{ padding:40px 0px 0px 0px;}
#tstmn2{ padding:40px 0px 0px 0px;}







/* why-choose-section */

.why-choose-section {

    background-color: transparent;

    background-image: linear-gradient(270deg, #fff 33%, #f5f5f5 0%);

    
	 
	 margin-bottom:0px;

}

.why-choose-section .main-img {

    text-align: right;

    display: flex;

    justify-content: flex-end;

    transform: translate(0 , -80px);

}

.why-choose-section .main-img img {

    width: auto;

}

.why-choose-section .inner {

    

}

.why-choose-section .inner .content {

    margin-top: -652px;

    padding-top: 60px;

    position: relative;

    z-index: 9;

}

.why-choose-section .content .item {

    display: flex;

    gap: 20px;

}

.why-choose-section .content .item .icon {

    flex: 0 0 auto;

}

.why-choose-section .content .item .icon {

    width: 50px;

}

.why-choose-section .content .item .text h3 {

    font-size:22px;

    font-weight:700;

    color: var(--secondary-color);

    margin-bottom:4px;

}







/* process-section */

.process-section {padding: 100px 0 100px 0; background:url(../images/bg4.jpg); background-attachment: fixed;
  background-size: cover; overflow: hidden; position: relative; display: block;}
.process-section > div{ position:relative; z-index:40; }
.process-section:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0; background-color:rgba(255,255,255,0.9);}  

.process-section .item {

    padding:20px 10px;

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;
	 box-shadow: 0px 3px 36px 0px rgba(0, 0, 0, .11); background-color:#fff;

}

.process-section .item:hover {

    box-shadow: 0px 3px 36px 0px rgba(0, 0, 0, .21);

}

.process-section .item .icon {

    background-color: #f5f5f5;

    width: 80px;

    height: 80px;

    padding: 16px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: auto;

    border-radius: 50%;

    margin-bottom: 20px;

}

.process-section .item .text h3 {

    color: var(--secondary-color);

    font-size: 22px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 15px;

}

.process-section .item .text p {
    text-align: center;
	padding:0px 6px 0px 6px;

}









/* projects-header-section */

.projects-header-section {
    background-color: transparent;
    background-image: linear-gradient(90deg, #fff 50%, #f5f5f5 50%);
	border-top:1px solid #eee;
}

.projects-header-section .wrap {
    padding:70px 50px 30px 50px;}



/* .projects-section */

.projects-section {

    padding-bottom:0px;

}

.projects-section .p-0 {

    padding: 0;

}

.projects-section .item {

    position: relative;

    z-index: 2;

}

.projects-section .item::before {

    content: "";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, .7);

    position: absolute;

    transition: all .3s ease;

    opacity: 0;

    z-index: 1;

}

.projects-section .item:hover::before {

    opacity: 1;

}

.projects-section .item .img-box {

    overflow: hidden;

}

.projects-section .item .img-box img {

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}

.projects-section .item:hover .img-box img {

    transform: scale(1.2);

}

.projects-section .item-1 .img-box img {

    height: 750px;

    width: 100%;

}

.projects-section .item .content {

    position: absolute;

    bottom: 0;

    z-index: 9;

    padding: 20px 0;

    width: 100%;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    opacity: 0;

}

.projects-section .item:hover .content {

    opacity: 1;

}

.projects-section .item .content h3 {

    color: var(--secondary-color);

    text-align: center;

    font-size:30px;

    font-weight: 700;

}

.projects-section .item .content p {

    color: #fff;

    text-align: center;

    font-size: 18px;

    font-weight: 400;

}



.projects-section .item-sh .img-box img {

    /*height: 375px;*/

    object-fit: cover;

    transform: scale(1);

    transition: all .3s ease;

}

.projects-section .bottom-text {

    margin-top: 40px;

    text-align: center;

}

.projects-section .bottom-text a {

    text-align: center;

}

.prjrmn{ padding:40px 0px 0px 0px;}





/* appointment-section */







/* showroom-section */

.showroom-section {

    padding: 100px 0;

    background-image: url(../images/bg-1.jpg);

    background-position: top center;

    background-repeat: no-repeat;

    background-size: auto;    

    margin-bottom: 425px;

    padding: 128px 30px 0;

    position: relative;

    z-index: 2;

}

.showroom-section::before {

    content: "";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, .7);

    position: absolute;

    transition: all .3s ease;

    z-index: -1;

}

.showroom-section .heading h2 {

    color: #DAA14C00;

    font-size: 120px;

    font-weight: 700;

    text-transform: uppercase;

    text-align: center;

    line-height: 130px;

    letter-spacing: -2.5px;

    -webkit-text-stroke-width: 1px;

    stroke-width: 1px;

    -webkit-text-stroke-color: #fff;

    stroke: #fff;

}

.showroom-section .inner {

    margin-top: -100px;

    margin-bottom: -90px;

    transform: translateY(190px);

}

.showroom-section .inner .item {

    background-color: #fff;

    box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, .09);

}

.showroom-section .inner .item .text {

    min-height: 200px;

    padding: 30px 40px;

}

.showroom-section .inner .item .text h3 {

    text-align: center;

    color: #000;

    font-size: 28px;

    font-weight: 800;

    margin-bottom:10px;

}

.showroom-section .inner .item .text p {

    text-align: center;

    color: #6a6a6a;

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 20px;

}













/* testimonials-section */

.testimonials-section {

    padding: 0 0 100px;

}

.testimonials-section .img-wrap {

    display: flex;

    padding: 0 0 85px;

    position: relative;

    width: 100%;

    gap: 20px;

}

.testimonials-section .img-wrap img {

    width: auto;

}

.testimonials-section .img-wrap .img-3 {

    position: absolute;

    right: 30px;

    bottom: 0px;

}

.testimonials-section .slider {

    width: 400px;

    margin-top: 40px;

}



.testimonials-section .item .icon i {

    font-size: 30px;

    color: var(--primary-color);

}

.testimonials-section .item .content p {

    font-size: 18px;

    font-style: italic;

}

.testimonials-section .item .info {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: 50px;

}

.testimonials-section .item .info .img {

    flex: 0 0 auto;

    width: 60px;

}

.testimonials-section .item .info .details h4 {

    font-size: 20px;

    font-weight: 600;

    text-transform: capitalize;

    margin-bottom: 5px;

}

.testimonials-section .item .info .details p {

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 0;

    text-transform: capitalize;

}













/* quote-section */

.quote-section {

    padding: 100px 0;

    background-image: url(../images/bg-2.jpg);

    background-position: top center;

    background-repeat: no-repeat;

    background-size: auto;

    position: relative;

    z-index: 2;

}

.quote-section::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.9);

    opacity: 0.3;

    z-index: -1;

}

.quote-section .content .sec-title .sub-title,

.quote-section .content .sec-title h2 {

    color: #fff;

}

.quote-section .content .sec-title h2 {

    margin:0px 0;

}

.quote-section .btn-box {

    text-align: center;

}







/* section-one */

.section-one {

    padding:100px 0;

}

.section-one .item {

    position: relative;

    z-index: 2;

}

.section-one .item::before {

    content: "";

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

    background-image: linear-gradient(90deg, #000000 0%, #00000000 100%);

    pointer-events: none;

    left: 0;

}

.section-one .item .content {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    padding: 70px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.section-one .item .content h3 {

    color: #fff;

    font-weight: 700;

    font-size: 32px;

    margin-bottom: 20px;

}





/* .brands-section  */

.brands-section {

    padding: 0 0 60px;

}

.brands-section .slider {

    margin-top: 0px;

}

.brands-section .slider .item {

    padding:12px 10px 15px;

    background-image: linear-gradient(180deg, #f2f2f2 0%, #fff 100%);

    background-color: transparent;

}


.inner-banner {

    position: relative;

    z-index: 2;

}

.inner-banner .container {

    max-width: 1300px;

}

.inner-banner img {

    /* height: 500px; */

}

.inner-banner .inner {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    padding: 0 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

}

.inner-banner .content-box {

    position: absolute;

    left: 0;

    z-index: 9;

    top: 50%;

    transform: translateY(-50%);

}

.inner-banner .content-box .caption-title {
    color: var(--secondary-color);
    font-weight: 600;
    font-size: 2.5vw;
	padding:0px; margin:0px;
}


/* .cp-section */

.abtmng{background-image:url(../images/bg3.png);background-size:cover; background-attachment:fixed; }
.cp-section {padding:80px 0;}
.cp-section .img-box {padding-right:20px; position: relative;}
.cp-section .img-box .img-2 {
position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.cp-section .content {
    padding-left: 20px;
}

.cp-section .content h4 {

    color: var(--primary-color);

    font-weight:700;

    font-size: 25px; margin-bottom:0px;

}
.cp-section p{ padding:10px 0px 0px 0px; margin:0px;}






/* team-section */

.team-section {

    padding: 100px 0;

    background-color: #f5f5f5;

}

.team-section .item {

    margin-bottom: 30px;

}

.team-section .content {

    padding-top: 20px;

}

.team-section .content h3 {

    text-align: center;

    font-size: 22px;

    text-transform: capitalize;

    font-weight: 700;

}

.team-section .content p {

    text-align: center;

    font-size: 18px;

}







/* gallery-section */

.gallery-section {padding:20px 0; margin:0px;}
.gallery-section .item {margin-bottom: 25px;}

/* faq-section */

.faq-section  {

  padding:80px 0;
  background-image: url(../images/bg3.png);
  background-size: cover;
  background-attachment: fixed;

}





.faq-section .accordion-box .accordion-item {

    padding: 0;

    border-top: 1px solid #DFE1DE;

    border-bottom: 1px solid #ffffff;

    border-right: 1px solid #ffffff;

    border-left: 1px solid #ffffff;

    border-radius: 0px;

    overflow: hidden;

    margin-bottom: 0px;

    transition: all 0.3s ease-in-out;

}

.faq-section .accordion-box .accordion-item h2 {

    border: none;

}

.faq-section .accordion-box .accordion-item .accordion-button {

    position: relative;

    cursor: pointer;

    -webkit-transition: all 500ms ease;

    padding: 10px 20px;

    background: no-repeat;

    font-size: 18px;

    line-height: 30px;

    color: var(--black);

    background-color: #fff;

    font-weight: 600;

    box-shadow: none;

}

.faq-section .accordion-box .accordion-item .accordion-button:not(.collapsed) {

    color: var(--white-color);

    border-bottom: 1px solid #ffffff33;

    color: var(--secondary-color);

}

.faq-section .accordion-box .accordion-item .accordion-button::after {

    content: "\f068";

    font-family: 'FontAwesome';

    color: #000;

    border-radius: 50%;

    font-size: 16px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background-image: none;

}

.faq-section .accordion-box .accordion-item .accordion-button.collapsed::after {

    content: "\f067";

}

.faq-section .accordion-box .accordion-item .accordion-body {

    padding: 20px;

}

.faq-section .accordion-box .accordion-item .accordion-body p {

    color: var(--black);

}

.faq-section .accordion-box .accordion-item .accordion-button:not(.collapsed)::after {

    transform: none;

}











/* service-single-section */

.service-single-section {

    padding: 100px 0;

}

.service-single-section .swiper-button-next, 

.service-single-section .swiper-button-prev {

    color: var(--black);

    width: 40px;

    height: 40px;

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}



.service-single-section .swiper-button-next:hover, 

.service-single-section .swiper-button-prev:hover {

    background-color: var(--primary-color);

    color: #fff;

}

.service-single-section .swiper-button-next:after, 

.service-single-section .swiper-button-prev:after {

    font-size: 20px;

}



.service-single-section .slider-thumbnail {

    margin-top: 20px;

}

.service-single-section .product-slider .swiper-slide,

.service-single-section .slider-thumbnail .swiper-slide {

    overflow: hidden;

    border-radius: 0px;

}

.service-single-section .slider-thumbnail .swiper-slide img {

    opacity: 0.3;

}

.service-single-section .slider-thumbnail .swiper-slide-thumb-active img {

    opacity: 1;

}



.service-single-section .content {

    margin-top: 30px;

}

.service-single-section .content h2 {

    color: var(--black);

    font-size: 40px;

    font-weight: 700;

    margin-bottom:0px;

}
.service-single-section .content p{ padding:10px 0px 0px 0px; margin:0px;}


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

Contact Section

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

/*.contact-section .wrap {

    padding: 60px 60px 60px 60px;

    background: #ffffff;

}*/

.contact-section {
  padding:60px 0;
  background-image: url(../images/bg3.png);
  background-size: cover;
  background-attachment: fixed;

}

.contact-section .con-pl-0 {

    padding-left: 0px;

}

.contact-section .sec-title {

    margin-bottom: 10px;

}

.contact-section .contact-col {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.contact-section .contact-form {

    padding: 40px;

    border-radius: 30px;

}

.contact-section .first-input label {

    font-size: 18px;

    font-weight: 600;

}

.contact-section .first-input input,

.contact-section .first-input textarea,

.contact-section .first-input select {

    width: 100%;

    border-radius: 4px;

    border: 1px solid #e6e6e6;

    background: #fff;

    padding: 16px;

    margin-bottom: 24px;

    outline: none;

}

.textarea textarea {

    border-radius: 4px;

    border: 1px solid #e6e6e6;

    background: #fff;

    outline: none;

    width: 100%;

    padding: 16px;

    margin-top: 0px;

    height: 120px;

}







.contact-form fieldset {

    margin-bottom: 2em;

}



.contact-form input:focus,

.contact-form textarea:focus,

.contact-form select:focus {

    border-color: var(--primary-color);

}



.contact-form .bottom-btn button {

    margin-top: 0px;

    font-size: 16px;

    color: #fff;

    background-color: #070F3A;

    padding: 17px 30px 17px 30px;

    -webkit-box-shadow: none;

            box-shadow: none;

    border: none;

    display: block;

    border-radius: 50px;

    font-weight: 500;

    text-transform: uppercase;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.contact-form .theme-button:hover {

    background-color: var(--primary-color);

}



.contact-form textarea {

    padding: 20px;

    height: 120px;

}



.contact-form::-webkit-input-placeholder {

    /* Edge */

    color: #cacaca;

}



.contact-form:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #cacaca;

}



.contact-form::-moz-placeholder {

    color: #cacaca;

}



.contact-form::-ms-input-placeholder {

    color: #cacaca;

}



.contact-form::placeholder {

    color: #cacaca;

}



form fieldset .radio {

    margin-top: 10px;

    position: relative;

}



form fieldset .radio li {

    margin: 0 10px;

}



.contact-form input[type="radio"] {

    width: auto;

    margin-bottom: 0;

}



form fieldset .radio li label {

    width: auto;

}



/*.contact-section {

    background-image: url("../images/service2-bg.png");

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}*/

.contact-section .contact-from {

    padding-top: 20px;

}

.contact-section .contact-wrap h2 {

    margin-bottom: 10px;

    font-size: 30px;

    font-weight: 600;

    color: var(--black);

}



.contact-section .contact-wrap .nav-tabs .nav-link {

    color: #000;

    font-size: 18px;

    font-weight: 500;

    padding: 10px 30px;

}

.contact-section .contact-wrap .nav-tabs .nav-link.active {

    color: var(--primary-color);

}

.contact-section .contact-wrap .tab-content {

    padding-top: 30px;

}



.contact-section .contact-box {

    /* background-color: #fff; */

    height: 100%;

    padding-left: 40px;

}





.contact-section .contact-box .address-box {

    display: flex;

    margin-bottom: 35px;

}



.contact-section .contact-box .address-box .icon {

    margin-right: 25px;

    width: 40px;

    height: 40px;

}



.contact-section .contact-box .address-box .text span {

    font-size: 18px;

    line-height: 27px;

    font-weight: 700;

    color: #ffffff;

    display: block;

    margin-bottom: 5px;

    

}

.contact-section .contact-box .address-box .text p {

    color: #ffffff;

    margin-bottom: 0;

    

    font-size: 16px;

}

.contact-section .contact-box .address-box .text a {

    color: #ffffff;

}
.contact-section .contact-box h3{
  color: var(--primary-color);
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 0px;}


.contact-section .social-wrap {

    margin-top: 30px;

}

.contact-section .social-wrap .social-icons {

    margin-top: 10px;

}



.contact-section .contact-info {

    display: flex;

    gap: 15px;

    position: relative;

    border-radius: 4px;

    background: #fff;

    padding: 24px 22px;

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .09);

    transition: all .4s ease-in-out;

    margin-bottom: 20px;

}

.contact-section .contact-info .icon {

    width: 40px;

    height: 40px;

    display: inline-block;

    flex: 0 0 auto;

}

.contact-section .contact-bg {

    background: #1a237e;

}

.contact-section .contact-info .text h3 {

    font-size: 20px;

    font-weight: 600;

    color: var(--primary-color);

    margin-bottom: 2px;

}

.contact-section .contact-info .text p,

.contact-section .contact-info .text p a {

    font-size: 17px;

    font-weight: 500;

    text-align: left;

    margin-bottom: 0;

    color: var(--black);

}

.contact-section .contact-bg .text h3,

.contact-section .contact-bg .text p,

.contact-section .contact-bg .text a {

    color: #fff !important;

}







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

Footer Section

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

footer {
background-image:url(../images/bg5.jpg); background-attachment:fixed; background-size:cover; overflow:hidden;
position: relative;display: block;z-index:1; background-position:center;}

footer > div{ position:relative; z-index:40; }
footer:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0; background-color:rgba(0,0,0,0.6);}
footer .footer-content {padding:70px 0px 30px 0px;}



footer .widget h2 {

    color:#f8662a;

    font-size: 24px;

    text-transform: capitalize;

    font-weight: 700;

    margin-bottom:10px;

    margin-right: 15px;

    padding-bottom: 0px;

    position: relative;

}





footer .widget p {

    color: #e3e3e3;

    margin: 0;

}

footer .widget-about .logo-box {
    margin-bottom:18px;
    width: 180px;
	
}

footer .widget-about p {

    text-align: left;

    font-size: 16px;

    color: #e8e1e1;
	padding-right:6em;

}



footer .widget-links,

footer .widget-contact {

    position: relative;

    display: block;

    margin-left: 15px;

}



footer .widget-links .nav-links ul {

    padding: 0;

    list-style-type: none;

}



footer .widget-links .nav-links ul li {

    margin-bottom: 0;

}



footer .widget-links .nav-links ul li a {

    color: var(--black);

    font-size: 16px;

    padding: 8px 0;

    font-weight: 500;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}



/* footer .widget-links .nav-links ul li a:before {

    content: "\f105";

    font-family: "FontAwesome";

    padding-right: 10px;

    color: #7ed200;

    font-size: 12px;

} */



footer .widget-links .nav-links ul li a:hover {

    color: var(--primary-color);

    background-color: transparent;

}



footer .widget-contact .contact-info ul {

    padding: 0;

}



footer .widget-contact .contact-info ul li {

    position: relative;

    display: flex;

    margin-bottom: 15px;

}



footer .widget-contact .contact-info ul li .content h3 {

    font-size: 18px;

    color: #f8662a;

    line-height: 22px;

    margin-bottom: 0;

}

footer .widget-contact .contact-info ul li .content p {

    font-size: 16px;

    line-height: 22px;

    text-transform: none;

}



footer .widget-contact .contact-info ul li .icon {

    position: relative;

    top: 5px;

    display: inline-block;

}

footer .widget-contact .contact-info ul li .icon span {

    position: relative;

    display: inline-block;

    font-size: 21px;

    color: #e8e1e1;

}



footer .widget-contact .contact-info ul li .content {

    position: relative;

    display: block;

    margin-left: 12px;

}



footer .widget-contact .contact-info ul li p {

    display: -ms-grid;

    display: grid;

    text-align: left;

    font-size: 16px;

    color: #e8e1e1;

}



footer .widget-contact .contact-info ul li a {

    color: #e8e1e1;

    font-size: 16px;

}



footer .widget-contact .contact-info ul li a.email {

    margin-top: 10px;

}

footer .widget-map{ border:#303030 1px solid; padding:10px;}

/* footer .widget-contact .contact-info h4 {

  font-size: 15px;

  color: #fff;

  margin-bottom: 20px;

} */



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

Footer Bottom Section

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

.footer-bottom {

    padding: 25px 0;

    border-top: 1px solid #303030;

}



.footer-bottom p,

.footer-bottom p a {

    margin: 0;

    color: #e8e1e1;

    font-size: 15px;

}



.footer-bottom .copyrights {

    float: left;

}



.footer-bottom .copyrights p span {

    margin-left: 10px;

}

.footer-bottom .copyrights p span a:hover {

    color: #a5e767;

}



.footer-bottom .design {

    float: right;

}



.social-icons {

    margin-top:10px;

    margin-bottom: 0px;

}



.social-icons li {

    display: inline-block;

    margin: 0 5px 0 0;

}



.social-icons li a {

    width: 35px;

    height: 35px;

    display: block; color:#fff;  
    background-color: #f61f1f;

    border: 1px solid #f61f1f;

    border-radius: 50px;

    text-align: center;

    line-height: 35px;

    -webkit-transition: 600ms ease all;

    -o-transition: 600ms ease all;

    transition: 600ms ease all;

}

.social-icons li a:hover {

    background-color: var(--secondary-color);

    border-color: var(--secondary-color);
	

}

.social-icons li a:hover i {

    color: #fff;

}



.social-icons li a i {

    font-size: 16px;

}



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

Go To Top

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



.scroll-top {

    width: 45px;

    height: 45px;

    line-height: 40px;

    border: none;

    position: fixed;

    bottom: 105%;

    right: 50px;

    font-size: 22px;

    border-radius: 50%;

    z-index: 99;

    color: #ffffff;

    text-align: center;

    cursor: pointer;

    background: var(--secondary-color);

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

  }

  .scroll-top i {

    color: #fff;

  }

  .scroll-top:hover{

    background: var(--primary-color);

  }

  .scroll-top.show {

    bottom: 45px;

  }

  .scroll-top i {

    color: #fff;

    transform: rotate(90deg);

    display: inline-block;

  }

  .scroll-top:after {

    position: absolute;

    z-index: -1;

    content: '';

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 1;

    background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

  }

  













.captcha-img {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.captcha-img img {

    width: 200px;

}



#captcha_reload i {

    color: #000000;

    font-size: 22px;

    line-height: 40px;

    padding-left: 10px;

}



#captcha-field {

    margin: 0;

}



#captcha-error {

    text-align: center;

}



#captcha-error p {

    margin: 0;

}



#captcha_reload i {

    color: #000;

    font-size: 20px;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



#captcha-field {

    margin-top: 0px;

}



#captcha_image {

    width: 80%;

    height: 100%;

    margin: 0 0px 0 0;

    text-align: center;

}



#success_message {

    text-align: center;

    background-color: #dff2d5;

    padding: 5px 10px;

    border: 1px solid #399d04;

    margin-top: 20px;

}



#success_message h3 {

    color: #000;

    font-size: 16px;

    font-weight: 500;

    margin: 0;

}



.help-block.error,

#file-error p {

    color: #f00;

    font-size: 14px;

}



#employment_type-error {

    position: absolute;

    top: 100%;

}



#error_message {

    text-align: center;

    background-color: #f2d5d5;

    padding: 5px 10px;

    border: 1px solid #9d0404;

    margin-top: 20px;

}



#error_message h3 {

    color: #000;

    font-size: 16px;

    font-weight: 500;

    margin: 0;

}



@media only screen and (min-width: 1320px) {

    .container {

        max-width: 1320px;

    }

}







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

    .banner-slider .slide-content .content .sub-heading h4 {

        font-size: 16px;

    }

    .banner-slider .slide-content .content .heading h2 {

        font-size: 45px;

        margin-bottom: 15px;

    }

    .banner-slider .slide-content .content .sub-heading-2 h5 {

        font-size: 28px;

    }

}



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

    .navbar {

        padding: 0 30px;

    }

    .banner-carousel .content-box .lower-box {

        width: 500px;

    }

    .about-section .col-1 {

        justify-content: normal;

        gap: 20px;

    }

    .about-section .content {

        padding: 0 30px 30px 30px;

    }

    .why-choose-section .main-img img {

        width: 45%;

    }

    .why-choose-section .inner .content {

        margin-top: -492px;

        padding-top: 60px;

        padding-bottom: 60px;

    }

}



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

    .navbar .contact-info {

        display: none;

    }

    #main-nav #main-menu > li > a {

        padding: 10px 0;

    }

    .banner-slider .slide-content .content .sub-heading h4 {

        font-size: 16px;

        margin-bottom: 15px;

    }

    .banner-slider .slide-content .content .heading h2 {

        font-size: 40px;

        margin-bottom: 15px;

    }

    .banner-slider .slide-content .content .sub-heading-2 h5 {

        font-size: 25px;

    }

    .about-section .left-box {

        margin: 0 auto 0;

    }

    .about-section .right-box {

        margin: 120px auto 0;

    }

    .counter-section .left {

        margin: 0 auto 0;

    }    

    .why-choose-section .main-img img {

        width: 45%;

        min-height: 680px;

        object-fit: cover;

    }

    .why-choose-section .inner .content {

        margin-top: -692px;

    }

    .showroom-section .heading h2 {

        font-size: 90px;

        line-height: 100px;

    }

    .showroom-section .inner {

        margin-top: -150px;

    }





    footer .widget {

        margin-bottom: 40px;

    }

    footer .widget-links, 

    footer .widget-contact {

        margin-left: 0;

    }

}



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

    .top-bar {

        display: none;

    }

    .navbar {

        background-color: #fff !important;

        padding: 20px 0;

    }

    .navbar-brand.light {

        display: none;

    }

    .navbar-brand.dark {

        display: block;

        width: 130px;

    }

    .navbar-nav {

        margin-top: 30px;

    }

    #main-nav {

        margin-left: 0px;

        margin-top: 40px;

    }

    #main-nav #main-menu > li > a .sub-arrow {

        background-color: #f1f1f1;

        margin-left: 10px;

        top: 1px;

    }

    #main-nav #main-menu > li > a {

        color: #000;

    }

    .navbar-nav li .nav-link {

        padding: 10px 0px !important;

        color: var(--black) !important;

    }

    .dropdown .dropdown-toggle::after {

        content: "\f107";

        font-family: FontAwesome;

    }

    .navbar-nav li.dropdown:hover .dropdown-toggle::after {

        content: "\f107";

        font-family: FontAwesome;

    }

    .banner-carousel .content-box .wrapper {

        margin-top: 10px;

    }

    .banner-carousel .content-box .theme-btn-two {

        display: flex;

        align-items: center;

        font-size: 14px;

        line-height: 30px;

        padding: 6px 11px 6px 20px;

    }

    .banner-carousel .content-box .theme-btn-two span {

        width: 30px;

        height: 30px;

        display: flex;

        justify-content: center;

        align-items: center;

    }

    .banner-carousel .content-box .theme-btn-two span svg {

        width: 20px;

    }

    .banner-carousel .content-box .theme-btn-two span i {

        font-size: 10px;

    }

    .banner-slider .slide-content {

        padding: 190px 0 120px;

    }

    .banner-slider .slide-content .content {

        top: 60%;

    }

    .banner-carousel .content-box .lower-box {

        margin-top: 20px;

        width: 370px;

    }

    .banner-carousel .content-box .lower-box .text {

        font-size: 1.5vw;

        line-height: 2.2vw;

    }

    .about-section .col-1 {

        justify-content: space-between;

    }

    .about-section .content {

        padding: 30px;

    }

    .services-section .right-box {

        padding-left: 0;

        margin-bottom: 30px;

    }

    .why-choose-section {

        background: #f5f5f5;

        margin-bottom: 100px;

    }

    .why-choose-section .main-img {

        display: none;

    }

    .why-choose-section .inner .content {

        margin-top: 0;

    }

    .why-choose-section .inner .content .btn-box {

        margin-top: 30px;

    }

    .projects-header-section {

        background: #f5f5f5;

        padding: 50px 0;

    }

    .projects-header-section .wrap {

        padding: 0;

    }

    .showroom-section {

        background-size: cover;

    }

    .showroom-section .inner .item {

        margin-bottom: 40px;

    }

    .testimonials-section .img-wrap .img-3 {

        position: relative;

        right: 0px;

        bottom: 0px;

    }

    .section-one .item {

        margin-bottom: 30px;

    }



    footer .footer-newsletter .title {

        font-size: 26px;

    }

    footer .widget {

        margin-bottom: 40px;

    }

    .footer-bottom .copyrights,

    .footer-bottom .design {

        float: none;

    }

    .footer-bottom .copyrights p,

    .footer-bottom .design p {

        text-align: center;

    }

}





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

    #main-nav #main-menu > .dropdown > a .sub-arrow::after {

        height: 0;

    }

    #main-nav #main-menu > li > a .sub-arrow {

        top: 21px;

        right: 0;

        position: absolute;

    }

    .about-section .right-box {

        margin: 80px auto 0;

    }

    .banner-carousel .content-box {

        max-width: 100%;

        padding: 0 20px;

    }

    .banner-carousel .content-box h2 {

        margin-bottom: 0;

    }

    .banner-carousel .content-box .lower-box {

        width: 100%;

    }

    .banner-slider .slide-content .image {

        display: none;

    }

    .banner-slider .slide-content {

        padding: 240px 0 350px;

    }

    .sec-title h2 {

        font-size: 30px;

    }

    .banner-carousel .content-box h2 {

        line-height: 3vw;

    }

    .banner-carousel .content-box .lower-box {

        width: 300px;

    }

    .banner-carousel .content-box .lower-box .text {

        margin-bottom: 20px;

    }

    .banner-carousel .content-box .theme-btn-two {

        display: flex;

        align-items: center;

        font-size: 12px;

        line-height: 30px;

        padding: 2px 6px 2px 10px;

    }

    .about-section .col-1 {

        flex-direction: row;

    }

    .about-section .img-main {

        margin-top: 20px;

    }

    .about-section .img-main img {

        height: 400px;

        object-fit: cover;

    }



    .projects-header-section .sec-title {

        text-align: center;

    }

    .appointment-section .sec-title {

        text-align: center;

    }

    .appointment-section .btn-box {

        margin-top: 25px;

        text-align: center;

        margin-bottom: 70px;

    }

    .showroom-section .heading h2 {

        font-size: 50px;

        line-height: 60px;

    }



    footer .footer-newsletter .newsletter-form {

        max-width: 498px;

        margin: 0 auto 0 0;

        position: relative;

    }

    footer .footer-newsletter .title {

        font-size: 26px;

        margin-bottom: 30px;

    }

    .timeline .swiper-slide-active .timeline-title {

        margin-bottom: 10px;

    }

    .timeline .swiper-container {

        height: 140px;

    }

}





@media only screen and (max-width: 575px) {
	.banner-slider{ margin-top:10em;}
	.banner-carousel .content-box { bottom:-22%;}
	.banner-carousel .content-box h2 {font-size:24px;}
	.banner-carousel .content-box h3 {font-size:16px; margin-top:10px;}
	.banner-carousel .content-box h4 { font-size:14px;}	
	.inner-banner{margin-top:10em;}
	

    .banner-carousel .content-box .sub-title {

        font-size: 8px;

        padding: 4px 12px 3px 10px;

    }

    .banner-carousel .content-box .lower-box .theme-btn-two {

        font-size: 12px;

        padding: 2px 6px 2px 10px;

    }

    .theme-btn-two span i {

        font-size: 14px;

    }

    .banner-carousel .content-box .lower-box {

        width: 230px;

        margin-top: 10px;

    }

    .banner-slider .owl-dots {

        display: none;

    }

    .about-section .col-1 {

        width: 100%;

        flex-direction: column;

    }

    .services-section .sec-title {

        margin-bottom: 10px;

    }

    .why-choose-section .content .item {

        margin-bottom: 20px;

    }







}



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

    .banner-carousel .content-box .lower-box {

        width: 170px;

    }

    .banner-carousel .content-box .lower-box .theme-btn-two {

        font-size: 10px;

        padding: 0 10px;

        line-height: normal;

    }

    .banner-carousel .content-box .theme-btn-two span {

        width: 25px;

        height: 25px;

    }

    .services-section .right-box {

        flex-direction: column;

        gap: 10px;

    }

    .projects-header-section .wrap {

        text-align: center;

    }

    .appointment-section .content p {

        text-align: center;

    }

    .showroom-section .heading h2 {

        font-size: 38px;

        line-height: 48px;

    }

    

}


/*New Style starts here*/

.contfix{ position:fixed; right:20px; bottom:20px; background-color:#2ab200; color:#fff;
 z-index:999; text-align:center; border-radius:40px;  -moz-border-radius:40px;  -webkit-border-radius:40px;}
.contfix p{ margin:0; padding:2px 14px 0px 14px; font-weight:bold; font-size:40px;}
.contfix p a{color:#fff;}

.section-full {position: relative; background-color: #f6f7f8; padding:100px 0px 100px 0px;}

.sgnmp{ background-color:#f6f7f8;  padding:60px 20px 60px 20px; overflow:hidden; position:relative;
background-image:url(../images/bg2.png); background-size:660px; background-repeat:no-repeat; background-position:bottom left;}
.sgnmp > div{ position:relative; z-index:40; }
.sgnmp:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0;  background-color:rgba(0,0,0,0);}
.sgnmp p{  color:#6a6a6a;   padding:10px 0px 0px 0px; margin:0px; font-weight:400;}
.sgnmp h1{padding:10px 0px 10px 0px;font-size:50px;margin:0px 0px;color:#0b0d26; font-weight:800;line-height:1; text-transform:capitalize;}

.sgnmp h4{ font-size:18px; padding:10px 0px 0px 0px; margin:0px; font-weight:700;}
.sgnmp h4:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  

.sgnlft{ padding:0px 4em 0px 0px;}
.sgnrt{ padding:20px 0px 0px 4em;}
.sgnbtm{ padding:20px 0px 0px 0px;}

.m-carousel-1{	position:relative;}
.m-carousel-1:after{content:"";	position:absolute;	top:70px;	left:-70px;	width:100%;	height:100%;	background-color:transparent;	border:30px solid rgba(0,0,0,0.1);}

.hilite-title{border:0px; text-align:right; margin:10px 0px 0px 0px;}
.hilite-title strong{display:block;font-size:80px;line-height:80px;font-weight:800;color:rgba(191,191,191,0.3);}
.hilite-title span{display:block;	font-size:24px;	line-height:24px;}
.hilite-title.bdr-left{border-left:10px;	border-style:solid;}
.hilite-title.bdr-right{border-right:10px;	border-style:solid;}



 
.footermenu h2{  color:#f8662a;font-size: 24px;text-transform: capitalize;font-weight: 700; margin-bottom:10px;margin-right: 15px;
padding-bottom: 0px;position: relative;}
.footermenu ul{ padding-right:10px; }
.footermenu ul li{ padding:0px 10px; position:relative; }
.footermenu ul li a{ font-size:16px; color:#eee;  display:block; padding:6px 4px; }
.footermenu ul li:before{ content:'\f054 ';font-family: 'FontAwesome';color:#eee;font-size:10px;vertical-align:middle;position:absolute; left:0; top:12px;}


.inban{ position:relative; }
.inban > div{ overflow:hidden; }
.inban img{ width:100%; }
.inban:before{ position:absolute; content:''; background-color:rgba(0,0,0,0.3); left:0; right:0; top:0; bottom:0; }

.bantext{text-align:left; position:absolute; width:75%; bottom:0px;  padding:20px 0px 24px 0px;}
.bantext h1{position:relative; display:inline-block; padding:20px 0px 10px 0px; margin-bottom:20px; font-weight:700;
 color:#fff; margin:0px; font-size:40px;}
/*.bantext h1:after{position:absolute; width:40%; background-color:#3c83ce; height:5px; content:''; bottom:0; left:30%;}*/
.bantext h3{ color:#eee; margin:0;font-size:20px;}
.text-vertical-center { display: table-cell; vertical-align: middle;}

.bread-crums{margin:0; padding:0; list-style:none; margin-left:-20px;}
.bread-crums li{display:inline-block; padding:0px 10px 0 20px; position:relative; color:#fff; font-size:16px; font-weight:400;}
.bread-crums li:before{position:absolute;left:0;content:'\f105'; font-family: 'FontAwesome';color:#fff; font-size:15px; top:2px; }
.bread-crums li:nth-child(1):before{ display:none;}
.bread-crums li a{ color:#fff;}
.bread-crums li span{ color:#fff;}


.incntsec {padding:60px 0 30px 0px;background-image:url(../images/bg3.png);background-size:cover; background-attachment:fixed; }
.incntsec h2 {font-size: 45px;color: var(--black); font-weight:700; padding:0px; margin:0px;}
.incntsec p {padding: 10px 0px 0px 0px;margin: 0px;}

.teamsec{ padding:40px 40px 26px 40px; border-radius:20px;  box-shadow: 0px 3px 36px 0px rgba(0, 0, 0, .11);
margin-left:20px; background: #fff0f0;
background: radial-gradient(circle, rgba(255, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.teamsec h4{ color:#e61212; font-weight:600; padding:0px 0px 0px 0px; margin:0px; font-size:28px;}
.teamsec p {padding:10px 0px 0px 0px;margin:0px; font-weight:500; font-size:16px;}
.teambx img{ border-radius:20px;  box-shadow: 0px 3px 36px 0px rgba(0, 0, 0, .31);}
.teamsd{ padding:40px 0px 0px 0px;}
.teamecbx{background-color:#eee;position:relative;margin:20px 0px 0px 0px;padding:20px;overflow:hidden; border-left:8px solid #e41515;}


.tstmns{/*background: #020024;*/
background-image:url(../images/bg8.jpg);background-size:cover; background-attachment:fixed; 
padding:120px 120px 120px 120px; position:relative;z-index:12;clear:both;}
.tstmns > div{ position:relative; z-index:40; }
.tstmns:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0;background: #020024;
background: linear-gradient(45deg, rgba(2, 0, 36, 1) 0%, rgba(20, 8, 33, 0.94) 42%);}

.tstmns h3{font-weight:500; font-size:18px;color:#f26124; padding:0px 0px 0px 0px;}
.tstmns h3:before { content: ''; display: inline-block; background:#f26124; height: 2px; width:50px; margin-right: 10px;}
.tstmns h2{font-weight:800;font-size:45px;color:#fff; padding:10px 0px 0px 0px; margin:0px; text-transform:capitalize; line-height:1.2;}
.tstmns h2 span{}
.tstmns p{font-weight:400; font-size:16px;color:#fff; padding:10px 0px 0px 0px; margin:0px;}
.ttmns{ padding:35px 0px 0px 0px;}
.tstbr{ padding:40px 0px 0px 0px;}
.tstimg{ border-radius: 40px 0px 0px 40px; overflow:hidden; cursor:pointer;}



.reviews {border-radius: 0px 40px 40px 0px; padding:40px 40px 20px 40px; min-height:434px;
background: #F8662A;
background: radial-gradient(circle, rgba(248, 102, 42, 1) 0%, rgba(148, 187, 233, 1) 100%);}
.reviews__container {position: relative;}
.review {display: none;flex-direction: column;margin: auto;}
.review__quote-symbol::before {content: "❞";font-size: 5rem;color: #D6DB27;}
.review__text {font-weight: 300;font-size: 1.25rem; padding:0px; margin:0px;}
.review__author{ padding:0px 0px 20px 0px;}
.review__author h5{font-weight:700; font-size:24px; color:#fff; padding:20px 0px 0px 0px; margin:0px;}
.review__author p{font-weight: 400; font-size:14px; color: #fff; padding:4px 0px 0px 0px; margin:0px;}
.revimg{ padding:0px; border:#ddd 4px solid; width:120px; margin:0px 0px 10px 0px; border-radius:50%; overflow:hidden;}
.reviews__controls {display: flex;justify-content: center; gap: 1rem;list-style: none; padding:0px; margin-top:20px;}
.reviews__control {width: 1rem;height: 1rem; border-radius: 50%; background-color:#eee; opacity: 0.2;cursor: pointer;}
.reviews__control[aria-selected="true"] {opacity: 1;}
.str{ width:130px; padding:10px 0px 10px 0px;}



.welcom{ position:relative; padding:60px 0px 0px 0px; z-index:444; }
.welcom > div{ overflow:hidden;}
.sbox{ padding:24px 30px;   margin:10px 10px 40px 10px; border-radius:10px; overflow:hidden; position:relative;
background: #fff;  box-shadow: 0 3px 25px rgba(0,0,0,.1); border-top:1px solid #eee;}
.sbox img{ width:60px;}
.sbox img:hover{transform: rotateY(360deg); transition: 1.9s all; -webkit-transition: 1.9s all;
  -moz-transition: 1.9s all; -o-transition: 1.9s all; -ms-transition: 1.9s all; cursor: pointer; }
.sbox h5{ font-size:28px; padding:0px 0px; margin:0px; font-weight:700;}
.sbox h6{ font-size:16px; padding:0px 0px; margin:0px; font-weight:400; color:#222;}
.sbox p{  font-size:14px; padding:0px 0px;}


/*=============================
	09. Project
===============================*/
.project-area {padding:30px 0 60px; overflow:hidden; position:relative;
background-image:url(../images/about_shape02.png); background-size:1000px; background-repeat:no-repeat;background-position:bottom left;}
.prtshd{ text-align:center; padding:0px 0px 20px 0px;}
.prtshd h2{ font-size:38px; padding:10px 0px; margin:0px; font-weight:800; color:#333;}
.prtshd h5{ font-size:18px; padding:0px 0px; margin:0px; font-weight:700;}
.prtshd h5:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  
.prtshd h5:after {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-left:10px;}  

@media (max-width: 767.98px) {.project-area{padding: 100px 0;}}
.project-item {
  border: 2px solid #eee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0 3px 25px rgba(0,0,0,.1);
}
.project-item-wrap .row {
  --bs-gutter-x: 24px;
}
.project-item:hover .project-thumb::before {
  height: 100%;
}

.project-thumb {
  -webkit-border-radius: 10px 10px 0 120px;
  -moz-border-radius: 10px 10px 0 120px;
  -o-border-radius: 10px 10px 0 120px;
  -ms-border-radius: 10px 10px 0 120px;
  border-radius: 10px 10px 0 120px;
  overflow: hidden;
  position: relative;
  margin: -1px -1px 0;
}
.project-thumb img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
@media (max-width: 1500px) {
  .project-thumb img {
    height: 330px;
  }
}
.project-thumb::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background: #AF7400;
  opacity: 0.6;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.project-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 30px;
  gap: 10px;
}
.project-content h4 a{ color:#e41515; font-size:26px; font-weight:800;}



@media (max-width: 1500px) {
  .project-content {
    padding: 30px 20px;
  }
}
@media (max-width: 1199.98px) {
  .project-content {
    padding: 30px 30px;
  }
}
@media (max-width: 991.98px) {
  .project-content {
    padding: 30px 20px;
  }
}
.project-content .title {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 1500px) {
  .project-content .title {
    font-size: 22px;
  }
}
.project-content span {
  display: block;
  line-height: 1;
  font-size: 15px;
  font-weight: 500;
  color: var(--tg-theme-primary);
}
.project-content-bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-top:10px;
}
@media (max-width: 767.98px) {
  .project-content-bottom {
    gap: 30px;
    flex-wrap: wrap;
    text-align: center;
  }
}
.project-content-bottom p {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--tg-heading-color);
}

.project-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.project-shape-wrap img:nth-child(1) {
  left: 0;
  bottom: 10%;
}
.project-shape-wrap img:nth-child(2) {
  right: 2%;
  top: 22%;
}
@media (max-width: 1199.98px) {
  .project-shape-wrap img:nth-child(2) {
    top: 16%;
  }
}
@media (max-width: 767.98px) {
  .project-shape-wrap img:nth-child(2) {
    top: 10.7%;
    width: 80px;
    right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project-shape-wrap img:nth-child(2) {
    top: 9.7%;
    width: 80px;
    right: 2%;
  }
}

@media (max-width: 767.98px) {
  .project__nav-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
  }
}
.project__nav-wrap .project-button-prev {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-white-default);
  line-height: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: 3;
  font-size: 28px;
  color: var(--tg-theme-secondary);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 991.98px) {
  .project__nav-wrap .project-button-prev {
    width: 50px;
    height: 50px;
    font-size: 25px;
  }
}
@media (max-width: 767.98px) {
  .project__nav-wrap .project-button-prev {
    position: unset;
    -webkit-transform: translateY(0) rotate(180deg);
    -moz-transform: translateY(0) rotate(180deg);
    -ms-transform: translateY(0) rotate(180deg);
    -o-transform: translateY(0) rotate(180deg);
    transform: translateY(0) rotate(180deg);
  }
}
.project__nav-wrap .project-button-prev:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}
.project__nav-wrap .project-button-next {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-white-default);
  line-height: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: 3;
  font-size: 28px;
  color: var(--tg-theme-secondary);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 991.98px) {
  .project__nav-wrap .project-button-next {
    width: 50px;
    height: 50px;
    font-size: 25px;
  }
}
@media (max-width: 767.98px) {
  .project__nav-wrap .project-button-next {
    position: unset;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.project__nav-wrap .project-button-next:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}
.project__details-area {
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .project__details-area {
    padding: 100px 0;
  }
}
.project__details-top .row .col-70 {
  width: 70.4%;
  flex: 0 0 auto;
}
@media (max-width: 1199.98px) {
  .project__details-top .row .col-70 {
    width: 64.4%;
  }
}
@media (max-width: 991.98px) {
  .project__details-top .row .col-70 {
    width: 100%;
  }
}
.project__details-top .row .col-30 {
  width: 29.6%;
  flex: 0 0 auto;
}
@media (max-width: 1199.98px) {
  .project__details-top .row .col-30 {
    width: 35.6%;
  }
}
@media (max-width: 991.98px) {
  .project__details-top .row .col-30 {
    width: 100%;
  }
}
.project__details-thumb {
  height: 100%;
  padding-bottom: 30px;
}
.project__details-thumb img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 250px;
}
.project__details-info {
  background: var(--tg-heading-color);
  padding: 25px 30px 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-left: 20px;
}
@media (max-width: 1199.98px) {
  .project__details-info {
    margin-left: 0;
    padding: 25px 20px 30px;
  }
}
@media (max-width: 991.98px) {
  .project__details-info {
    padding: 25px 30px 30px;
  }
}
.project__details-info .title {
  font-size: 22px;
  font-weight: 600;
  color: var(--tg-color-white-default);
  margin-bottom: 22px;
  position: relative;
  padding-bottom: 15px;
}
.project__details-info .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 4px;
  background: var(--tg-theme-primary);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.project__details-info > .list-wrap > li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-color-white-default);
  border-bottom: 1px solid #292C7C;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.project__details-info > .list-wrap > li span {
  font-weight: 400;
  color: #AAACDF;
  min-width: 80px;
  margin-right: 10px;
}
.project__details-info > .list-wrap > li:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
.project__details-info > .list-wrap > li .project-social {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 15px;
}
.project__details-info > .list-wrap > li .project-social li a {
  font-size: 18px;
  color: var(--tg-color-white-default);
}
.project__details-info > .list-wrap > li .project-social li a:hover {
  color: var(--tg-theme-primary);
}
.project__details-content > .title {
  font-size: 36px;
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .project__details-content > .title {
    font-size: 32px;
  }
}
.project__details-content > p {
  margin-bottom: 20px;
}
.project__details-inner {
  margin-top: 70px;
}
@media (max-width: 767.98px) {
  .project__details-inner {
    margin-top: 40px;
  }
}
.project__details-inner-content .title {
  font-size: 36px;
  margin-bottom: 20px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .project__details-inner-content .title {
    font-size: 30px;
  }
}
.project__details-inner-content p {
  margin-bottom: 0;
}
.project__details-inner-content p.last-info {
  margin-bottom: 0;
}
.project__details-inner-content .content-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  margin: 30px 0;
}
.project__details-inner-content .content-inner .graph-img img {
  -webkit-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  border: 0.8px solid #DADADA;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.project__details-inner-img {
  text-align: right;
}
@media (max-width: 991.98px) {
  .project__details-inner-img {
    text-align: center;
    margin-bottom: 30px;
  }
}
.project__details-inner-img img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.link-arrow a {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #004aad;
 /* border: 1px solid #004aad;*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  line-height: 0;
  --arrow-hover-move-x: 110%;
  --arrow-hover-move-y: 100%;
  
}
.link-arrow a svg {
  width: 20px;
}
.link-arrow a svg path {
  transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93), opacity 0.18s ease-out;
}
.link-arrow a svg path:nth-of-type(1) {
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  opacity: 1;
  transition-delay: 0.15s, 0.15s;
}
.link-arrow a svg path:nth-of-type(2) {
  -webkit-transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));
  -moz-transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));
  -ms-transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));
  -o-transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));
  transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));
  opacity: 0.5;
  transition-delay: 0s, 0s;
}
.link-arrow a:hover {
  background: #f61f1f;
  border-color: #f61f1f;
  color:#fff;
}
.link-arrow a:hover svg path:nth-of-type(1) {
  -webkit-transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));
  -moz-transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));
  -ms-transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));
  -o-transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));
  transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));
  opacity: 0;
  transition-delay: 0s, 0s;
}
.link-arrow a:hover svg path:nth-of-type(2) {
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  opacity: 1;
  transition-delay: 0.15s, 0.15s;
}



.frccol{ padding:64px 0px 0px 0px; overflow:hidden; margin-top:0px; background-color:#f6f7f8;}
.frccol h1{ font-size:38px; padding:10px 0px 0px 0px; margin:0px; font-weight:800; color:#333; text-align:center;}
.frccol h5{ font-size:18px; padding:0px 0px; margin:0px; font-weight:700; text-align:center;}
.frccol h5:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  
.frccol h5:after {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-left:10px;}  
.boxcol{ display:table; width:100%; overflow:hidden; position:relative; cursor:pointer; margin:20px 0px;}
.box-txt{ display:table-cell; vertical-align:bottom;   position:relative;z-index:55; height:520px;-webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s; 
padding:40px 40px 70px 40px;  }
.gall-txt{display:table-cell; vertical-align:bottom; text-align:center;  background-color:rgba(0,0,0,0.4); position:relative; z-index:55; height:250px;-webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s; padding:10px 15px; }
.box-txt h2{ color:#fff; font-size:24px; margin:0; font-weight:800; padding:0px;}
.gall-txt h2 a{ color:#fff; font-size:18px; margin:0; text-transform:uppercase; border:1px solid #eee; padding:10px; }
.box-img{ position:absolute; left:0px; right:0; top:0; bottom:10%; overflow:hidden; }
.box-img img{ width:100%; -moz-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s }
.boxcol:hover .box-txt{ padding-bottom:50px; }
.boxcol:hover .box-img img{ -moz-transform:scale(1.1) rotate(3deg); transform:scale(1.1) rotate(3deg); }
.box-txt p{ padding:4px 0px; color:#eee; font-size:16px;}
.butncol a{ color:#fff !important; text-transform:uppercase;  letter-spacing:1px;  padding:8px 18px; font-size:13px; 
border:1px solid #86632a;}
.boxcol:hover .gall-txt{ padding-bottom:30px; }

#prodcts{ padding:60px 0px 50px 0px;}
#prodcts h4{ margin-right:2px; padding:10px 0px 0px 0px; color:#333; font-size:18px; font-weight:700;text-align:center;}
#prodcts h4:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  
#prodcts h4:after {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-left:10px;}  
#prodcts h1{ font-size:45px;  color:#0b0d26; font-weight:800; padding:0px 0px 20px 0px; margin:0px; text-align:center; }
.prodct{ margin:0px 0px 30px 0px; padding:0px; z-index:999; overflow:hidden; background-color:#fff; border:1px solid #eee;
-webkit-box-shadow: -2px 14px 23px -8px rgba(128,124,128,0.4);
-moz-box-shadow: -2px 14px 23px -8px rgba(128,124,128,0.4);
box-shadow: -2px 14px 23px -8px rgba(128,124,128,0.4);}
.prodct p a{ margin:0px; color:#e23311; padding:0px 0px;}
.prodct img{ -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s; overflow:hidden; z-index:444;}
.prodct h3{ font-size:24px; color:#333; font-weight:800; padding:10px 0px 0px 0px; margin:0px;}
.prodct p{ font-size:16px; font-weight:500; padding:10px 0px 10px 0px; margin:0px; color:#737576;}
.prodct:hover img{ transform:scale(1.1); }
.prodct h5{ font-size:16px; font-weight:600; color:#f8662a; padding:10px 0px 0px 0px; margin:0px;}
.prdbx{ padding:20px 24px 30px 24px;}
.prodct h6{ font-size:16px; font-weight:600; color:#999; padding:0px 0px 0px 0px; margin:0px;}
.prodct h6 a{ color:#f8662a;}


#symbs {padding:60px 0 10px 0; background-color:#fff ; background-image:url(../images/bg8.png); background-size:460px; background-repeat:no-repeat; background-position:bottom right; margin-top:-70px; overflow:hidden; position:relative;}
#symbs > div{ position:relative; z-index:40; }
#symbs:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0; background-color:rgba(255,255,255,0.8);}
#symbs h5{ margin-right:2px; padding:10px 0px 0px 0px;color:#333;font-size:18px;font-weight:700;text-align:center;}
#symbs h5:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  
#symbs h5:after {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-left:10px;}  
#symbs h2{ font-size:45px;  color:#0b0d26; font-weight:800; padding:0px 0px 0px 0px; margin:0px; text-align:center; }

#symbs p{ font-size:16px; font-weight:500; padding:10px 0px 25px 0px; margin:0px; color:#737576; text-align:center; }

  


.working-process__background {padding-top:303px;padding-bottom:80px; margin-top:-318px;}
.working-process__background:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0; background-color:rgba(255,255,255,0.9);} 
  
.working-process__wrapper {gap:20px;display: -webkit-box; display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
-webkit-box-align: center; -ms-flex-align: center; align-items:center; -webkit-box-pack: justify;
-ms-flex-pack: justify; justify-content: space-between;}

@media md, only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.working-process__wrapper {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}}
.working-process__item {-webkit-box-pack:center; -ms-flex-pack: center;  justify-content: center;
-webkit-box-orient:vertical;-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
-webkit-box-align:center; -ms-flex-align: center; align-items:center; text-align: center;
position: relative;display:-webkit-box; display: -ms-flexbox; display:flex;margin-bottom:30px; }
.working-process__item:last-child::before {display: none;}
.working-process__item::before {
content:"";top: 0;left: 0;width: 100%; height: 100%;position: absolute;-webkit-transform: translate(80%, 25%);
transform: translate(80%, 25%); background-repeat: no-repeat; background-image: url(../../assets/images/shape.png);}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.working-process__item::before { display: none;}}
.working-process__icon {width:150px; height:150px;display: -webkit-box; display: -ms-flexbox; display: flex;
margin-bottom:20px;-webkit-box-align: center; -ms-flex-align: center;  align-items: center;
position: relative;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
border-radius: 500px; border: 1px dashed rgba(8, 10, 11, 0.3);-webkit-filter: drop-shadow(0px 0px 60px rgba(21, 24, 27, 0.1));
filter: drop-shadow(0px 0px 60px rgba(21, 24, 27, 0.1)); background-color:#fff;}
.working-process__icon img{ width:70px;}
.working-process__icon:hover img{filter: brightness(0) invert(1); }
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.working-process__icon { margin-bottom: 30px;}}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.working-process__icon { margin-bottom: 20px;}}
.working-process__icon .number {font-size: 16px;font-weight: 800;
display: -webkit-box; display:-ms-flexbox; display: flex; position: absolute;
top: 0; left: 0; width: 40px; height: 40px;-webkit-box-align: center;-ms-flex-align: center;
align-items: center;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
border-radius: 500px; background: #F4F1EE; border: 1px dashed rgba(8, 10, 11, 0.3);}
.working-process__icon:hover {background-color: #eeb658;}
.working-process__icon:hover svg [fill="#080A0B"] {fill: #fff;}
.working-process__icon:hover .number {background: #eeb658;color: #fff;}
.working-process__text {max-width: 300px;}
.working-process__text h6 { margin:0px; font-size:22px; font-weight:800; color:#0b0d26;}
.working-process__text p{ font-size:16px; padding:10px 0px 0px 0px;}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {.working-process__text {max-width: 100%;}}

.sec-title h5{ margin-right:2px; padding:10px 0px 0px 0px;color:#333;font-size:18px;font-weight:700; text-align:center;}
.sec-title h5:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  
.sec-title h5:after {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-left:10px;} 

.sec-title h6{ margin-right:2px; padding:10px 0px 0px 0px;color:#333;font-size:18px;font-weight:700;}
.sec-title h6{ margin-right:2px; padding:10px 0px 0px 0px;color:#333;font-size:18px;font-weight:700; text-align:center;}
.sec-title h6:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  
 

.appointment-section {padding:80px 0px 80px 40px;
background-image:url(../images/bg-lf1.png); background-size:230px; background-repeat:no-repeat; background-position:bottom left;}
.aptmnc{background-image:url(../images/bg-lf2.png);background-size:350px;background-repeat:no-repeat; background-position:bottom right;}	
.appointment-section .sec-title {margin-bottom: 35px;}
.appointment-section .btn-box {margin-top:0px;}
.appointment-section .btn-box a {text-transform: capitalize;}
.appointment-section h2{ font-size:50px; line-height:1;}

.fommain{ padding:40px 60px;  margin:0px 0px 0px 80px; border-radius:30px;
background-color: #fff; box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, .09);}
.fommain ul{ overflow:hidden;}
.fommain ul li{ margin:0px 0px 14px 0px; font-size:20px; position:relative; }
.fommain ul li label{ position:relative;  font-size:16px; margin:0; font-weight:700; color:#100d3b;}
.fommain ul li input,.fom ul li textarea{ color:#333; font-size:14px; border-radius:16px; padding:10px;}
.fommain ul li label.error{ font-size:12px; color:#db1313; bottom:6px; right:20px; font-weight:normal; position:absolute; z-index:666; }
.fommain button{ padding:4px 40px;}
.fommain h4{ font-size:24px; color:#100d3b; font-weight:800;}
.fommain h5{ font-size:16px; color:#727171; font-weight:400; line-height:1.4; padding:0px 0px 0px 0px;}


.vds{ padding:10px 0px 50px 0px;}
.vds h4{color:#fff; background-color:#fdce41; display:inline-block; padding:4px 20px; 
border-radius:0px 0px 0px 0px; margin:0; margin-bottom:10px; text-transform:uppercase; font-weight:600; font-size:22px;
letter-spacing:4px; text-align:center;}
.vds h5{ margin-right:2px; padding:10px 0px 0px 0px;color:#fff;font-size:18px;font-weight:700;}
.vds h5:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  
.vds h2{ font-size:50px; color:#fff; font-weight:800; padding:4px 0px 0px 0px; margin:0px; }
.vds p{ font-size:16px; color:#999; font-weight:400; padding:10px 0px 0px 0px; margin:0px;}

.vlbx{ background-color:#403226; border-radius:40px; padding:40px; overflow:hidden;}
.vsplbx{ padding:20px 0px 0px 0px;}
.vsplbxt{ background-color:#fff; border-radius:50px; padding:10px; width:100px; height:100px;}
.vsplbx h3{ font-size:30px; color:#333; font-weight:800; padding:20px 0px 0px 0px; margin:0px; text-align:center;}
.vsplbx h6{ font-size:30px; color:#eee; font-weight:800; padding:10px 0px 0px 0px; margin:0px; text-align:left;}


.ftimg{ border-radius:40px;}
.slider-container {
  margin: 0 auto;
  margin-top:0px;
  position: relative;
  width: 100%; 
  height: 500px;
  border-radius:40px;
  overflow: hidden;
}

.before-image,
.after-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/* Styling the Before/After text */
.before-text,
.after-text {
  position: absolute;
  font-size: 14px;
  font-weight: 600;
  color:#fff;
  z-index: 4;
  padding: 10px 20px;
  background-color:rgba(228, 164, 12, 0.7);
  border-radius: 10rem;
  transition: opacity 0.3s ease-in-out;
}

/* Before text */
.before-text {
  left: 20px; /* Position text to the left */
  top: 20px;
  z-index: 5;
}

/* After text */
.after-text {
  right: 20px; /* Position text to the right */
  top: 20px;
  z-index: 3;
}

/* Hide the After text initially */
.after-image .after-text {
  visibility: visible;
  z-index: 3;
}

.after-image {
  clip-path: inset(0 50% 0 0);
}

.slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0px;
  height: 100%;
  background-color: #fff;
  cursor: pointer;
  z-index: 2;
}

.slider-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  z-index: 1;
}
.pulse-container {
  position: relative;
  display: inline-block;
}

.pulse-container::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px; /* Larger than the SVG */
  height: 70px;
  border-radius: 50%;
  background-color: #ffffff; /* Color of the pulse */
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.8);
    opacity: 0;
  }
}

.slider-line svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  cursor: pointer;
}
/* Prevent text/image selection while dragging */
.slider-container,
.before-image img,
.after-image img {
  user-select: none; /* Disable selection on most browsers */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
}

.slider-handle,
.slider-line {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.awrds{ padding:60px 0px 60px 0px; text-align:center; background-color: #f2f2f2;}
.awrds h4{ margin-right:2px; padding:10px 0px 0px 0px;color:#333;font-size:18px;font-weight:700; text-align:center;}
.awrds h4:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  
.awrds h4:after {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-left:10px;} 
.awrds h2{ font-size:45px;  color:#0b0d26; font-weight:800; padding:0px 0px 20px 0px; margin:0px;} 
.awrds img{ width:100px; transition: all 0.5s ease-in; margin:0 auto;}
.awrds img:hover{transform: translate(0, -5px);}
.awrds h3{ font-size:16px;  color:#0b0d26; font-weight:600; padding:10px 0px 0px 0px; margin:0px; text-align:center;} 

.reachcom{ position:relative; padding:0px 40px 0 0px; z-index:444;}
.reachcom > div{ overflow:hidden; }
.reachcom:before{ position:absolute; content:''; left:0; height:100%; background-color:#d8d8d8; width:20%; top:2%;}
.reachimg{padding:50px 0px 20px 20px; overflow:hidden; position:relative;}
.rcscolm{ padding:20px 0px 0px 40px;}
.rcscolm h1{ margin:0; padding-bottom:0px; font-weight:900;}
.reachcom h1{ margin:0; padding:20px 0px; font-weight:bold; text-align:center; font-size:40px; margin-bottom:20px;}
.reachcom h3{ font-size:28px; padding:0px 0px; color:#e41515; font-weight:800;margin:0px;}
.reachcom h2{ font-size:45px; line-height:1; padding:10px 0px 0px 0px; margin:0px; color:#333; font-weight:800;}
.reachcom h4{ font-size:20px; padding:4px 0px 10px 0px; margin:0px;}
.reachcom p{ padding:10px 0px 0px 0px; margin:0px;}

.reachcom h5{ margin-right:2px; padding:10px 0px 0px 0px;color:#333;font-size:18px;font-weight:700;}
.reachcom h5:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  
.about-signature{ border-top: 0px dashed #dbdbdb !important; margin:0px 0px 0px 0px;}
.about-signature img{ width:200px; padding:20px 0px 0px 0px; margin:0px;}
#rsdm{ margin:40px 0px 0px 0px;}

.project-heading h5{ margin-right:2px; padding:10px 0px 0px 0px;color:#333;font-size:18px;font-weight:700;}
.project-heading h5:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  
.project-heading h2{ font-size:45px;  color:#0b0d26; font-weight:800; padding:0px 0px 25px 0px; margin:0px;}

.project-heading{background:url(../images/ptn-1.png) repeat; padding:60px 0 40px 0px;}
.project-wrap .col-md-3, .project-wrap .col-md-4, .project-wrap .col-md-6, .project-wrap .col-md-8, .project-wrap .col-md-9{padding:0;}
.project-heading .title{border-right:1px solid #a58838; float:left; padding-right:50px; margin-right:50px;}
.project-heading p{margin-top:0px; padding:10px 40px 0px 0px;}
.projectImg{position:relative;}
.service-overlay{z-index:1000; position:relative;}
.heading a{text-decoration:none; color:#fff; z-index:100; position:relative; font-size:24px;  font-weight:800;}
.heading{opacity: 0; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.projectImg:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.38);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.projectImg:hover:after {height: 100%;}
.service-overlay p{font-size:16px; color:#fff;}
.service-overlay {
    position: absolute;
    left: 30px;
    bottom: 0px;
    right: 40px; opacity:0;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.projectImg:hover .service-overlay {
    bottom:30px; opacity:1;
}
.projectImg:hover:after {
    height: 100%;
}
.projectImg:hover .heading{
    opacity: 1;
}


/*slider-container*/
.gallry{ padding:20px 0px 0px 0px;}
.cnRows{padding:20px 0 20px 0;}
.channel-wrapper .controls, .indian_popular .controls{ position:absolute; font-size:30px; top:40%; z-index:20; color:#E50914;}
.controls.left_trigg{ left:-15px;}
.controls.right_trigg{ right:-15px;}
#nextScroll, #nextScroll2, #nextscroll3, #nextscroll2, #nextscroll4{ right:40px;}#prevScroll, #prevScroll2, #prevscroll3, #prevscroll2, #prevscroll4{ left:40px;}
.channel-wrapper .controls i{ color:#999;}.channel-wrapper .controls:hover i{color:#FE017E;}

.indian_popular_movie{margin:0; padding:0; list-style:none; overflow:hidden;  cursor:pointer;}
.indian_popular_movie li a, .tv_shows_scrolls li a{
color:#303030; font-size:15px; font-weight:bold; display:block; background-color:#f0f0f0; text-align:center; }
.indian_popular_movie li a p, .tv_shows_scrolls li a p{ padding:5px;}
.indian_popular{ position:relative;}
.aprts{ padding:20px 0px 0px 0px;}

.fom{  background-color:#fff; padding:10px  0px; margin:0px 0px 0px 0px;}
.fom h2{font-size:45px;  color:#333a42; font-weight:800; padding:0px 0px 10px 0px; margin:0px;}
.fom ul{ overflow:hidden;  }
.fom ul li{ margin:0px 0px 10px 0px; font-size:20px; position:relative; }
.fom ul li label{ position:relative; font-weight:normal; font-size:14px; margin:0; }
.fom ul li input,.fom ul li textarea{ color:#333; font-size:14px; border-radius:16px; padding:14px;}
.fom ul li label.error{ font-size:12px; color:#db1313; bottom:6px; right:20px; font-weight:normal; position:absolute; z-index:666; }
.fom button{ padding:4px 30px;}

.cntbrx{ padding:0px 0px 40px 0px; margin:0px;}
.cntbrx h2{font-size:45px;  color:#333a42; font-weight:800; padding:10px 0px 10px 0px; margin:0px;}
.cntbrx h4{ color:#e41515; font-weight:700; font-size:20px; margin-bottom:10px;}

.cntscr{ padding-left:0px;}
.cntbrx p a{ color:#6a6a6a;}
.crrimg{ padding:20px 0px 0px 0px;}

.prcss{ padding:60px 0px 50px 0em; margin:0px; background-color:#f8f8f8a6; overflow:hidden; border-top:2px solid #eee;}
.prlft{ padding:10px 0px 0px 0px; margin:0px;}
.prcss h2{font-size:45px; color: var(--black); font-weight: 800;  padding:0px 0px 10px 0px; margin:0px;}
.prcss h4{ font-size:18px; padding:0px 0px; margin:0px; font-weight:700;}
.prcss h4:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  
.prcss h3{font-size:17px;  color:#333a42; font-weight:800; padding:24px 0px 10px 0px; margin:0px;}
.prbx {text-align:center; padding:0px 10px ; }
.prcss p{ font-size:15px;}
.prbln{ padding:10px 0px 0px 0px; width:80px; margin:0 auto;}
.prbimg{padding:30px 0px 0px 0px; width:80px;  margin:0 auto;transition: all 0.5s ease-in; cursor:pointer;}
.prbimg:hover{transform: translate(0, -5px);}
.prcss h6 a{ color:#e91313 !important;}
.prcss h6 a:hover{ color:#e91313 !important;}

.lctns{ padding:60px 0em 60px 0em;}
.thbx{ text-align:center;}
.thbx h4{ margin-right:2px; padding:10px 0px 0px 0px;color:#333;font-size:18px;font-weight:700; text-align:center;}
.thbx h4:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  
.thbx h4:after {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-left:10px;} 
.thbx h2{ font-size:45px;  color:#0b0d26; font-weight:800; padding:0px 0px 20px 0px; margin:0px;} 


.threecol{ padding:40px 10px 40px 10px; text-align:center; position:relative; border-radius:20px;
 z-index:55;background-color:#eaeaea; margin:10px;}
.threecol img{ width:120px; margin:auto; padding:14px; background-color:#fff; border-radius:50%;}
.threecol h2{ margin:0; padding:10px 0px 0px 0px; font-size:24px; color:#333; font-weight:800;}
.threecol i{font-size:50px; margin:auto;color:#f26d37;padding:20px; background-color:#fff; border-radius:60px;}
.secd{ padding:10px 0px 0px 0px;}
.secd h2{ margin-right:2px; padding:10px 0px 0px 0px;color:#333;font-size:40px;font-weight:700;}
.secd h2:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;} 
.blgsc{ padding:80px 0px 0px 0px;}

.vidsec h2{ margin-right:2px; padding:10px 0px 0px 0px;color:#333;font-size:45px;font-weight:700;text-align:center;}
.vidsec h2:before {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-right:10px;}  
.vidsec h2:after {content: ''; display:inline-block; background:#f8662a; height:2px; width:50px; margin-left:10px;}  

.thank-col{ padding:0px; width:100%; text-align:center; height:200px; display:table; overflow:hidden; }
.thank-col img{ margin:0 auto;}
.thank-col div{ display:table-cell; vertical-align:middle; text-align:center; width:100%; }
.thank-col h1{ color:#555; font-weight:bold;}
.thank-col p{ color:#333; font-size:15px;}


/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 360px) {.banner-carousel .content-box h3 { font-size:12px;}}
@media (max-width: 576px) {.banner-slider {margin-top:7em;}.inban{ margin-top:7em;} .bantext{ display:none;}
.tstmns{ padding-left:20px; padding-right:20px;}
.tstimg {border-radius: 40px 40px 0px 0px;} .reviews { border-radius: 0px 0px 40px 40px;}
.sbox { margin-top:20px;}.sgnmp h1 { font-size:30px;}.fommain{ margin:0px;}
.appointment-section{ padding-left:10px; padding-right:10px;} .appointment-section h2 {font-size:30px; text-align:left;}
.appointment-section .content p {text-align:left;}
.aptmnc p{ text-align:left;}.tstmns h2 {font-size:35px;}.ttmns {padding:10px 0px 0px 0px;}
.sgnlft { padding-right:0px;}.hilite-title { margin-top:6em;}
.project-heading h2 { font-size:30px;}#prodcts h1 { font-size:30px;}
#main-nav #main-menu > li > a.active,#main-nav #main-menu > li > a:hover,#main-nav #main-menu > .dropdown.active > a {color:#333;}
.lctns{ padding-left:0px; padding-right:0px;}
.banner-carousel .content-box { bottom:-24%;}
.banner-carousel .content-box h1 { font-size:18px;} 
.banner-carousel .content-box h6 {font-size:10px; width:400px;}
#nmr{ margin-bottom:0px;}
.banner-carousel .content-box h2 { font-size:18px;} 
.banner-carousel .content-box h3 { font-size:13px; margin-top:2px;}
.banner-carousel .content-box h4 {padding:4px; margin-top:0px;}
.banner-carousel .content-box p { font-size:10px;}

.tstmn-section{ padding:80px 40px;} .tstmn-section .right-box { padding-left:0px;}
.prtshd h2 {font-size: 30px;}
.frccol h1 {font-size:24px;} .vidsec h2 {font-size: 30px;} .sec-title h2 {font-size:30px;} .awrds h2 {font-size:30px;}
.thbx h2 {font-size: 30px;}
#symbs h2 {font-size: 30px;}
.project-heading .title { border:none;}
.navbar-brand.dark{ width:100px;} 
#tstmn1{ padding:0px 0px 0px 0px; margin-top:-30px;}
#tstmn2{ padding:0px 0px 20px 10px;}
.tstmn-section{padding:80px 20px;}
.reachcom::before {height:28%;}.reachcom h2 {font-size:30px;} .rcscolm { padding-left:0px;}.reachcom h3 { font-size:26px;}
.reachcom { padding-right:0px;}.reachcom h4 { padding-bottom:10px;}
.contact-section .contact-box {padding-left:0px;}

}