html{
    scroll-behavior: smooth;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    color: #f5f5f5
}
.mainbody {
    background-color: white;
    height: auto;
    padding-bottom: 20px;
    box-sizing: border-box;
}
a {
    text-decoration: none;
    color: #e6e600;
    font-size:16px;
}
a:hover{
    text-decoration: none;
}
b{
    font-weight: lighter !important;
    color: #332600;
    font-size:16px;
}
strong {
    color: black;
    text-transform: capitalize;
    word-spacing: inherit
}

hr {
    color: #060613;
    width: 30%;
    margin: auto
}
.spin {
    color: black;
    font-family: 'Arvo', serif;
}
.lazyloading{
    opacity: 0;
}
.lazyloaded{
    opacity: 1;
    transition: 1s;
}
/* navsec1 */
.navsec1{
    background-color: black;
    width: 100%;
    height: auto;
    padding: 10px 0px;
}
.navsec1 p {
    font-family: 'Arvo', serif;
    font-size:18px;
}
/* marquee */
marquee {
    max-width: 100%;
    height: auto;
    padding: 5px 0px !important;
    color: #006bb3 !important;
    font-family: 'Arvo', serif;
}
.marqu h2{
    font-size: x-large !important;
}

/* navsec2 */
.menu{
    background-color: white;
    width: 100%;
    height: auto;
    color: black;
    margin: 0px !important;
    padding: 20px 0px !important;
    border-bottom: 2px solid black;
}
.navlist{
    margin-right: 4px !important;
}
.navlist li a {
    text-decoration: none;
    font-family: 'Josefin Slab', serif;
    font-weight:bold;
    color:black !important ;
    font-size: 18px;
}
.navlist1 {
    background-color: #e60000;
    border-radius: 10px;
}
.navlist a:hover {
    background-color: #e60000 !important;
    border-radius: 10px;
}

.link-list a:hover {
    color: #000!important;
    background-color: #e60000 !important;
}
/* navsec3 */
.slider{
    background-color: black;
    width: 100%;
    height: auto;
}
.carouslimg img {
    width: 100%;
    height: 450px;
    margin-top: 10px!important;
    margin-bottom: 20px;
    border-bottom: 7px solid white;
    border-top: 2px solid white;
}
.carouslimg h3 {
    color: #b30000;
    font-size:30px;
    font-family: 'Arvo', serif;
}

.carouslimg p {
    font-size:22px;
}
.iconh {
    color: white;
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.mn:active{
    background-color: black !important;
}
.mn img{
    width: 100%;
    height: 70px;
    border: 1px solid black;
}
/* second container body */
.body1{
    box-shadow: 5px 10px 5px 10px whitesmoke;
    margin: 10px 0px;
    width: 100%;
    height: auto;
}
/* icon body */
.icons{
    position: fixed;
    top: 40%;
    left: 0%;
    width: 135px;
    display: flex;
    flex-direction: column;
}
.icons a{
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px;
    font-size: 15px;
    margin:2px;
    text-align: right;
    border-radius: 0px 50px 50px 0px;
    transform: translate(-90px,0px);
    transition: all 0.5s;
}
.icons a:hover{
   transform: translate(0px,0px);
   text-decoration: none;
   color:white ;
}
.icons a:hover i{
   transform: rotate(360deg);
}
.icons a i{
   margin-left: 10px;
   background-color: white;
   height: 25px;
   width: 25px;
   color: black;
   text-align: center;
   line-height: 25px;
   border-radius: 50%;
   transition: all 0.5s;
}
.icons a i.fa-facebook{
   color:#2c80d3 ;
}
.icons a i.fa-twitter{
   color:#53c5ff ;
}
.icons a i.fa-youtube{
   color:#fa0910 ;
}
.icons a i.fa-instagram{
      color:#125688 ;
}
.icons a i.fa-reddit{
       color:#ff5700 ;
}
.facebook{
    background-color: #2c80d3;
    color: white;
}
.twitter{
   background-color: #53c5ff;
   color: white;
}
.youtube{
   background-color: #fa0910;
   color: white;
}
.reddit{
   background-color: #ff5700;
   color: white;   
}
.instagram{
    background-color: #125688;
    color: white;
}
/* text-1 body */
.text-1-body {
    color: #080114;
    background-color:white;
    width: 100%;
    height: auto;
    padding: 10px 0px;
}
.text-1-body h1 {
    font-family: 'Arvo', serif;
    font-weight: bold;
    font-size:35px;
}
.text-1-body p {
    color: #332600;
    font-size:16px;
    line-height: 1.8;
}
/* card body */
.cardbody {
    padding: 30px 0;
    height: auto;
}
.cardbody h4 {
    color: #e5e5ec;
    font-weight: bold;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px #000;
    text-shadow: 2px 2px 5px #0d0725;
    margin-top: 7px!important;
    text-transform: inherit!important;
    font-size: 18px;
}

.amit {
    background-color: white!important
}
.amit img{
    max-width: 100%;
}

.textani {
    font-family: 'Arvo', serif;
    animation: escort 2s infinite linear
}

@keyframes escort {
    0% {
        text-shadow: 2px 2px 5px #0d0725;
        color: #141414;
    }
    25% {
        text-shadow: 3px 3px 6px #0d0725;
        color: #004d00;
    }
    50% {
        text-shadow: 4px 4px 7px #0d0725;
        color: #3d3d29;
    }
    100% {
        text-shadow: 5px 5px 8px #0d0725;
        color: #4d2600;
    }
}
.textani1{
    color: #1a0000;
}
.cardimg:hover{
    width: 95% !important;
}
/* text-2 body */
.text-2-body {
    background-color:#ffffff;
    width: 100%;
    height: auto;
    padding: 5px 0px;
}
.text-2-body h3 {
    color: black;
    font-weight: bold;
    font-family: 'Arvo', serif;
    font-size:27px;
}
.text-2-body h2{
    color: black;
    font-weight: bold;
    font-family: 'Arvo', serif;
    font-size:27px;
}
.text-2-body p{
    font-size:16px;
    line-height: 1.8;
    color: #3d3d29;
}
.text-2-body a {
    text-decoration: none;
}
/* girls talk body */
.girlsbody{
    width: 100%;
    height: auto;
    padding: 10px 0px;
    background-color: black;
}
.girlsbody h4{
    color: whitesmoke;
    font-weight: bold;
    text-align: center;
    font-family: 'Arvo', serif;
    font-size:30px;
    padding-bottom: 20px;
}
.age{
    color: #b30000;
}
.crt{
    padding: 15px 0px;
}
.crt p{
    font-size:18px;
    line-height: 1.5;
}
.crt1{
    background-color: black !important;
}
.girlsbody strong{
    color: blue !important;
    font-size:18px;
}
/* pic-1 bodynew */
.pic1{
    width: 100%;
    height: auto;
    padding: 20px 0px;
    background-color:  black;
}
.pic1 h4{
    color: whitesmoke;
    font-weight: bolder;
    font-family: 'Arvo', serif;
    text-align: center;
    padding-bottom: 15px;
    font-size:30px;
}
.pic1row{
    padding: 5px 0px;
}
.pic1row strong{
    color: #00e600;
}
.flip-card {
    width: 300px;
    height: 300px;
    perspective: 1000px;
    box-sizing: border-box;
  }
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-card-front {
    color: black;
  }
  .flip-card-front img{
      width: 300px;
      height: 300px;
  }
  .flip-card-back {
    background-color: #2980b9;
    color: white;
    transform: rotateY(180deg);
    padding-top: 20px;
}
/* custumber body */
.name{
    background-color: black;
    width: 100%;
    height: auto;
    padding: 20px 0px;
}
.carouslimg1{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.carouslimg1 strong{
    color: yellow !important;
    font-size: 16px;
}
.name h5 {
    color: whitesmoke;
    font-weight: bolder;
    font-family: 'Arvo', serif;
    font-size:25px;
}

.carouslimg1 p {
    color: #fdf4fb;
    font-weight: bold;
    font-size: 16px;
}
/* number body */
.number-body {
    background-color: black;
    height: auto;
    padding: 50px 0;
    margin-top: 10px!important;
    font-family: 'Arvo', serif;
}

.number-body h6 {
    color: whitesmoke;
    font-size:22px;
}

.number-body a {
    text-decoration: none;
    color: whitesmoke;
    font-size: 22px;
}

.number-body a:hover {
    text-decoration: none;
    color: whitesmoke
}
/* link body */
.link-body {
    background-color: black;
    padding: 20px 0;
    height: auto;
}

.link-body li {
    padding: 2px;
    margin: 2px ;
}

.link-body li a {
    text-decoration: none;
    color: #f5f5f5;
    font-family: Cookie, cursive;
    font-size: 22px
}

.link-body li a:hover {
    color: #b30000
}
/* text-3 body */
.text-3-body {
    color: #080114;
    background-color:white;
    width: 100%;
    height: auto;
    padding: 10px 0px;
}

.text-3-body h1 {
    font-weight: 700;
    font-family: 'Arvo', serif;
    font-size:35px;
}

.text-3-body p {
    text-align: justify;
    color: #332600;
    font-size: 16px;
    line-height: 1.8;
}
.text-3-body h6{
    font-family: 'Arvo', serif;
    font-weight: bold;
    font-size:25px;
}
/* Footer body */
.ft-img {
    background-color: black;
    width: 100%;
    height: auto;
    padding: 15px 0;
}
.ft{
    color: whitesmoke;
    text-decoration: none;
}
/*gallery body */
.gallery {
    color: #080114;
    background-color: white;
    width: 100%;
    height: auto;
    padding: 20px 0;
}
.gallery h1{
    font-family: 'Arvo', serif;
    font-size: 30px;
    font-weight: bold;
}
.gallery h6 {
    color: #000
}
.gallery p{
    color: #332600;
    font-size:16px;
    line-height: 1.8;
}
.list {
    background-color: white!important;
    color: black;
    font-weight: 700
}

.list1 {
    background-color: black!important;
    color: white;
    font-weight: 700
}
/*rate body */
.rate {
    background-color: black;
    padding: 30px 0;
    height: auto;
    border-bottom: 5px solid #000;
    border-top: 5px solid #000
}

.rate h3 {
    padding: 10px 0px;
    text-align: center;
    color: whitesmoke;
    font-weight: 700;
    font-family: 'Arvo', serif;
    font-size: 30px;
}

.rate-r {
    margin: 10px 0
}

.mn {
    background-color: maroon
}

.th {
    background-color: #ff8080;
    font-family: great vibes, cursive;
    color: #00004d
}

tr {
    font-family: great vibes, cursive
}
/*about-us body */
.formi{
    color: #080114;
    background-color:white;
    width: 100%;
    height: auto;
    padding: 5px 0px;
}
.formi h4{
    font-size: 30px;
    font-weight: bold;
    font-family: 'Arvo', serif;
    color: black;
}
.formi1{
    color: #080114;
    font-weight: bold;
}
/*faq body */
.faqsec {
    background-color: white;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    padding-top: 30px;
}

.faqsec h2 {
    margin: 20px 30px;
    color: black;
    font-weight: 700;
    font-family: 'Arvo', serif;
}

.faqsec h5 {
    color: #003;
    padding: 10px 0;
    font-weight: 700
}

.faqsec li {
    border: 1px solid #000;
    border-radius: 10px;
    background-color: #003;
    padding: 4px;
    margin: 5px 0;
    color: #d2a679
}

.faqsec a {
    color: #003;
    padding: 0 50px;
    font-weight: 700
}

.faqsec a:hover {
    text-decoration: none;
    color: red
}

.faqsec p {
    text-align: justify;
    color: #6200ff;
    font-size: 20px;
    font-family: Cookie, cursive
}

.faqsec1 {
    height: auto;
    padding: 20px 0;
    background-color: white;
}

.faqsec1 h3 {
    margin: 10px 0;
    color: black;
    font-family: 'Arvo', serif;
    font-weight: bolder;
}

.faqsec1 p {
    font-weight: lighter;
    text-align: justify;
    font-size: 18px;
    color: black;
}
.faqsec1 a {
    font-size: 18px;
    color: black;
}



#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 25px;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius:50%;
  }
  #myBtn:hover {
    background-color: rgb(19, 233, 73);
  }
@media only screen and (max-width: 1200px) {
    b{
        font-size:18px;
    }
    strong{
        font-size:18px; 
    }
    a{
        font-size:18px;  
    }
    /* text-1 body */
    .text-1-body p {
        font-size:18px;
    }
    /* text-2 body */
    .text-2-body h3 {
        font-size:27px;
    }
    .text-2-body h2{
        font-size:25px;
    }
    .text-2-body p{
        font-size:18px;
    }
    /* girls talk body */
    .crt p{
        font-size:18px;
    }
    .girlsbody strong{
        font-size:18px;
    }
    .crt{
        padding: 25px 0px;
    }
    /* custumber body */
    .carouslimg1 p {
        font-size:20px;
    }
    .carouslimg1 strong{
        font-size: 20px;
    }
    /* link body */
    .link-body li a {
        font-size: 25px
    }
    /* text-3 body */
    .text-3-body p {
        font-size:18px;
    }
    .text-3-body h6{
        font-size:30px;
    }
    /* Footer body */
    .ft-img p{
        font-size:18px;
    }
    /*faq body */
    .faqsec p{
        font-size: 25px;
    }
}
@media only screen and (max-width: 992px) {
    marquee{
        font-size: larger !important;
    }
    /* navsec2 */
    .navlist li a {
        margin-left: 10px;
    }
    .navlist{
        margin:0px 8px !important;
    }
    /* card body */
    .cardbody h4 {
        font-size: 22px;
    }
    /* custumber body */
    .name h5 {
        font-size:22px;
    }
    .carouslimg1 p {
        font-size:18px;
    }
    .carouslimg1 strong{
        font-size: 18px;
    }
    /*faq body */
    .faqsec li {
        font-size: 18px;
    }
}
@media only screen and (max-width: 768px) {
    /* navsec3 */
    .carouslimg img {
        height: 350px;
    }
    .pichange ul{
        display: none !important;
    }
    /* card body */
    .cardbody h4 {
        font-size: 30px;
    }
    /* Footer body */
    .ft-img p{
        font-size:16px;
    }
}
@media only screen and (max-width: 600px) {
    marquee{
        font-size: large !important;
    }
    /* icon body */
   .icons{
    display: none;
}
    /* navsec1 */
    .navsec1 p {
        font-size:16px;
    }
    /* navsec3 */
    .pichange ul{
        display: none !important;
    }
    /* text-1 body */
    .text-1-body h1 {
        font-size:27px;
    }
    /* text-2 body */
    .text-2-body h3 {
        font-size:25px;
    }
    .text-2-body h2{
        font-size:25px;
    }
    /* girls talk body */
    .girlsbody h4{
        font-size:25px;
        padding-bottom: 5px;
    }
    .crt2{
        display: none !important;
    }
    /* pic-1 bodynew */
    .pic1 h4{
        padding-bottom: 15px;
        font-size:25px;
    }
    /* custumber body */
    .name h5 {
        font-size:20px;
    }
    .carouslimg1 p {
        font-size:16px;
    }
    .carouslimg1 strong{
        font-size: 16px;
    }
    /* text-3 body */
    .text-3-body h1 {
        font-size:27px;
    }
    .text-3-body h6{
        font-size:25px;
    }
}
@media only screen and (max-width: 450px){
    .carouslimg h3{
        font-size: 25px;
    }
}