/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
	04. START ABOUT DESIGN
	05. START SERVICE DESIGN
	06. START GET-STRETED
	07. START TEAM DESIGN
	08. START FUN FACT DESIGN
	09. START WORK DESIGN
	10. START TESTIMONIAL DESIGN
	11. START PRICE PLAN DESIGN
	12. START BLOG DESIGN
	13. START CONTACT DESIGN
	14. START MAP DESIGN
	15. START FOOTER DESIGN
  =============================================================*/
/*01.GENERAL STYLE*/

:root {
    --blue: #356db4;
    --white: #ffffff;
    --orange: #e9483c;
}

body {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px;
    height: 100%;
    font-family: 'Raleway', sans-serif;
    color: #666;
}
html,
body {
    height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}
a {
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
.no-padding {
    padding: 0;
}
img {
    max-width: 100%;
    height: auto;
}
.align-items-center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
/*SRAERT PRELOADER DESIGN*/

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: auto;
    height: auto;
    z-index: 999999;
    background-color: var(--white);
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('../img/logo.png');
    animation: ease-in-out;
}
/*END PRELOADER DESIGN*/
/*START SCROLL TO UP DESIGN*/

.scrollup {
    background: var(--blue) none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 30px;
    color: var(--white);
    cursor: pointer;
    float: right;
    font-size: 25px;
    height: 40px;
    line-height: 35px;
    position: fixed;
    right: 25px;
    text-align: center;
    width: 40px;
    z-index: 9;
}
.scrollup:hover {
    background: var(--orange);
    -webkit-transition: .5s;
    transition: .5s;
}
/*END SCROLL TO UP DESIGN*/
/*START SECTION TITLE DESIGN*/

.section-title {
    margin-bottom: 50px;
}
.section-title h2 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}
.section-title span {
    background: var(--blue) none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 15px auto;
    width: 80px;
}
.section-padding {
    padding: 60px 0 0;
}
.gry-bg {
    background: #f6f6f6;
}
.footer-bg {
    background: #333;
}
.footer-bottom-bg {
    background: #222;
}
/*END SECTION TITLE DESIGN*/
/*01.END GENERAL STYLE*/
/*02.START MENU DESIGN AREA*/

.header-top-area {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    -webkit-transition: .4s;
    transition: .4s;
    background: rgba(0, 0, 0, 0.7);
    padding: 15px 0;
}
.logo a {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--white);
}
.logo a img {
    max-width: 80px;
    transition: all .5s ease;
}
.mainmenu .navbar-nav li a {
    color: var(--white);
    font-weight: 400;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    font-size: 13px;
}
.mainmenu .navbar-nav li a:hover {
    background: var(--blue);
    color: var(--white);
    -webkit-transition: .3s;
    transition: .3s;
}
.nav li a:hover,
.nav li a:focus {
    color: var(--white);
    background: var(--blue);
}
.menu-bg .navbar-nav li a:hover,
.menu-bg .navbar-nav li.active a {
    color: var(--white);
    background: var(--blue);
    -webkit-transition: .3s;
    transition: .3s;
}
.navbar {
    margin: 0;
}
.menu-bg {
    background: rgba(0, 0, 0, 0.85);
    z-index: 999;
}
.menu-bg .navbar-nav li a {
    color: var(--white);
}
.menu-bg .mainmenu .navbar-nav li a {
    
    -webkit-transition: .3s;
    transition: .3s;
}
.menu-bg .logo {
    -webkit-transition: .3s;
    transition: .3s;
}
.menu-bg .logo a {
    color: var(--blue);
}
.menu-bg .mainmenu .navbar-nav li a:hover {
    color: var(--white);
}
.menu-bg .logo a img {
    width: 100%;
    max-width: 70px;
}
.header-top-area.menu-bg {
    padding: 5px 0;
}
/*02. END MENU DESIGN AREA*/
/*03.START HOME DESIGN AREA*/

.welcome-hero-area,
.welcome-slider-area,
.welcome-hero-area,
.welcome-slider-area div {
    height: 100%;
}
.welcome-hero-area div.single-slide-item-table-cell,
.welcome-hero-area div.single-slide-item-table-cell div {
    height: auto;
}
.single-slide-item-table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.single-slide-item-table {
    display: table;
    width: 100%;
}
a.slide-btn {
    background: var(--blue);
    color: var(--white);
    display: inline-block;
    font-weight: 400;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    padding: 12px 20px;
    text-transform: uppercase;
    width: 160px;
    transition: .5s;
    border-radius: 4px;
}
a.slide-btn:hover {
    background: var(--orange);
    color: var(--white);
    border: none;
}
.single-slide-item h2 {
    font-size: 50px;
    color: var(--white);
    line-height: 50px;
    margin-bottom: 20px;
}
.single-slide-item h2 span {
    color: #2980b9;
}
.single-slide-item p {
    color: var(--white);
}
.slide-1 {
    background:url(../img/bg/slider-12.jpg);
    background-size: cover;
    
}
.slide-2 {
    background:url(../img/bg/slide-2.jpg);
    background-size: cover;
}
.slide-3 {
    background:url(../img/bg/slide-3.jpg);
    background-size: cover;
}
.single-slide-item {
    position: relative;
    z-index: 1;
}
.single-slide-item:after {
    background: rgba(0, 0, 0, 0.50);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
a.welcome-control:hover i,
a.welcome-control:focus {
    color: var(--blue);
}
.single-slide-item p {
    color: var(--white);
    margin-bottom: 20px;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.carousel-inner {
    overflow: hidden;
}
.welcome-control {
    background: transparent none repeat scroll 0 0 !important;
    border: 1px solid #ddd;
    border-radius: 50%;
    color: var(--white);
    font-size: 24px;
    height: 50px;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    z-index: 20;
    transition: all .5s ease;
}
.welcome-control:hover {
    background-color: var(--blue) !important;
    border-color: var(--blue) !important;
}
.welcome-control i {
    position: relative;
    color: var(--white) !important;
    z-index: 1;
}
.right.welcome-control {
    left: auto;
    right: 30px;
}
.left.welcome-control {
    left: 30px;
}
/*03.END HOME DESIGN AREA*/
/*04.START ABOUT DESIGN AREA*/

.featured-area {
    overflow: hidden;
}
.single-featured {
    cursor: pointer;
}
.single-featured h4 {
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 10px;
}
.single-featured i {
    background: #687074 none repeat scroll 0 0;
    border-radius: 50%;
    color: var(--white);
    display: block;
    font-size: 35px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto 10px;
    text-align: center;
    width: 80px;
}
.single-featured:hover i {
    background: var(--blue);
    color: var(--white);
    -webkit-transition: .5s;
    transition: .5s;
}
.about-text {
    text-align: center;
}
.about-text h4,
.our-Expertise h4 {
    margin-bottom: 20px;
    margin-top: 10px;
}
.about-text span {
    color: var(--blue);
}
.about-text > p {
    margin-bottom: 20px;
}
a.about-btn {
    background: var(--blue);
    color: var(--white);
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 8px 16px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
a.about-btn:hover {
    background: var(--orange);
    color: var(--white);
    transition: .5s;
    -webkit-transition: .5s;
}
.progress-bar-text > span {
    float: right;
}
.progress-bar-text {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 16px;
}
.progress-bar {
    background: #ddd none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 10px;
    margin: 0 0 15px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: var(--blue);
    display: block;
    height: 100%;
}
/*04.END ABOUT DESIGN AREA*/
/*05.START SERVICE DESIGN AREA*/

.single-service-box {
    background: var(--white) none repeat scroll 0 0;
    margin-bottom: 30px;
    padding: 30px;
    text-align: center;
    transition: .4s;
    cursor: pointer;
}
.service-content h4 {
    color: #666;
    letter-spacing: 2px;
    position: relative;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}
.service-icon i {
    background: #687074 none repeat scroll 0 0;
    border-radius: 50%;
    color: var(--white);
    display: inline-block;
    font-size: 25px;
    height: 62px;
    line-height: 62px;
    margin-bottom: 10px;
    text-align: center;
    width: 62px;
    -webkit-transition: .4s;
    transition: .4s;
}
.single-service-box:hover {
    background: var(--blue);
    color: var(--white);
    -webkit-transition: .4s;
    transition: .4s;
}
.single-service-box:hover .service-icon i {
    background: var(--white);
    color: var(--blue);
    -webkit-transition: .4s;
    transition: .4s;
}
.single-service-box:hover .service-content h4 {
    color: var(--white);
    -webkit-transition: .4s;
    transition: .4s;
}
/*05.END SERVICE DESIGN AREA*/
/*06. START GET-STRETED AREA*/

.great-started-text h4 {
    color: var(--white);
    font-size: 16px;
}
.great-started {
    background: rgba(0, 0, 0, 0) url("img/bg/get-started-bg.jpg") repeat fixed 0 0 / cover;
    position: relative;
    z-index: 1;
}
.great-started-text > h2 {
    color: var(--white);
    font-size: 20px;
    margin-top: 25px;
}
a.get-start-btn {
    background: var(--blue) none repeat scroll 0 0;
    border-radius: 4px;
    color: var(--white);
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
    padding: 12px 15px;
    text-transform: uppercase;
}
a.get-start-btn:hover {
    background: var(--orange);
    -webkit-transition: .5s;
    transition: .5s;
}
.great-started:after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
/*06. END GET-STRETED AREA*/
/*07. START TEAM DESIGN AREA*/

.single-team {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #f6f6f6;
    margin-top: 30px;
    text-align: center;
    padding: 30px 20px;
}
.single-team:hover {
    box-shadow: 0 0 10px 1px rgba(76, 76, 76, 0.41);
    -webkit-transition: .5s;
    transition: .5s;
}
.single-team h6 {
    color: #666;
    margin: 15px 0;
}
ul.team-social {
    list-style: outside none none;
}
ul.team-social > li {
    display: inline-block;
}
ul.team-social i {
    color: #666;
    font-size: 16px;
    margin: 0 10px;
}
.single-team h4 {
    color: var(--blue);
    margin-top: 20px;
}
ul.team-social i:hover {
    color: var(--blue);
}
/*07. END TEAM AREA*/
/*08.START FUN FACT DESIGN AREA*/

.project-complete-area {
    background-attachment: fixed;
    background-size: cover;
    padding: 60px 0;
    position: relative;
    z-index: 1;
}
.single-project-complete {
    margin-top: 30px;
}
.single-project-complete h2 {
    color: var(--white);
    font-size: 36px;
    font-weight: 400;
    margin: 20px 0;
}
.single-project-complete i {
    color: var(--blue);
    font-size: 45px;
}
/*08.START FUN FACT DESIGN AREA*/
/*09.START WORK DESIGN AREA*/

ul.work {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}
ul.work li {
    display: inline-block;
    font-size: 14px;
    padding: 8px 12px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid var(--blue);
    margin: 0 2px;
}
.single-work {
    margin-bottom: 20px;
    position: relative;
}
ul.work li.active,
ul.work li:hover {
    background: var(--blue);
    color: var(--white);
    border: 1px solid var(--white);
    transition: .5s;
    -webkit-transition: .5s;
}
.work-details {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.overlay {
    background: rgba(1, 3, 7, 0.8);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: .5s;
    transition: .5s;
}
.work-info-text {
    color: var(--white);
    padding: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.work-info-text h5 {
    font-size: 50px;
    margin: 0 0 5px;
    color: var(--white);
}
.work-info-text p {
    font-size: 12px;
    text-transform: uppercase;
}
.single-work:hover .work-details {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s;
    transition: .5s;
}
.work-inner .mix {
    display: none;
}
/*09.END WORK DESIGN AREA*/
/*10.START TESTIMONIAL DESIGN AREA*/

.what-client-say-area {
    background: rgba(0, 0, 0, 0) url("img/bg/testimonial-bg.jpg") repeat scroll 0 0 / cover;
    position: relative;
    z-index: 1;
    background-attachment: fixed;
}
.what-client-say-area::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.testimonial-list {
    margin-top: 30px;
}
.testimonial-section-inner {
    display: block;
    vertical-align: middle;
}
.testimonial-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    text-align: center;
}
.testimonial-author {
    margin-bottom: 20px;
}
.testimonial-author img {
    border: 3px solid var(--blue);
    border-radius: 50%;
    height: auto;
    width: 100px;
}
.single-testimonial p {
    padding: 0 15px;
    color: var(--white);
}
.single-testimonial > h5 {
    color: var(--white);
    margin-top: 15px;
}
.single-testimonial h6 {
    color: var(--blue);
    font-style: italic;
    font-weight: 700;
}
.single-testimonial h6 {
    color: #1da;
}
.testimonial-list .owl-pagination {
    margin-top: 10px;
}
.owl-carousel .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    
    ;
}
.owl-carousel .owl-controls {
    text-align: center;
}
.owl-carousel .owl-page span {
    display: block;
    background: var(--white);
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    border-radius: 20px;
    color: var(--white);
}
.owl-carousel .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
    background: var(--blue);
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*10.END TESTIMONIAL DESIGN AREA*/
/*11. START PRICE PLAN DESIGN AREA */

.single-price-box {
    border: 1px solid #f0f0f0;
    margin-top: 30px;
    transition: background 0.5s ease 0s;
    -webkit-transition: background 0.5s ease 0s;
}
.package-title {
    background: #f7f7f7 none repeat scroll 0 0;
    display: block;
    font-size: 20px;
    font-weight: 700;
    padding: 30px 20px;
    text-transform: uppercase;
}
.package-value {
    background: #ddd;
    padding: 20px;
}
.package-price {
    color: #1ac6ff;
    font-family: Montserrat;
    font-size: 50px;
    font-weight: 400;
    line-height: 50px;
}
.package-price sub {
    font-size: 26px;
    left: 10px;
    margin: 0;
    padding: 0;
    top: -15px;
}
.plan-month span {
    font-size: 18px;
    text-transform: lowarecase;
}
.package-detail {
    padding: 20px 20px 30px;
    background: #f7f7f7;
}
.package-detail li {
    border-bottom: 1px dashed #ddd;
    padding: 10px 0;
}
.package-detail ul.list-unstyled {
    margin-bottom: 30px;
}
.package-btn {
    background: transparent none repeat scroll 0 0 !important;
    border: 1px solid #1ac6ff;
    color: #1ac6ff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 20px;
    text-transform: uppercase;
}
.package-btn:hover {
    background: var(--white) !important;
    color: #23acdb !important;
}
.single-price-box:hover .package-title,
.single-price-box:hover .package-detail {
    background: var(--blue);
    color: var(--white);
    -webkit-transition: .5s;
    transition: .5s;
}
.single-price-box:hover .package-value {
    background: var(--blue);
    color: var(--white);
    -webkit-transition: .5s;
    transition: .5s;
}
.single-price-box:hover .package-price,
.single-price-box:hover .package-btn {
    color: var(--white);
    transition: .5s;
    border-color: var(--white);
}
/*11.END PRICE PLAN DESIGN AREA */
/*12.START BLOG DESIGN AREA*/

ul.post-meta {
    list-style: outside none none;
}
ul.post-meta li {
    display: inline-block;
}
.post-meta a {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
}
.post-meta i {
    color: var(--blue);
    margin-right: 5px;
}
.single-blog-post {
    margin-top: 30px
}
.single-post-content {
    background: var(--white);
}
.single-post-content a {
    color: #666;
}
.single-post-content h4 {
    margin-top: 15px;
}
.single-post-content h4:hover a {
    color: var(--blue);
}
a.blog-btn {
    background: var(--blue) none repeat scroll 0 0;
    color: var(--white);
    display: inline-block;
    font-size: 12px;
    padding: 8px 12px;
    text-transform: uppercase;
}
.blog-btn:hover {
    background: #00b8ff;
    color: var(--white);
    -webkit-transition: .5s;
    transition: .5s;
}
.single-post-content {
    padding: 20px;
}
.single-blog-post:hover {
    box-shadow: 0 0 10px 1px rgba(76, 76, 76, 0.41);
    -webkit-transition: .5s;
    transition: .5s;
}
.single-post-content p {
    margin-bottom: 20px;
}
/*12.END BLOG DESIGN AREA*/
/*13.START CONTACT DESIGN AREA*/

.contact-from {
    margin-top: 30px;
}
.contact-from .form-control {
    background-color: var(--white);
    background-image: none;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 18px;
    height: 50px;
    line-height: 1.42857;
    padding: 6px 12px;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.contact-from textarea.form-control {
    height: 200px;
    resize: none;
}
.contact-from button {
    background: var(--blue);
    border: medium none;
    box-shadow: 0 0 0;
    color: var(--white);
    display: block;
    padding: 8px 12px;
    text-transform: uppercase;
    border: 1px solid var(--blue);
}
.contact-from button:hover {
    background: #00b8ff;
    color: var(--white);
    transition: .5s;
}
.contact-from input {
    font-size: 14px;
}
.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: var(--white);
  margin-left:15px;
  margin-right:15px;
  background-color: #00a774;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  margin-left:15px;
  margin-right:15px;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

/*13.END CONTACT DESIGN AREA*/
/*14.START MAP DESIGN AREA*/

.map {
    height: 386px;
    margin-top: 30px;
    max-width: 100%;
    overflow: hidden;
}
/*14.END MAP DESIGN AREA*/

/*15.START FOOTER DESIGN AREA*/

footer{
     padding:30px 0px;
}          

.logo{
    color:#333;
    font-weight:700;
    font-size:30px;
    padding-right: 0px;

}

.address span , .menu span{
   color: #333; 
   font-weight: bold; 
   border-bottom: 1px solid #c7c7c7; 
   padding:10px 0px;
   display: block;
   text-transform: uppercase;
   font-size: 16px;
}
 
.address li a , .menu li a{
    color:#333;
    text-decoration:none;
    font-size:15px;
}

.address li, .menu li{
    margin: 10px 0px;
    list-style: none;
}

.address li a:hover , .menu li a:hover{
    color: var(--blue);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.address li a.pointer-none {
    pointer-events: none;
}

.address .fa{
    color: var(--blue);
    margin-right: 10px;
    font-size:18px;
}

/*15.END FOOTER DESIGN AREA*/




/* Slider  - Clientele */
/* Logo Slider */

/*.logo-slider {
    -webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.125);
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.125);
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.logo-slider::before, .logo-slider::after {
    content: "";
    height: auto;
    position: absolute;
    width: auto;
    z-index: 2;
}

.logo-slider::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.logo-slider::before {
    left: 0;
    top: 0;
}

.logo-slider .logo-slide-track {
    -webkit-animation: logo-scroll 10s linear infinite;
    animation: logo-scroll 10s linear infinite;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    width: calc(250px * 14);
  animation-duration: 10s;
  animation-iteration-count: infinite;
}

.logo-slider .slide {
    height: 170px;
    width: 250px;
    padding: 20px;
}

@-webkit-keyframes logo-scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}

@keyframes logo-scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}
*/
.carousel-control{width: 8%;}
.profile{text-align:center;}
.profile a{transition:all linear 0.35s; pointer-events: none;}
.profile a:hover{text-decoration:none;
-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 25%);
-moz-box-shadow: 0 0 10px rgb(0 0 0 / 25%);
box-shadow: 0 0 10px rgb(0 0 0 / 25%);
border-color: transparent;
}





/*Whatsapp widget Start*/
.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:120px;
    left:40px;
    background-color:#075e54;
    color:var(--white);
    border-radius:50px;
    text-align: center;
    box-shadow: 20px 20px 30px -10px #192824;
  transition: .5s; 
  -webkit-transition: .5s;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}




.float2{
    bottom: 40px;
    left: 40px;
}

.float2:hover:after{
  font-family: "Lato", Sans-serif;
    
}

.my-float{
    font-size:36px!important;
}

/* New CSS Start */
.machines-tables {
    display: block;
    max-width: 100%;
    overflow: auto;
}
.machines-tables table {
    margin: 50px auto 0;
    width: 100%;
}
.machines-tables table, .machines-tables table tr, .machines-tables table tr th, .machines-tables table tr td {
    border: 1px solid #ddd;
}
.machines-tables table tr th, .machines-tables table tr td {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    min-width: 150px;
    font-size: 14px;
}
.machines-tables table tr:nth-child(odd) {
    background-color: #ffffff;
}
footer span.logo {
    display: block;
    width: 100px;
}
.Infrastructure-text {
    text-align: center;
}
.contact-us-area {
    padding-bottom: 60px;
}
.single-slide-item-table-cell .logo {
    width: 100%;
    margin-bottom: 20px;
}
.about-text h4 {
    font-size: 34px;
}
.ftr-about-text {
    padding-top: 20px;
}
.single-slide-item-table-cell .logo a {
    padding: 10px 50px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
.Infrastructure-us-area {
    padding-bottom: 60px;
}
.about-us-area {
    padding-bottom: 60px;
}
.our-work-area {
    padding-bottom: 60px;
}
.specialties {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
    }
    .specialty {
        display: flex;
        align-items: center;
        padding: 15px;
        border: 1px solid #ccc;
        border-radius: 5px;
        transition: all 0.3s ease;
    }
    .specialty:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    .specialty .icon {
        margin-right: 10px;
        color: #007bff;
    }
    .specialty .text {
        font-size: 16px;
        font-weight: bold;
        color: #333;
    }


            .team-container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
            padding: 20px;
        }
        .team-card {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: auto;
            text-align: center;
            padding: 20px;
        }
        .team-card img {
            border-radius: 50%;
            width: 120px;
            height: 120px;
            object-fit: cover;
            margin-bottom: 20px;
        }
        .team-card h3 {
            margin: 0 0 10px;
        }
        .team-card p {
            color: #777;
            margin: 0 0 20px;
        }
        .social-icons {
            display: flex;
            justify-content: center;
            gap: 10px;
        }
        .social-icons a {
            color: #555;
            text-decoration: none;
            font-size: 18px;
            transition: color 0.3s;
        }
        .social-icons a:hover {
            color: #000;
        }

        .carousel-inner {
            display: block;
            flex-wrap: wrap;
        }
        .carousel-inner .profile {
            padding: 10px;
        }
        .carousel-inner .profile img {
            width: 100%;
            height: 200px; /* Adjust height as needed */
            object-fit: cover;
            border-radius: 8px;
        }
         .carousel-inner .profile-1 img {
            width: 100%;
            height: 200px; /* Adjust height as needed */
            object-fit: contain;
            border-radius: 8px;
        }
        .carousel-inner .profile h5 {
            text-align: center;
            margin-top: 10px;
        }
        .section-title h2 {
            text-transform: uppercase;
            margin-bottom: 20px;
        }
        .section-title span {
            display: block;
            width: 50px;
            height: 3px;
            background: #000;
            margin: 10px auto;
        }


        /* Gallery Section Styles */
.gallery-section {
    padding: 40px 20px;
    background-color: #f9f9f9;
    text-align: center;
}

.gallery-title {
    font-size: 2em;
    margin-bottom: 20px;
    color: #333;
}

/* Video Grid Layout */
.video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    justify-content: center;
}

.video-item iframe {
    width: 100%;
    height: 200px;
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Responsive Adjustments */
@media (max-width: 600px) {
    .video-item iframe {
        height: 180px;
    }
}
/* New CSS End */

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}