@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Paytone+One&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap');


.top {
background: #111;
border-bottom: 1px solid #dddbdb;
color: #cbc7c7;
}


.qodef-separator {
position: relative;
display: inline-block;
vertical-align: middle;
border-bottom: 1px solid #2e2d2d;
margin: 10px 0px 35px;

}





img{
 max-width:100%;
    
}

.topp{
    text-align: center;
}


.t img{
width: 12%;
}

.t{

font-size: 12px;
font-weight: 600;
text-transform: uppercase;

}

.calltop{
     margin: 5px 0px;
    font-size: 12px;
     text-align: right;
   
}






.openBtn {
  background: #f1f1f1;
  border: none;
  padding: 10px 15px;
  font-size: 20px;
  cursor: pointer;
}

.openBtn:hover {
  background: #bbb;
}



.overlay-content {
      position: relative;
    top: 40%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
    background: #ffffff;
    display: table;
    padding: 30px 30px;
    align-items: center;
    display: flex;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}



.overlay input[type=text] {
padding: 10px;
    font-size: 12px;
    border: none;
    float: left;
    width: 90%;
    /* background: #f1f1f1; */
    margin: 0px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid #000;
}



.overlay button {
      float: left;
    width: 10%;
    background: transparent;
    font-size: 17px;
    border: none;
    cursor: pointer;
    color: #000;
}



 .qodef-search-label {
       position: relative;
    display: inline-block;
    vertical-align: top;
    width: 202px;
    margin: 0;
    padding-right: 31px;
    line-height: 50px;
    text-align: center;
    border-right: 1px solid #211f1f;
    box-sizing: border-box;
    font-size: 20px;
}





.searchpop{
    width: 100%;
}





.actions {
display: flex;
align-items: center;
list-style: none;
float: right;
margin: 21px auto;
}



 .actions li {
    display: flex;
    margin: 0;
    padding: 0px 14px;
    
}

.actions li > a{
    
   position: relative;
    cursor: pointer;
    
}

 .actions li > a .count-badge {
      position: absolute;
    top: -18%;
    right: -16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    background: #282727;
    border-radius: 100px;
}










.hamburguer-trigger-menu-icon {
 
    display: inline-block;
    position: relative;
    -webkit-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    /* transform: translateX(0) translateY(-50%); */
    width: 25px;
    height: 2px;
    top: -7px;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    visibility: hidden;
}

 .hamburguer-trigger-menu-icon span {
    background-color: #222025;
}

.hamburguer-trigger-menu-icon .hamburger-line-1 {
    top: -7px;
}
.hamburguer-trigger-menu-icon .hamburger-line-1 {
    width: 33%;
}

.hamburguer-trigger-menu-icon .hamburger-line-2 {
    width: 66%;
}

.hamburguer-trigger-menu-icon .hamburger-line-3 {
    top: 7px;
}


.oo:hover .hamburguer-trigger-menu-icon .hamburger-line-2, .oo:hover .hamburguer-trigger-menu-icon .hamburger-line-1, .hamburguer-trigger-menu-icon .hamburger-line-1:hover, .hamburguer-trigger-menu-icon .hamburger-line-2:hover  {
    
    
    width:100%;
}

.hamburguer-trigger-menu-icon span {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
   
    right: 0;
    -webkit-transition: top .5s ease-in-out,width .2s,-webkit-transform .5s;
    transition: top .5s ease-in-out,width .2s,-webkit-transform .5s;
    -o-transition: transform .5s,top .5s ease-in-out,width .2s;
    transition: transform .5s,top .5s ease-in-out,width .2s;
    transition: transform .5s,top .5s ease-in-out,width .2s,-webkit-transform .5s;
    visibility: visible;
}
.oo{
       cursor: pointer;
}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
   background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
   
    
}

.get{
    padding: 20px 40px;
}






.sidenav .closebtn {
       position: absolute;
    top: 5%;
    right: 5%;
    /* font-size: 36px; */
    /* margin-left: 50px; */
    z-index: 3;
}

.en {
    padding: 3px 11px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    background: #12c5c3;
    margin-top: 15px;
    line-height: 20px;
    border-radius: 15px;
}

.sidelogo{
    width: 75%;
    margin: auto;
}



.sidenav .closebtn svg:not(:root){
    
    
    width: 25px;
    height: 25px;
}




.textwidget{
   margin-bottom: 30px;
}

.follow{
    text-align: center;
}



.follow a{
    
       display: inline-block;
    color: #333;
}

.follow h3{
    
    font-weight: 500;
    font-size: 25px;
    
}






.intro{
position: relative;
}



.white{
    
    color: #fff !important;
}



header{

    width: 100%;
    z-index: 9;
    top: 0;
    position: fixed;

}


.list-inline {
     padding-left: 0;
    list-style: none;
    margin: 5px 0px;
   
}





.list-inline-item {
    display: inline-block;
    margin-right: 26px;
}


.list-inline-item a{
    
   color:  #111;
    
}


.list-inline li a i {
   font-size: 13px;
    font-weight: 400;
    color: #cbc7c7;
}




.logo{
position: relative;
z-index: 3;
width: 100%;
padding: 2px 0px;




}

.affix .logo{
    width: 60%;
    display: block;
}



.affix .logo1{
    display: none;
}



.logo2{
    display: none;
}


.affix .logo2{
    
    display: block;
    
}










.affix .top{
   display: none;
}





.affix .actions{
        margin: 17px auto;
}




.affix .qodef-widget-holder{
    
    
    margin: 14px 0px;
    
}

.affix .navbar-default .navbar-nav>li>a{
    
    
  padding: 12px 0px;
    color: #075ca5;
    
}

.nn{
    display: none;
}


.affix .nn{
    
    display: block;
}

.menuu{
        margin: 33px 0px;
    padding: 0px;
}


.menuu li{
    
    
   list-style: none;
    display: inline-block;
    position: relative;
    padding-right: 20px;
    line-height: 14px;
    
}



.menuu li:before{
    
       content: '';
    position: absolute;
    left: 91%;
    top: 0%;
    height: 100%;
    width: 1px;
    background: #b1afaf;
    
}

.menuu li a{
    color: #000;
    font-size: 13px;
}



.center{
text-align: center;
}


.ai-main-banner-shape2 {
    position: absolute;
    bottom: 0%;
    left: 40%;
    transform: translateY(-10%) translateX(-40%);
    z-index: -1;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
}


.ai-main-banner-shape3 {
    position: absolute;
    top: 8%;
    right: 10%;
    transform: translateY(-8%) translateX(-10%);
    z-index: -1;
    -webkit-animation: animationFramesTwo 30s linear infinite;
    animation: animationFramesTwo 30s linear infinite;
}



.circle-shape {
    position: absolute;
    content: "";
    width: 530px;
    height: 530px;
    left: 80px;
    top: 25px;
    background: linear-gradient(109.28deg,#fe6d5b 11.53%,#fe9c42 89.63%);
    border-radius: 50%;
    z-index: -1;
    -webkit-animation-name: rotateMe;
    animation-name: rotateMe;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    /* background: #000; */
    border: 5px dotted #fffefe;
}

 .wrap-shape {
position: absolute;
bottom: 30px;
left: 100px;
z-index: -1;
-webkit-animation: moveLeftBounce 5s linear infinite;
animation: moveLeftBounce 5s linear infinite;
}


.line{
    margin-bottom: 40px;
}



.subhead{
    
       font-family: 'Caveat', cursive;
    font-size: 24px;
    color: #70abab;
    font-weight: 400;
    margin-bottom: 10px;
    
}

.heading{
     font-size: 55px;
    font-weight: 300;
    line-height: 55px;
    color: #2569a4;
    margin-bottom: 10px;
    font-family: 'Paytone One', sans-serif;
    margin-top: 0px;
}

.heading span{
    color: #fba010;

}


.heading2{
font-size: 55px;
font-weight: 300;
line-height: 55px;
color: #fff;
margin-bottom: 30px;
font-family: 'Paytone One', sans-serif;
margin-top: 0px;
}

.heading2 span{
    
    
    
}








.welcomeback{
    padding: 50px 0px;
    position: relative;
}

.welcome{
    margin:  20px 0px 0px;
}

.anim-icon {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.anim-icon .icon-1 {
   
    background:url('../img/welcome/anim-icon-1.png') ;
    width: 210px;
    height: 275px;
   left: 0%;
    top: 0%;
    background-repeat: no-repeat;
}

 .anim-icon .icon-2 {
    background:url('../img/welcome/anim-icon-2.png') ;
    width: 188px;
    height: 192px;
    top: 0px;
    right: 30px;
    background-repeat: no-repeat;
}

.anim-icon .icon-3 {
   background:url('../img/welcome/anim-icon-3.png') ;
    width: 102px;
    height: 198px;
    top: -15%;
    right: 150px;
    background-repeat: no-repeat;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
    z-index: 1;
}

.anim-icon .icon {
    position: absolute;
    background-repeat: no-repeat;
}


.bubble-effect{
    position: relative
}

.bubble-effect img{
    position: relative;
    z-index: 1;
}









.bubble-effect::before {
    position: absolute;
    content: "";
    left: -30px;
    top: 10%;
    width: 550px;
    height: 550px;
    background: #f78a8b;
    background: -webkit-gradient(linear, left top, right top, from(#ffde8c), to(#f78a8b));
    background: -o-linear-gradient(left, #ffde8c, #f78a8b);
    background: linear-gradient(to right, #ffde8c, #f78a8b);
    border-radius: 50% 40% 60% 50% / 20% 40% 70% 10%;
    will-change: border-radius, transform, opacity;
    -webkit-animation: bubbleShape 6s linear infinite;
    animation: bubbleShape 6s linear infinite;
    display: block;
    z-index: 0;
    opacity: 0.4;
}

.bubble-effect::after {
    position: absolute;
    content: "";
    left: 10px;
    top: 13%;
    width: 450px;
    height: 450px;
    background: #f05c5c;
    background: -webkit-gradient(linear, left top, right top, from(#ffd339), to(#f05c5c));
    background: -o-linear-gradient(left, #ffd339, #f05c5c);
    background: linear-gradient(to right, #ffd339, #f05c5c);
    border-radius: 50% 40% 60% 50% / 20% 40% 70% 10%;
    will-change: border-radius, transform, opacity;
    -webkit-animation: bubbleShape2 4s linear infinite;
    animation: bubbleShape2 4s linear infinite;
    display: block;
    z-index: 0;
    opacity: 0.3;
}



@keyframes bubbleShape {

    0%,
    100% {
        border-radius: 42% 58% 70% 30% e('/') 45% 45% 55% 55%;
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }

    35% {
        border-radius: 70% 30% 46% 54% e('/') 30% 29% 71% 70%;
        transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    }

    50% {
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }

    65% {
        border-radius: 100% 60% 60% 100% e('/') 100% 100% 60% 60%;
        transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
    }
}

@keyframes bubbleShape2 {

    0%,
    100% {
        border-radius: 42% 58% 70% 30% e('/') 45% 45% 55% 55%;
        transform: translate3d(0, 20px, 0) rotateZ(1deg);
    }

    25% {
        border-radius: 70% 30% 46% 54% e('/') 30% 29% 71% 70%;
        transform: translate3d(-10px, 10px, 0) rotateZ(1deg);
    }

    35% {
        border-radius: 70% 30% 46% 54% e('/') 30% 29% 71% 70%;
        transform: translate3d(-20px, 0px, 0) rotateZ(1deg);
    }

    45% {
        border-radius: 70% 30% 46% 54% e('/') 30% 29% 71% 70%;
        transform: translate3d(-15px, 15px, 0) rotateZ(1deg);
    }

    55% {
        transform: translate3d(-30px, 20px, 0) rotateZ(1deg);
    }

    75% {
        border-radius: 100% 60% 60% 100% e('/') 100% 100% 60% 60%;
        transform: translate3d(-10px, 10px, 0) rotateZ(1deg);
    }
}




.soo {
       margin: 12px 0px;
    border-radius: 50px;
    border-top-left-radius: 0%;
    background: #21ac94;
    color: #fff;
    padding: 7px 10px;
}

.soo li {
    list-style: none;
    display: inline-block;
       font-family: 'Baloo 2', cursive;
    font-size: 16px;
}

.soo li span {
  position: relative;
    font-size: 18px;
    /* width: 35px; */
    /* height: 35px; */
    /* line-height: 40px; */
    text-align: center;
    /* border-radius: 50%; */
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    transition: all 500ms ease;
    /* background: #fbb419; */
    margin-right: 5px;
    border-right: 1px solid #fff;
    padding-right: 10px;
}


 .image-box2 {
    position: relative;

}

 .image-box2 .image {
    position: relative;
    display: block;
    
}

 .image-box2 .image-1{
        border-radius: 30px;
    box-shadow: 0 30px 50px rgb(8 13 62 / 15%);
    width: 55%;
    margin-left: 43%;
     overflow: hidden;
}


 .image-box2 .image-2 {
        position: absolute;
    /* left: -85px; */
    top: 45%;
    border: 15px solid #fff;
    border-radius: 30px;
    box-shadow: 0 30px 50px rgb(8 13 62 / 15%);
    width: 60%;
}


 .image-box2:before {
 position: absolute;
    content: '';
    background: #9be9ff;
    width: 215px;
    height: 215px;
    border-radius: 50%;
    left: 17%;
    top: 17%;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}


.para{
    border-left: 2px solid #acabab;
    padding-left: 50px;
}
.catback{
    margin-top: 100px;
    background: url(../img/cat/back.jpg);
    background-size: cover;
    padding: 50px 0px;
position: relative;
}


.offer{
position: relative;
background: #222;
overflow: hidden;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
    border-radius: 10px;
    padding: 30px 30px 0px; 
}


.bt_bb_card_content{
    
    font-size: 30px;
      font-family: 'Baloo 2', cursive;
    color: #fff;
    font-weight: 500;
    
}

.bt_bb_card_inner{
    
      background: #fff;
    border-radius: 100px;
    padding: 10px 20px;
    position: absolute;
    z-index: 2;
    bottom: 10%;
    font-family: 'Baloo 2', cursive;
    font-size: 18px;
    font-weight: 600;
    
}

.bt_bb_card_inner a {
    color: #317fa5;
}


.offer .bt_bb_card_image {
    right: -1.6em;
    bottom: -30px;
    position: relative;
    width: -webkit-calc(100% + 5.6em);
    width: -moz-calc(100% + 5.6em);
    width: calc(100% + 5.6em);
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    transition-delay: 100ms;
    overflow: hidden;
}

.offer:hover .bt_bb_card_image {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}


.offer-section .offer:nth-child(2){
    background: #333;
}





.productback{
    
    margin: 40px 0px;
    
}




.prolist{
width: 30%;
display: inline-block;
/* border-radius: 10px; */
/* overflow: hidden; */
margin-bottom: 30px;
text-align: center;
margin: 0px 15px 50px;


}

.product .prolist .proimage{
    
 
    border-radius: 10px;
    position: relative;
    box-shadow: 0 30px 50px rgb(8 13 62 / 15%);
    
}

.product .prolist .proimage:before{
    display: none;
content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #00c9ca 50%,transparent 0),linear-gradient(90deg,#00c9ca 50%,transparent 0),linear-gradient(0deg,#00c9ca 50%,transparent 0),linear-gradient(0deg,#00c9ca 50%,transparent 0);
    background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
    background-size: 0.875em 0.125em,0.875em 0.125em,0.125em 0.875em,0.125em 0.875em;
    background-position: 0 0,100% 100%,0 100%,100% 0;
    border-radius: var(--border-radius);
 
    transform: translateX(0.375em) translateY(0.375em);
    transition: all .5s ease-in-out;
    animation: iqonicbuttonanmation 5s linear infinite;
}







.proname{
      margin-top: 20px;
    font-size: 21px;
    /* font-family: 'Paytone One', sans-serif; */
    font-family: 'Baloo 2', cursive;
    font-weight: 600;
    color: #044b6e;

    
}


.product .prolist:nth-child(2) .proimage:before{

background: linear-gradient(90deg, #FB5447 50%,transparent 0),linear-gradient(90deg,#FB5447 50%,transparent 0),linear-gradient(0deg,#FB5447 50%,transparent 0),linear-gradient(0deg,#FB5447 50%,transparent 0);
background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
background-size: 0.875em 0.125em,0.875em 0.125em,0.125em 0.875em,0.125em 0.875em;
}



.product .prolist:nth-child(3) .proimage:before{

background: linear-gradient(90deg, #0c03e29c 50%,transparent 0),linear-gradient(90deg,#0c03e29c 50%,transparent 0),linear-gradient(0deg, #0c03e29c 50%,transparent 0),linear-gradient(0deg, #0c03e29c 50%,transparent 0);
background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
background-size: 0.875em 0.125em,0.875em 0.125em,0.125em 0.875em,0.125em 0.875em;

}


.product .prolist:nth-child(4) .proimage:before{

background: linear-gradient(90deg, #64c40dba 50%,transparent 0),linear-gradient(90deg,#64c40dba 50%,transparent 0),linear-gradient(0deg, #64c40dba 50%,transparent 0),linear-gradient(0deg, #64c40dba 50%,transparent 0);
background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
background-size: 0.875em 0.125em,0.875em 0.125em,0.125em 0.875em,0.125em 0.875em;



}




.product .prolist:nth-child(5) .proimage:before{

background: linear-gradient(90deg, #b903e28a 50%,transparent 0),linear-gradient(90deg, #b903e28a 50%,transparent 0),linear-gradient(0deg, #b903e28a 50%,transparent 0),linear-gradient(0deg, #64c40dba 50%,transparent 0);
background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
background-size: 0.875em 0.125em,0.875em 0.125em,0.125em 0.875em,0.125em 0.875em;


}




.product .prolist:nth-child(6) .proimage:before{

background: linear-gradient(90deg, #0c03e29c 50%,transparent 0),linear-gradient(90deg, #0c03e29c 50%,transparent 0),linear-gradient(0deg, #0c03e29c 50%,transparent 0),linear-gradient(0deg, #0c03e29c 50%,transparent 0);
background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
background-size: 0.875em 0.125em,0.875em 0.125em,0.125em 0.875em,0.125em 0.875em;
}





.product .prolist:nth-child(7) .proimage:before{

background: linear-gradient(90deg, #0c03e29c 50%,transparent 0),linear-gradient(90deg,#0c03e29c 50%,transparent 0),linear-gradient(0deg, #0c03e29c 50%,transparent 0),linear-gradient(0deg, #0c03e29c 50%,transparent 0);
background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
background-size: 0.875em 0.125em,0.875em 0.125em,0.125em 0.875em,0.125em 0.875em;

}


.product .prolist:nth-child(8) .proimage:before{

background: linear-gradient(90deg, #64c40dba 50%,transparent 0),linear-gradient(90deg,#64c40dba 50%,transparent 0),linear-gradient(0deg, #64c40dba 50%,transparent 0),linear-gradient(0deg, #64c40dba 50%,transparent 0);
background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
background-size: 0.875em 0.125em,0.875em 0.125em,0.125em 0.875em,0.125em 0.875em;



}






.addback{
    background: #2B366E;
    position: relative;
    padding: 120px 0px 50px;
    color: #fff;
    
}

.addtop{

position: absolute;
top: -1px;
left: 0%;

}


.super{

position: absolute;
top: 0%;
left: 0%;

}


.teddydetail {
    background: #253b70;
    padding: 100px 50px;
    position: relative;
}

.teddydetail1 {
    position: absolute;
    left: 5%;
    top: 5%;
}

.teddydetail2 {
    position: absolute;
    right: 5%;
    top: 5%;
    animation: spin 4s linear infinite;
}

.teddydetail3 {
position: absolute;
right: 5%;
bottom: 10%;
}

.teddydetail4 {
    position: absolute;
    right: 5%;
    top: 5%;
    animation: rotation 30s linear infinite;
}

@keyframes rotation {
0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    }
100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}


.value-shape .shape-1 {
    position: absolute;
    top: 30px;
    left: 20px;
    z-index: -1;
    animation: spin 4s linear infinite;
}

.value-shape .shape-2 {
    position: absolute;
    left: 20px;
    z-index: -1;
    bottom: 30px;
}

.value-shape .shape-3 {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}


.facilityback{
    position: relative;
    padding: 60px 0px;  
}








.testiback{
    position: relative;
    padding: 60px 0px;  
}




.testiclient{
    font-size: 15px;
    font-weight: 700;
    /* margin-left: 10%; */
    margin: 20px 0px;
    text-align: center;
}

.testilist{
    
      width: 47%;
    margin: 10px 10px;
    display: inline-block;
    
}

.testibox p{
    font-size: 16px;
}


.testibox{
       position: relative;
    padding: 50px 35px;
    margin: 10px;
    
}
.testibox::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 12% 12% 12% 12% / 13% 13% 13% 13%;
    -webkit-border-radius: 12% 12% 12% 12% / 13% 13% 13% 13%;
    -moz-border-radius: 12% 12% 12% 12% / 13% 13% 13% 13%;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    z-index: -1;
     background: #ffeae1;
    border: 2px dashed #fb9d78;
}



 .testimonial-shape {
    position: absolute;
  right: 10%;
    bottom: -10%;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

 .pattern-image {
    display: block;
    margin-top: 5px;
}

 .quote-icon {
    position: absolute;
    top: -0.625em;
    left: 2em;
}


.css_prefix-testimonial-quote{
    color: #f79f77;
    
}

 .quote-icon-2 {
   position: absolute;
    bottom: -14px;
    right: 11px;
}


 .testimonial-shape svg path {
    
         color: #ffeae2;
}



.testi .testilist:nth-child(2) .testibox::before{

background: #e7f5ff;
border: 2px dashed #6abbf3;
}



.testi .testilist:nth-child(2) .css_prefix-testimonial-quote{

color: #6abbf3;
}




.testi .testilist:nth-child(2) .testimonial-shape svg path{

color: #e2f5ff;
}













.cycleback{
    
    position: relative;
    padding: 50px 0px;
    
}








.cyclepart{
display: flex;
}



.part1{
       width: 45%;
    padding-left: 100px;
    padding-top: 40px;
}


.part1 p{
    
    margin-top: 30px;
    
}




.part2{
    
  width: 55%;  
    
position: relative;
}


.cycleimage{

position: absolute;
    right: 0%;
    top: 10%;
    z-index: -1;
   

}

.part2top{
    
  position: absolute;
    right: 14%;
    top: 0;
    z-index: -1;
    
}

.cycle{
    
    margin-top: 13%;
    
}

.videoback{
    padding: 60px 0px;
    
    background: url('../img/video/back.jpg') no-repeat;
    background-size: cover;
    padding: 50xp 0px;
   
    position: relative;
    
    
}

.video2{
    position: absolute;
    bottom: -20%;
    right: 7%;
    width: 9%;
}

.vidimg {

      z-index: 2;
    position: relative;
    border-radius: 10px;
 
    padding: 15px 10px;
    background: #fee972;
}


.vidimgbase{
    position: relative;
}


.vid1{

    position: absolute;
    top: -12%;
    left: -13%;
    
    
}

.vid2{
position: absolute;
    bottom: -8%;
    right: -7%;
}


.videobase{
    padding-left: 30px;
}



footer {
    background: url(../img/footer/back.jpg) no-repeat;
    background-size: cover;
    padding-top: 100px;
    color: #fff;
    margin-top: 0px;
    position: relative;
}



.footer1{
    
    
    position: absolute;
    top: 70%;
    left: 30%;
}


.footertop{
    
    position: absolute;
    top: -1px;
    left: 0px;
    
}



.fooheading h6 {
       font-size: 35px;
    /* font-family: 'Baloo Paaji 2', cursive; */
    font-weight: 800;
    margin: 20px 0px 30px;
    font-family: 'Paytone One', sans-serif;
    font-family: 'Baloo 2', cursive;
}

.footer-contacts {
    margin: 0px;
    padding: 0px;
}

.footer-contacts li {
   float: left;
    width: 100%;
    /* padding: 8px 0; */
    font-weight: 500;
    line-height: 21px;
    list-style: none;
    color: #fff;
    position: relative;
    padding-left: 17%;
    margin-bottom: 20px;
}

.footer-contacts li img{
    
    position: absolute;
    top: 0%;
    left: 0%;
    width: 14%;
    
}



.footer-contacts li i {
    position: relative;
    top: 2px;
    color: #fff !important;
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    top: 10%;
    left: 0%;
}

.footer-contacts li a{
    color: #fff;
}

.copyright {
    text-align: center;
    border-top: 1px solid #ffffff45;
    padding: 20px 0px;
    margin-top: 10px;
}

.so {
    margin: 12px 0px;
}

.so li {
      list-style: none;
    display: inline-block;
    font-family: 'Baloo Paaji 2', cursive;
    font-size: 17px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    margin-right: 8px;

}


.so li:nth-child(1) a{
    color: #057ab4; }



.so li:nth-child(2) a{
    color: #1ee1f6; }




.so li:nth-child(3) a{
    color: #ff0202 ; }


img{
    max-width: 100%;
}


a#backToTop {
      width: 130px; 
 height: 130px;
    opacity: 1;
    position: fixed;
    bottom: 5px;
    right: 1%;
    bottom: 0%;
    outline: none !important;
   
    z-index: 999;
}
a#backToTop:before {
    content: '';
    display: block;
    width: 1px;
    height: 100vh;
    position: absolute;
    top: calc(-100vh + 30px);
    right: 28px;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#444),color-stop(50%,transparent));
    background: -o-linear-gradient(bottom,#444 50%,transparent 50%);
    background: linear-gradient(0deg,#444 50%,transparent 50%);
    background-repeat: repeat-y;
    background-size: 2px 10px;
    background-position: 0 0;
    pointer-events: none;
}




















@-webkit-keyframes iqonicbuttonanmation {
	0% {
		background-position: 0 0, 100% 100%, 0 100%, 100% 0;
	}

	100% {
		background-position: 100% 0, 0 100%, 0 0, 100% 100%;
	}
}

@keyframes iqonicbuttonanmation {
	0% {
		background-position: 0 0, 100% 100%, 0 100%, 100% 0;
	}

	100% {
		background-position: 100% 0, 0 100%, 0 0, 100% 100%;
	}
}











.single-item{

display: flex;
    margin: 20px 0px;

}
.single-item h3 {

color: #fff;
    font-size: 22px;
     margin-top: 0px;
    /* text-transform: uppercase; */
    font-family: 'Baloo 2', cursive;
    line-height: 23px;
    font-weight: 600;

}

.iconboxbase{
    width: 50%;
}



 .iconboxbase .icon-box {
        display: inline-block;
   height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 25px;
    color: #b62295;
    background-color: #fafafa;
    border-radius: 10px;
    text-align: center;
    /* position: absolute; */
    left: 0;
    top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-weight: bold;
    position: relative;
}

  .iconboxbase .icon-box:before {
          position: absolute;
    content: "";
    height: 50px;
    width: 50px;
    line-height: 60px;
    border: 1px solid #ffffff;
    border-radius: 10px;
    top: -5px;
    left: -5px;
    right: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}






.rangeback{
    
    padding: 0px 0px;
   
    margin: 50px 0px;
    
}



.rangelist{
    position: relative;
    margin-top: 80px;
    text-align: center
}




.rangelist h3 a{
    
    color: #111;
    font-size: 25px;
    font-family: 'Paytone One', sans-serif;
    
}



.rr{
    position: absolute;
    top: 5%;
    left: 0%;
}


.shape {
      width: 80px;
    height: 80px;
    background: #4285F4;
    margin: 0 auto;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: absolute;
    right: 0%;
    top: 0%;
    display: flex;
}


.shape img{
    
      width: 75%;
    margin: auto;
    
}

.shape.circle {
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
}




.rangelist:hover .shape.circle {
    -webkit-clip-path: circle(70% at 50% 50%);
    clip-path: circle(70% at 50% 50%);
}

.tf-marquee {
    overflow: hidden;
    background: #f8f8f8;
    white-space: nowrap;
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    font-family: sans-serif;
}

.tf-marquee {
    display: flex;
    overflow: hidden;
    width: 100%;
    padding: 16px 0 10px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    margin-top: -7px;
        background: #fba010;
        font-size: 13px;
}

.marquee-content {
    display: inline-flex;
    animation: scroll-left 70s linear infinite;
}


@media (min-width: 992px) {
    .tf-marquee .marquee-child-item {
        padding-left: 25px;
        padding-right: 25px;
    }
}
.tf-marquee .marquee-child-item {
padding-left: 15px;
    padding-right: 15px;
    display: inline-flex;
    font-family: 'Poppins';
    word-spacing: 3px;
    font-weight: 500;
    color: #fff;
}
.marquee-child-item {
    padding: 0 40px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
}

@keyframes scroll-left {
        0% {
        transform: translateX(30%);
    }
    100% {
        transform: translateX(-100%);
    }
}



.notice {
    color: #e26703;
    margin: 55px 0;
}


.box {
    position: relative;
    width: 500px;
    height: 220px;
}

/* Styling for the gradient animation on the main box */
.box::before {
       content: "";
    position: absolute;
    inset: 0;
    background: repeating-conic-gradient(from var(--a), #0f0, #ffff8e, #c6ffff, #f9bd2d, #2569a4);
    border-radius: 70px;
    animation: rotating 2s 
linear infinite;
}

/* Styling for the blurred gradient on the main box */
.box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-conic-gradient(from var(--a),
            #0f0,
            #ff0,
            #0ff,
            #f0f,
            #0ff);
    border-radius: 20px;
    animation: rotating 2s linear infinite;
    /* Applying rotation animation */
    filter: blur(40px);
    opacity: 0.25;
}

/* Styling for the inner span within the main box */
.box span {
    position: absolute;
    inset: 4px;
    background: #ffffff;
    /* Setting background color */
    border-radius: 70px;
    z-index: 1;
    /* opacity: 0; */
    /* Uncomment to hide the inner span */
}

/* Custom property for the rotation angle */
@property --a {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

/* Keyframes for the rotating animation */
@keyframes rotating {
    0% {
        --a: 0deg;
    }

    100% {
        --a: 360deg;
    }
}

/* Styling for the text inside the nested box */
.box .box1 span {
    display: flex;
    align-items: center;
    padding: 34px;
    /* font-family: "Pacifico", cursive; */
    color: #000;
    font-size: 14px;
}


/*  */