@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap');
.circle_main{ width:100%; float:left; background:url(../../../uploads/2020/03/crical.png) no-repeat center center; position:relative; margin:25px 0px;  padding-left:15px; padding-right:15px;}
.circle_main:after{ width:100%; height:100%; left:0; top:0; content:''; background:url(../../../uploads/2020/03/c_logo.png) no-repeat center center; position:absolute; }
.circle_box{ max-width:275px; background:#FFF; box-shadow:0px 0px 10px #f6fafd; padding:25px 20px; border-radius:7px; text-align:center; z-index:2; -webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out; position:relative;
transition: all .5s ease-in-out;}
.circle_box:hover{ background:#f7ac01; cursor:pointer; -webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;  box-shadow:0px 0px 10px #f7ac01; }
.bottom-nav { margin-bottom:0px;}
.circle_box:hover h3, .circle_box:hover p{ color:#FFF !important; }
.circle_box .iconimg{ width:100%; float:left; text-align:center; }
.circle_box img{ border-radius:100%; background:#FFF; border-radius:100%; }
.circle_box h3{ width:100%; float:left;  font-size:20px; font-weight:600; text-align:center; color:#073d62; font-family: 'Poppins', sans-serif; margin:15px 0px 12px 0px; }
.circle_box p{ font-size:14px; font-weight:400; text-align:center; color:#646568; font-family: 'Poppins', sans-serif; margin-bottom:15px; }
.circle_box .circle_link{ width:100%; float:left; text-align:center; }
.circle_box .circle_link a, .circle_box .circle_link{ width:auto; float:none; display:inline-block; backface-visibility:#FFF; border-radius:7px; line-height:40px; text-align:center; text-transform:uppercase; font-weight:600; color:#1076bc; font-size:15px; font-size:600;  font-family: 'Poppins', sans-serif; padding:0px 20px; background:#FFF; }
.circle_box .circle_link a:hover{ box-shadow:0px 0px 5px #FFF; }
.circle_box:hover .circle_link a, .circle_box:hover .circle_link{ color:#f7ac01; }
.col_row1{ margin:18px 0px 0px; }
.col_row2{ margin:60px 0px; }
.col_row3 .circle_box{ margin:0px 50px;}
.col_row2 .circle_box{ margin:0px -50px;}
.circle_box:after{ position:absolute; bottom:-11px; left:50%; width:36px; height:85px; background:url(../images/c-arrow11.png) no-repeat top center; background-size:100% 100%; z-index:1; content:'';  transform: translate(-50%, 110%); }
.circle_box:hover:after{ background:url(../images/c-arrow1.png) no-repeat top center; }
.col_row1 .col1.circle_box:after{    bottom: 40%;
right: -80px;
left:auto;
transform: translate(-50%, 50%);
-ms-transform: rotate(-58deg);
transform: rotate(-58deg); }
.col_row1 .col2.circle_box:after{    bottom: 40%;
left: -80px;
transform: translate(-50%, 50%);
-ms-transform: rotate(58deg);
transform: rotate(58deg); }
.col_row2 .col3.circle_box:after{    bottom: 40%;
right: -80px;
left:auto;
transform: translate(-50%, 50%);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg); }	
.col_row2 .col4.circle_box:after{    bottom: 40%;
left: -80px;
transform: translate(-40%, -40%);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }	
.col_row3 .col5.circle_box:after{    bottom: 40%;
top: -96px;
left: 50%;
transform: translate(-50%, 50%);
-ms-transform: rotate(-58deg);
transform: rotate(-160deg);
bottom:auto;
}
.col_row3 .col6.circle_box:after{    bottom: 40%;
bottom: auto;
left: 40%;
transform: translate(-50%, 50%);
-ms-transform: rotate(158deg);
transform: rotate(158deg);
top: -90px; }

.col_row1 .circle_box.col1:hover{ background:#0d5acc !important; box-shadow: 0px 0px 10px #0d5acc; }
.col_row1 .circle_box.col2:hover{ background:#009e13 !important; box-shadow: 0px 0px 10px #009e13; }
.col_row2 .circle_box.col3:hover{ background:#b049c3 !important; box-shadow: 0px 0px 10px #b049c3; }
.col_row2 .circle_box.col4:hover{ background:#de2139 !important; box-shadow: 0px 0px 10px #de2139; }
.col_row3 .circle_box.col5:hover{ background:#1ccbd6 !important; box-shadow: 0px 0px 10px #1ccbd6; }
.col_row3 .circle_box.col6:hover{ background:#ea0c8f !important; box-shadow: 0px 0px 10px #ea0c8f; }
.col_row1 .circle_box.col1:hover .circle_link a, .col_row1 .circle_box.col1:hover .circle_link{ color:#0d5acc; }
.col_row1 .circle_box.col2:hover .circle_link a, .col_row1 .circle_box.col2:hover .circle_link{ color:#009e13; }
.col_row2 .circle_box.col3:hover .circle_link a, .col_row2 .circle_box.col3:hover .circle_link{ color:#b049c3; }
.col_row2 .circle_box.col4:hover .circle_link a, .col_row2 .circle_box.col4:hover .circle_link{ color:#de2139; }
.col_row3 .circle_box.col5:hover .circle_link a, .col_row3 .circle_box.col5:hover .circle_link{ color:#1ccbd6; }
.col_row3 .circle_box.col6:hover .circle_link a, .col_row3 .circle_box.col6:hover .circle_link{ color:#ea0c8f; }


@media(max-width: 1399.98px){
.circle_main{ padding:0px 40px; }
}
@media(max-width:1199px){
.circle_main:after{ background-size: 259px; }
}
/*========// \\========*/
@media (max-width: 991.98px) {
.col_row3 .circle_box { margin: 0px 0px; }
.circle_main:after { background-size: 100px; }
.circle_box:after{ display:none; }
.col_row2 .circle_box {  margin: 0px 0px; }
.col_row3{ -ms-flex-pack: justify !important; justify-content: space-between !important; }
.col_row2 {  margin:18px 0px; }
}
/*========// \\========*/
@media(max-width: 767.98px) {
.circle_main{ padding:0px; }
.circle_box{ margin:0px 9px !important; }
}
/*========// \\========*/
@media(max-width:575px){
.circle_box{ max-width:100%; float:left; margin:10px 0px !important; width:100%; }
.circle_main .col-12 { display:block !important; }
.col_row2{  margin:0px; }
.col_row1{  margin: 18px 0px 0px; }
}
/*========// \\========*/