@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600;1,700&family=Crete+Round:ital@0;1&family=Great+Vibes&family=Hurricane&family=Josefin+Sans:ital,wght@0,400;0,500;0,600;0,700;1,500;1,700&family=Lobster&family=Lobster+Two:ital,wght@0,700;1,700&family=Merriweather+Sans:wght@600&family=Monoton&family=Pacifico&family=Patua+One&family=Playball&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Playfair+Display:ital,wght@1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:wght@400;500;600;700&family=Redressed&family=Roboto+Serif:opsz,wght@8..144,600;8..144,700&family=Roboto+Slab:wght@400;500;800&family=Roboto:wght@400;500;700;900&family=Rowdies:wght@300&family=Tiro+Devanagari+Marathi&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600;1,700&family=Crete+Round:ital@0;1&family=Great+Vibes&family=Hurricane&family=Josefin+Sans:ital,wght@0,400;0,500;0,600;0,700;1,500;1,700&family=Lato&family=Lobster&family=Lobster+Two:ital,wght@0,700;1,700&family=Merriweather+Sans:wght@600&family=Monoton&family=Open+Sans:wght@700&family=Pacifico&family=Patua+One&family=Playball&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Playfair+Display:ital,wght@1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:wght@400;500;600;700&family=Redressed&family=Roboto+Serif:opsz,wght@8..144,600;8..144,700&family=Roboto+Slab:wght@400;500;800&family=Roboto:wght@400;500;700;900&family=Rowdies:wght@300&family=Tiro+Devanagari+Marathi&display=swap');
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: 'Poppins', sans-serif;
    font-family: 'Redressed', cursive;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Serif', serif;
    font-family: 'Roboto Slab', serif;
    font-family: 'Rowdies', cursive;
}
:root {
    --bs-gutter-x: 0!important; /* Set horizontal gutter to 0 */
    --bs-gutter-y: 0 !important;
  }
.container{
    scrollbar-gutter: 0!important;
}  
.container-fluid{
    scrollbar-gutter: 0!important;
}
html,body{
    overflow-x:hidden;
    width:100vw;
    max-width:100vw;
    /* min-width:100vw; */
    /* min-height:100%; */
    width:100%;
    /* height:100%; */
    scroll-behavior: smooth;
    padding-left:0!important;
    padding-right:0!important;
    scroll-padding-top:100px;
    padding-top:50px;
}
body{
    background:whitesmoke;
} 
.navbar{
    top:0;
    left:0;
    right:0;
}
.back-to-top-circle{
    position:fixed;
    z-index:2000000;
    bottom:20px;
    right:20px;
    width:50px;
    height:50px;
    border-radius:50%;
    color:rgb(255, 255, 255);
    border:none;
    outline:none;
    background:#0d00fa;
    text-align:center;
    opacity:0;
    cursor:pointer;
    visibility:visible;
    transition: all 0.6s ease-in-out;
}

.back-to-top-circle:hover{
    background:#ff3700;
       transform: translateY(-9px);
       color:#ffffff;
}

.shows{
    opacity:1;
}
.navbar{
    width:100%;
    height:100px;
    background-color: rgb(255, 230, 0);
}
.navbar .w-100 {
    width: 100%; /* Ensure full width */
    background-color: rgb(255, 230, 0);
   top:0;
   left:0;
   right:0;
    height:auto;
    display:flex;
    padding:0 30px;
    /* padding:0 20px; Background color for the navbar and menu */
  }
  .navbar-collapse {
    background-color: rgb(255, 230, 0); /* Background color for dropdown */
  }
  .navbar-nav .nav-link {
    color: black; /* Ensure good visibility of the text */
  }
  
  .navbar-nav .nav-link:hover {
    color: darkblue; /* Optional hover effect */
  }
  
.nav-item .nav-link .active{
    color:green;
}
.nav-item .nav-link{
    color:blue;
}
.nav-item .nav-link:hover{
    color:orangered;
}
/* .navbar{
    background: rgb(255, 230, 0);
    width:100%;
    padding:0 0px;
    top:0;
    left:0;
    right:0;
    height:100px;
} */
.w-100 a{
    text-decoration:none;
    display:inline-block;
}
.w-100 a h1{
    font-size:23px;
    font-weight:900;
    text-align: start;
    text-transform:capitalize;
    font-family:'Lobster', cursive;
    text-wrap:nowrap;
    letter-spacing:1.2px;
    color:transparent;
    background-image:url("./watch-images/heading-bg-img.png");
    background-repeat:repeat-x;
        -webkit-background-clip: text;
        -webkit-text-fill-color:transparent;
        font-family:'Lobster', cursive;
        animation:animates 3s ease-in-out; 
        animation:animate 3s linear infinite; 
}
@keyframes animate{
     0%{
         background-position:left 0px top 3px;
     }
     40%{
        background-position: left 800px top 3px;
    }     
} 
@keyframes animates{
    0%{
        opacity:0;
    }
}
/* .conatiner{
    display:flex;
} */
.container-fluid{
    display:flex;
    flex-flow:column nowrap;
    background:rgb(12, 12, 179);
    position:relative;
    max-width:100vw;
}
.container-fluid .watch-main{
    width:100%;
    height:100vh;
    z-index:1000;
    display:flex;
    flex-flow:column nowrap;
    padding-top:40px;
    justify-content:space-around;
    align-items:center;
}
.container-fluid .watch-main .watch-main-content{
   display:flex;
   flex-flow:column nowrap;
   align-items:center;
   justify-content:center;
}
.container-fluid .watch-main .watch-main-content h1{
    font-family:'poppins',sans-serif;
    font-weight:700;
    letter-spacing:1.3px;
    line-height:38px;
    color:rgb(255, 255, 255);
    font-size:28px;
    text-align:center;
    text-shadow:3px 0px 5px rgba(243, 14, 83, 0.5);
    margin-top:15px;
}
.container-fluid .watch-main .watch-main-content h1 #hai{
    color:orangered;
    text-shadow:none;
    font-size:30px;
    font-weight:900;
}
.container-fluid .watch-main .watch-main-content p{
    font-family:'roboto',sans-serif;
    font-weight:500;
    letter-spacing:1.0px;
    line-height:30px;
    color:rgb(255, 255, 255);
    font-size:16px;
    text-align:center;
    margin-top:20px;
    display:none;
}
.container-fluid .watch-main .watch-main-content h2{
    text-shadow:2px 0px 5px rgba(243, 14, 129, 0.5); 
    font-size:23px;
    font-weight:900;
    color:white;
    letter-spacing:1.0px;
    font-family:'Redressed',cursive;
    text-align:center;
    margin-top:20px;
}
.container-fluid .watch-main .watch-main-content h2 #emoji{
    font-size:22px;
    margin-right:8px;
    font-weight:500;
}
.container-fluid .watch-main .watch-main-content .btn{
    font-size:16px;
    font-family:'Roboto serif',sans-serif;
    font-weight:500;
    letter-spacing:1.2px;
    color:rgb(255, 255, 255);
    background:rgb(124, 95, 255);
    text-transform:capitalize;
    display:inline-block;
    text-align:center;
    box-shadow:3px 3px 2px rgb(248, 246, 247),
               -3px -3px 2px rgb(255, 187, 0);
    text-decoration:none;
    padding:10px 15px;
    border-radius:5px;          
}
.container-fluid .watch-main .watch-main-image{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    z-index:2000;
    width:min(100%,250px);
    height:min(100%,250px);
    padding:0px auto;
}
.container-fluid .watch-main .watch-main-image img{
    width:100%;
    height:100%;
    max-width:100%;
    height:auto;
    display:block;
    padding-top:25px;
    background-position:center;
    background-attachment: fixed;
}
.watch-main::before{
        position:absolute;
        content:'';
        bottom:0;
        left:0;
        width:100%;
        height:42%;
        border-radius:58%;
        border-bottom-left-radius:0px;
        border-bottom-right-radius:0px;
        background:#ff3300;
    }
/**offer**/
.offer{
    display:flex;
    flex-flow:column nowrap;
    margin-top:100px;  
    width:100vw;
    height:auto;
    padding:20px 0px;
    /* border:1px solid red; */
    align-items:center;
}
.offer h1{
    font-family:'poppins',sans-serif;
    font-size:24px;
    font-weight:900;
    text-align:center;
    text-transform:uppercase;
    color:rgb(121, 3, 91);
    letter-spacing:1.2px;
}
.offer h1 i{
    color:blue;
    font-size:26px;
    font-weight:bold;
    text-transform:capitalize;
}
.offer .offer-main{
    display:flex;
    flex-flow:column wrap;
    margin-top:60px;
}
.offer .offer-main .offer-image{
    position:relative;
    width:290px;
    height:310px;
   /*  border:1px solid red; */
    margin-left:auto;
    margin-right:auto;
}
.offer .offer-main .offer-image img{
    width:100%;
    max-width:100%;
    height:auto;
    display:block;
    padding:10px;
}
.offer .offer-main .offer-content{
    display:flex;
    flex-flow:column;
    max-width:500px;
    min-width:290px;
    margin-left:40px;
    margin-right:40px;
    height:auto;
    box-shadow:5px 10px 20px rgb(53, 53, 53);
    border:none;
    border-radius:15px;
    background:rgb(3, 253, 199);
    margin-top:30px;
}
.offer .offer-main .offer-content h1{
  margin-top:15px;
  font-size:20px;
  font-family:'poppins',sans-serif;
  font-weight:800;
  text-transform:capitalize;
  color:rgb(255, 38, 0);
  text-align:center;
}
.offer .offer-main .offer-content h2{
    font-size:16px;
    font-weight:500;
    color:rgb(0, 56, 56);
    margin-top:10px;
    letter-spacing:1.1px;
    text-align:center;
}
.offer .offer-main .offer-content .price{
    margin-top:10px;
    display:flex;
    flex-flow:column wrap;
    justify-content:center;
    align-items:center;
    margin-left:10px;
    margin-right:10px;
}
.offer .offer-main .offer-content .price h3{
    font-size:16px;
    font-weight:500;
    text-decoration:line-through;
    text-transform:uppercase;
    letter-spacing:1.2px;
    color:rgb(255, 100, 229);
}
.offer .offer-main .offer-content .price h2{
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.2px;
    color:rgb(10, 0, 97);
}
.offer .offer-main .offer-content p{
    font-size:14px;
    font-family:'poppins',sans-serif;
    font-weight:500;
    line-height:24px;
    margin:10px 20px 0px;
    color:rgb(255, 255, 255);
}
.offer .offer-main .offer-content .cir{
    display:flex;
    justify-content:space-around;
    margin-top:10px;
    padding-left:20px;
    padding-right:20px;
}
.offer .offer-main .offer-content .cir span{
    width:25px;
    height:25px;
    border-radius:25px;
}
.offer .offer-main .offer-content .cir span:nth-child(1){
    background:green;
}
.offer .offer-main .offer-content .cir span:nth-child(2){
    background:rgb(247, 222, 2);
}  
.offer .offer-main .offer-content .cir span:nth-child(3){
    background:rgb(2, 0, 116);
} 
.offer .offer-main .offer-content .cir span:nth-child(4){
    background:rgb(255, 94, 0);
} 
.offer .offer-main .offer-content .cir span:nth-child(5){
    background:rgb(202, 0, 118);
} 
.offer .offer-main .offer-content .tech{
    display:flex;
    flex-flow:column nowrap;
    margin-top:20px;
    background:rgb(255, 0, 98);
    border-top-left-radius:35px;
    border-top-right-radius:35px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    padding-bottom:10px;
}
.offer .offer-main .offer-content .tech h1{
    font-family:'poppins',sans-serif;
    font-weight:700;
    font-size:16px;
    text-transform:uppercase;
    color:rgb(28, 255, 103);
}
.offer .offer-main .offer-content .tech .techie{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
}
.offer .offer-main .offer-content .tech .tech1{
    display:flex;
    flex-flow:column nowrap;
    justify-content:space-around;
    align-items:center;
    align-content: space-around;
}
.offer .offer-main .offer-content .tech .tech1 h5{
    font-weight:500;
    font-size:14px;
    font-family:'poppins',sans-serif;
    color:rgb(255, 255, 255);
    text-transform:capitalize;
    margin-top:10px;
}
.offer .offer-main .offer-content .tech .tech1 img{
    width:32px;
    height:32px;
}
.offer .offer-main .offer-content .tech .tech2{
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
}
.offer .offer-main .offer-content .tech .tech2 h5{
    font-weight:500;
    font-size:16px;
    font-family:'poppins',sans-serif;
    color:rgb(255, 255, 255);
    text-transform:capitalize;
    margin-top:10px;
}
.offer .offer-main .offer-content .tech .tech2 img{
    width:32px;
    height:32px;
}
.offer .offer-main .offer-content .tech .tech3{
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
}
.offer .offer-main .offer-content .tech .tech3 h5{
    font-weight:500;
    font-size:16px;
    font-family:'poppins',sans-serif;
    color:rgb(255, 255, 255);
    text-transform:capitalize;
    margin-top:10px;
}
.offer .offer-main .offer-content .tech .tech3 img{
    width:32px;
    height:32px;
}
.offer .offer-main .offer-content .tech .tech4{
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
}
.offer .offer-main .offer-content .tech .tech4 h5{
    font-weight:500;
    font-size:16px;
    font-family:'poppins',sans-serif;
    color:rgb(255, 255, 255);
    text-transform:capitalize;
    margin-top:10px;
}
.offer .offer-main .offer-content .tech .tech4 img{
    width:32px;
    height:32px;
}
.offer .offer-main .offer-content .tech .tech5{
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
}
.offer .offer-main .offer-content .tech .tech5 h5{
    font-weight:500;
    font-size:16px;
    font-family:'poppins',sans-serif;
    color:rgb(255, 255, 255);
    text-transform:capitalize;
    margin-top:10px;
}
.offer .offer-main .offer-content .tech .tech5 img{
    width:32px;
    height:32px;
}
.offer .offer-main .offer-content .tech .tech6{
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
}
.offer .offer-main .offer-content .tech .tech6 h5{
    font-weight:500;
    font-size:16px;
    font-family:'poppins',sans-serif;
    color:rgb(255, 255, 255);
    text-transform:capitalize;
    margin-top:10px;
}
.offer .offer-main .offer-content .tech .tech6 img{
    width:32px;
    height:32px;
}
.offer .offer-main .offer-content .tech .tech7{
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
}
.offer .offer-main .offer-content .tech .tech7 h5{
    font-weight:500;
    font-size:16px;
    font-family:'poppins',sans-serif;
    color:rgb(255, 255, 255);
    text-transform:capitalize;
    margin-top:10px;
}
.offer .offer-main .offer-content .tech .tech7 img{
    width:32px;
    height:32px;
}
.offer .offer-main .offer-content .tech .tech8{
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
}
.offer .offer-main .offer-content .tech .tech8 h5{
    font-weight:500;
    font-size:16px;
    font-family:'poppins',sans-serif;
    color:rgb(255, 255, 255);
    text-transform:capitalize;
    margin-top:10px;
}
.offer .offer-main .offer-content .tech .tech8 img{
    width: 32px;
    height:32px;
}
/**contact us**/
.contactus{
    display:flex;
    flex-flow:column nowrap;
    margin-top:125px;
    width:90%;
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
    border-radius:10px;
    background:rgb(200, 200, 255);
}
.contactus .content{
    display:flex;
    flex-flow:column nowrap;
    padding:10px;
}
.contactus .content h4{
    font-size:16px;
    font-family:'poppins',sans-serif;
    font-weight:700;
    text-transform:capitalize;
    color:rgb(114, 0, 221);
    letter-spacing:1.2px;
    margin-left:10px;
    margin-top:10px;
}
.contactus .content h1{
    font-size:18px;
    font-family:'poppins',sans-serif;
    font-weight:800;
    text-transform:capitalize;
    color:rgb(0, 0, 0);
    letter-spacing:1.2px;
    margin-left:10px;
    margin-top:10px;
}
.contactus .content p{
    font-size:14px;
    font-family:'poppins',sans-serif;
    font-weight:500;
    color:rgb(255, 254, 254);
    text-align:justify;
    margin-left:10px;
    margin-top:10px;
    line-height:1.8;
}
.contactus .about{
    display:flex;
    flex-flow:column nowrap;
    margin-top:10px;
}
.contactus .about .locations{
    display:flex;
    flex-flow:row nowrap;
    padding:12px;
}
.contactus .about .locations img{
    padding:10px;
    border-radius:5px;
    background:blue;
    margin-right:10px;
}
.contactus .about .locations .locations-content{
    display:flex;
    flex-flow:column nowrap;
}
.contactus .about .locations .locations-content h2{
    text-transform:capitalize;
    font-size:16px;
    font-weight:500;
    color:orangered;
    font-family:'poppins',sans-serif;
    margin-left:10px;
}
.contactus .about .locations .locations-content p{
    font-size:14px;
    font-family:'poppins',sans-serif;
    color:black;
}
.contactus .about .mobiles{
    display:flex;
    flex-flow:row nowrap;
    padding:12px;
}
.contactus .about .mobiles img{
    padding:10px;
    border-radius:5px;
    background:blue;
    margin-right:15px;
}
.contactus .about .mobiles .mobiles-content{
    display:flex;
    flex-flow:column nowrap;
}
.contactus .about .mobiles .mobiles-content h2{
    text-transform:capitalize;
    font-size:16px;
    font-weight:500;
    color:orangered;
    font-family:'poppins',sans-serif;
    margin-left:5px;
}
.contactus .about .mobiles .mobiles-content p{
    font-size:14px;
    font-family:'poppins',sans-serif;
    color:black;
}
.contactus .about .emails {
    display:flex;
    flex-flow:row nowrap;
    padding:12px;
}
.contactus .about .emails img{
    padding:10px;
    border-radius:5px;
    background:blue;
    margin-right:10px;
}
.contactus .about .emails .emails-content{
    display:flex;
    flex-flow:column nowrap;
    overflow:hidden;
}
.contactus .about .emails .emails-content h2{
    text-transform:capitalize;
    font-size:16px;
    font-weight:500;
    color:orangered;
    font-family:'poppins',sans-serif;
    margin-left:10px;
}
.contactus .about .emails .emails-content p{
    font-size:14px;
    font-family:'poppins',sans-serif;
    color:black;
}
.contactus .form{
    display:none;
}
/**footer**/
.footer{
    display:flex;
    flex-flow:column wrap;
    margin-top:130px;
    justify-content:space-around;
    align-content:space-between;
    padding:20px 15px;
    width:100%;
    height:auto;
    background:rgb(255, 96, 56);
}
.footer .watch-footer-content{
    display:flex;
    flex-flow:column nowrap;
    align-content:space-between;
    padding-bottom:16px;
    border-bottom:2px dashed white;
}
.footer .watch-footer-content h3{
    font-size:18px;
    font-weight:700;
    color:rgb(0, 0, 175);
    text-transform:uppercase;
    letter-spacing:1.1px;
    font-family:'poppins',sans-serif;
    margin-top:15px;
}
.footer .watch-footer-content p span{
    color:rgb(74, 255, 74);
    font-weight:bold;
}
.footer .watch-footer-content p{
    font-size:14px;
    font-weight:400;
    color:white;
    letter-spacing:1.2px;
    margin-top:15px;
}
.footer .watch-footer-content .btn{
    font-size:14px;
    font-weight:700;
    letter-spacing:1.2px;
    font-family:'poppins',sans-serif;
    background:rgb(0, 0, 122);
    margin-top:15px;
}
.footer .watch-footer-navbar{
    display:block;
    margin-top:20px;
    border-bottom:2px dashed white;
    padding-bottom:12px;
}
.footer .watch-footer-navbar a{
    display:block;
    text-decoration:none;
    color:white;
    text-transform:capitalize;
    font-family:'poppins',sans-serif;
    font-size:16px;
    font-weight:700;
    letter-spacing:1px;
    padding:8px;
    transition: all 0.5s linear;
}
.footer .watch-footer-navbar a:hover{
    border-bottom:2px solid rgb(255, 251, 0);
    width:30%;
}
.footer .watch-footer-socialmedia{
    display:flex;
    flex-flow:column nowrap;
    margin-top:20px;
    border-bottom:2px dashed white;
    padding-bottom:14px;
}
.footer .watch-footer-socialmedia h4{
    color:rgb(95, 253, 22);
    text-transform:uppercase;
    letter-spacing:1.1px;
    font-family:'poppins',sans-serif;
    font-size:16px;
    font-weight:700;
}
.footer .watch-footer-socialmedia .social-icons{
    display:flex;
    justify-content:space-around;
    margin-top:12px;
}
.footer .watch-footer-contactaddress{
    display:flex;
    flex-flow:column nowrap;
    margin-top:20px;
}
.footer .watch-footer-contactaddress h4{
    color:rgb(250, 172, 4);
    text-transform:uppercase;
    letter-spacing:1.1px;
    font-family:'poppins',sans-serif;
    font-size:16px;
    font-weight:700;
}
.footer .watch-footer-contactaddress .address{
    display:flex;
    flex-flow:column nowrap;
    margin-top:13px;
    margin-left:14px;
}
.footer .watch-footer-contactaddress .address address{
    color:whitesmoke;
}
.footer .watch-footer-contactaddress .address li{
    list-style-type:none;
}
.footer .watch-footer-contactaddress .address .email{
    display:flex;
    flex-flow:row nowrap;
    margin-top:12px;
    align-items:center;
}
.footer .watch-footer-contactaddress .address .email li a{
    text-decoration:none;
    color:white;
}
.footer .watch-footer-contactaddress .address .web{
    display:flex;
    flex-flow:row nowrap;
    margin-top:12px;
    align-items:center;
}
.footer .watch-footer-contactaddress .address .web li a{
    text-decoration:none;
    color:rgb(12, 0, 117);
}

.footer .watch-footer-contactaddress .address .phone{
    display:flex;
    flex-flow:row nowrap;
    margin-top:14px;
}
.footer .watch-footer-contactaddress .address .phone li a{
    text-decoration:none;
    color:white;
}

    /**media queries**/
    @media screen and (max-width:991px){
        .navbar .w-100 {
            background-color: rgb(255, 230, 0);
            justify-content:space-between;/* Your navbar background color */
            padding:0 15px;
          }
          
          .navbar-collapse {
            background-color: rgb(255, 230, 0); /* Same as navbar for consistency */
            position: absolute;/* Position it below the navbar */
            width: 100%; /* Full width */
            z-index: 1000;
            left:0;
            right:0; /* Ensure it appears above other content */
            margin-top:45px;
            padding:20px 30px;
          }
          
          .navbar-nav {
            flex-direction: column; /* Stack items vertically */
          }
          
          .nav-item {
            width: 100%; /* Make nav items full width */
          }
          
          .nav-link {
            padding: 15px; /* Adjust padding for better spacing */
            text-align: center; /* Center the text if desired */
          }
          
    }
    @media screen and (max-width:768px){
        .offer .offer-main .offer-content .tech .tech1 img{
            width:30px;
            height:30px;
        }
        .offer .offer-main .offer-content .tech .tech2 img{
            width:30px;
            height:30px;
        }
        .offer .offer-main .offer-content .tech .tech3 img{
            width:30px;
            height:30px;
        }
        .offer .offer-main .offer-content .tech .tech4 img{
            width:30px;
            height:30px;
        }
        .offer .offer-main .offer-content .tech .tech5 img{
            width:30px;
            height:30px;
        }
        .offer .offer-main .offer-content .tech .tech6 img{
            width:30px;
            height:30px;
        }
        .offer .offer-main .offer-content .tech .tech7 img{
            width:30px;
            height:30px;
        }
        .offer .offer-main .offer-content .tech .tech8 img{
            width:30px;
            height:30px;
        }
        .offer .offer-main .offer-content .tech .tech8 h5{
            font-size:14px;
            font-weight:500;
        }
        .offer .offer-main .offer-content .tech .tech8 h5{
            font-size:14px;
            font-weight:500;
        }
        .offer .offer-main .offer-content .tech .tech7 h5{
            font-size:14px;
            font-weight:500;
        }
        .offer .offer-main .offer-content .tech .tech6 h5{
            font-size:14px;
            font-weight:500;
        }
        .offer .offer-main .offer-content .tech .tech5 h5{
            font-size:14px;
            font-weight:500;
        }
        .offer .offer-main .offer-content .tech .tech4 h5{
            font-size:14px;
            font-weight:500;
        }
        .offer .offer-main .offer-content .tech .tech3 h5{
            font-size:14px;
            font-weight:500;
        }
        .offer .offer-main .offer-content .tech .tech2 h5{
            font-size:14px;
            font-weight:500;
        }
        .offer .offer-main .offer-content .tech .tech1 h5{
            font-size:14px;
            font-weight:500;
        }
    }
    @media screen and (max-width:399px){
        .container-fluid .watch-main .watch-main-content{
            padding:0px 0;
        }
        .container-fluid .watch-main .watch-main-content h1{
            margin-top:0px;
            font-size:22px;
        }
        .container-fluid .watch-main .watch-main-content h2{
            margin-top:10px;
            font-size:18px;
        }
    }
    @media screen and (min-width:400px){
        .contactus{
            width:81%;
        }
        .container-fluid .watch-main .watch-main-content{
           padding:0px 20px 0px;
       }
        .container-fluid .watch-main .watch-main-content p{
            display:block;
            margin-top:10px;
        }
        .container-fluid .watch-main .watch-main-content h1{
            margin-top:5px;
        }
        .container-fluid .watch-main .watch-main-content h2{
            margin-top:10px;
        }
        .container-fluid .watch-main .watch-main-content .btn{
           margin:10px 0 30px;
        }
        .container-fluid .watch-main .watch-main-image{
            width:285px;
            height:285px;
            position:relative;
            z-index:3000;
        }
        .watch-main::before{
            position:absolute;
            content:'';
            bottom:-80px;
            left:0;
            right:0;
            width:100%;
            height:35%;
            background:#ff3300;
            border-radius: 58%;
           border-bottom-left-radius: 0px;
           border-bottom-right-radius: 0px;
        }
        .offer{
            margin-top:160px;
        }
    }
    @media screen and (min-width:490px){
        .watch-main::before{
        bottom:-40px;
        left:0;
        right:0;
        width:100%;
        height:37%;
        }
        .offer{
            margin-top:120px;
        }
    }
    /**small device**/
    @media screen and (min-width:576px){
        .contactus{
            width:75%;
        }
        .watch-main::before{
            bottom:-20px;
            left:0;
            right:0;
            width:100%;
            height:40%;
            }
            .offer{
                margin-top:100px;
            }
            .footer{
            margin-left:auto;
            margin-right:auto;
            display:block;
            padding-left:30px;
            padding-right:30px;
        }
        .footer .watch-footer-content .btn{
            width:80%;
        }
        .footer .watch-footer-navbar a:hover{
           transform: translateX(0px);
        }
    }
    /**medium device**/
    @media screen and (min-width:768px){
        .container-fluid .watch-main .watch-main-content h1{
            margin-top:0px;
        }
        .watch-main::after{
            position:absolute;
            content:'';
            top:0;
            right:0;
            width:40%;
            height:100%;
            border-radius:60%;
            border-top-right-radius:0px;
            border-bottom-right-radius:0px;
            background:#ff3300;
        }
        .watch-main::before{
            display:none;
        }
        .container-fluid{
            max-height:75vh;
        }
        .container-fluid .watch-main{
            display:flex;
            flex-flow:row nowrap;
            max-width:100%;
            justify-content:space-around;
            padding:0px 4%;
        }
        .container-fluid .watch-main .watch-main-content{
            display:flex;
            flex-flow:column nowrap;
            align-items:center;
            max-width:60%;
            margin-top:0px;
            padding:40px 0px;
        }
        .container-fluid .watch-main .watch-main-image{
            width:320px;
            height:320px;
            position:relative;
            z-index:3000;
        }
        .container-fluid  .watch-main .watch-main-image img{
            width:100%;height:100%;position:absolute;z-index:3000;
        
        }
        .offer .offer-main{
            display:flex;
            flex-flow:row nowrap;
            max-width:90%;
            border:none;
            border-radius:20px;
            box-shadow:5px 10px 30px rgb(41, 41, 41);
            justify-content:space-between;
            margin-left:auto;
            align-items:center;
            margin-right:auto;
            padding-bottom:30px;
        }
        .offer .offer-main .offer-image{
            width:300px;
            height:330px;
        }
        .offer .offer-main .offer-image img{
            width:100%;
            height:100%;
            max-width:100%;
            height:auto;
            display:block;
        }
        .offer .offer-main .offer-content{
            height:auto;
            max-width:50%;
        }
        .offer .offer-main .offer-content .cir span{
             width:18px;
             height:18px;
        }
        .offer .offer-main .offer-content .tech .techie img{
            width:28px;
            height:28px;
        }
        .offer .offer-main .offer-content .tech .techie h5{
            font-size:14px;
            font-weight:500;
        }
        .offer .offer-main .offer-content .price{
            display:flex;
            flex-flow:row nowrap;
            justify-content:space-around;
            align-items:center;
        }
        .footer .first{
            display:flex;
            flex-flow:row nowrap;
            justify-content:space-around;
            padding:0 35px;
        }
        .footer .first .watch-footer-content{
            width:50%;
        }
        .footer .watch-footer-content .btn{
            width:100%;
        }
        .footer .first .watch-footer-navbar{
            margin-top:0px;
            width:50%;
            text-align:center;
        }
        .footer .watch-footer-socialmedia{
            text-align:center;
        }
        .footer .watch-footer-contactaddress{
            text-align:center;
        }
    }
    /**large devices**/
    @media screen and (min-width:992px){
        .container-fluid .watch-main .watch-main-content .btn {
            margin: 0px;
        }
        .contactus{
            min-width:100%;
            display:flex;
            padding:20px 40px;
            justify-content:space-around;
            flex-flow:row nowrap;
            align-items:center;
        }
         .contactus .content{
           
        }
        .contactus .content p{
            margin-right:15px;
        }
        .contactus .form{
            height:500px;
            background:blue;
            border-radius:5px;
            display:block;
            padding:50px 50px;
            position:relative;
        }
       /*  .contactus .form::before{
            content:'';
            position:absolute;
            top:-12px;
            overflow:hidden;
            right:-50px;
            border-radius:50%;
            width:100px;
            height:100px;
            background:yellow;
        }
        .contactus .form::after{
            content:'';
            position:absolute;
            bottom:-12px;
            overflow:hidden;
            left:-50px;
            border-radius:50%;
            width:100px;
            height:100px;
            background:yellow;
        } */
        .contactus .form #name{
            padding:12px;
            width: 100%;
        }
        .contactus .form #email{
            padding:12px;
            width: 100%;
            margin-top:20px;
        }
        .contactus .form #phone{
            padding:12px;
            width: 100%;
            margin-top:20px;
        }
        .contactus .form input{
            border-radius:5px;
            padding:12px 18px;
            border:none;
            outline:none;
        }
        .contactus .form #submit{
            width:100%;
            background:orangered;
            color:white;
            padding:12px;
            text-align:center;
            margin-top:20px;
            font-weight:500;
            font-family:'poppins',sans-serif;
            font-size:14px;
            text-transform:capitalize;
            letter-spacing:1.1px;
            border:none;
            outline:none;
        }
        .contactus .form textarea{
            border-radius:5px;
            margin-top:20px;
            width:100%;
            padding:12px;
            font-size:12px;
            font-family:'poppins',sans-serif;
            letter-spacing:1.2px;
            color:rgb(182,182,182);
        }
        .contactus .form input::placeholder{
            color:rgb(182, 182, 182);
            font-size:12px;
            font-weight:500;
            font-family:'poppins',sans-serif;
            letter-spacing:1.2px;
        }
        .watch-main::after{
            position:absolute;
            content:'';
            top:0;
            right:0;
            width:33%;
            height:100%;
            border-radius:67%;
            border-top-right-radius:0px;
            border-bottom-right-radius:0px;
            background:#ff3300;
        }
        .container-fluid{
            max-height:80vh;
        }
        .container-fluid .watch-main{
            display:flex;
            flex-flow:row nowrap;
            max-width:100%;
            justify-content:space-around;
            padding:0px 15%;
        }
        .container-fluid .watch-main .watch-main-image{
            width:350px;
            height:350px;
            position:relative;
            z-index:3000;
        }
        .container-fluid  .watch-main .watch-main-image img{
            width:100%;height:100%;position:absolute;z-index:3000;
        
        }
        .footer{
            display:flex;
            flex-flow:row nowrap;
            padding-left:40px;
            left:0;
        }
        .footer .first{
            padding:0px 0px;
            width:50%;
            position:relative;
            border:none;
        }
        .watch-footer-navbar{
            margin-top:10;
        }
        .watch-footer-navbar{
            width:20%;
        }
        .footer .first .watch-footer-content{
            border-bottom:none;
        }
        .footer .first .watch-footer-navbar{
            border-bottom:none;
        }
        .watch-footer-content{
            width:25%;
        }
        .footer .watch-footer-socialmedia{
            border-bottom:none;
            text-align:start;
            width:25%;
            margin:0px;
            padding-top:12px;
        }
        .footer .watch-footer-socialmedia h4{
            margin-left:15px;
        }
        .footer .watch-footer-contactaddress{
            border-bottom:none;
            width:25%;
            margin:0px;
            padding-top:12px;
            margin-right:20px;
        }
        .footer .watch-footer-contactaddress address{
            padding:10px 15px;
        }
    }
    /**large device*/
    @media screen and (min-width:1100px){
        .contactus{
            min-width:90%;
            margin-left:auto;
            margin-right:auto;
            padding:40px 10%;
        }
        .watch-main::after{
            position:absolute;
            content:'';
            top:0;
            right:0;
            width:30%;
            height:100%;
            border-radius:70%;
            border-top-right-radius:0px;
            border-bottom-right-radius:0px;
            background:#ff3300;
        }
        .container-fluid{
            max-height:85vh;
        }
        .container-fluid .watch-main{
            display:flex;
            flex-flow:row nowrap;
            max-width:100%;
            justify-content:space-around;
            padding:0px 17%;
        }
    }