.custom-radio {
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
}

/* Hover effect */
.custom-radio .radio:hover {
    border-color: #888;
}

/* Focus effect */
.custom-radio input[type="radio"]:focus+.radio {
    outline: 2px solid #c59c6e;
    /* Custom focus outline */
}

/* Hide the default radio button */
.custom-radio input[type="radio"] {
    display: none;
}

/* Create a custom circular radio button */
.custom-radio .radio {
    width: 17px;
    height: 17px;
    border: 2px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transition: all 0.3s ease;
}

/* Style for the checked radio button */
.custom-radio input[type="radio"]:checked+.radio {
    background-color: white;
    /* Change to your desired color */
    border-color: #c59c6e;
}

/* Add a circle in the middle for checked state */
.custom-radio input[type="radio"]:checked+.radio::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    background-color: #c59c6e;
    border-radius: 50%;
}


.playBut {
    /*  border: 1px solid red;*/
    display: inline-block;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.playBut .triangle {
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    stroke-dasharray: 240;
    stroke-dashoffset: 480;
    stroke: #b58a5c;
    transform: translateY(0);
}

.playBut.addplayan .triangle {
    stroke-dashoffset: 0;
    opacity: 1;
    stroke: #20295a;
    animation: nudge 0.7s ease-in-out;
}


.play-video {
    display: block;
    padding-top: 30px;
    font-weight: 600
}

.play-video img {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    margin-right: 10px
}

.play-video:hover a {
    color: #44a4bd
}

.centertheimgnow {
    cursor: pointer;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translateY(-50%) translateX(-50%) !important;
    transform: translateY(-50%) translateX(-50%) !important;
    z-index: 999 !important;
}