* {
            margin: 0;
            padding: 0;
			 font-family: 'Eaton-regular';
        }

        p {
            line-height: 1.5;
        }

		

       .outer {
		
		justify-content: center;
		
		width: 100%;
		margin: 0 auto;
}

        .left {
          
            flex: 0 0 52%;
            display: flex;
            justify-content: center;
            /* align-items: center; */
          
            position: relative;
        }

        .right {
          
          
           flex: 0 0 40%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
          
        }

     #image {
    width: 100%;
    position: absolute;
    /* top: 0; */
}

       #image img {
			width: 90%;
			margin: 0 auto;
			display: block;
	}

       .hotspots {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

        /* Circle Starts*/
       .hotspot {
			cursor: pointer;
			border: 2px solid #005eb8;
			/* background-color: #007ac3; */
			background: url(../images/icon_plus.png) no-repeat #e1f2f9;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			border-radius: 100%;
			text-transform: uppercase;
			animation: ripple 1.5s linear infinite;
			transition: all 0.7s ease;
			width: 20px;
			height: 20px;
			position: relative;
			background-size: 75%;
			background-position: center center;
}

        .hotspots li {
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        @keyframes ripple {
            0% {
                box-shadow: 0 0 0 0 rgba(0, 122, 195, 0.3),
                    0 0 0 1px rgba(0, 122, 195, 0.3),
                    0 0 0 3px rgba(0, 122, 195, 0.3),
                    0 0 0 5px rgba(0, 122, 195, 0.3);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(0, 122, 195, 0.3),
                    0 0 0 4px rgba(0, 122, 195, 0.3),
                    0 0 0 20px rgba(0, 122, 195, 0),
                    0 0 0 30px rgba(0, 122, 195, 0);
            }
        }

        .active_hotspot {
            background: transparent;
        }

.active_hotspot::before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: active_hotspot_animation_circle 0.25s forwards;
    display: block;
    position: absolute;
    background: url(../images/icon_plus.png) no-repeat #e1f2f9;
    background-size: 70%;
    background-position: center center;
    border: 1px solid #005eb8;
}

        .active_hotspot::after {
            content: '';
            width: 2px;
            height: 79px;
            top: -79px;
            position: absolute;
            background: #005eb8;
            animation: active_hotspot_animation_bar 0.25s forwards;
        }

        @keyframes active_hotspot_animation_circle {
            0% {
                transform: translateY(0px);
            }

            100% {
                transform: translateY(-100px);
            }
        }

        @keyframes active_hotspot_animation_bar {
            0% {
                opacity: 0;
                transform: scaleY(0);
                transform-origin: bottom;
            }

            100% {
                opacity: 1;
                transform: scaleY(1);
                transform-origin: bottom;
            }
        }

        /* Circle ends*/

     
		

.content-box {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.gray_box {
    background: #f2f2f2;
    width: 400px;
    overflow: hidden;
    /* max-width: 450px; */
}

        .content-container {
            display: flex;
            width: 200%;
            transition: transform 0.3s ease-in-out;
        }

        /* .content-box.animate-prev .content-container { */
            /* transform: translateX(0); */
        /* } */

        /* .content-box.animate-next .content-container { */
            /* transform: translateX(-50%); */
        /* } */

       .content {
		flex: 0 0 50%;
		position:relative;
		padding: 30px;
		box-sizing: border-box;
		transition: transform 0.3s ease-in-out;
		}

        /* .content.animate-prev { */
            /* transform: translateX(100%); */
        /* } */

        /* .content.animate-next { */
            /* transform: translateX(-100%); */
        /* } */

        /* New styles for navigation dots */
       .dots {
    display: flex;
    justify-content: center;
    justify-content: center;
    align-items: center;
}

        .dot {
            width: 10px;
            height: 10px;
            background-color: gray;
            border-radius: 50%;
            margin: 0 5px;
            cursor: pointer;
        }

       .dot.active {
    background-color: #005eb8;
    width: 13px;
    height: 13px;
}

        .button {
            display: flex;
            justify-content: center;
            align-items: center;
        }
		
		 .button img {
			 
			 scale:0.7;	
		 }
		

       #prevBtn, #nextBtn {
    padding: 0 1rem;
    background-color: transparent;
    color: #005eb8;
    font-size: 3rem;
    border: none;
    cursor: pointer;
    height: 62px;
}

        .disable {
            opacity: 0.5;
            cursor: not-allowed;
			pointer-events:none;
        }

.ctaButton {
    background-color: #005eb8;
    color: #fff;
    padding: 13px 10px;
    text-decoration: none;
    line-height: 1.5;
    text-align: center;
    border: none;
    cursor: pointer;
    display: block;
    border: 2px solid #005eb8;
    text-transform: uppercase;
    /* font-weight: bold; */
    letter-spacing: 1px;
	margin-top:20px;
}

 /* .ctaButton:hover{color:#fff !important; text-decoration:none; background:#043f77; transition:0.5s;}  */
.ctaButton:hover{color:#005eb8 !important; text-decoration:none; background:#fff;  border:2px solid #005eb8;  }

.headline {
    color: #005eb8;
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 40px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.panel_image {
    display: block;
    margin: 0 auto;
    height: 140px;
    width: auto;
}	

      .detail_text {
    margin-bottom: 10px;
    font-size: 14px;
}

        .ctaButton {}
		
		
		.main_content {
    display: flex;
    
}
		
		
.mobile_buttons {
    height: 36px;
    margin-bottom: 18px;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    position: relative;
    z-index: 99;
}

.mobile_buttons a {
    flex: 1;
    display: flex;
    justify-content: center;
    background: #dedede;
    padding: 10px; 
}
.mobile_buttons a:hover {
text-decoration:none;
}

.mobile_buttons a.selected {
   background:#005eb8;
   color:#fff; text-decoration:none;
}
		
		
		
		
.temp{padding-top:20px;}




.active_hotspot {
    pointer-events: none;
    width: 20px;
    height: 20px;
    animation: none;
}


.plus_tooltip {
    position: absolute;
    top: 35px;
    background: #005eb8;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    font-size: 12px;
    border-radius: 5px;
	line-height:13px;
	text-transform:none;
	z-index:9999;
}


.arrow_up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    border-bottom: 5px solid #005eb8;
    top: -4px;
}

.hotspot1 .plus_tooltip{width:150px;}
.hotspot2 .plus_tooltip{width:150px;}
.hotspot3 .plus_tooltip{width:150px;}
.hotspot4 .plus_tooltip{width:150px;}
.hotspot5 .plus_tooltip{width:150px;}
.hotspot6 .plus_tooltip{width:150px;}
.hotspot7 .plus_tooltip{width:150px;}
.hotspot8 .plus_tooltip{width:150px;}
.hotspot9 .plus_tooltip{width:150px;}
.hotspot10 .plus_tooltip{width:150px;}



.hotspot1 {
    top: 46%;
    left: 17.5%;
}

      .hotspot2 {
    top: 27.5%;
    left: 62%;
}
		
.hotspot3 {
    top: 47%;
    left: 62%;
}

.hotspot4 {
    top: 39%;
    left: 66%;
}

.hotspot5 {
    top: 14%;
    left: 82%;
}
.hotspot6 {
    top: 34%;
    left: 87.5%;
}

.hotspot7 {
    left: 69%;
    top: 53%;
}

.hotspot8 {
    left: 56%;
    top: 44%;
}

.hotspot9 {
    top: 34%;
    left: 52%;
}
.hotspot10 {
    left: 70.1%;
    top: 44%;
}


.hotspot:hover span{display:flex !important;}


.no_left_top_right_pad{ 
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.slider_tabs {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    justify-content: space-between;
    display: flex;
}

.slider_tabs a {
    cursor: pointer;
    /* border: 1px solid red; */
  
    justify-content: center;
    align-items: center;
    display: flex;
    background: #cfcfcf;
    padding: 7px 5px;
    text-transform: capitalize;
    font-size: 15px;
    color: #000;
	text-transform:uppercase;
	
}

.slider_tabs a:hover {
	text-decoration:none;
	background:#005eb8; color:#fff;
}

.slider_tabs a.selected {
	background:#005eb8; color:#fff; 
}

#slider_tab1_content{padding-top:30px;}
#slider_tab2_content{padding-top:30px;}

#slider_tab1{flex:1}
#slider_tab2{flex:1}



.read_more {
    background: #005eb8;
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 1px 12px;
    border-radius: 8px;
    margin-top: 3px;
    font-size: 12px; cursor:pointer;
}