.elementor-5846 .elementor-element.elementor-element-1341882{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5846 .elementor-element.elementor-element-fc7bc2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5846 .elementor-element.elementor-element-f381e98 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;line-height:30px;color:#253248;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5846 .elementor-element.elementor-element-ce89fd0{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#344767;}.elementor-5846 .elementor-element.elementor-element-5202ce8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5846 .elementor-element.elementor-element-b37d331 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5846 .elementor-element.elementor-element-b37d331 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-1a7dc8b );}.elementor-5846 .elementor-element.elementor-element-67abe09{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-5846 .elementor-element.elementor-element-0140b1e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5846 .elementor-element.elementor-element-0140b1e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-1a7dc8b );}.elementor-5846 .elementor-element.elementor-element-c944082{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-5846 .elementor-element.elementor-element-f22745a > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5846 .elementor-element.elementor-element-f22745a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-1a7dc8b );}.elementor-5846 .elementor-element.elementor-element-c77380b{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-5846 .elementor-element.elementor-element-c2775d3 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5846 .elementor-element.elementor-element-c2775d3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-1a7dc8b );}.elementor-5846 .elementor-element.elementor-element-191dfd7{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-5846 .elementor-element.elementor-element-e378d80 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5846 .elementor-element.elementor-element-e378d80 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-1a7dc8b );}.elementor-5846 .elementor-element.elementor-element-f7a5f8c{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-5846 .elementor-element.elementor-element-e23c757 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5846 .elementor-element.elementor-element-e23c757 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-1a7dc8b );}.elementor-5846 .elementor-element.elementor-element-b88014b{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-5846 .elementor-element.elementor-element-bc800cc > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5846 .elementor-element.elementor-element-bc800cc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-1a7dc8b );}.elementor-5846 .elementor-element.elementor-element-c0c3c81{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-5846 .elementor-element.elementor-element-11c4bb7{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-5846 .elementor-element.elementor-element-81c6db3{--spacer-size:40px;}.elementor-5846 .elementor-element.elementor-element-2c2b089{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-5846 .elementor-element.elementor-element-fc7bc2b{--width:75%;}.elementor-5846 .elementor-element.elementor-element-2c2b089{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-5202ce8 */.my-container {
            max-width: 1050px;
            margin: 0 auto;
            background-color: #fff;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            border-radius: 5px;
            margin-top: 10px;
            font-family: Arial, sans-serif !important;
        }
        h2.tool-heading{
            text-align: center;
            margin-bottom: 20px;
            margin-top: 22px;
            color: #575757;
            font-size: 32px;
            font-weight: 600;
        }
        .my-container h2.tag-title {
            color: #333;
            display: none; /* Initially hidden */
            font-weight: 600;
        }
		.tag-title{
			font-size:24px;
		}
        .tag-list {
            list-style-type: none;
            padding: 0;
            display: none; /* Initially hidden */
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 20px;
            margin-bottom: 16px;
            margin-left: 0px;
        }
        .tag-list li {
            margin-bottom: 5px;
            font-size: 18px;
            background-color: #007bff;
            color: #fff;
            padding: 5px 12px;
            border-radius: 5px;
        }
        form {
            text-align: center;
            margin-bottom: 20px;
            position: relative;
        }
        input[type=text] {
            padding: 8px 40px 8px 20px;
            width: 100%;
            font-size: 18px;
            border: 2px solid #575757;
            border-radius: 5px;
            box-sizing: border-box;
			white-space: nowrap !important;
			overflow: hidden !important;
			text-overflow: ellipsis !important;
			background-color: transparent;
        }
        input[type=text]:focus {
            outline: none;
            border-color: #0056b3;
        }
        .searchButton {
            position: absolute;
            right: 0;
            top: -10px;
            bottom: 0;
            border: none;
            background: none;
            cursor: pointer;
            padding: 10px 15px;
        }
        .searchButton:focus{
            background-color:initial;
        }
        .searchButton:hover{
            background-color: transparent;
        }
        .searchButton svg {
            width: 21px;
            height: 21px;
        }
        .error-message {
            color: red;
            font-size: 18px;
            text-align: center;
			padding-left: 5px;
        }
        .no-tags-message {
            color: red;
            font-size: 18px;
            text-align: center;
            margin-bottom: 10px;
			padding-top:24px;
        }
        .progress-container {
            height: 24px;
        }
        .progress {
            height: 24px;
            margin: 0 auto;
            border-radius: 100px;
        }
        .display-none {
            display: none !important;
        }
        .progress .progress-bar {
            border-radius: 100px;
            box-shadow: none;
        }
        .progress.active .progress-bar, .progress-bar.active {
            -webkit-animation: progress-bar-stripes 2s linear infinite;
            -o-animation: progress-bar-stripes 2s linear infinite;
            animation: progress-bar-stripes 2s linear infinite;
        }
        .progress-bar {
            line-height: 22px;
            float: left;
            height: 100%;
            text-align: center;
            -webkit-transition: width 0.6s ease;
            -o-transition: width 0.6s ease;
            transition: width 0.6s ease;
        }
        .progress-bar-primary {
            background-color: #d4591c;
        }
        .progress-label {
            color: white;
            font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
            font-weight: 600;
            font-size: 1em;
            margin-top: 0;
            margin-bottom: 0;
        }
        .progress-striped .progress-bar, .progress-bar-striped {
            background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            -webkit-background-size: 40px 40px;
            background-size: 40px 40px;
        }
        @-webkit-keyframes progress-bar-stripes {
            0% {
                background-position: 40px 0;
            }
            100% {
                background-position: 0 0;
            }
        }
        @keyframes progress-bar-stripes {
            0% {
                background-position: 40px 0;
            }
            100% {
                background-position: 0 0;
            }
        }
        .copyButton {
            background-color: #FF4A4A;
            color: #fff;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            padding: 6px 20px 8px 20px;
            font-size: 16px;
            text-align: center;
            margin-top: 10px;
            display: none; /* Initially hidden */
            transition: background-color 0.2s;
			margin-bottom:20px;
        }
        .copyButton:focus {
            background-color:#FF4A4A;
        }
        .copyButton:hover {
            background-color: #e23e3e;
        }
        @media (max-width: 768px) {
            .my-container {
                padding: 10px;
            }
            h2.tool-heading {
                font-size: 28px;
                line-height: 35px;
            }
            .tag-list li {
                font-size: 16px;
                padding: 4px 8px;
            }
            input[type=text] {
                font-size: 14px;
            }
            .searchButton svg {
                width: 18px;
                height: 18px;
            }
        }
        @media (max-width: 480px) {
			.tag-title{
				font-size:20px;
			}
        }
        
        
        /* Add this to your existing CSS */
.video-info-container {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 45px;
}

.video-thumbnail {
    width: 120px;
    height: 90px;
    border-radius: 5px;
    object-fit: cover;
}

.video-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .video-thumbnail {
        width: 100px;
        height: 75px;
    }
    .video-title {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .video-thumbnail {
        width: 80px;
        height: 60px;
    }
    .video-title {
        font-size: 14px;
    }
}


/* Add this to your existing CSS */
.tag-item {
    margin-bottom: 5px;
    font-size: 18px;
    background-color: #007bff;
    color: #fff;
    padding: 2px 10px;
    border-radius: 5px;
    cursor: pointer; /* Indicate that tags are clickable */
    transition: background-color 0.2s;
}

.tag-item.selected {
    background-color: #038511; /* Deep green for selected tags */
}/* End custom CSS */