/*
Poject Title : Anonet
Responsive   : Yes ( Bootstrap5) 
Author       : Golu Prajapati
Status       : Find a small win each day.
Date         : 16/05/2023.
*/


@font-face {font-family:FontAwesome;src:url(../fonts/FontAwesome.html);}
@font-face {font-family:Proxima;src:url(../fonts/Proxima.ttf);}
body{font-family: 'Proxima', sans-serif;color:#353332;line-height:1.7;font-size: 14px;}

h1, h2, h3, h4, h5, h6, p, ul, ol, li {position: relative;font-size: 16px;}
img {max-width: 100%;}

#header{position: absolute; top:0px;left: 0;right: 0;z-index:1024;transition: .5s;padding: 8px 0;border-bottom: 0px solid#1e1c1a;}
#header.fixed{top:0;position: sticky;    background: #333333;}

#headertop{position: absolute; top:0px;left: 0;right: 0;z-index:1024;transition: .5s;padding: 8px 0;border-bottom: 0px solid#1e1c1a;}
#headertop.fixed{top:0;position: sticky;    background:#f2f2f2;}

#header .container{position: relative;}
.navbar{background:transparent;padding: 0;}
.header-btn a {transition: 1.5s;background: #fff;color: #F0393D;border-radius: 30px;border: 0px;padding: 8px 20px;font-size: 14px;}
.header-btn a:hover{color:#ea5906;}
.navbar-nav li a{color: #fff;text-transform: capitalize;text-decoration: none;padding:0px 14px;display: inline-block;font-weight:600;
font-size:16px;letter-spacing: 1px;}
.navbar ul>li li a{font-weight:400; margin-right: 0px;padding:5px 8px;font-size: 14px;color: #ea5906;display: flex; align-items: center;}
.navbar-nav li.active a{color:#ea5906;}
.navbar-nav li a:hover{color:#ea5906;}
.navbar ul>li li a:hover{color:#000}
.navbar ul>li li a.dropdown-toggle::after{}
.dropdown-toggle::after{border: 0px;}
.navbar ul>li li:not(:last-child){}
.dropdown-toggle{white-space: initial;}
ul.dropdown-menu {padding: 0px;}
.logo img{width: 180px;}
.searchbar_header a.btn{padding:6px 14px;}
.searchbar_header a.btn img {width: 12px;}
.searchbar_header a.btn:hover{background:#000 !important;color:#fff; }
a.btn.btn-2 {background: #3b4a9a;}
a.btn:hover{background:#fff;border:0px;}
@media(min-width: 992px){
.dropdown .dropdown-menu{left: 20px;margin: 0;background:#fff;min-width:200px;border-radius:0px;
transform: translateY(50px);opacity: 0;visibility: hidden;    border-top: 5px solid #e95b24 !important;
transition: .5s; display:block;border:0px;box-shadow: 0 8px 20px #0000001c;}
.navbar ul>li:hover> ul{transform: translateY(0px);opacity: 1;visibility: visible;}
.navbar ul ul li{position: relative;}
.navbar ul ul ul.dropdown-menu{left:100%;top:0px;}
.navbar ul li li:last-child a{}
.navbar ul>li li:not(:last-child) {border-bottom: 1px solid #e95b24;}
.navbar ul>li li:hover a.dropdown-toggle::after {margin-left: auto;transform: rotate(-90deg);}}

@keyframes blinking {
  0% {
    color: #ffffff;
    background-color:#E40044;
    font-weight:900;    
  }  
  50% {
    color: #C6FFC6; 
    background-color:#e95b24;
    font-weight:900;    
  }
  100% {
    color: #000; 
    background-color:#E40044; 
    font-weight:900;        
  }
}
 
#demo {
    animation: blinking 1s infinite;
    padding: 7px 14px;
    transition: 1.3s;
    border: 0px;
    background: #e95b24;
    font-size: 14px;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
}

/*----close header----*/

.Home-banner{background-position: center !important;background-size: cover !important;padding:260px 0px;}
.hone-tittle h1{color:#fff;font-size:70px;font-weight:600;}
.hone-tittle h1 span{color:#e95b24;}
.hone-tittle p{color:#e7e1de;font-size:20px;}
.hone-tittle{max-width:550px;}
a.btn{transition: 1.3s; border:0px; background:#e95b24;font-size: 16px;border-radius: 30px;color:#fff;text-decoration: none;padding: 8px 20px;}
/*----close banner----*/

.middle-section{padding: 50px 0px;}
.middle-cnt h2{font-size: 40px;color:#353332;font-weight:900;}
.middle-cnt h2 span{color:#e95b24;}
.middle-cnt p{font-size: 22px;font-weight: bold;}
.middle-cnt h3{font-size:50px;font-weight:bold;color:#353332;}
.middle-cnt h3 span{color:#e95b24;font-size: 90px;}
.middle-cnt span.one {background: #ea5e20;color: #fff !important;width: 70px;height: 70px;border-radius: 50px;display: inline-block;text-align: center;line-height: normal;font-size:77px !important}
.middle-cnt ul{column-count: 2;}
.middle-cnt ul li::marker {color: #ea5e20;font-size: 20px;}
.middle-cnt ul li{font-weight: 600;font-size: 18px;}
.middle-cnt img {width:400px;}
/*----close middle-section----*/

.section-3{background-size: cover !important; background-position: center !important; padding:50px 0px;position: relative;overflow: hidden;}
.fiber-cnt h5{color: #fff;font-size:26px;font-weight:500;letter-spacing: 1px;    border-left: 3px solid#e95b24;
    display: inline-block;padding-left: 12px;margin: 0px;}
.fiber-cnt h4{font-size:40px;font-weight: 500;color:#fff;}
.fiber-cnt h4 span{color:#e95b24;}
.grid_layer{display: grid;grid-template-columns: repeat(3 ,1fr); grid-gap: 0px 40px;}
.grid-box{margin-top: 40px; transition: 1.3s; position: relative;overflow: hidden;background:#fff; box-shadow: 0px 0px 10px#ccc;text-align: center;padding: 30px 10px;border-radius: 10px;}
.grid-box:hover{cursor: pointer;transform: translateY(-30px);}
.grid-cnt h4{color:#070404;font-size: 24px;font-weight: 700;}
span.rupee {    line-height: normal;color: #e95b24;font-size: 60px;font-weight: bold;display: inline-block;}
span.rupee i{font-size: 55px;}
.grid-cnt p{font-size: 18px;font-weight: 700;    display: inline-block;}
.grid-cnt span.box-btn{display: inline-block;transition: 1.3s; border:0px; background:#e95b24;font-size:20px;border-radius: 30px;color:#fff;text-decoration: none;padding: 10px 30px;}
.grid-cnt span.box-btn:hover{background:#070404;}
.Unlimited li a {color: #0c0909;font-size: 16px;
    font-weight: 600;padding: 8px 20px;border-radius: 30px;transition: 1.3s;
    display: inline-block;text-decoration: none;width: 220px;margin-top: 12px;}
.nav-top li a {background: #f7f5f5 !important;}
.nav-top li a:hover{background:#e95b24 !important; color:#fff;}

.Unlimited li a:hover{background:#e95b24; color:#fff;}
.brandslider a i{color:#000;font-size: 20px;margin-left:8px;}
.brandslider img {width: 50px;}
.brandslider{margin-top: 20px;}
.brandslider a {padding: 0px 10px;}
.brandlogo2 {margin-top:20px;overflow: hidden;}
.brandlogo2 .owl-carousel .owl-item img {width:70%;}
.brandlogo2 a i{color:#000;margin-left:2px;}
.bottom-btn a.btn{display: inline-block;}
.bottom-btn a.btn {display: inline-block;border-radius: 10px;
    width: 290px;font-size: 18px;font-weight: 600;margin-top:30px;}
.bottom-btn a.btn:hover{background:#070404;color:#fff;}
.new-color {color: #3b4a9a !important;}
.new-colors {background: #3b4a9a !important;}
a.btn.new-colors:hover {background: #070404 !important;color: #fff;}
/*----close section-3----*/

.section-4{padding: 50px 0px;background:#f7f5f5;overflow: hidden;}
.section-4 .fiber-cnt h5 {color: #070404;font-weight: 600;}
.section-4 .fiber-cnt h4 {color: #070404;font-weight:700;}
.img-ott img{width:100%;}
.sport-cnt h5{color:#070404;font-size:40px;font-weight: 600;margin-bottom:30px;}
.sport-cnt h5 span{color:#e95b24;}
.sport-cnt li a img{width:70px;}
.sport-cnt li a{text-decoration: none;}
.sport-cnt li {display: inline-block;margin-right: 12px;}
.new-img li img{width:90px !important;}
.sport-cnt li a i{color:#000;margin-left: 10px;}
span.prices {color: #e95b24;font-size: 50px;font-weight: 900;}
.sport-cnt h6{color:#070404;font-size:24px;font-weight:600;margin-top: 30px;}
.sport-cnt a.btn{margin-top: 20px;border-radius: 10px;font-size: 18px;font-weight:600;letter-spacing: 1px;padding: 10px 40px;}
/*----close section-4----*/

.counter-sec{padding:40px 0;overflow-x: hidden;background:#3b4a9a;}
.counter-sec .prg-count{font-size: 100px;color: #fff;    margin: 0px;
    line-height: normal;}
.counter-sec .prg-count-title{font-size: 22px;color:#fff;text-transform:inherit;}
.counter-sec h3.prg-count::after {content: " +";display: inline-block;}
.counter-sec h5{font-size:40px; margin-bottom: 30px;}
/*----close counter-sec----*/

.section-5{background-position: center !important; background-size: cover !important; padding:80px 0px 240px;}
.girl-img img {    transform: translate(-50%, -50%) !important;
    position: absolute;left: 40%;top: 70%;width: 60%;}
h3.text-red.ls-1{color: #070404;font-size: 20px;font-weight: 600;}
.section-5 p {color: #070404;font-size:15px;font-weight:500 !important;}
.pricing-1{padding-left: 40px;}
.pricing-2{padding-left:60px;}

.service-section{background:#f7f5f5;}
.service-grid{margin-top: 30px; display: grid;grid-template-columns: repeat(4 ,1fr);}
.service-box{cursor: pointer; background:#e95b24;padding:30px 20px;position: relative;overflow: hidden;transition: 1.3s;}
.service-box h5 a{text-align: center; letter-spacing: 1px; text-decoration: none; font-size: 22px;font-weight:600;display:block;color:#fff;margin-top: 12px;}
.service-box li a{position: relative;color:#fff;font-size: 16px;text-decoration: none;}
.service-box li a::after{content: '';position: absolute;top:6px;left:-17px;background:#fff;width: 10px;height: 10px;border-radius: 50px;}
.box-2{background:#fff;    position: relative;overflow: hidden;transition: 1.3s;}
.service-box a img{text-align: center;display: block;margin: 0px auto;}
.service-box ul{padding-left:15px !important;}
.box-2 h5 a{color:#000;}
.box-2 li a{color:#000;}
.box-2 li a::after{background:#e95b24;}
.service-box:hover {transform: scale(1.1);z-index: 2;box-shadow:0px 0px 20px #ccc; }
.viewport a.btn{display: none; font-size: 20px; border-radius: 10px;padding: 10px 40px;margin-top: 30px;}
.viewport{text-align: center;}
/*----close service-section----*/

.gallery-section{background:#070404;padding:40px 0px;overflow: hidden;}
.gallery-section h2{text-align: center;font-size:40px;margin-bottom:30px;color:#fff;font-weight:700;}
.our_gallery_layer {display: grid;grid-gap: 20px;}
.threebox {grid-template-columns: repeat(6, 1fr);}
.gallery_box img {width: 100%;height: 100%;}
.gallery_box {position: relative;overflow: hidden;}
/*----close gallery-section----*/

.sectio-7{padding:80px 0px; position: relative;
    overflow: hidden;}
.client-cnt h5{color: #070404;font-size: 24px;text-transform:capitalize;
    font-weight:600;border-left: 3px solid#e95b24;display: inline-block;
    padding-left: 12px;margin: 0px;}
.client-cnt h4{color: #070404;font-size:30px;}
.client-cnt h4 span{font-weight: bold;}
.client-box{position: relative;overflow: hidden;transition: 1.3s; border: 1px solid #dcdad9;margin: 40px 0px 0px; background:#f7f5f5;box-shadow:0px 0px 20px #ccc;padding:30px 20px;border-radius: 10px;}
.client-box:hover{transform: translateY(-20px);z-index: 2;}
.test-cnt p{color:#070404;font-size:16px;font-weight:500;}
.test-cnt p br{display: none;}
.test-cnt h6{color:#070404;font-size:22px;font-weight:900;line-height: normal;}
.test-cnt h5{color:#070404;font-size:20px;font-weight:500;}
.sectio-7 .owl-carousel .owl-item img {width: 100%;margin-bottom: 20px;}
.owl-theme .owl-controls .owl-nav div {height: 60px;width: 60px;line-height: 60px;}
.owl-prev, .owl-next {background:transparent !important;}
.section-3 .owl-prev:before, .owl-next:before {font-size:40px;color: #fff;font-family: Font Awesome\ 5 Free;font-weight: 600;}
.owl-prev{position: absolute;top: 40%;left:-6%;}
.owl-next{position: absolute;top:40%;right:-6%;}
/*----close sectio-7----*/


.footer {background:#070404;padding: 40px 0px;}
.footer-grid{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 0 30px;}
.footer h3{font-size:20px;font-weight:600;color: #FFFFFF;text-transform:inherit;position: relative;margin-bottom: 20px;letter-spacing: 1px;}
.footer h3::after {content: '';position: absolute;top: -3px;left: -8px;width: 3px;height: 30px;background: #fff;}
.box-grid a img{width: 180px;}
.footer a{color:#fff;text-decoration: none;font-size:16px;font-weight: 500 ;}
.footer p{color:#fff;font-size:16px;}
.footer .social ul{display: flex; justify-content: space-evenly;margin-top:30px;
margin-bottom: 30px;}
.footer .social li a i{color: #fff;font-size: 20px;}
.footer ul li{color:#fff; border-bottom: 1px dashed #3b4a9a;line-height: 40px;}
.footer ul li a:hover{color: #faa73f;}
.social-icon a i {color:#3b4a9a; background: #fff;width: 40px;line-height: 40px;height: 40px;transition: 1.3s;
    text-align: center;font-size: 18px;border-radius: 30px;margin-right: 5px;}
  .social-icon a i:hover{background: #e95b24;color: #fff;} 
.social-icon i.fab.fa-facebook-f {color:;}
.social-icon i.fab.fa-twitter{}
.social-icon i.fab.fa-youtube {display: none;}
.social-icon i.fab.fa-google-plus-g {display: none;}


.copyright {padding: 20px 0px;border-top: 2px solid #5861a9;text-align: center;background:#212529;}
.copyright p{color:#fff;font-size:16px;margin: 0px;}
.copyright .container{display: flex;align-items: center;justify-content: space-between;}
 .social-icon p {display: inline-block;margin-right:8px;font-weight: 600;    letter-spacing: 1px;}
.box-grid.ftrser {position: relative;}
.ftrser form .btn {background: #ffffff url(../images/newsletter-icon.png)no-repeat center;
    font-size: 0;position: relative;left: 67%;padding: 15px 25px;border: 0;
    border-radius: 0 4px 4px 0;top: -33px;}
.ftrser .form-control{width: 85%;color: #000 !important;} 
.box-grid.social p{font-size: 15px;margin-bottom: 10px !important;letter-spacing: 1px;}
.box-grid.social p span{font-weight: 700;font-size: 14px;}

#panel {display: none;z-index: 0124;width: 100%;padding-left:0px;list-style: none;}
#panel li {padding-left: 26px !important;}
#panels {display: none;z-index: 0124;width: 100%;padding-left:0px;list-style: none;}
#panels li {padding-left: 26px !important;}
/*===close footer-section====*/

.scrollup a{position: fixed;right: 20px;bottom:10px;color: #fff;font-size:20px;background:#e95b24;width: 50px;
    height:60px;line-height:60px;text-align: center;border-radius: 5px;
z-index: 100;cursor: pointer;opacity:1; text-decoration: none;}
.scrollup :hover{background: #363737;transition: all ease-in-out 0.5s;
   box-shadow: 0 0 10px rgb(203 197 197 / 74%);
  }


/*----innner page css---*/
.about-section{padding:80px 0px 40px;}
.inner-menu li a{color:#353332;}
.inner-menu li.active a {color: #ea5906 ;}
.inner-cnt p{font-weight: 500;}
p.para.center_para {color: #fff;font-size: 20px;line-height: 26px;max-width: 700px;
    margin: auto;font-weight: 400;}
.our-section h4{font-weight: 700;margin-bottom:25px;}
.our-section{background-position: center !important; background-size: cover !important; padding:60px 0px;}
p.center_para {font-size:18px;color: #fff;line-height: 28px;
    max-width:900px;margin: 0 auto;}
p.para {font-size: 18px;font-weight: normal;text-align: justify;}
h2.hp2{margin-bottom: 20px;}
.owner-img img{float: right;position: relative;top:90px;}
/*----close about css page---*/

.broadband-page{padding: 60px 0px;background:#fff;position: relative;overflow: hidden;}
.broadband-page .grid-box{background:#f2f2f2;}
.Unlimited li a {background: #fff;}
.broadband-page .fiber-cnt h4 span{color:#000;font-size:40px;font-weight: 700;}
.broadband-page .fiber-cnt h5{color:#000;}
.broadband-page .fiber-cnt h4{color:#0009;font-weight: normal;font-size:30px;}
.broadband-page .owl-prev:before{color:#000;    font-family: Font Awesome\ 5 Free;
    font-weight: 600;font-size: 40px;}
.broadband-page .owl-next:before{color:#000;}
.broadband-page .viewport a.btn:hover{background:#333;color:#fff;}
.anonet-section{padding: 50px 0px;background:#f2f2f2;}
.anonet-hd h2{font-size: 35px;color:#070707;font-weight: 500;}
.anonet-hd h2 span{color:#ea5906;font-weight:700;}
.anonet-grid{text-align: center; display: grid;grid-template-columns: repeat(3 ,1fr); grid-gap: 0px 40px;}
.anonet-text h4{font-size: 20px;font-weight: 600;color: #070707;}
.anonet-text img{width:20%;margin-bottom: 20px;}
.anonet-text{padding: 12px; margin-top:40px;border-right: 2px solid #e6e6e6;position: relative;transition: 1.3s;overflow: hidden;}
.anonet-text:hover img {transform: scale(1.1);z-index: 2;}
.innovetive{margin-top: 5%;padding:160px 0px;position: relative;background-size: cover !important; background-position: center !important;}
.innovetive-hd h2{color:#e95b24;font-weight: bold;font-size:50px;margin: 0px;}
.innovetive-hd h2 span{color:#e95b24;}
.innovetive-hd p{font-size: 18px;color:#fff;font-weight: 500;}
.subscribe-form{padding:50px 0px;background:#ea5906;}
.subscribe-form h5{font-size:32px;color:#fff;font-weight: 700;text-transform: capitalize;}
.form-cnt form {display: flex;align-items: center;justify-content: center;gap: 30px;}
.form-cnt .form-control{border-radius: 0px;height: 45px;color:#333333 !important;font-size: 16px;font-weight:500;}
.form-cnt button.btn{    letter-spacing: 1px;border-radius: 0px;border:0px;background:#333333;font-size: 18px;color:#fff;height: 44px;padding:0px 30px;}
.form-control:focus {color:#fff;border-color:inherit;box-shadow: none;}
/*----close broadband-page css---*/

.Ott-page{padding: 60px 0px;background:#ea5906;position: relative;}
.innovetive-page{margin-top:5%; padding:160px 0px;background-position: center !important; background-size: cover !important;}
.Ott-page .fiber-cnt h4 span{color:#000;}
.Ott-page .fiber-cnt h5 {border-left: 3px solid#000;}
 .Ott-page .owl-next:before{font-size: 40px;color:#fff;}   
 .Ott-page .owl-prev:before{font-weight: 600;font-size: 40px;font-family: Font Awesome\ 5 Free;}
.Ott-page p {display: block;}
.new-about{padding: 50px 0px 0px;}
.col-md-5.smart-img {
    text-align: right;
}
/*----close OTT-page css---*/

.iptv-section{background:#fff;}
.iptv-img {position: absolute;top: 50px;right: 0px;}
.IPTV-form form {display: block;}
.IPTV-form textarea.form-control{height:90px !important;}
textarea {resize: none;}
.IPTV-form .form-control{margin-bottom: 20px;    color: #000 !important;}
.IPTV-form button.btn{font-weight: 600; padding: 0px 50px; max-width: 250px; border-radius:10px;margin-top:6%;}
/*----close IPTV-page css---*/

.contact-tittle {    margin-top: 5%;position: relative;background: #000;text-align: center;padding: 20px 0px;color: #fff;}
.contact-tittle h2{font-size:30px;font-weight:500;margin: 0px;}
.content-detail {background: #ea5906;padding: 40px 0px;}
.contact-get h5{margin: 0px; font-size: 22px;font-weight: 600;color:#fff;letter-spacing: 1px;text-transform: uppercase;}
.contact-get p{font-size:18px;font-weight:500;color:#fff;}
.contact-ifom h3{font-size: 22px;font-weight:600;color:#fff;letter-spacing: 1px;text-transform: uppercase;}
.contact-ifom p a{text-decoration: none;color:#fff;font-size: 18px;}
.contact-ifom p{font-size:18px;font-weight:500;color:#fff;margin-bottom: 0px;letter-spacing: 1px;}
.contact-ifom{border-bottom: 1px solid#fff;padding: 20px 0px}
.left-py{padding-left: 60px;}
.accordion-section{padding: 60px 0px;}
h2.tittle{font-size:50px;color:#353332;font-weight: 600;}
ul.accordion-list {position: relative;display: block;width: 100%;
  height: auto;padding:0px;margin: 0;list-style: none;}
.accordion-list li {position: relative;display: block;padding: 20px 0px;border-bottom: 1px solid #eee;cursor: pointer;}
.accordion-list h3 {font-weight:600;position: relative;display:block;width: 100%;margin: 0;font-size:20px;letter-spacing:1px;cursor: pointer;}
ul.accordion-list h3:before {content: "\f067";font-family: 'Font Awesome 5 Free';position: absolute;right: 0;top: 0;color:#353332;transition: all 0.3s ease-in-out;font-size: 18px;}
.accordion-list p {position: relative;display: block;font-weight:500;padding: 10px 0 0 0;cursor: pointer;margin:0px;font-size:16px;}
.accordion-list p a{color:#e95b24;text-decoration: none;}
select.form-select.form-control {color: #757575 !important;
    font-size: 16px;background-image: url(../images/Down.html);background-repeat: no-repeat;
    background-position: 97% center;background-size:15px;}
/*----close contact css---*/   
      
.internet-banner{margin-top: 5%;position: relative;padding:120px 0px;background-size: cover !important;background-position: center !important;}
.internet-banner h2{color:#fff;font-size:30px;font-weight: 500;letter-spacing: 1px;}
.internet-banner h2 span {font-size: 22px;color: #dee2e6;}
.internet-banner h3{color:#fff;font-size:30px;letter-spacing: 1px;
      margin-bottom: 20px;font-weight: 900;}
.internet-banner h4{color:#fff;font-size:30px;font-weight: 500;letter-spacing: 1px;}
/*----close internet css---*/

.internet-about{padding: 50px 0px;}
.internet-hd h2{font-size:40px;font-weight: 600;}
.internet-hd p{font-size:18px;font-weight:500;}
.internet-about img{margin-top:6%;transition: 1.3s;position: relative;overflow: hidden;}
.internet-about img:hover{transform: scale(1.1);z-index: 2;}
.internet-hd ul li span {    line-height: 24px;color: #353332;font-size: 20px;font-weight: 600;display: block;}
.internet-hd ul li {font-size:18px;font-weight:500;margin-bottom: 15px;}



.provides-sec{padding:40px 0px;}
.provides-sec h2{font-size:40px;font-weight: 600;}
/*----close internet-page css---*/ 

.grid-cnt li:last-child {display: none;}
.mobile-section {background: #fff;display: none;}

.new-page {padding: 50px 0px;}
.privacy-cnt h5 {font-size:25px;color: #353332;font-weight: 600;margin-bottom: 15px;}
.privacy-cnt p{font-size:18px;color: #353332;}
.privacy-cnt li{font-size:18px;color:#353332;}
.privacy-cnt p a{text-decoration: none;color:#353332;font-weight:600;}
.privacy-cnt ul{padding-left:50px;}
.privacy-cnt h6 {font-size:20px;color: #353332;font-weight: 600;margin-bottom: 15px;}
.leftsite {padding-left:40px;}
.privacy-cnt h3{font-size:28px;color: #353332;font-weight: 600;margin-bottom: 15px;}
.top-conditons{margin-top:8%;}
.leftsite2{padding-left: 50px;}
h6.ml{padding-left:4px;}

.leftsite p {display: flex;gap: 20px;}
.leftsite2 p {display: flex;gap: 20px;}
h4.hp4 {padding-left: 36px;    font-size: 18px;
    color: #353332;}
h4.hp4 a{text-decoration: none;color:#353332;font-weight:600;}
p.mb-0.pltera {padding-left: 36px;}
h4.anonet-lft a {position: absolute;bottom: 20px;right: 32%;text-decoration: none;color:#353332;font-weight:600;}
h4.anonet-lft{position: relative;margin: 0px;}
.new-dlf {display: flex;gap: 20px;}
.new-dlf p{display: block;}







/*---@media query strat---*/

@media(max-width:1380.8px){
.navbar-nav li a{padding: 0px 4px;font-size:14px;}
.dlf-img .brandlogo a i {font-size: 10px;margin-left: 5px;}
.brandlogo2 a i{font-size:15px;}
.counter-sec .prg-count {font-size: 90px;}
.section-5 {padding: 40px 0px 160px;}
.girl-img img{top:78%;}
.ftrser form .btn{bottom: 4px;left:60%;}
.innovetive-hd p {font-size: 17px;}
.iptv-img {top: 80px;overflow: hidden;width: 40%;}
.internet-banner h3{font-size: 35px;}
.internet-hd p {font-size: 16px;}
.internet-about {padding: 40px 0px 20px;}
.internet-about.Fiber-pages {padding: 40px 0px;}
.internet-about.Fiber-pages p{font-size: 18px;}
.box-grid.social p span{font-size: 14px;}
.internet-banner {margin-top: 6%;}
.contact-tittle{margin-top:6%;}
.innovetive-page, .innovetive{margin-top: 6%;}
h4.anonet-lft a{right:49%;}
}
@media (max-width:1199.8px){
  h4.anonet-lft a{right:34%;}

 .contact-tittle{margin-top:7%;} 
.internet-banner {margin-top:7%;}
.innovetive-page, .innovetive{margin-top:7%;}
#demo{font-size:10px;padding: 8px 4px;}    
.navbar-nav li a {padding: 0px 4px;font-size:12px;}
.searchbar_header a.btn {padding:5px 6px;font-size: 12px;}
.middle-cnt h2 {font-size: 60px;}
.middle-cnt ul li{font-size: 16px;}
.grid_layer {grid-gap: 0px 20px;}
.bottom-btn a.btn{width:100%;}
.sport-cnt h5 {font-size: 35px;margin-bottom: 20px;}
.sport-cnt h6 {margin-top: 10px;}
.sport-cnt a.btn {margin-top: 0px;}
.counter-sec .prg-count {font-size: 70px;}
.counter-sec .prg-count-title {font-size: 20px;}
.position-relative.pt-5 {padding-top: 20px !important;}
.row.py-5 {padding: 30px 0px !important;}
.section-5 {padding: 30px 0px 150px;}
.girl-img img {top:82%;width: 70%;transform: translate(-52%, -54%) !important;}
.service-box li a{font-size: 14px;}
.service-box{padding: 30px 20px;}
.left-box {left: 0px;}
.ftrser form .btn {bottom: 32px;right: 2%;}
.left-py {padding-left: 20px;}
.contact-ifom p {font-size: 16px;}
.innovetive-page img {width: 100%;margin-top: 28%;}
.innovetive-page{padding:90px 0px 0px;}
.form-cnt form{display: block;text-align: center;}
.form-cnt button.btn{margin-top: 10px;width: 100%;}
.subscribe-form h5 {font-size: 28px;}
.innovetive img {position: relative;margin-top: 20%;}
}


@media(max-width:1024.8px){
.Home-banner{padding:170px 0px;}
.counter-sec .prg-count-title {font-size: 18px;}
.internet-banner {margin-top:7%;}
.innovetive-page, .innovetive{margin-top: 7%;}


}


@media(max-width: 991.8px){
 .contact-tittle{margin-top:10%;} 
.internet-banner {margin-top:10%;}
.innovetive-page, .innovetive{margin-top:10%;}
h4.anonet-lft a{right:55%;}

#headertop button.navbar-toggler {color: #ea5e20;border-color: #ea5e20;font-size: 22px;}
div#collapsibleNavbar {left:0px; padding:10px;position: absolute;top: 100%;width: 100%;z-index: 1024;margin-top: 6px;background: #3b3c3e;}
.navbar-nav li a{padding:8px 0px;width: 100%;}
button.navbar-toggler {color: #fff;border-color: #fff;font-size: 22px;}
#header-top button.navbar-toggler {color: #ea5e20;border-color: #ea5e20;font-size: 30px;}
.inner-menu li a{color:#fff;}
.searchbar_header a.btn {padding: 8px 14px;font-size: 16px;    background: #3b4a9a;}
.middle-cnt h2 {font-size: 40px;}
.middle-cnt p {font-size: 18px;}
.middle-cnt h3 span{font-size:70px;}
.middle-cnt span.one {width: 60px;height: 60px;font-size: 66px !important;}
.middle-cnt ul {column-count: 1;}
.grid_layer {grid-template-columns: repeat(2 ,1fr);}
.col-md-6.aos-init.aos-animate {padding-left: 15px !important;}
.sport-cnt li a{text-decoration: none;}
.girl-img img {top: 84%;width: 60%;transform: translate(-52%, -54%) !important;}
.section-5 {padding: 30px 0px 115px;}
.fiber-cnt h4 {font-size: 30px;}
.service-grid {grid-template-columns: repeat(2 ,1fr);}
.gallery-section h2 {font-size:35px;}
.sectio-7 {padding: 40px 0px;}
.owl-next {right: -7%;}
.owl-prev{left: -7%;}
.footer-grid {grid-template-columns: repeat(2,1fr);}
.ftrser form .btn {bottom: 7px;right: 7%;}
.box-grid.ftrser{margin-bottom: 20px;}
.copyright .container{display:block;}
.subscribe-form h5{text-align: center;}
.innovetive-hd h2{font-size:40px;}
.col-md-5.smart-img img{width:auto;margin: 0 auto;display: block;}
.service-box{margin-bottom:20px;}
.section-4{padding:30px 0px 50px;}
.girl-img img {}
#demo {font-size: 14px;padding:9px 16px;}
.new-page {padding: 30px 0px;}


}

@media (max-width:768.8px){
.girl-img img {top: 84%;width: 50%;}
h3.text-red.ls-1{font-size:18px;}
.section-4 {padding: 30px 0px 50px;}
.mobile-section{display: block;}
.mobile-dn {display: none;}
.new-cnt {text-align: center;margin-top: 25px;}
.new-cnt img{margin-bottom: 10px;}
}


@media(max-width:767.8px){
.hone-tittle h1{font-size:60px;}
.middle-section {padding:30px 0px;}
.section-3{padding:30px 0px 60px;}
.grid_layer {grid-template-columns: repeat(1 ,1fr);}
.grid-box {margin-top: 20px;}
.section-4 {padding: 30px 0px;}   
.fiber-cnt.text-center.mb-5 {margin-bottom: 20px !important;}
.sport-cnt{margin-top: 20px;}
.counter-sec {padding:30px 0;}
.pricing-1 {padding-left: 15px;}
.pricing-2 {padding-left: 15px;}
.Mbps{margin-bottom:40%;}
.girl-img img {top: 50%;width: 50%;transform: translate(-50%, -50%) !important;}
.gallery-section h2 {font-size: 26px;}
.owl-next {right: -12%;}
.owl-prev{left: -12%;}
.owner-img img {top: 10px;float: inherit;}
.owner-img{text-align: center;}
h2.hp2 {text-align: center;margin-bottom:15px;}
.our-section{padding: 20px 0px;}
.our-section h4{margin-bottom: 15px;}
p.center_para.mb-4 {margin-bottom: 15px !important;}
.innovetive img {margin-top:0%;}
p.text-center.mb-5 {margin-bottom: 15px !important;font-size: 20px;}
.middle-cnt.inner-cnt{margin-top: 10px;}
.sectio-7 .owl-theme .owl-controls .owl-nav div {display: none;}
.sectio-7 {padding:30px 0px 10px;}
.contact-tittle h2 {font-size: 24px;margin: 0px;}
.content-detail{padding: 30px 0px;}
.contact-ifom p {font-size: 18px;}
.accordion-section {padding: 30px 0px;}
h2.tittle {font-size: 40px;}
.subscribe-form{padding:30px 0px;}
.IPTV-form button.btn{margin-top: 0%;}
.innovetive {padding:30px 0px;}
.innovetive-hd h2{font-size:40px;}
.broadband-page .fiber-cnt h4 span{font-size:28px;}
.broadband-page .fiber-cnt h4{font-size:20px !important;}
.broadband-page {padding: 30px 0px;}
.anonet-section {padding: 30px 0px;}
.anonet-hd h2 {font-size: 28px;}
.anonet-grid {grid-template-columns: repeat(2 ,1fr);grid-gap: 0px 20px;}
.subscribe-form h5 {font-size: 26px;margin-bottom: 15px;}
.anonet-text h4 {font-size: 16px;}
.innovetive-page img {width: 100%;margin-top: 0%;}
.Ott-page {padding: 30px 0px;}
.internet-banner {padding: 50px 0px;position: relative;}
.internet-banner::after {content: '';position: absolute;top: 0px;
    width: 100%;background: #0000006e;left: 0px;z-index: 2;height: 100%;}
.internet-banner h2{z-index:99;}
.internet-banner h4{z-index:99;}
.internet-banner h3{z-index:99;}
.internet-about {padding:30px 0px;}
.internet-about img {float: inherit;margin-top: 0%;display: block;margin: auto;}
.provides-sec h2 {font-size: 30px;}
.provides-sec { padding: 30px 0px;}
h5.head {margin-top: 20px;}
.innovetive-page {padding: 30px 0px 0px;}
h4.anonet-lft a{right:0%;left:7%;bottom:0px;}



}

@media(max-width:576.8px){
  h4.anonet-lft{margin-bottom: 30px;}
  h4.anonet-lft a{right:0%;left:6%;bottom:-2px;}

 .contact-tittle{margin-top:13.5%;} 
 .internet-banner {margin-top:13.5%;}
 .innovetive-page, .innovetive{margin-top:13.5%;}
 .innovetive-page  p{ }
.sectio-7 {padding:30px 0px 30px;}
.client-box{margin: 20px 0px 0px;}
.section-3 {padding: 30px 0px 80px;}
.owl-next{right:25%;top: auto;bottom:-12%;}
.owl-prev{left:25%;top: auto;bottom:-12%;}
.footer {padding:30px 0px;}
.copyright {padding: 12px 0px;}
.social-icon{margin-top: 8px;}
.footer ul li {max-width: initial;}
.middle-cnt ul li {font-size: 18px;}
.middle-section {padding: 30px 0px 10px;}
.service-box{margin-bottom: 20px;}
.viewport a.btn{margin-top: 10px;}
.gallery-section{padding: 30px 0px;}
p.center_para{font-size: 16px;text-align: justify !important;}
.broadband-page .fiber-cnt h4 span {font-size: 24px;}
.broadband-page {padding: 30px 0px 70px;}
.broadband-page .fiber-cnt h4 {font-size:18px;}
.anonet-hd h2 {font-size: 22px;}
.Ott-page {padding: 30px 0px 60px;}
.internet-about.Fiber-pages {padding: 30px 0px;}


}


@media(max-width:480.8px){
  h4.anonet-lft a{left:7%;}
   .innovetive-page, .innovetive{margin-top:15.5%;}
  .contact-tittle{margin-top:15.5%;}
  .internet-banner {margin-top:15.5%;}  
.footer-grid {grid-template-columns: repeat(1,1fr);}
.section-3 {padding: 30px 0px 80px;}
.about-section {padding: 70px 0px 20px;}
.middle-cnt p {font-size: 16px;}
.section-3.new-pay {padding: 30px 0px;}
.internet-banner h2{font-size:26px;}
.internet-banner h4{font-size:26px;}
.internet-banner h3{font-size:26px;}
.internet-hd h2 {font-size: 30px;margin-bottom: 8px !important;}
.counter-sec h5 {margin-bottom:10px;}
.middle-cnt img {width: 360px;}
.section-5 .text-end{text-align: left !important;}
.girl-img img{display: none;}
.section-5 .col-4{padding-left:84px;}
.section-5 .col-8{text-align: right;}
.pricing-1 {padding-left: 15px !important;}
.pricing-2 {padding-left: 15px !important;}
.Mbps {margin-bottom: 0%;}
.internet-banner{text-align: center;}
.internet-banner h2 br{display: none;}
.fiber-cnt h4 {font-size: 25px;}
.col-4.installation {position: relative;top: -15px;}
.leftsite {padding-left: 24px;}
.privacy-cnt h3 {font-size: 22px;}
.leftsite2 {padding-left: 20px;}
.privacy-cnt h5 {font-size: 20px;}
}

@media(max-width:425.8px){
   .innovetive-page, .innovetive{margin-top:17.5%;}
  .contact-tittle{margin-top:17.5%;}
  .internet-banner {margin-top:17.5%;}   
.hone-tittle h1 {font-size: 50px;}
.fiber-cnt h4 {font-size: 22px;}
.fiber-cnt h5{font-size: 20px;}
.sport-cnt h5 {font-size: 30px;}
.sport-cnt h5 br{display: none;}
.sport-cnt li a img {width: 50px !important;}
.new-img li img {width: 60px !important;}
span.prices {font-size: 40px;}
.sport-cnt a.btn {margin-top: 10px;width: 100%;}
.service-grid {grid-template-columns: repeat(1 ,1fr);margin-top: 20px;}
.gallery-section h2 {font-size: 20px;margin-bottom: 20px;}
.our_gallery_layer {grid-gap: 10px;}
.owl-next{bottom:-12%;}
.owl-prev{bottom:-12%;}
.client-cnt h4{font-size:24px;}
.client-cnt h5{font-size:20px;}
.service-box li a {font-size: 16px;}
.social-icon p{display: block;margin-bottom: 6px;}
.ftrser form .btn {left: 66%;}
.broadband-page {padding: 30px 0px 80px;}
.anonet-text {border-right: 0px;padding: 12px;margin-top: 20px;border-bottom: 2px solid #e6e6e6 !important;}
.anonet-grid {grid-template-columns: repeat(1 ,1fr);}
.form-cnt form{display: block;text-align: center;}
.form-cnt button.btn{width: 100%;margin-top:0px;max-width: inherit;}
.subscribe-form h5 {font-size: 22px;}
.innovetive-hd h2 {font-size: 35px;}
.provides-sec h2 {font-size: 24px;margin: 0px;}
.internet-banner h2{font-size:20px;}
.internet-banner h4{font-size:20px;}
.internet-banner h3{font-size:20px;}
.middle-cnt ul li {font-size: 16px;}
.Home-banner {padding: 100px 0px 50px;}
.girl-img img{width:60%;}
.privacy-cnt h5 {font-size: 21px;}



}

@media(max-width:400.8px){
 .innovetive-page, .innovetive{margin-top:19.5%;}
 .contact-tittle{margin-top:19.5%;} 
 .internet-banner {margin-top:19.5%;}    
.internet-banner h2{font-size:20px;}
.internet-banner h4{font-size:20px;}
.internet-banner h3{font-size:20px;}
h2.dat-h2 {font-size: 18px;}
ul.navbar-nav.mx-auto {text-align: center;}
a.btn.btn-2 {margin-left:0px;}
.searchbar_header a.btn {display: block;margin-bottom: 10px;}
}

@media(max-width:376.8px){
.hone-tittle h1 {font-size: 45px;}
.fiber-cnt h4 {font-size: 21px;}
.client-cnt h4 {font-size: 22px;}
.client-box{padding: 20px;}
.sectio-7 {padding: 30px 0px 10px;}
.test-cnt p{font-size: 14px;}
.scrollup a{bottom:60px;}
h2.tittle {font-size:30px;}
.accordion-list li{padding: 12px 0px;}
.owl-prev {bottom: -12%;}
.owl-next {bottom: -12%;}
.sport-cnt h5 {font-size: 24px;}
.girl-img img{width:60%;}
.middle-cnt img {width:280px;}
.provides-sec h2 {font-size: 22px;}
.internet-banner h2{font-size:20px;}
.internet-banner h4{font-size:20px;}
.internet-banner h3{font-size:20px;}
.internet-hd h2 {font-size: 24px;}
.provides-sec h2 br{display: none;}
.sport-cnt li a img {width: 45px !important;}
.contact-get p {font-size: 16px;}
.contact-ifom p {font-size: 16px;}
.subscribe-form h5 {font-size: 20px;}
.Ott-page {padding: 30px 0px 70px;}
.Ott-page .owl-prev {bottom: -15%;}
.Ott-page .owl-next {bottom: -15%;}
.client-cnt h4 {font-size: 20px;}
.section-5 .col-4 {padding-left: 65px;}

}

@media(max-width:320.8px){
  .innovetive-page, .innovetive{margin-top:21.5%;}
.contact-tittle{margin-top:21.5%;}  
 .internet-banner {margin-top:21.5%;}    
.hone-tittle h1 {font-size: 40px;}
.middle-cnt h2 {font-size: 35px;}   
.fiber-cnt h4 {font-size: 22px;}
.contact-ifom p {font-size: 16px;}
.client-cnt h4 {font-size: 18px;}
.sport-cnt li a img {width: 40px !important;}
.sport-cnt li a i{margin-left:4px;}
.middle-cnt ul li {font-size: 15px;}
.internet-hd h2 {font-size: 22px;}
.section-5 .col-4 {padding-left: 45px;}
.internet-banner h2{font-size:16px;}
.internet-banner h4{font-size:16px;}
.internet-banner h3{font-size:18px;}
}