/* @media(max-width: 768px){
     .googlelang{
         position: absolute;
         right: 15px;
         top: 25px;
     }
     .googlelang .goog-te-gadget .goog-te-combo{
         padding: 6px 15px !important;
     }
     .navbar-toggler {
         margin-right: 115px;
     }
     }
     @media(max-width: 600px){
         .googlelang{
             top: 16px;
         }
         .googlelang .goog-te-gadget .goog-te-combo {
             padding: 6px !important;
             font-size: 13px !important;
             min-width: 60px !important;
             width: 60px !important;
             line-height: 15px;
         }
         .navbar-toggler {
             margin-right: 90px;
         }
     } */
 

     /* Services */
     .img-clock{background:url(../images/clock.png)!important}
     .img-graphics{background:url(../images/graphics.png)!important}
     .img-hire{background:url(../images/hire.png)!important}

         /* Home Portfolio */
         .cs-slider-item {
             position: relative;
             padding: 0 10px;
            }
         
            .thumb-prev, .thumb-next {
             position: absolute;
             z-index: 99;
             top: 42%;
             width: 90px;
             height: 90px;
             left: -90px;
             cursor: pointer;
             -webkit-transition: all 0.3s;
             transition: all 0.3s;
            }
         
            .thumb-next {
             left: auto;
             right: -90px;
            }
         
            .prom-portfolio-thumb img {
             width: 100%;
             height: 100%;
             border-radius: 12px;
             object-fit: cover;
             overflow: hidden;
            }
         
            .prom-portfolio-thumb:hover {
             opacity: 0.8;
             -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            }
         
            .home-cs-main .owl-nav [class*="owl-"] {
             position: relative;
             display: inline-block;
             bottom: 45px;
             transition: all 0.2s ease-in;
            }
         
            .home-cs-main .owl-nav i {
             background-color: transparent;
             color: rgb(251, 90, 13);
             font-size: 25px;
            }
         
            .home-cs-main .owl-prev {
             left: -15px;
            }
         
            .home-cs-main .owl-prev:hover {
             left: -20px;
            }
         
            .home-cs-main .owl-next {
             right: -15px;
            }
         
            .home-cs-main .owl-next:hover {
             right: -20px;
            }
         
            /* DOTS */
            .home-cs-main .owl-dots {
             position: absolute;
             left: 50%;
             transform: translateX(-50%);
             bottom: 35px;
            }
         
            .home-cs-main .owl-dot {
             display: inline-block;
            }
         
            .home-cs-main .owl-dots .owl-dot span {
             width: 11px;
             height: 11px;
             margin: 0 5px;
             background: #fff;
             border: 1px solid rgb(251, 90, 13);
             display: block;
             -webkit-backface-visibility: visible;
             -webkit-transition: all 200ms ease;
             transition: all 200ms ease;
             border-radius: 50%;
            }
         
            .home-cs-main .owl-dots .owl-dot.active span {
             background-color: rgb(251, 90, 13);
            }
         
            /* Card */
            .case-block-three .inner_box {
             position: relative;
            }
         
            .case-block-three .image {
             position: relative;
             border-radius: 6px;
             overflow: hidden;
             max-height: 506px;
            }
         
            /* .case-block-three .image:before {
          position: absolute;
            content: '';
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #161924;
            -webkit-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            opacity: .2;
         } */
         
            .case-block-three .image img {
             width: 100%;
             height: auto;
             max-width: 100%;
            }
         
            .case-block-three .logo {
             position: absolute;
             right: 50px;
             top: 40px;
            }
         
            .case-block-three .lower-content {
             position: relative;
             background-color: #fff;
             margin: 0 50px;
             margin-top: -125px;
             border-radius: 6px;
             text-align: center;
             padding: 0 20px 28px;
            }
         
            .case-block-three .category {
             position: relative;
             font-size: 14px;
             font-weight: 500;
             padding: 8px 25px;
             line-height: 1.2em;
             border-radius: 16px;
             display: inline-block;
             margin-bottom: 10px;
             -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2);
             box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2);
             -webkit-transform: translateY(-50%);
             -ms-transform: translateY(-50%);
             transform: translateY(-50%);
             background: #f6c40e;
             color: #000;
            }
         
            .case-block-three h4 {
             color: #000;
             font-weight: 500;
             margin-bottom: 15px;
             font-size: 26px;
             font-family: BarlowCondensed-SemiBold;
            }
         
            .case-block-three .text_info {
             font-size: 16px;
             line-height: 24px;
             color: #484848;
             margin-bottom: 10px;
             font-family: Poppins-Regular;
            }
         
            .case-block-three .read-more-link {
             font-size: 15px;
             font-weight: 600;
             text-transform: uppercase;
             font-family: Poppins-Regular;
             color: #f6c40e;
            }
         
            .case-block-three .read-more-link i {
             margin-left: 5px;
             font-weight: normal;
             font-size: 16px;
            }
         

         
 
 
            /* ********************** 2nd *********************** */
            .inner_portfolio_sec {
             padding: 36px 15px 30px;
             background-color: #294313;
             background-size: cover;
             border-radius: 12px;
            }
 
            .inner_portfolio_sec.slide1{
             background-image: linear-gradient(224deg, #1968af, #05294a);
            }
 
            .inner_portfolio_sec.slide2{
             background-image: linear-gradient(243deg, #3b3b3b, #1d1d1d);
         }
 
         .inner_portfolio_sec.slide3{
             background-image: linear-gradient(to top, #0f9a61, #003f25);
         }
 
         .inner_portfolio_sec.slide4{
             background-image: linear-gradient(56deg, #a11248, #300516);
         }
 
         .inner_portfolio_sec.slide5{
             /* background-image:none; background-color:#938257; */
             background-image: linear-gradient(56deg, #8d7a4b, #938257);
         }
 
          .inner_portfolio_content {
             position: relative;
             border-radius: 6px;
             text-align: left;
             padding: 0 20px 0;
            }
         
            .inner_portfolio_content .category {
             position: relative;
             font-size: 14px;
             font-weight: 500;
             padding: 8px 25px;
             line-height: 1.2em;
             border-radius: 16px;
             display: inline-block;
             margin-bottom: 10px;
             -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2);
             box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2);
             -webkit-transform: translateY(-50%);
             -ms-transform: translateY(-50%);
             transform: translateY(-50%);
             color: #fff;
            }
 
            .inner_portfolio_projlogo{
             width: 80px;
             height: 80px;
             /* background-image: linear-gradient(243deg, #3b3b3b, #1d1d1d); */
             padding: 8px;
             border-radius: 8px;
             margin-bottom: 15px;
             background-color: rgba(255, 255, 255, 0.1);
            }
 
            .inner_portfolio_projlogo img{
             width: 100%;
             height: auto;
             border-radius: 6px;
            }
 
            .inner_portfolio_abs{
                 position: absolute;
                 right: 0;
                 top: 0;
                 bottom: 0;
                 opacity: 0.3;
            }
 
            .inner_portfolio_abs img{
                 height: 100%;
                 width: auto;
             }
         
            .inner_portfolio_content h4 {
             font-size: 40px;
             font-weight: 700;
             font-style: normal;
             font-stretch: normal;
             line-height: 1.2;
             letter-spacing: normal;
             text-align: left;
             color: #fff;
             position: relative;
             transition: .5s;
             margin-bottom: 15px;
             font-family: BarlowCondensed-SemiBold;
            }
         
            .inner_portfolio_store p, .inner_portfolio_store a {
             font-size: 16px;
             line-height: 24px;
             color: #fff;
             margin-bottom: 0;
             font-family: Poppins-Regular;
            }
 
            .inner_portfolio_content .text_info {
             font-size: 16px;
             line-height: 24px;
             color: #fff;
             margin-bottom: 20px;
             font-family: Poppins-Regular;
            }
         
            .inner_portfolio_content .read-more-link {
             font-size: 15px;
             font-weight: 600;
             text-transform: uppercase;
             font-family: Poppins-Regular;
             color: #f6c40e;
            }
 
            
            .inner_portfolio_store {
             margin-bottom: 20px;
            }
            .inner_portfolio_store a {
             margin-left: 12px;
        }
            .inner_portfolio_store a i {
             font-size: 30px;
            }
 
            .inner_portfolio_store p img {
             width: 46px;
             margin-left: 8px;
             padding: 6px;
             border-radius: 8px;
             /* margin-bottom: 15px; */
             background-color: rgba(255, 255, 255, 0.9);
            }
 
            .inner_portfolio_btn {
             transition: .5s;
             display: inline-block;
             color: #fff;
             vertical-align: super;
             border-radius: 1.5px;
             background-color: transparent;
             padding: 15px 20px 15px 47px;
             position: relative;
             border: 2px solid #fff;
         }
         .inner_portfolio_btn:hover {
             background-color: #000;
             color: #fff;
         }
         .inner_portfolio_btn:before {
             animation: pulso 2s infinite!important;
         }
         .inner_portfolio_btn:before {
             box-shadow: 0 0 0 rgb(255 255 255 / 40%);
             animation: pulso 2s infinite;
             transition: .5s;
             content: "";
             width: 15px;
             height: 15px;
             border: 3px solid #fff;
             position: absolute;
             left: 15px;
             border-radius: 50%;
             top: 0;
             bottom: 0;
             margin: auto;
         }
         @keyframes pulso{0%{-moz-box-shadow:0 0 0 0 rgba(255,255,255,0.8);box-shadow:0 0 0 0 rgba(255,255,255,0.8)}70%{-moz-box-shadow:0 0 0 20px rgba(255,255,255,0);box-shadow:0 0 0 20px rgba(255,255,255,0)}100%{-moz-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}}
            
         .portflio_tech{
             /* background-color: rgba(255, 255, 255, 0.1);
             padding: 8px 15px; */
             border-radius: 6px;
             margin-top: 12px;
         }


                     /* RESPONSIVE */
                     @media screen and (max-width: 1500) {
                        .case-block-three .lower-content {
                            margin: 0 30px;
                            margin-top: -64px;
                        }
                       }
           
                       @media (min-width: 1100px) and (max-width: 1280px){
                           .col-mac-8 {
                               -ms-flex: 0 0 66.666667%;
                               flex: 0 0 66.666667%;
                               max-width: 66.666667%;
                           }
                       }
           
                       @media screen and (max-width: 1280px) {               
                           .inner_portfolio_sec {
                               min-height: 523px;
                               display: flex;
                               align-items: center;
                           }
                           .inner_portfolio_content h4 {
                               font-size: 30px !important;
                           }
                           .inner_portfolio_content .text_info {
                               font-size: 15px !important;
                               line-height: 22px;
                               font-weight: 400;
                           }
                          }
           
                       @media screen and (max-width: 1100px) {
                        .inner_portfolio_projlogo {
                            width: 70px;
                            height: 70px;
                        }
                        .inner_portfolio_store p img {
                            width: 36px;
                            margin-left: 5px;
                            border-radius: 5px;
                        }
                        .thumb-prev, .thumb-next {
                            width: 70px;
                            height: 70px;
                            left: -64px;
                        }
                        .thumb-next {
                          left: auto;
                        right: -64px;
                        }
           
           
                        .inner_portfolio_content h4 {
                           font-size: 26px;
                           line-height: 32px;
                           margin-bottom: 12px;
                       }
           
                       }
                    
                       @media screen and (max-width: 800px) {
                        .thumb-prev, .thumb-next {
                            left: -56px;
                        }
                        .thumb-next {
                            left: auto;
                            right: -56px;
                        }
                        .inner_portfolio_abs {
                            position: absolute;
                            right: 0;
                            top: unset;
                            bottom: 0;
                            opacity: 0.3;
                            height: 50%;
                        }
                        .inner_portfolio_sec {
                            min-height: 600px;
                        }
                       }
                    
                       @media screen and (max-width: 767px) {
                        .inner_portfolio_sec {
                            padding: 0 0 20px;
                            border-radius: 10px;
                            min-height: 630px;
                        }
                        .inner_portfolio_content {
                            padding: 0;
                        }
                        .inner_portfolio_img{
                            width: 75%;
                            margin: 0 auto;
                        }
                        .inner_portfolio_projlogo {
                            width: 50px;
                            height: 50px;
                            padding: 4px;
                            border-radius: 8px;
                            margin-bottom: 10px;
                        }

                        .inner_portfolio_content h4 {
                            font-size: 24px !important;
                            font-weight: 500;
                            line-height: 30px !important;
                        }
                        .inner_portfolio_content .text_info {
                            font-size: 13px !important;
                            line-height: 18px;
                        }
                        .inner_portfolio_store p, .inner_portfolio_store a {
                            font-size: 13px;
                            line-height: 18px;
                        }
                        .inner_portfolio_store a i {
                            font-size: 22px;
                        }
                        .inner_portfolio_btn {
                            padding: 10px 20px 10px 47px;
                            font-size: 13px;
                        }
                        .inner_portfolio_store p img {
                            width: 30px;
                            margin-left: 3px;
                            border-radius: 2px;
                            padding: 3px;
                        }
                        .inner_portfolio_store p img:first-child {
                            margin-left: 0;
                        }
                        .inner_portfolio_abs {
                            display: none;
                        }
                        .thumb-prev, .thumb-next {
                          display: none;
                        }
                       }
         /* Home portfolio end */
 
            /* ******************** Home Brands ********************* */
            .linepat {
             position: absolute;
             left: 0;
             bottom: 0;
             right: 0;
             top: 0;
             background-image: url(../images/portfolio/linepat.png);
             background-repeat: repeat;
         }
         .brands-section .col.border {
             background-color: #fff;
         }
            .brands-section{
             padding: 80px 0;
            }
            .brands-section .border{
             border-color: #f2f2f2;
            }
            .brands-section .home_brand_img{
             padding: 20px 10px;
            }
            .brands-section .home_brand_img img{
                 filter: grayscale(100%);
                 transition: .5s;
                 opacity: 0.9;
             }
             .brands-section .home_brand_img:hover img{
                 filter: grayscale(0%);
                 opacity: 1;
             }
 
         /* BRANDS RESPONSIVE */      
            @media screen and (max-width: 800px) {
             .brands-section .home_brand_img img {
                 filter: unset;
                 opacity: 1;
             }
            }
 
            @media screen and (max-width: 600px) {
             .brands-section .home_brand_img {
                 padding: 15px 4px;
             }
            }
 
 
            /****************** Estimate Btn *******************/
            .estimate_btn{
                 padding: 10px 24px;
                 overflow: hidden;
                 color: #000;
                 background: #fecd1a;
                 border: 2px solid #fecd1a;
                 display: flex;
                 align-items: center;
                 text-transform: uppercase;
                 border-radius: 30px;
                 transition: .5s;
                 -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
                 transition: background-color 0.3s, border-color 0.3s, color 0.3s;
            }
 
            .estimate_btn:hover {
                 background: transparent;
                 color: #fff;
                 padding: 10px 14px;
             }
 
            .estimate_btn i{
                 display: none;
                 padding-left: 6px;
            }
 
             .estimate_btn:hover i {
                 display: block;
             }
         
             /* Home Contact btn */
             .home_con {
                display: inline-block;
                padding: 15px 30px;
                margin: 15px auto;
                text-align: center;
                color: #fff;
                background-color: #f6c40e;
                font-weight: 600;
             }
             .home_con:hover {
                background-color: #545454;
             }