@media screen and (min-width: 992px){
    .background-linear{
        height: 150px;
        background: linear-gradient(50deg, #fa118d, #fe068a, #fc078a, #bf0066);
        background-size: 300% 300%;
        animation: color 12s ease-in-out infinite; /* referring directly to the animation's @keyframe declaration */
      animation-duration: 5s;
    }}
    @media screen and (max-width: 992px){
        .background-linear{
            height: 140px;
            background: linear-gradient(50deg, #fa118d, #fe068a, #fc078a, #bf0066);
            background-size: 300% 300%;
            animation: color 12s ease-in-out infinite;
        }}
    
    @media screen and (max-width: 615px){
        .background-linear{
            height: 130px;
            background: linear-gradient(50deg, #fa118d, #fe068a, #fc078a, #bf0066);
            background-size: 300% 300%;
            animation: color 12s ease-in-out infinite;
        }}
        
        @media screen and (max-width: 450px){
            .background-linear{
                height: 115px;
                background: linear-gradient(50deg, #fa118d, #fe068a, #fc078a, #bf0066);
                background-size: 300% 300%;
                animation: color 12s ease-in-out infinite;
            }}
    
            @media screen and (max-width: 400px){
                .background-linear{
                    height: 100px;
                    background: linear-gradient(50deg, #fa118d, #fe068a, #fc078a, #bf0066);
                    background-size: 300% 300%;
                    animation: color 12s ease-in-out infinite;
                }}
            
    
    @keyframes color{
        0%{
            background-position: 0 50%;
        }
        50%{
            background-position: 100% 50%;
        }
        100%{
            background-position: 0 50%;
        }
    }
    
    
    
    
    .affix {
        top: 0;
        width: 100%;
        z-index: 9999 !important;
        background-color: rgba(0, 0, 0, 0.841);
      }
    
      .affix + .container-fluid {
        padding-top: 70px;
      }
    
    
    
    
    @media screen and (min-width: 992px){
    .h1-naughty-call-girl-in-noida{
        text-align: center;
        color:  rgba(233, 187, 79, 1);
        font-weight: bolder;
        font-size: 62px;
        padding-top: 20px;
        font-family: sans-serif;
        margin-top: 0px;
        font-style: italic;
        text-transform: uppercase;
        -webkit-text-stroke: #fff;
        text-shadow: 2px 2px 10px brown;
        transition: all 0.5s ease-in-out;
        animation: flicker 0.5s ease-in-out infinite alternate;
    
    
    }}
    
    @media screen and (max-width: 992px){
        .h1-naughty-call-girl-in-noida{
            text-align: center;
            color:  rgba(233, 187, 79, 1);
            font-weight: bolder;
            font-size: 38px;
            padding-top: 35px;
            margin-top: 0px;
            font-family: sans-serif;
            font-style: italic;
        text-transform: uppercase;
        -webkit-text-stroke: #fff;
        text-shadow: 2px 2px 10px brown;
        transition: all 0.5s ease-in-out;
        animation: flicker 0.5s ease-in-out infinite alternate;
        }}
    
        @media screen and (max-width: 615px){
            .h1-naughty-call-girl-in-noida{
                text-align: center;
                color:  rgba(233, 187, 79, 1);
                font-weight: bolder;
                font-size: 30px;
                padding-top: 35px;
                margin-top: 0px;
                font-family: sans-serif;
                font-style: italic;
        text-transform: uppercase;
        -webkit-text-stroke: #fff;
        text-shadow: 2px 2px 10px brown;
        transition: all 0.5s ease-in-out;
        animation: flicker 0.5s ease-in-out infinite alternate;
            }}
    
            @media screen and (max-width: 500px){
                .h1-naughty-call-girl-in-noida{
                    text-align: center;
                    color:  rgba(233, 187, 79, 1);
                    font-weight: bolder;
                    font-size: 25px;
                    padding-top: 30px;
                    margin-top: 0px;
                    font-family: sans-serif;
                    font-style: italic;
        text-transform: uppercase;
        -webkit-text-stroke: #fff;
        text-shadow: 2px 2px 10px brown;
        transition: all 0.5s ease-in-out;
        animation: flicker 0.5s ease-in-out infinite alternate;
                }}
    
                @media screen and (max-width: 400px){
                    .h1-naughty-call-girl-in-noida{
                        text-align: center;
                        color:  rgba(233, 187, 79, 1);
                        font-weight: bolder;
                        font-size: 20px;
                        padding-top: 30px;
                        margin-top: 0px;
                        font-family: sans-serif;
                        font-style: italic;
        text-transform: uppercase;
        -webkit-text-stroke: #fff;
        text-shadow: 2px 2px 10px brown;
        transition: all 0.5s ease-in-out;
        animation: flicker 0.5s ease-in-out infinite alternate;
                    }}
                    @media screen and (max-width: 340px){
                        .h1-naughty-call-girl-in-noida{
                            text-align: center;
                            color:  rgba(233, 187, 79, 1);
                            font-weight: bolder;
                            font-size: 21px;
                            padding-top: 32px;
                            margin-top: 0px;
                            font-family: sans-serif;
                            font-style: italic;
        text-transform: uppercase;
        -webkit-text-stroke: #fff;
        text-shadow: 2px 2px 10px brown;
        transition: all 0.5s ease-in-out;
        animation: flicker 0.5s ease-in-out infinite alternate;
                        }}
    
                        @media screen and (min-width: 992px){
                            .font-naughty-call-girl-in-noida{
                                text-align: center;
                                color:  white;
                                font-weight: bolder;
                                font-size: 20px;
                                font-family: sans-serif;
                            }}
    
                            @media screen and (max-width: 992px){
                                .font-naughty-call-girl-in-noida{
                                    text-align: center;
                                    color:  white;
                                    font-weight: bolder;
                                    font-size: 15px;
                                    font-family: sans-serif;
                                }}
    @media screen and (min-width: 992px){
    .noida-call-girls{
        font-weight: bolder;
        font-size: 25px;
    }}
    
    @media screen and (max-width: 992px){
        .noida-call-girls{
            font-weight: bolder;
            font-size: 17px;
        }}
    
       

    /* <===========logo============> */

    @media screen and (min-width: 1440px){
        .logo2{
           width: 5%;
           margin-bottom: 10px;
           
            
        }
    }

    @media screen and (max-width: 1440px){
        .logo2{
           width: 6%;
           margin-bottom: 13px;
          
            
        }
    }
    @media screen and (max-width: 1250px){
        .logo2{
           width: 6.5%;
           margin-bottom: 12px;
          
            
        }
    }

    @media screen and (max-width: 1100px){
        .logo2{
           width: 7%;
           margin-bottom: 12px;
          
            
        }
    }
    @media screen and (max-width: 1050px){
        .logo2{
           width: 7.5%;
           margin-bottom: 12px;
          
            
        }
    }
    @media screen and (max-width: 992px){
        .logo2{
           width: 5%;
           margin-bottom: 7px;
          
            
        }
    }

    @media screen and (max-width: 900px){
        .logo2{
           width: 6%;
           margin-bottom: 7px;
          
            
        }
    }

    @media screen and (max-width: 700px){
        .logo2{
           width: 7%;
           margin-bottom: 5px;
          
            
        }
    }

    @media screen and (max-width: 500px){
        .logo2{
           width: 7%;
           margin-bottom: 3px;
          
            
        }
    }

    /* <===========logo============> */











    @media screen and (min-width: 1200px){
        .navbar-home-noida{
            font-weight: bold;
            font-size: 18px;
            
        }
    }

    @media screen and (max-width: 1200px){
    .navbar-home-noida{
        font-weight: bold;
        font-size: 15px;
        
    }
}

@media screen and (max-width: 992px){
    .navbar-home-noida{
        font-weight: bold;
        font-size: 13px;
        
    }
}
    
        .navbar-number{
            border: 3px solid rgb(219, 8, 8);
            border-radius: 8px;
            font-size: 18px;
            font-weight: bold;
    
        }


        @media screen and (min-width: 992px){
        .h1-ruby-rate-list{
            color: white;
            text-align: center;
            font-weight: bold;
        }
    }

    @media screen and (max-width: 992px){
        .h1-ruby-rate-list{
            color: white;
            text-align: center;
            font-weight: bold;
            font-size: 18px;
        }
    }
    .h1-ruby-rate-list:hover{
        color: rgb(251, 2, 251);
    }

    
    @media screen and (min-width: 992px){
        .p-ruby-rate-list{
            color: gray;
            text-align: center;
            font-size: 19px;
           
        }
    }

    @media screen and (max-width: 992px){
        .p-ruby-rate-list{
            color: gray;
            text-align: center;
            font-size: 12px;
        }
    }
    .p-ruby-rate-list:hover{
        color: goldenrod;
    }

    @media screen and (min-width: 992px){
        .h3-ruby-rate-list{
            color: goldenrod;
            text-align: center;
            font-weight: bold;
           
        }
    }

    @media screen and (max-width: 992px){
        .h3-ruby-rate-list{
            color: goldenrod;
            text-align: center;
            font-size: 15px;
            font-weight: bold;
        }
    }
    @media screen and (min-width: 992px){
    .college-girl-rate{
        color: rgb(246, 205, 246);
            text-align: center;
            font-size: 25px;
    }
}

@media screen and (max-width: 992px){
    .college-girl-rate{
        color: white;
            text-align: center;
            font-size: 15px;
    }
}




@media screen and (min-width: 1200px){
    .footer{
    background-color: goldenrod;
    height: 120px;
    text-align: center;
}
}
@media screen and (max-width: 1200px){
.footer{
background-color: goldenrod;
height: 150px;
text-align: center;
}
}
@media screen and (max-width: 992px){
.footer{
background-color: goldenrod;
height: 250px;
text-align: center;
}
}

@media screen and (max-width: 310px){
    .footer{
    background-color: goldenrod;
    height: 300px;
    text-align: center;
    }
    }



.footer-link{
    text-align: center;
   font-size: 25px;
   font-weight: bold;
   font-family: 'Times New Roman', Times, serif;
}



@media screen and (min-width: 992px){
    .first-content-rates-p1{
        color: white;
        font-weight: bold;
        color:  red;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 40px;
    }
}

@media screen and (max-width: 992px){
    .first-content-rates-p1{
        color: white;
        font-weight: bold;
        color:  red;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 30px;
    }
}

@media screen and (max-width: 650px){
    .first-content-rates-p1{
        color: white;
        font-weight: bold;
        color:  red;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 25px;
    }
}

@media screen and (max-width: 470px){
    .first-content-rates-p1{
        color: white;
        font-weight: bold;
        color:  red;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 20px;
    }
}

@media screen and (max-width: 400px){
    .first-content-rates-p1{
        color: white;
        font-weight: bold;
        color:  red;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 18px;
    }
}
@media screen and (min-width: 992px){
.canvaimg{
    margin-bottom: 40px;
}
}

@media screen and (max-width: 992px){
    .canvaimg{
        margin-bottom: 10px;
    }
    }