/* Layout-5 */

.layout-5 .container { max-width: 1100px; }

.layout-5 ul { display: flex; justify-content: space-around; margin-top: 30px; }

.layout-5 .nav-tabs{ margin-top: 30px;  justify-content: center; }

.layout-5 .icon-wrap { width: 94px; height: 80px; cursor: pointer; margin: 0 auto; text-align: center; }

.layout-5 .icon-wrap .icon {  background-position: 0 0; background-image: url(../../images/icon-set-1.png); width: 100%; height: 100%; background-repeat: no-repeat; display: inline-block;}

.layout-5 .icon-wrap .fe-1 { background-position: 13px -198px }

.layout-5 .icon-wrap .fe-2 { background-position: -86px -198px; }

.layout-5 .icon-wrap .fe-3 { background-position: -187px -198px; }

.layout-5 .icon-wrap .fe-4 { background-position: -290px -194px; }

.layout-5 .icon-wrap .fe-5 { background-position: -391px -198px; }



.layout-5 .icon-wrap .cms-1 { background-position: -491px -198px; }

.layout-5 .icon-wrap .cms-2 { background-position: 14px -294px; }

.layout-5 .icon-wrap .cms-3 { background-position: -303px -293px; }

.layout-5 .icon-wrap .cms-4 { background-position: -103px -296px; }

.layout-5 .icon-wrap .cms-5 { background-position: -191px -298px; }



.layout-5 .icon-wrap .ecom-1 { background-position: 14px -294px; }

.layout-5 .icon-wrap .ecom-2 { background-position: -200px -394px; }

.layout-5 .icon-wrap .ecom-3 { background-position: -289px -394px; }

.layout-5 .icon-wrap .ecom-4 { background-position: -397px -399px; } 





.layout-5 .icon-wrap .db-1 { background-position: 14px -494px; }

.layout-5 .icon-wrap .db-2 { background-position: -95px -496px; }

.layout-5 .icon-wrap .db-3 { background-position: -490px -399px; }  



.layout-5 .icon-wrap .be-1 { background-position: -292px -504px; }

.layout-5 .icon-wrap .be-2 { background-position: -192px -501px; }

.layout-5 .icon-wrap .be-3 { background-position: -497px -500px; }  

.layout-5 .icon-wrap .be-4 { background-position: 9px -603px; }  

.layout-5 .icon-wrap .be-5 { background-position: -403px -494px; }  

.layout-5 .icon-wrap .be-6 { background-position: -94px -604px; }  





.layout-5 .icon-wrap .design-1 { background-position: -387px -604px; }

.layout-5 .icon-wrap .design-2 { background-position: -295px -603px; }

.layout-5 .icon-wrap .design-3 { background-position: -200px -604px; }  

.layout-5 .icon-wrap .design-4 { background-position: -498px -605px; }  





.layout-5 .nav-tabs button { color: #696969; text-transform: uppercase; font-size: 24px; font-weight: 600;     border: none !important;

    padding: 10px 33px;  position: relative; background-color: #fff; line-height: 36px; }

.layout-5 .nav-tabs li:before, .layout-5 .nav-tabs button:before { content: ''; position: absolute; right: 0; top: 20px; width: 2px; height: 22px; background-color: #696969; }

.layout-5 .nav-tabs li.active, .layout-5 .nav-tabs button.active { border-bottom: 3px solid #333 !important; }

.layout-5 .nav-tabs li, .layout-5 .nav-tabs button{ position: relative; }

.layout-5 .nav-tabs li:after, .layout-5 .nav-tabs button:after { content: ''; width: 12px; height: 12px; background-color: #333; left: 0; right: 0; bottom: -7px; position: absolute; top: inherit; transform: rotate(45deg); margin: 0 auto; opacity: 0; z-index: -1;}

.layout-5 .nav-tabs li.active:after, .layout-5 .nav-tabs button.active:after{ opacity: 1; }

.layout-5 .nav-tabs button:hover, .layout-5 .nav-tabs li.active a:hover { background-color: #fff; border: transparent; }

.layout-5 .nav-tabs>li{ margin-bottom: 0; }

.layout-5 .nav-tabs li:last-child:before,.layout-5 .nav-tabs button:last-child:before  { content: none; }

.layout-5 .nav-tabs { border-bottom: none; }

.layout-5 .tab-content { padding-top: 30px; }

.layout-5 .tab-content ul li { display: inline-block; }

.layout-5 .tab-content ul li p { font-size: 16px; margin-top: 10px; font-weight: 700;}



.layout-5 .nav-tabs .nav-item.show .nav-link, .layout-5 .nav-tabs .nav-link.active { background-color: transparent; }

.layout-5 .nav-tabs button {  background: transparent !important; }

.page-id-11398 .layout-5 { padding: 100px 0; background-color: #f8f8f8; }
.page-id-12484 .layout-5 { padding: 100px 0; background-color: #f8f8f8; margin-top:0; }


.layout-5 .tab-content .icon::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 60%;
    height: 14px;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 50%;
    transform: translateX(-50%) scaleY(0.5);
    filter: blur(7px);
    transition: all 0.3s ease;
    z-index: -1;
}

/* Hover effect */
.layout-5 .tab-content li:hover .icon {
  transform: translateY(-6px); /* lift icon */cursor: pointer;
}

.layout-5 .tab-content li:hover .icon::after {
  width: 70%;            /* slightly expand shadow */
  opacity: 1;          /* make shadow a bit darker */
  transform: translateX(-50%) scaleY(0.6); /* subtle spread */
bottom: -10px;
}





















/* Responsive */



@media (max-width: 1299px){ 



}

/* 1299 END */





@media (max-width: 1199px){ 

.layout-5 .nav-tabs button {   font-size: 22px;   padding: 10px 25px;  }
.layout-5 .nav-tabs li:before, .layout-5 .nav-tabs button:before{ top: 18px; }
 


 
}

/* 1199 END */ 



@media (max-width: 991px){ 

.layout-5 .nav-tabs button {   font-size: 20px;   padding: 10px 15px;  }











}

/* 991 END */



@media (max-width: 767px){ 

.layout-5 ul{ display: block; }

.layout-5 .nav-tabs>li {    display: inline-block;  float: none; }

.layout-5 .tab-content ul li { display: inline-block; width: 125px; margin-bottom: 20px; vertical-align: top; }

.layout-5 .tab-content { padding-top: 0; }

.layout-5 .nav-tabs button {  font-size: 18px;  padding: 8px 15px; }

.layout-5 .nav-tabs li:before {  top: 10px;  }



}

/* 767 END */



@media (max-width: 599px){ 

.layout-5.v2 .nav-tabs li:before, .layout-5.v2 ul.nav li button:before, .layout-5.v2 ul.nav li button.active:before {
    top: inherit;
    bottom: 0; height: 2px; 
}

} 

/* 599 END */





@media (max-width: 479px){ 



} 

/* 479 END */