.clock {
    width: 85px;
    height: 85px;
    position: relative;
	z-index: 1;
	background-size: cover;
}

#clock_hour,
#clock_min,
#clock_sec {
    width: 1%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    transform-origin: bottom;
    z-index: 2;
    border-radius: 2em;
}
.pin {
    position: absolute;
    top: 34px;
    left: 40px;
    right: 0;
    bottom: 0;
    background-size: 10px 12px;
    background-repeat:no-repeat;
    z-index: 3;
}

/* Different length of different hands of clock */        
#clock_hour 
{
	position: absolute;
	/*top: 15px;*/
	top: 27px; /*modified by kamal on 21-05-2024*/
    /*left: 43px;*/
    left: 46px; /*modified by kamal on 21-05-2024*/
    bottom: 0;
	margin: auto;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 6px solid transparent;
}

#clock_min {
	position: absolute;
	/*top: 42px;*/
	top: 40px; /*modified by kamal on 21-05-2024*/
    /*left: 43px;*/
    left: 45px; /*modified by kamal on 21-05-2024*/
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 6px solid transparent;
}

#clock_sec {
    /*transform-origin: 50% 100%;*/
	position: absolute;
	top: 40px;
    left: 44px;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 6px solid transparent;
}

.logo-other-sec{
	width: 237px;
    height: 80px;
    position: relative;
	z-index: 1;
	background-size: cover;
}

.clock-dial {
    width: 85px;
    height: 80px;
    position: relative;
	z-index: 2;
	background-size: cover;
	left: 21%;
}

.live-clock{
    width: 382px;
    /*height: 100px;*/
    /*modified by racon 15/05/2024, decrease the height to not overlap with header links*/
    height: 84px;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    margin-left: -74px;
    margin-top: 3px;
}

.tooltip-clock{
    position:relative;
    width:100%;
}

.tooltip-content{
    /*width:36%;*/
    /*modified by racon 15/05/2024, increase the width for time tooltip to be in same line*/
    width:37%;
    position: absolute;
    top: 10%;
    left: 15%;
    background-color: #3a3a3a;
    z-index: 2;
    color: #ffffff;
    font-size: 13px;
    padding: 2%;
    border-radius: 9%;
    display:none;
}