/* 

 
        #loader {
            position: fixed;
             height: 100vh;
             width: 100%;
             background: #fff url('../Wedges-3s-200px.gif')
             no-repeat center;
             z-index: 999999;
          }
            #myDiv {
              display: block;
  
            } */
.mybackgroundbox{background: url(../images1/graybg.jpg);
background-size: cover;
background-repeat: no-repeat;
}
            .myfeedbackcontainer{height: 70vh;}
            .mytest {
                overflow-y: hidden;
                height: 150px;
            }
            .myfetchedtext{color:#3B44C4;}
            .myquoteicon{
                font-size: 45px;
            }.mystar{color: gold;}
    
            .cta-link>a {
                background-color: #EA5D3F;
                color: white;
            }
    
            .cta-link>a:hover {
                background-color: white;
                color: #EA5D3F;
            }
    
            .product {
                background-color: #EA5D3F;
            }
 .preloader
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #fff;
z-index: 9999;
text-align: center;
}	.preloader-icon
{
position: relative;
top: 45%;
width: 100px;
border-radius: 50%;
animation: shake 1.5s infinite;
}	@keyframes shake
{
0% { transform: translate(1px, -1px) rotate(0deg);}
10% { transform: translate(1px, -3px) rotate(-1deg);}
20% { transform: translate(1px, -5px) rotate(-3deg);}
30% { transform: translate(1px, -7px) rotate(0deg);}
40% { transform: translate(1px, -9px) rotate(1deg);}
50% { transform: translate(1px, -11px) rotate(3deg);}
60% { transform: translate(1px, -9px) rotate(0deg);}
70% { transform: translate(1px, -7px) rotate(-1deg);}
80% { transform: translate(1px, -5px) rotate(-3deg);}
90% { transform: translate(1px, -3px) rotate(0deg);}
100% { transform: translate(1px, -1px) rotate(-1deg);}
}