.lhs-col.baby-names h2.border-heading:before{height:19px;top:7px;}
.baby-names .breadcrumb + h1.border-heading{margin-top:0;}
.lhs-col.baby-names h1.border-heading:before{top:10px;}
.info{padding-top:15px}
.baby-names h1.border-heading{line-height:1.4}
.baby-names-listing h1{margin:0!important}
:root{--orange:#ff7800;}
.header-alldata{z-index: 99!important}
/*******baby name finder starts******/
.baby-name-finder{padding:0 15px 15px;background-color:var(--color-05);overflow:visible}
.baby-name-finder h3{clear:both;overflow:auto;margin-top:15px;font-size:16px;font-weight:400}
.baby-name-finder .or{ position:relative;display:block;text-align:center;line-height:1.4;font-size:18px;margin:15px 0;clear:both;color:var(--gray2);}
.baby-name-finder .or:before,
.baby-name-finder .or:after{border-bottom:1px solid var(--color-1);content:'';position:absolute;left:0;top:50%;width:45%;}
.baby-name-finder .or:before{left:auto;right:0}
.baby-name-finder .btn-row{float:none;width:100%;text-align:center;margin:20px 0}
.baby-name-finder .btn{ min-width:250px;max-width:250px;border:0; font-size: 15px;}
.alphabet-scroll{float:none;width:100%;margin-top:10px}
.alphabet-scroll li span,
.alphabet-scroll li a{border-radius:100px;font-size:15px;line-height:32px;height:34px;width:34px;font-weight:700;padding:0;text-align:center;text-transform:uppercase;position:relative;vertical-align:middle;color:var(--blue);border:1px solid var(--color-1);background-color:var(--white);display:inline-block;cursor:pointer;}
.alphabet-scroll li span:hover,
.alphabet-scroll li a:hover{color:var(--blue);border-color:var(--blue)}
.alphabet-scroll li.active a,
.alphabet-scroll li.active span{background-color:var(--blue);color:var(--white)}
.baby-name-finder .splide__arrow{height:34px;width:34px;box-shadow:none;border:1px solid var(--color-2)!important;border-radius:100px;margin-top:0;top:50%}
.baby-name-finder .splide__track{margin:0 40px}
.baby-name-finder .splide__arrow[disabled]{opacity:.5;display:inline-block;cursor:not-allowed!important;}
.baby-name-finder .search-box{position:relative}
.baby-name-finder .search-box input[type="text"]{padding-right:50px;}
.baby-name-finder .search-box .search-btn{position:absolute;right:0px;top:0px;border:0;font-size:0;border-radius:0;cursor:pointer;display:inline-block;background-image:url("https://static.india.com/wp-content/themes/icom/images/search-white-icon.svg");background-repeat:no-repeat;background-size:30px;background-clip:padding-box;box-sizing:border-box;background-position:center center;background-color:var(--blue);width:45px;height:44.44px;padding:0;border-radius:0 5px 5px 0}
.baby-name-finder .search-box .search-btn:hover{background-color:var(--orange);}
.baby-name-finder .search-box input[type="text"]:focus{border-color:var(--blue);}	
/*******baby name finder ends******/

/*******colourful A to Z starts******/
.colourful-a-z .all-boxes{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:stretch;margin-left:-1%;}
.colourful-a-z .box{width:auto;margin:0 0 1% 1%;text-align:center;}
.colourful-a-z .box a{display:block;text-decoration:none;color:var(--black);border-radius:5px;padding:2px;position:relative;overflow:hidden;border:1px solid var(--white)}
.colourful-a-z .box i{display:inline-block;width:40px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;background-size:1040px;background-clip:padding-box;background-image:url("https://static.india.com/wp-content/themes/icommobile/images/a-z.svg");}
.colourful-a-z .box a:hover{border-color:var(--blue);background-color:var(--light-blue)}
.colourful-a-z .box.a i{background-position:0 0;}
.colourful-a-z .box.b i{background-position:-40px 0;}
.colourful-a-z .box.c i{background-position:-80px 0;}
.colourful-a-z .box.d i{background-position:-120px 0;}
.colourful-a-z .box.e i{background-position:-160px 0;}
.colourful-a-z .box.f i{background-position:-200px 0;}
.colourful-a-z .box.g i{background-position:-240px 0;}
.colourful-a-z .box.h i{background-position:-280px 0;}
.colourful-a-z .box.i i{background-position:-320px 0;}
.colourful-a-z .box.j i{background-position:-360px 0;}
.colourful-a-z .box.k i{background-position:-400px 0;}
.colourful-a-z .box.l i{background-position:-440px 0;}
.colourful-a-z .box.m i{background-position:-480px 0;}
.colourful-a-z .box.n i{background-position:-520px 0;}
.colourful-a-z .box.o i{background-position:-560px 0;}
.colourful-a-z .box.p i{background-position:-600px 0;}
.colourful-a-z .box.q i{background-position:-640px 0;}
.colourful-a-z .box.r i{background-position:-680px 0;}
.colourful-a-z .box.s i{background-position:-720px 0;}
.colourful-a-z .box.t i{background-position:-760px 0;}
.colourful-a-z .box.u i{background-position:-800px 0;}
.colourful-a-z .box.v i{background-position:-840px 0;}
.colourful-a-z .box.w i{background-position:-880px 0;}
.colourful-a-z .box.x i{background-position:-920px 0;}
.colourful-a-z .box.y i{background-position:-960px 0;}
.colourful-a-z .box.z i{background-position:-1000px 0;}
/*******colourful A to Z ends******/

/************popular search starts************/
.popular-search{overflow:hidden;margin-bottom:30px;position:relative}
.popular-search .news-boxes{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:20px 0}
.popular-search article.repeat-box{width:50%;margin:0;padding:10px 0 0;border:0}
.popular-search article.repeat-box figure{align-items:center;}
.popular-search article.repeat-box h3{font-weight:700}
.popular-search .lazy-image img{object-fit:cover;}

.btn-load-more{min-width:170px;background:var(--white);border:2px solid var(--blue);color:var(--blue)!important;width:auto;font-size:16px;font-weight:700;border-radius:30px;padding:8px 15px 8px 30px;z-index:6;position:relative; margin:20px auto 0; display: block; text-align: left}
.btn-load-more:after{content:"";border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);height:8px;width:8px;right:20px;top:15px;position:absolute;text-align:left;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;}
.btn-load-more:hover,
.btn-load-more:visited,
.btn-load-more:focus,
.btn-load-more:active{color:var(--white)!important;background-color:var(--blue)!important}
.btn-load-more:hover svg,
.btn-load-more:visited svg,
.btn-load-more:focus svg,
.btn-load-more:active svg{fill:var(--white);}
.btn-load-more:hover:after,
.btn-load-more:visited:after,
.btn-load-more:focus:after,
.btn-load-more:active:after{border-right:2px solid var(--white);border-bottom:2px solid var(--white);}
/************popular search ends************/

/************pagination and page of starts************/
.total-paging{padding:15px 0;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;clear:both;width:100%;font-size:15px;border-top:1px dotted var(--color-3)}
.pagination{text-align:center;width:100%;}
.total-paging .page-of + .pagination{width:auto;}
.page-of{font-size:15px;color:var(--black);}
.pagination .prev,
.pagination .next,
.pagination a{margin:0;border:0;padding:0;min-width:30px;min-height:30px;line-height:30px;text-align:center;display:inline-block;border-radius:50px;color:var(--black);font-size:15px;}
.pagination a + a{margin-right:1px}
.pagination a:hover{background-color:var(--color-1);}
.pagination .prev,
.pagination .next{min-width:auto;padding-left:15px;padding-right:15px}
.pagination .prev:before{display:inline-block;content:"";margin:0 8px 0 0;vertical-align:middle;border:solid var(--black);border-width:0 1px 1px 0;padding:2px;transform:rotate(-220deg);-webkit-transform:rotate(-220deg);position:relative;top:-1px;right:-4px;width:0;height:0}
.pagination .next:after{display:inline-block;content:"";margin:0 8px 0 0;vertical-align:middle;border:solid var(--black);border-width:0 1px 1px 0;padding:2px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:relative;top:-1px;right:-4px;width:0;height:0}
.pagination .current:before,
.pagination .current:after{border-color:var(--white);}
.pagination .current{background-color:var(--black);color:var(--white);}
.pagination a.current:hover{background-color:var(--orange);color:var(--white);}
.pagination .disabled{ cursor:not-allowed!important;color:var(--color-7);}
/************pagination and page of ends************/

/********tabs nav starts*********/
.new-gwid{width:100%;float:left;}
.common-all-content .tab-ul{margin:0;float:none;padding:0;border-bottom:1px solid var(--border-color);overflow:visible;}
.common-all-content .tab-ul li{float:none;display:inline-block;vertical-align:middle;padding:0;margin:0;overflow:visible;}
.common-all-content .tab-ul li + li{margin-left:20px}
.common-all-content .tab-ul li > a{float:left;padding:15px 0px;border:0;border-radius:0;background:var(--white);box-shadow:none;font-size:16px;line-height:1.4;font-weight:700;color:var(--black);text-transform:uppercase;position:relative}
.common-all-content .tab-ul li:before{display:none}
.common-all-content .tab-ul li > a:before{content:'';height:3px;left:0;bottom:-2px;position:absolute;width:100%;z-index:1;overflow:hidden;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transition:-webkit-transform .4s cubic-bezier(0.645, .045, .355, 1);transition:transform .4s cubic-bezier(0.645, .045, .355, 1);background:var(--orange);}
.common-all-content .tab-ul li.active a{color:var(--orange);}
.common-all-content .tab-ul li > a:hover:before, 
.common-all-content .tab-ul li.active > a:before{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;width:100%;}
.wdg-cnt{float:left;width:100%}
.wdg-cnt > .tab-cnt{display:none}
.wdg-cnt > .tab-cnt.active{display:block;}
/********tabs nav ends*********/

/********baby names listing starts*********/
.baby-names-listing{overflow:hidden;margin-bottom:30px;position:relative}

ul.names-listing,
ul.names-listing li{margin:0;padding:0;}
ul.names-listing li{font-size:16px;line-height:1.4;border-bottom:1px solid var(--border-color)}
ul.names-listing li:before{display:none}
.baby-names-details ul.names-listing li .text-heading,
ul.names-listing li a{display:block;padding:25px 15px;padding-left:65px;color:var(--black);position:relative;min-height:74px}
.baby-names-details ul.names-listing li .text-heading:before,
ul.names-listing li a:before{position:absolute;left:15px;top:19px;width:36px;height:36px;content:'';background-color:#00AF21;border-radius:7px;background-size:1560px;display:inline-block;background-repeat:no-repeat;background-clip:padding-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url("https://static.india.com/wp-content/themes/icommobile/images/a-z.svg");}
.baby-names-details ul.names-listing li .text-heading:before strong,
ul.names-listing li a strong{color:var(--black)}
.baby-names-details ul.names-listing li .text-heading:before:hover strong,
ul.names-listing li a:hover strong{color:#00AF21}
.baby-names-details ul.names-listing li .text-heading:hover,
ul.names-listing li a:hover{background-color:var(--light-green)}
.baby-names-details ul.names-listing li.boys-name .text-heading:before,
ul.names-listing li.boys-name a:before{background-color:#00D3FA;}
.baby-names-details ul.names-listing li.boys-name .text-heading:hover,
ul.names-listing li.boys-name a:hover{background-color:var(--light-blue);}
.baby-names-details ul.names-listing li.boys-name .text-heading:hover strong,
ul.names-listing li.boys-name a:hover strong{color:#00D3FA}
.baby-names-details ul.names-listing li.girls-name .text-heading:before,
ul.names-listing li.girls-name a:before{background-color:#FF86D0;}
.baby-names-details ul.names-listing li.girls-name .text-heading:hover,
ul.names-listing li.girls-name a:hover{background-color:rgba(255,140,179,.1);}
.baby-names-details ul.names-listing li.girls-name .text-heading:hover:before,
ul.names-listing li.girls-name a:hover:before{background-color:#FF86D0;}
.baby-names-details ul.names-listing li.girls-name .text-heading:hover strong,
ul.names-listing li.girls-name a:hover strong{color:#FF86D0}
ul.names-listing li .text-heading:before,
ul.names-listing li.boys-name .text-heading:before,
ul.names-listing li a:before,
ul.names-listing li.boys-name a:before{background-position:2px -63px;}
ul.names-listing li.girls-name .text-heading:before,
ul.names-listing li.girls-name a:before{background-position:-44px -62px;}
/********baby names listing ends*********/

/*******baby names details starts******/
.baby-names-details{margin-bottom:20px}
.baby-names-details .border-heading{margin:0 0 10px;border:0}
.baby-names-details ul.names-listing{padding:0;background-color:var(--color-05);overflow:visible;}
.baby-names-details ul.names-listing li{border:0}
.baby-names-details ul.names-listing li > a{background-color:var(--color-05);}
.baby-names-details ul.names-listing li .text-heading{background-color:var(--color-05);}
.baby-names-details ul.names-listing ul{padding:0}
.baby-names-details ul.names-listing ul li{padding:15px 0 15px 65px;font-size:16px;border-bottom:0;border-top:1px solid var(--color-1);display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center}
.baby-names-details ul.names-listing ul li strong,
.baby-names-details ul.names-listing ul li span{width:50%;}
.baby-names-details ul.names-listing ul li span{color:var(--black)}
.baby-names-details ul.names-listing li:hover a strong{color:var(--green);}
.baby-names-details ul.names-listing li:hover a,
.baby-names-details ul.names-listing li ul li:hover{background-color:var(--light-green);}
.baby-names-details ul.names-listing li.boys-name:hover a strong{color:#00D3FA;}
.baby-names-details ul.names-listing li.boys-name:hover a,
.baby-names-details ul.names-listing li.boys-name ul li:hover{background-color:var(--light-blue);}
.baby-names-details ul.names-listing li.girls-name:hover a strong{color:#FF8CB3;}
.baby-names-details ul.names-listing li.girls-name:hover a,
.baby-names-details ul.names-listing li.girls-name ul li:hover{background-color:rgba(255,140,179,.1);}
/*******baby names details ends******/
.primary-nav ul > li.elections-nav-top > a{ background:#fef5e4;color:#7c1f0e;}