.max_sec{max-width: 1700px; width:94%; margin-left:auto;margin-right:auto;}















.btn_arr a::after{content: ' \2190'; display: inline-block;}







.btn_arr .elementor-button-content-wrapper{display: inline-block;}







.breadcrumbs{display: block;







    margin-top: 60px;







    margin-bottom: 20px;







    width: 94%;







    margin-left: auto;







    margin-right: auto;







    max-width: 1700px; color: #414042; }







.breadcrumbs span{color: #414042; font-size: 15px;}







.breadcrumbs span .current-item{font-weight: 600;}







.filt_img .elementor-portfolio-item__overlay{display: none !important;}







.filt_img article, .filt_img .elementor-portfolio.elementor-has-item-ratio .elementor-post__thumbnail{background-color: #e6e7e8 !important;}







.filt_img img{width: 60% !important; height: auto !important;  filter: grayscale(100%); -webkit-filter: grayscale(1); max-height: 160px !important;  max-width: fit-content !important; }







.elementor-portfolio-item__img:hover img{filter: none; -webkit-filter: grayscale(0); }







.elementor-portfolio__filters{display:table; width:100%;}







.elementor-portfolio__filter::after {







    position: absolute;







    width: 90%;







    content: "";







    height: 90%;







    display: block;







    border: solid 1px #007dc5;







    top: 0;







    right: 0;







    left: 0;







    margin: 0 auto;







	z-index:1;







}







.filt_img ul li{ font-size: 20px; color:#007dc5;height: 60px; text-align: center;min-width: 100px; display:table-cell; position:relative; vertical-align:middle; padding:8px 30px; padding-bottom:15px; transition:all 0.5s}







.elementor-portfolio.elementor-grid{overflow:hidden;}







.filt_img ul li span{z-index:2; position:relative;}







.filt_img ul li:nth-child(1){margin-right: 0px !important;}







.filt_img ul li:hover:after,.filt_img ul li.elementor-active:after{ background-color:#007dc5;}











.filt_img ul li:hover span,.filt_img ul li.elementor-active span{color:#fff;}































.elementor-gallery-item__overlay{width:80%; height:80%; margin:0 auto; left:0px; right:0px; top:10%;  background:none; }







/* .elementor-gallery-item__overlay:after{position:absolute; content:"+"; font-size:25px; font-weight:300; border:1px solid #414042; color:#414042; padding:10px; border-radius:60px; width:30px; height:33px; margin:0 auto; left:0px; right:0px; top:50%; transform:translateY(-50%); line-height:8px; padding-left:22px; opacity:0; transition:all 0.5s;} */







.e-gallery-item .e-gallery-image{opacity: 0.5;}

.e-gallery-item:hover .e-gallery-image{opacity:1;}















.customerlist{display:inline-block; width:100%;}







.customerlist .customeritem{display:inline-block; position:relative; width:18.4%; background:#e6e7e8; padding:20px; text-align:center; vertical-align:top; min-height:220px; max-height:220px; margin-left:2%; margin-bottom:2%;}







.customerlist .customeritem:nth-child(5n){margin-left:0px;}







.customerimage{height:100%; width:100%; text-align:center; display:inline-block; vertical-align:middle; position:relative; height:163px; cursor:pointer;}







.customerimage img{max-width:70%; max-height:200px; object-fit:cover; position:absolute; top:50%; transform:translateY(-50%); left:0px; right:0px; margin:0 auto;filter: grayscale(100%); -webkit-filter: grayscale(1); transition:all 0.5s; }







.customeritem:hover .customerimage img{filter: none; -webkit-filter: grayscale(0); }







.customerdetail{position:absolute; height:100%; width:100%; opacity:0; visibility:hidden; transition:all 0.5s; top:0px; right:0px;background:#fff; padding:20px;  z-index:2;}







.customeritem.active .customerdetail{visibility:visible; opacity:1;}







.customerdetail .clogo{width:100%; text-align:center;}







.customerdetail .clogo img{max-width:60%; max-height:60px; object-fit:cover;}







.customerdetail .ccontent{ display:inline-block; width:100%; text-align:center; margin-top:10px; font-size:16px; font-weight:600; font-style:italic;}







.customerdetail .ccompany{ display:inline-block; width:100%; text-align:center;margin-top:5px; font-size:14px; font-weight:300; color:#007dc5;}







.customerdetail .ccdetail{ display:inline-block; width:100%; text-align:center;margin-top:5px;font-size:14px; font-weight:300;}







.customerdetail .close{position:absolute; font-size:25px; font-weight:300; border:1px solid #414042; color:#414042; padding:10px; border-radius:60px; width:30px; height:31px; margin:0 auto;  right:0px; top:0px;  line-height:3px; padding-left:20px;  transition:all 0.5s; cursor:pointer;}







.site_urls{position: absolute; right: 65px; top:22px; direction: ltr;}







.site_urls a span{ font-size: 18px; color: #414042;}







.site_urls a{border: solid 1px #acabac; font-weight: 600; font-size: 18px;  margin-left: 20px; padding: 5px 8px; min-width: 145px; max-width: 145px; display: inline-block;}







.site_urls a.sf{color:#6fbe44;}




.site_urls a.co{color:#a1a1a1}


.site_urls a.le{color:#007dc5}







.site_urls a.in{color:#a348a4}







.site_urls a:hover{border: solid 1px #414042;}



.msection{width:94%; margin-left:auto; margin-right:auto;}

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

    .customerdetail .clogo{min-height: 70px;}

    .customerdetail .clogo img {max-width: 70%; max-height: 70px;}

    .customerdetail .ccontent{font-size: 18px;}

    .customerdetail .ccompany{font-size: 16px; font-weight: 400;}

    .customerdetail .ccdetail{font-size: 16px; font-weight: 400;}

}

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

    .customerdetail .clogo{min-height: 80px;}

    .customerdetail .clogo img {max-width: 80%; max-height: 80px;}

    .customerdetail .ccontent{font-size: 22px; line-height: 24px;}

    .customerdetail .ccompany{font-size: 18px; font-weight: 400;}

    .customerdetail .ccdetail{font-size: 18px; font-weight: 400;}

}

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



	.customerlist .customeritem{min-height:300px; max-height:300px;}



    .customerimage{ height:250px;} 

    .customerdetail .ccontent{font-size: 24px; line-height: 26px;}

    .customerdetail .ccompany{font-size: 20px; font-weight: 400;}

    .customerdetail .ccdetail{font-size: 20px; font-weight: 400;}



}

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



.site_urls a{min-width:120px; font-size:16px; margin-left:10px;}



.filt_img ul li{font-size:14px;}	



}



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



.site_urls a { font-size:13px; min-width:104px;}



}



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



.filt_img ul li{font-size:16px;}



.pg_list h2{min-height: 100px;}















.customerlist .customeritem{width:48%;margin-left:1%; margin-right:1%;}







.customerlist .customeritem:nth-child(5n){margin-left:1%; margin-right:1%;}







.customerdetail .ccontent{font-size:14px;}







.sitemenu{display:none;}







.sitetitle {font-size:40px; text-align:center; padding-top:5px;}

.sitetitle a{font-size:40px;}





.subhead{padding-top:12px;}







.subiner {padding-bottom:18px;}







.site_urls{display: none;}







.box_sec .box:nth-child(3n+2){margin: 20px 2% 0px 2%;}	







.box_sec .box{margin-top: 20px; min-height: 130px; max-height: 130px; padding: 10px;}







.fform input[type="submit"]{background: #6fbe44 url(../images/arrowwbtn.png) 25px center no-repeat;}







.elementor-portfolio__filters{display:inline-block; text-align:center}







.filt_img ul li{display: inline-table; min-width: 110px; max-width: 110px; margin: 0px 0px 15px 8px !important;  padding: 5px 15px 10px 15px;}







.filt_img ul li:nth-child(3n+3){margin-left: 0px !important;}







.filt_img ul li span{    vertical-align: middle;







    display: table-cell;}







}







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







.customerlist .customeritem{width:98%;margin-left:1%; margin-right:1%; margin-bottom:4%;}







.customerlist .customeritem:nth-child(5n){margin-left:1%; margin-right:1%;}







.customerdetail .ccontent{font-size:14px;}







.breadcrumbs{display: none;}



.subiner{    border-bottom: 6px solid #6fbe44;



    margin-bottom: -6px;}



	.filt_img ul li{width:31%; min-width:76px; font-size:14px; margin:0px !important;}



	.fform input[type="submit"] { width:72%; max-width: 190px; height: 40px;}



	.msection{width:98%; margin-left:auto; margin-right:auto;}



}







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







    .pg_list h2{min-height: auto;}







}