/* This section is responsible for that circular effect over hy cleint love us  */
.client {
            max-width: 1600px;
            margin: 0 auto 0 auto;
            padding: 0 20px;

        }

        .client-header {
            margin-bottom: 25px;
        }

        .client-header h3 {
            font-size: 18px;
            font-weight: 600;
            color: #966e41;
            margin-bottom: 8px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .all_client {
            display: inline-block;
            margin-left: 15px;
        }

        .all_client a {
            color: #925cd8;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            transition: color 0.3s ease;
        }

        .all_client a:hover {
            color: #bccae9;
        }

        /* Logo Carousel Container - Minimal */
        .logo-carousel {
            position: relative;
            overflow: hidden;
            padding: 15px 0;
            background: transparent;
        }

        .logo-track {
            display: flex;
            /* animation: scroll-left 60s linear infinite; */
            width: calc(200%);
        }

        .logo-item {
            flex: 0 0 clamp(80px, 6%, 120px);
            margin: 0 3px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
            background: transparent;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .logo-item:hover {
            transform: translateY(-2px);
        }

        .logo-item img {
            max-width: 100%;
            max-height: 40px;
            object-fit: contain;
            transition: all 0.3s ease;
            opacity: 0.9;
        }

        .logo-item:hover img {
            opacity: 1;
            transform: scale(1.05);
        }


        /* Responsive Design - Minimal approach */
        @media (max-width: 768px) {
            .client-header h3 {
                font-size: 16px;
                text-align: center;
            }
            
            .logo-item {
                flex: 0 0 clamp(80px, 4%, 120px);
            }
            
            .logo-track {
                animation-duration: 20s;
            }
        }

        @media (max-width: 480px) {
            .client {
                padding: 0 15px;
            }
            
            .client-header h3 {
                font-size: 14px;
            }
            
            .all_client a {
                font-size: 12px;
            }
            
            .logo-item {
                flex: 0 0 clamp(60px, 2%, 100px);
            }
            
            .logo-item img {
                max-height: 30px;
            }
            
            .logo-track {
                animation-duration: 15s;
            }
        }

/* Removing default body margins  */

body {
    margin: 0 !important;
}

.container-fluid.footer {
    margin-top: 0 !important;
}





/* HOMEPAGE CSS  */

*{
	margin:0px;
	padding:0px;
}

body{
	overflow-x:hidden;
}

#jssor_1 .slider_head{
	font-size:34px;
	}
	
#jssor_1 .slider-sub-head{
	font-size:25px;
}


/*Slider Css*/
	.jssorb05{position:absolute}.jssorb05 div,.jssorb05 div:hover,.jssorb05 .av{position:absolute;width:16px;height:16px;background:url('../images/b05.png') no-repeat;overflow:hidden;cursor:pointer}.jssorb05 div{background-position:-7px -7px}.jssorb05 div:hover,.jssorb05 .av:hover{background-position:-37px -7px}.jssorb05 .av{background-position:-67px -7px}.jssorb05 .dn,.jssorb05 .dn:hover{background-position:-97px -7px}.jssora22l,.jssora22r{display:block;position:absolute;width:40px;height:58px;cursor:pointer;background:url('../images/a22.png') center center no-repeat;overflow:hidden}.jssora22l{background-position:-10px -31px}.jssora22r{background-position:-70px -31px}.jssora22l:hover{background-position:-130px -31px}.jssora22r:hover{background-position:-190px -31px}.jssora22l.jssora22ldn{background-position:-250px -31px}.jssora22r.jssora22rdn{background-position:-310px -31px}.jssora22l.jssora22lds{background-position:-10px -31px;opacity:.3;pointer-events:none}.jssora22r.jssora22rds{background-position:-70px -31px;opacity:.3;pointer-events:none}
.why_client h2{
	margin-left:20px;
	color:#d1472b;
    font-family:open sans;
	
	
}

.product_com table{
    width:70%;
	margin:auto;
}
@media(max-width:768px){
	#contact{
	display:none;
	}
}

.why_client  h3{
	color:#d1472b;
	padding-left:15px
}

#slideshow_para > p{
	position:absolute;
	}
	
#contact h3{
	font-family:open sans;
	color:#3d3635;
    margin-left:21px;
	margin-top:27px;
}


#contact h2{
	margin-left:0px;
	
}

.why_client{
    margin-top:70px;
	margin-bottom:70px;
}


.why_client h2{
    font-family: 'Open Sans', sans-serif;	
}

.why_client #line{
	padding-top:14px;
}

@media(max-width:768px){
	.why_client #line{
		display:none;
	}
}


.why_client p{
	font-family:open sans;
	font-size:1.3em;
	color:#484747;
}

.client_vertical h3{
	color:#ffb461;
	text-align:center;
	font-size:30px;
	font-family: 'Open Sans', sans-serif;
}

.client_vertical .content{
	
	background-image:url("../homepage_images/tele2.png");
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
    height:650px;
	margin-top:40px;
	background-size:cover;
}

.client_vertical  a{
	text-decoration:none;
	cursor:pointer;
	color:#dff0d8;
	}

.client_vertical .content .col-sm-6{
	margin-top:40px;
	margin-bottom:10px;
}


.client_vertical .content p{
	text-align:center;
    font-size:22px;
	color:#dff0d8;
	text-transform:upercase;
	font-family: 'Open Sans', sans-serif;
	}
	
	
.client h3{
	color:#fda547;
	text-align:center;
	font-size:30px;
    font-family: 'Open Sans', sans-serif;
	margin-top:50px;
	margin-bottom:50px;
}

.why_client .all_client{
	font-size:21px;
	text-decoration:underline
	}
	
	
/* FEATURES CSS*/

.tcb-product-slider {
  background: #333;
  background-image: url("../homepage_images/gry.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10px 0px 100px 0px;
  margin-top:70px;
  margin-bottom:30px;
}
.tcb-product-slider  h2{
 padding-bottom:40px;
 font-family:open sans;
 font-size:34px;
 color:#fda547;
}
.tcb-product-slider .carousel-control {
  width: 5%;
}
.tcb-product-item a {
  color: #147196;
}
.tcb-product-item a:hover {
  text-decoration: none;
}
.tcb-product-item .tcb-hline {
  margin: 10px 0;
  height: 1px;
  background: #ccc;
}
@media all and (max-width: 768px) {
  .tcb-product-item {
    margin-bottom: 30px;
  }
}
.tcb-product-photo {
  text-align: center;
  height: 150px;
  background:rgba(10, 65, 158, 0.31);
}
.tcb-product-photo img {
  height: 100%;
  display: inline-block;
}
.tcb-product-info {
  background:#253654;
  opacity:0.7;
  padding: 15px;
  height:150px;
}
.tcb-product-item h3{
	color:white;
	font-family:open sans;
	font-size:22px;
	background:#253654;
	opacity:0.7;
	padding:10px 0px 15px 0px;
	margin-bottom:0px;
	margin-top:0px;
}
.tcb-product-info p{
	font-size:17px;
	font-family:open sans;
	text-align:justify;
	color:white;
}
.tcb-product-title h4 {
  margin-top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tcb-product-rating {
  color: #acacac;
}
.tcb-product-rating .active {
  color: #FFB500;
}
.tcb-product-price {
  color: firebrick;
  font-size: 18px;
}


.details {
    margin: 50px 0; }
 .details h1 {
      font-size: 32px;
      text-align: center;
      margin-bottom: 3px; }
    .details .back-link {
      text-align: center; }
      .details .back-link a {
        display: inline-block;
        margin: 20px 0;
        padding: 15px 30px;
        background: #333;
        color: #fff;
        border-radius: 24px; }
        .details .back-link a svg {
          margin-right: 10px;
          vertical-align: text-top;
          display: inline-block; 
		  }
		 
@media(max-width:1150px){
	.tcb-product-info{
		height:auto;
	}
}
		  
			
.parent{
	background-image:url('../homepage_images/gry.png');
	height:700px;
	background-size:cover;
	background-position:fixed;
	background-repeat:no-repeat;
    overflow-y:scroll;
	overflow-x:hidden;
	margin-left:-115px;
	margin-right:-7px;
	}
	
.parent-feature{
	position:relative;
	bottom:150px;
}

.parent h3{
	color:#ffae56;
	text-align:center;
	font-size:30px;
	font-family: 'Open Sans', sans-serif;
	margin-top:200px;
	position:relative;
	bottom:50px;
}

.parent .parent-head h3{
	position:relative;
	bottom:180px;
	left:68px;
	font-family: 'Open Sans', sans-serif;
}


.parent p{
    background-color: #000000;
    padding: 30px 77px;
    font-size: 22px;
	color:white;
    font-family: open sans-serif;
    opacity: 0.4;
	margin-top: -30px;
    margin-left: 130px;
    box-shadow: 2px 2px 5px black;
	font-family: 'Open Sans', sans-serif;
	
	
}

.parent p:last-child{
	margin-bottom:200px;
}


.model h3{
	color:#f89f3f;
	text-align:center;
	font-size:30px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:60px;
	margin-top:55px;
	
}


.product p{
	text-align:center;
	margin-top:10px;
}

.product a{
	text-decoration:none;
}
	
.product .name{
	margin-top:20px;
	text-align:center;
}

.product .big_name{
	text-align:center;
}


	@media(min-width:500px) and (max-width:768px){
	.product .img_hover{
	 position:relative;
	 left:40%;
	}
}

  @media(max-width:500px){
	.product .img_hover{
		position:relative;
		left:30%;
  }
}

@media(min-width:768px) and (max-width:950px){
	.logo{
	position:relative;
	left:-10px;
	}
	}
	@media(min-width:950px) and (max-width:1200px){
	.logo{
	position:relative;
	left:-80px;
	}
	}
.product h4{
	font-family:open sans;
} 

	
/* HOMEPAGE MEDIA*/
@media(max-width:768px){
#jssor_1  .slider_head{
    font-size:60px;	
}

.why_client{
	position:relative;
	bottom:35px;
}

.why_client h2{
	font-size:20px
}

.why_client p{
    font-size:14px;
}

.why_client h3{
	padding-left:52px;
}
#contact h2{
    font-size:18px;
	margin-left:55px;
	margin-bottom:-35px;
}

#contact h3{
	margin-left:24px;
	font-size:18px;
}

.client_vertical h3{
	font-size:20px;
}

.client_vertical .content p{
	font-size:16px;
}

.client h3{
	font-size:20px;
}

.parent .parent-head h3{
	font-size:20px;
}

.parent h3{
	font-size:20px;
	text-align:center;
}

.parent p{
	padding:8px 18px;
	font-size:16px;
}
	
.model h3{
	font-size:20px;
}

.footer{
	height:500px;
}

.footer .f-row{
	position:relative;
	right:40px;
}

.footer .s-row{
	position:relative;
	right:40px;
}

.footer .contact-footer{
	position:relative;
	right:42px;
}
.footer li{
	font-size:15px;
}
}



@media(max-width:768px){
	#jssor_1 .slider-sub-head{
	display:none;
}
}

@media(max-width:768px){
	.client_vertical .content{
	height:auto;
	}
}


#search_com input.gsc-search-button{
				background:#2196F3 !important;
				padding:10px 20px !important;
				border:none !important;
				}
				
				#search_com .gsc-control-cse{
				width: 60% !important;
				margin: auto !important;
				background: #262626 !important;
				}
				#search_com .gsib_a{
				padding:5px;
				}
				#search_com{
				z-index:2;
				position:fixed;
				top: 20%;
				}
				#clk_search{
				position:fixed;
				background:#3694f4;
				padding:5px;
				right:0px;
				top:11%;
				cursor:pointer;
				padding:5px 10px;
				color:white;
				font-size:1.2em !important;
				z-index:2;
				font-family: museo-slab,Georgia,"Times New Roman",Times,serif;
				} 

				#close_sec{
				position:fixed;
				top:16%;
				right:20%;
				}
				#close_sec i{
				color:black;
				font-size:1.5em !important;
				cursor:pointer;
				}
				#search_com .gsc-input-box{
				height:auto !important;
				}
				
				 .gsc-overflow-hidden{
				 line-height:1.2em !important;
				 }
				 
				 #search_com  input.gsc-search-button-v2{
				 width:auto !important;
				 height:auto !important;
				 }
				
				 .hover a{
					 position:relative;
					 overflow:hidden;
				
					}

					.hover-2{
					transition-duration:.3s;
					-webkit-transition-duration:.3s;
					transition-delay: .1s;
				}
				 .hover-2:hover{
					transform:translateY(-40px);
					-ms-transform:translateY(-40px); /* prefix for IE 9 */
					-webkit-transform:translateY(-40px); /* prefix for Safari and Chrome */
					}
				
				.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
					border-color: #3694f4 !important;
					background-color: #3694f4 !important;
					background-image: none;
					filter: none;
				}