@font-face{font-family:'open_sansregular';src:url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
url('../fonts/opensans-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
.hexp{position:relative;margin-bottom:43px;}
.hexagonnew-top{display:flex;flex-wrap:wrap;width:100%;margin:0 auto;overflow:hidden;font-family:'open_sansregular';line-height:18px;font-size:15px;text-decoration:none;color:#3a3a3a;list-style-type:none;}
ul.hexagonnew-top{width:100%;padding:50px 5px;}
ul.hexagonnew-top li{display:inline-block;list-style-type:none;}
.hexagonnew{width:132px;height:80px;position:relative;z-index:999;margin-right:0;transform:scale(1);transform:all .3s ease-in-out;transition: 0.75s;}
.hexagonnew:hover{transform:scale(1.1);transform:all .3s ease-in-out;transition: 0.3s;z-index:9999;}
.hexagonnew a{transition: 0.75s;font-size:15px;text-decoration:none;color:#3a3a3a;transform:scale(1.1);transform:all .3s ease-in-out;}
.hexagonnew a:hover{text-decoration:none;transform:scale(1.1);transform:all .3s ease-in-out;transition: 0.3s;}
.hexagonnew p{padding:10px 8px 0 8px;font-size:15px;}
.hexagonnew span img{margin-top:-6px;}
.hexagonnew,
.hexagonnew:before,
.hexagonnew:after{background:white;box-shadow:0 0 8px rgba(0,0,0,0.12);}
/*.hexagonnew p:hover,.hexagonnew a:hover, .hexagonnew img:hover{color:#00000;}*/
.hexagonnew:before,
.hexagonnew:after{content:"";position:absolute;left:31px;width:70px;height:70px;transform:rotate(174deg) skewY(-23deg) skewX(41deg);}
.hexagonnew:before{top:-35px;}
.hexagonnew:after{top:45px;}
.hexagonnew span{position:absolute;top:0;left:0;width:132px;height:80px;background:white;z-index:1;}
/*.hexp .hexagonnew span, .hexp .hexagonnew::before, .hexp .hexagonnew::after{background: #edffff;cursor: pointer;background: linear-gradient(to bottom,#fdfdfd,#f1f2ff);transition: background 0.3s; transition-delay: 0.75s;} 08/08/2021 - 3 block of gredient removed*/ 
/*08/08/2021 - added one shade of gradient for all 3 block*/
.hexp .hexagonnew::before, .hexp .hexagonnew::after{background: #edffff;cursor: pointer;background: linear-gradient(to left,#e9ecef,#fff);transition: background 0.3s; transition-delay: 0.75s;}
.hexp .hexagonnew span{background: #edffff;cursor: pointer;background: linear-gradient(to right,#e9ecef,#fff);;transition: background 0.3s; transition-delay: 0.75s;}
/*.hexp .hexagonnew span, .hexp .hexagonnew::before, .hexp .hexagonnew::after{background: #edffff;cursor: pointer;background: linear-gradient(to bottom,#fdfdfd,#f1f2ff);transition: background 0.3s; transition-delay: 0.75s;}
*/.hexp:hover .hexagonnew span, .hexp:hover .hexagonnew::before, .hexp:hover .hexagonnew::after{background: #edffff;cursor: pointer;background: linear-gradient(to right,#bef3f3,#edffff); transition: 0.3s; transition-delay: 0.75s;}
.hexp:hover .hexagonnew::before, .hexp:hover .hexagonnew::after{background: linear-gradient(to left,#bef3f3,#edffff); transition:background 0.3s; transition-delay: 0.75s;}
.hexp:hover h1, .hexp:focus h1,
.hexp:hover p, .hexp:focus p{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transform:all .3s ease-in-out; transform:scale(1.1);}
.sprite{width:32px;height:32px;position:relative;float:left;background-size:70%;}
.sprite-hex{width:32px;height:32px;background-size:100%;background-position:center;margin-top:-6px;}
@media (min-width:1201px){.hexp:nth-child(15n+9){margin-top:0;margin-left:68px;}
.hexp{width:12.5%;}
}
@media (min-width:1201px){.hexp:nth-child(15n+16){margin-top:0;margin-left:137px;}
.hexp{width:12.5%;}
}
@media (max-width:1200px) and (min-width:992px){.hexp:nth-child(11n+7){margin-top:0;margin-left:68px;}
.hexp:nth-child(12){margin-top:0;margin-left:0px;}
.hexp:nth-child(18){margin-top:0;margin-left:0px;}
.hexp:nth-child(19){margin-top:0;margin-left:68px;}
.hexp{width:15%;margin-bottom:43px;}
ul.hexagonnew-top{margin-left:34px;}
}
@media (max-width:991px) and (min-width:768px){.hexp:nth-child(9n+6){margin-left:68px;}
.hexp:nth-child(10){margin-top:0;margin-left:0px;}
.hexp:nth-child(15){margin-top:0;margin-left:68px;}
.hexp{width:20%;margin-bottom:41px;}
}
@media (max-width:767px) and (min-width:601px){.hexp:nth-child(6n+4){margin-left:69px;}
.hexp{width:27%;}
ul.hexagonnew-top{margin-left:5px;padding:50px 0px;}
}
@media (max-width:600px) and (min-width:568px){.hexp:nth-child(5n+4){margin-left:69px;}
.hexp{width:29%;}
ul.hexagonnew-top{margin-left:40px;padding:50px 16px;}
}
@media (max-width:567px) and (min-width:480px){.hexp:nth-child(5n+4){margin-left:69px;}
.hexp{width:32%;}
ul.hexagonnew-top{margin-left:12px;}
}
@media (max-width:479px) and (min-width:432px){.hexp:nth-child(4n+3){margin-left:69px;}
.hexp{width:39%;}
ul.hexagonnew-top{margin-left:5px;padding:50px 22px;}
}
/*updated minimum maximum value 415 to 427 - 11072021 for fix iPhone 12 pro max*/
@media (max-width:431px) and (min-width:427px){.hexp:nth-child(4n+3){margin-left:69px;}
.hexp{width:39%;}
ul.hexagonnew-top{margin-left:5px;}
}
/*Added 11072021 for iPhone 12 pro max*/
@media (max-width:428px) and (min-width:415px){.hexp:nth-child(4n+3){margin-left:71px;}
.hexp{width:36%;}
ul.hexagonnew-top{margin-left:5px;}
}
@media (max-width:414px) and (min-width:400px){.hexp:nth-child(4n+3){margin-left:69px;}
.hexp{width:37%;}
ul.hexagonnew-top{margin-left:27px;}
}
@media (max-width:399px) and (min-width:375px){.hexp:nth-child(3n+3){margin-left:69px;}
.hexp{width:41%;}
ul.hexagonnew-top{margin-left:32px;}
}
@media (max-width:374px) and (min-width:361px){.hexp:nth-child(3n+3){margin-left:69px;}
.hexp{width:49%;}
ul.hexagonnew-top{margin-left:5px;}
}
@media (max-width:360px) and (min-width:321px){.hexp:nth-child(3n+3){margin-left:69px;}
.hexp{width:43%;}
ul.hexagonnew-top{margin-left:26px;}
}
@media (max-width:320px) and (min-width:241px){.hexp:nth-child(3n+3){margin-left:69px;}
.hexp{width:49%;}
ul.hexagonnew-top{margin-left:5px;}
}
@media (max-width:240px){.hexp{width:51%;}
ul.hexagonnew-top{margin-left:36px;}
}