@charset "utf-8";
/* CSS Document */

*{ box-sizing:border-box;}
html{font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; scroll-behavior: smooth;}
body{font:normal 14px/18px "NotoSansTamil", Helvetica, sans-serif; margin: 0; color: #404040;  counter-reset: my-sec-counter; background: #000;}
.clear{content:".";display:block;clear:both;height:0;visibility:hidden;}
img{max-width:100%;width:auto\9;height:auto;border:0;-ms-interpolation-mode:bicubic; vertical-align: middle;}
p{ margin:5px 0;}

a{ text-decoration:none; color: #2d2d2d;}
i{ color:#6b6b6b; font-size: 16px; vertical-align: middle;}
.icon-author{font-size: 10px;}
ul{ padding: 0; margin:0;}
ul li{ list-style:none;}
h1{ margin:0;}
h2{ margin: 5px 0;}
mark{ background:#fff; }
h1,h2,h3{ font-weight:normal; }

.div-left{ float: left;}
.div-right{ float: right;}

.bg-black{ background: #000000; color: #FFF;}
.bg-dark-grey{ background:#E8E8E8;}

.text-green{ color: #2bab64;}

.btn-auto{background: #2bab64; border:1px solid #2bab64; color: #fff; padding: 5px 8px; height: 25px; border-radius: 4px; display: inline-block; vertical-align: middle; font-size: 14px; transition: 0.3s;}
.btn-auto:hover{ background:#187E46;}

/*.award-bg{ background: url("../images/lights-bg.png") no-repeat top center #000;}*/
.award-bg{
background-image: url(https://gumlet.assettype.com/vikatan/2022-12/ab449b88-6bdc-4cdc-b949-fd07acf021c6/spotlight_left.png), url(https://gumlet.assettype.com/vikatan/2022-12/87633851-98d0-4059-baff-5252c788f6bf/spotlight_right.png);
background-position: top left, top right; background-image: linear-gradient(to bottom, rgba(10, 10, 196, 0.43), #04044a 39%);     background: url(https://images.assettype.com/vikatan/2025-08-20/8sg355on/vikatandigitalawards2025.jpg) #001f21;
    background-repeat: no-repeat;
    background-size: 100%;
}

header{ padding: 10px 0;}
.content-wrapper{ width:1204px; margin: 0 auto;}
.top-panel{ padding:0 10px;}
.award-txt{ display: inline-block; vertical-align: bottom; margin: 0 5px; font-weight: bold; font-size: 11px; line-height: 12px; color: #FFF;}
.award-txt b{ font-size: 22px; line-height: 18px;}

.logo-div{}
.logo-div,.menu-div{ display:inline-block; vertical-align: middle;}
.icon-menu{ display:none;}

.menu-div{ display: inline-block;}
.menu-div ul li{ display: inline-block; margin:0 10px; position: relative; }
.menu-div ul li a{ position:relative; display: block; padding:16px 0; color: #FFF; text-transform: uppercase; font-size: 13px;}
.menu-div > .container > ul > li > a > span{ display:inline-block; vertical-align: middle; font:normal 16px '1_TAUNTamil117';}
.menu-div ul li a::before{content: ''; display: block; position:absolute; bottom:0px; width: 0; height: 3px; background: #FFF; transition: width .3s;}
.menu-div ul li a:hover::before {width: 100%; }
.menu-div ul li a:hover,.menu-div ul li a:hover i{ color:#FFF;}
.mb-menu-fixed{font:normal 16px '1_TAUNTamil117';}
.menu-div ul li i{font-size: 12px;}

.menu-div .sub-menu{ display: none;  position: absolute; top: 62px; left: 0px; z-index: 2; background-color: #fff; min-width: 300px; max-height: 400px; overflow-y: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);font:normal 13px "NotoSansTamil", Helvetica, sans-serif;}
.menu-div ul.sub-menu li a{ padding:10px; color: #FFF;}
.menu-div ul.sub-menu li,.sub-menu li a{ display:block; margin: 0;}
.sub-menu li a:hover{background-color: #faf9f1; color: #2d2d2d;}
.menu-div ul li:hover .sub-menu{ display:block;}
.menu-div ul.sub-menu li a:hover{ color:#2d2d2d;}
.menu-div ul li .sub-menu li a::before{ content:none; }

.logo-panel{ background:#FFF; padding: 10px 0; margin: 0;}
.logo-panel{display: grid; grid-template-columns: 160px calc( 100% - 190px); grid-gap: 10px;}
.logo-panel li {
    text-align: center;
    padding: 0px 5px 0 0;
    margin: 0 5px 0 0;
}

.awards-form{ padding-bottom: 60px;}
.awards-form h1{color: #2c2e30; font-size:26px; font-weight:bold; line-height:28px; padding:10px;}
.awards-form form{display: grid; grid-gap: 20px; grid-template-columns: calc( 50% - 10px) calc( 50% - 10px);}
.awards-form form .form-fields{ display: grid; grid-template-columns: 26% calc( 100% - 26% ); align-items: center;  text-align:left; margin: 20px 0;}
.awards-form form .form-fields.margin-0{ margin:0;}
.awards-form form .form-fields label{ font-weight:bold; font-size:11px; align-self: flex-start; }
.awards-form input,.awards-form select,.awards-form textarea{border-radius: 4px; border: solid 0px #b1b1b1; background-color: #1c1c1c; color: #FFF; padding: 12px 5px; width:100%;}
.awards-form textarea{ height:120px;}
.awards-form input:focus,.awards-form select:focus,.awards-form textarea:focus{border: solid 1px #2d2d2d; outline: none;}
.mandatory{ font-weight:normal;}
.awards-form .form-message{grid-column: 1 / 4; line-height: 24px; font-size: 12px;}
.awards-form .error{grid-column: 1 / 4; text-align: right; color: #ff0000; font-size: 10px; font-weight: bold; margin-bottom: 0;}
.awards-form .terms-txt{ margin: 10px 0 0 0;}
.awards-form .form-footer{ margin:0; float: right;}
.awards-form .form-footer p{ font-size: 12px;}
.awards-form .form-footer p,.awards-form .form-footer input[type='submit']{ display:inline-block;}
.awards-form .form-footer a{ border-bottom:0px solid #2bab64; color: #FFF; margin: 0 10px 0 0 ;}
.awards-form input[type='submit']{ cursor: pointer; transition: all .3s ease; border-radius: 4px; background-image: linear-gradient(101deg, #deb54c, #a2782d 120%) !important; color: #FFF; padding: 15px 10px; min-width: 200px; width:auto; margin: 10px 0;}
.awards-form input[type='submit']:hover{background-image: linear-gradient(101deg, #a2782d,  #deb54c 120%) !important;}
.success-msg{ color: #2bab64;}

.custom-select { position: relative; }
.custom-select::before { content: ''; right: 15px; top: 20px; position: absolute; pointer-events: none; border-bottom: 8px solid transparent; border-left: 6px solid transparent; border-top: 8px solid #b1b1b1;  border-right: 6px solid transparent;  margin: 0px; z-index: 1; }
.custom-select::after { content: ''; right: 15px; top: 20px; position: absolute; pointer-events: none; border-bottom: 8px solid transparent; border-left: 6px solid transparent; border-top: 8px solid #b1b1b1; border-right: 6px solid transparent; margin: 0px; }
select.selectlist {  height: 46px; width: 100%;  border: 0px solid #b1b1b1; border-radius: 5px; font-size: 13px; color: #707070; padding: 0 7px; text-align: left; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; cursor: pointer; text-transform: none; padding-right: 40px; }

.custom-radio{ display:grid; grid-template-columns: calc(50% - 5px) calc(50% - 5px); grid-gap:10px;}
.custom-radio p { background: #1c1c1c; height: 45px; position: relative; border: 0px solid #b1b1b1; border-radius: 3px; overflow: hidden; display: inline-block; margin: 0px; }
.custom-radio p input { margin: 0px; }
.custom-radio .radio-input { position: absolute; opacity: 0; height: 100%; width: 100%; }
.custom-radio .radio-input + label { position: relative; cursor: pointer; margin: 0px; padding: 8px 0px 5px 35px; color: #707070; line-height: 16px; width: 100%; height: 45px; font-size: 12px; display :block; text-align: left; }
.custom-radio .radio-input + label img { max-width: 100%; }
.custom-radio .radio-input + label:before { content: ''; left: 0px; top: -2px; position: absolute; width: 40px; height: 45px; border:0; border-right: 0px solid #b1b1b1; transition: all 0.3s ease-out; }
.custom-radio .radio-input + label:after { content: ''; left: 0px; top: -2px; position: absolute; width: 40px; height: 45px; transition: all 0.3s ease-out; }
.custom-radio .radio-input + label:after { background: url(https://image.vikatan.com/static/netcore/20191029/radio.png) no-repeat center; background-size: 20px; }
.custom-radio .radio-input:hover + label:after { background: url(https://image.vikatan.com/static/netcore/20191029/radio-hover.png) no-repeat center; background-size: 20px; }
.custom-radio .radio-input:checked + label:after { background: url(https://image.vikatan.com/static/netcore/20200114/custom-radion-active.png) no-repeat center; background-size: 20px; }
.custom-radio [type="radio"]:checked + label:before,.custom-radio [type="radio"]:not(:checked) + label:before{ border-radius:0px;}
.custom-radio [type="radio"]:not(:checked) + label:after{ opacity:1; -webkit-transform: scale(1); transform: scale(1);}

.terms-condition{ display: none;  max-width: 500px;  counter-reset: my-sec-counter; margin: 0 auto; margin-top: 15px; background: #ebe8d3; color: #000; padding: 20px; border-radius: 10px; position: relative;}
.terms-condition:before{ content: ''; position: absolute; top:-12px; left: 50%; border-left: 12px solid transparent;  border-right: 12px solid transparent; border-bottom: 12px solid #ebe8d3;}
.terms-condition li{ padding: 5px 10px 5px 35px; position:relative; margin: 10px 0; text-align: left; line-height: 20px; font-size: 12px;}
.terms-condition li:before{font-family:"1_TAUNTamil117", Helvetica, sans-serif; content: counter(my-sec-counter); counter-increment: my-sec-counter; background: #FFF; color: #2d2d2d; width:25px; height: 25px; border-radius: 50%; float: left; text-align: center; line-height: 27px; font-size: 20px; margin-right: 0px; position: absolute; top: 0; left: 0; transform: translate(0, 3px);}
.terms-condition .icon-close{position: absolute; cursor: pointer; display: block; right: 10px; font-size: 12px; background: #fff; width: 25px; height: 25px; line-height: 25px; border-radius: 50%;
top: 10px; }

.banner-section{text-align: center; padding: 20px;}
.banner-section img{padding: 0 20px;}

.welcome-txt{ color:#fff; padding: 50px 0; text-align: center;}
.welcome-txt h1{font:normal 36px/40px '1_TAUNElangoMohanam';}
.welcome-txt p{line-height: 24px; margin: 10px 0;}
.welcome-txt a{ border:2px solid #FFF; border-radius:5px; padding:8px 30px 6px; color:#fff; margin:5px 0; display: inline-block;}

.readmore-btn{transition: all .3s; position: relative; overflow: hidden; z-index: 1;}
.readmore-btn:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -2; }
.readmore-btn:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: #FFF; transition: all .3s; z-index: -1;}
.readmore-btn:hover { color: #000; }
.readmore-btn:hover:before { width: 100%; }

.mobile-more{display:none;}
.more{font-size:14px; line-height:24px;}
.morecontent span { display: none;  }
.winner-list a.morelink { display: block; font-size:11px; padding:0; width:100px; }
.winner-list h1 + p{ font-size: 12px; line-height: 20px; height: 80px; overflow: hidden; }


.awards-content-bg{ background:url("../images/content-bg.png") no-repeat; }
.awards-content{ background:rgba(0,0,0,0.7); padding:10px 25px; color: #FFF;}

.title{color: #ddb44c; font-size: 50px; line-height: 50px; display: inline-block; position: relative; padding: 0 35px 12px 0; margin:10px 0; font-family:Helvetica, sans-serif;}
.title:before{ content:''; position:absolute; top:0; right:0; background: url("../images/title-bg.png") no-repeat; width:31px; height:25px;}
.title:after{ content:''; position:absolute; left:0; bottom:0; width: 88%; height: 9px; background-image: linear-gradient(92deg, #deb54c, #a2782d 120%);}


/*
.categories-div ul li{ position: relative; z-index: 1; background-image: linear-gradient(102deg, #deb54c, #a2782d 120%); display: inline-block; width: 31%; padding: 15px; border-radius: 5px; margin: 10px 8px; font-size: 15px;}
.categories-div ul li:before{ content: ''; position: absolute; width:100%; height: 100%; top:0; left: 0; z-index: -1; background-image: linear-gradient(175deg, #000000 7%, rgba(162, 120, 45, 0) 99%); opacity: 0.5;}
.categories-div ul li i{ color:#FFF; font-size:40px; width: 40px; text-align: center; margin-right: 6px;}
.categories-div ul li i.icon-youtube,.categories-div ul li i.icon-webseries,.categories-div ul li i.icon-kids{font-size:30px;}
.categories-div ul li i,.categories-div ul li span{ display:inline-block; vertical-align:middle;}
*/

/*
.categories-div ul{ display: grid; grid-template-columns: calc( 100% / 3 - 40px ) calc( 100% / 3 - 40px ) calc( 100% / 3 - 40px ); grid-column-gap: 60px; grid-row-gap: 25px; padding: 20px 0;}
.categories-div ul li{position: relative; background-image: linear-gradient(102deg, #deb54c, #a2782d 120%); color: #FFF; border-radius: 5px; height: 60px; display: grid; align-items: center; padding:0 10px; font-size: 14px; cursor: pointer; transition: all .3s;}
.categories-div ul li .category-title{ display: grid; grid-template-columns: 40px auto; align-items: center; grid-gap: 10px; }
.categories-div ul li .category-desc{font-size: 12px; position: absolute; top:94%; background-image: linear-gradient(102deg, #deb54c, #a2782d 120%); z-index: 1; padding: 10px; width: 100%; left: 0%; text-align: center; border-radius:0 0 5px 5px; box-shadow: 0px 15px 10px -15px #111; }
.categories-div ul li:before{ content: ''; position: absolute; width:100%; height: 100%; top:0; left: 0; z-index: -1; background-image: linear-gradient(175deg, #000000 7%, rgba(162, 120, 45, 0) 99%); opacity: 0.5;}
.categories-div ul li i{ color: #FFF; font-size:40px; text-align: center;}
.categories-div ul li i.icon-youtube,.categories-div ul li i.icon-webseries,.categories-div ul li i.icon-kids{font-size:30px;}
.categories-div ul li i.icon-instagram,.categories-div ul li i.icon-popular-app,.categories-div ul li i.icon-essential-app,.categories-div ul li i.icon-facebook-white{font-size:30px;}
*/

.categories-div ul{ display: grid; grid-template-columns: calc( 100% / 3 - 40px ) calc( 100% / 3 - 40px ) calc( 100% / 3 - 40px ); grid-column-gap: 60px; grid-row-gap: 25px; padding: 20px 0;}
.categories-div ul li{position: relative; background-image: linear-gradient(102deg, #deb54c, #a2782d 120%); color: #FFF; border-radius: 5px; min-height: 60px; padding:10px; font-size: 14px; cursor: pointer; display: grid; grid-template-columns: 40px auto; align-items: center; grid-gap: 10px;   -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;}
.categories-div ul li:hover{transition: 0.3s;}
.categories-div ul li h2{font-size: 16px;}
.categories-div ul li p{font-size: 12px; margin:0;}
.categories-div ul li:before{ content: ''; position: absolute; width:100%; height: 100%; top:0; left: 0; z-index: -1; background-image: linear-gradient(175deg, #000000 7%, rgba(162, 120, 45, 0) 99%); opacity: 0.5;}
.categories-div ul li i{ color: #FFF; font-size:40px; text-align: center;}
.categories-div ul li i.icon-youtube,.categories-div ul li i.icon-webseries,.categories-div ul li i.icon-kids{font-size:30px;}
.categories-div ul li i.icon-instagram,.categories-div ul li i.icon-popular-app,.categories-div ul li i.icon-essential-app,.categories-div ul li i.icon-facebook-white{font-size:30px;}


.faq-div{ margin:30px 0;}
.faq-div ul { counter-reset: my-sec-counter;}
.faq-div ul li{position:relative; font-size: 12px; color: #adadad; margin: 5px 0;}
.faq-div ul li:before{font-family:"1_TAUNTamil117", Helvetica, sans-serif; content: counter(my-sec-counter); counter-increment: my-sec-counter; background-image: linear-gradient(130deg, #efcb68 12%, #786634 84%); color: #FFF; width:25px; height: 25px; border-radius: 50%; float: left; text-align: center; line-height: 28px; font-size: 16px; margin-right: 0px; position: absolute; top: 0; left: 0; transform: translate(0, 5px);}
.mail-txt{ text-align:center; line-height: 25px;}
.mail-txt a{ color:#FFF; }
.accordion-container{ position: relative; height: auto; margin: 10px auto; display: grid; grid-template-columns: 48% 48%; grid-gap: 50px; }
.acc-title{ position: relative; width: 100%;  height: auto; }
.acc-title > h2{ cursor: pointer; font-size:14px; margin: 0; display: block; padding: 10px 15px; padding-left: 35px; text-decoration: none; color: #adadad; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear; }
.acc-title > h2 i{ float: right; margin-top: 2px; position: relative; top: 50%; /*transform: translate(0,-50%); */}
.acc-title > h2 span{ float: left; width: 95%;}
.acc-title > h2.active{ color: #fff; }
.acc-content{  display:none; }
.acc-content p{ padding: 0 15px 0 35px; margin: 0; color: #FFF; }


.form-group { display: inline-block; margin:0; font-size: 14px; margin-right: 20px; }
.form-group input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer;}
.form-group label { position: relative; cursor: pointer; font-size: 12px; margin-top: -5px;}
.form-group input + label:before{content:''; -webkit-appearance: none; background-color: transparent; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);  padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; border-radius: 3px; background: #757575; border:0px solid #e5e5e5;}
.form-group input:checked + label:before {content:''; -webkit-appearance: none; background-color: transparent; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);  padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px;  border-radius: 3px; background: #dcb34b; border:0; margin-top: -4px;}
.form-group input:checked + label:after {content: ''; display: block; position: absolute;  top:-3px; left: 6px;  width: 5px; height: 10px; border: solid #ffffff; border-width: 0 3px 3px 0; transform: rotate(45deg); border-radius: 3px;}