:root{    --primary-color: #8B1C62;    --primary-text-color: #ffffff;    --dark-color: #85007d;    --light-color: #ff57f5;    --header-button-border-color: #ffa235;    --faq-item-hover-text-color: #ff57f5;    --footer-backgroud-color: #d3d3d3;    }   header#header .banner {    background-color: #8B1C62 !important;  }   header#header .banner .contact-menu ul li a {      color: #ffffff !important;  }   header#header .banner .contact-button .btn {      border: 1px solid #d000c4 !important;      background-color: #F8F8FF !important;      color: #8B1C62 !important;  }   header#header .banner .contact-menu ul li.search-item a {      color: #ffffff !important;  }   header#header .banner .contact-menu ul li.search-item .search-form button {      background-color: #d000c4 !important;      color: #ffffff !important;  }   header#header .main-menu {      background-color: #C57CAC !important;      border-bottom: 1px solid #8B1C62 !important;  }   @media (min-width: 992px) {      header#header .main-menu .navbar.navbar-light {          background-color: #C57CAC !important;      }           header#header .main-menu .navbar.navbar-light .navbar-nav .nav-item a {          color: #000000 !important;      }           header#header .main-menu .navbar.navbar-light .navbar-nav>.nav-item {          border-left: 1px solid #8B1C62 !important;      }           header#header .main-menu .navbar.navbar-light .navbar-nav>.nav-item:last-child {          border-right: 1px solid #8B1C62 !important;      }  }   @keyframes phone-circle-img-anim{    0%{      transform:rotate(0deg) scale(1) skew(1deg)   }    10%{      transform:rotate(-25deg) scale(1) skew(1deg)   }    20%{      transform:rotate(25deg) scale(1) skew(1deg)   }    30%{      transform:rotate(-25deg) scale(1) skew(1deg)   }    40%{      transform:rotate(25deg) scale(1) skew(1deg)   }    50%{      transform:rotate(0deg) scale(1) skew(1deg)   }    100%{      transform:rotate(0deg) scale(1) skew(1deg)   }  }   @-webkit-keyframes phonering-alo-circle-anim {    0% {      -webkit-transform: rotate(0) scale(.5) skew(1deg);      -webkit-opacity: .1   }    30% {      -webkit-transform: rotate(0) scale(.7) skew(1deg);      -webkit-opacity: .5   }    100% {      -webkit-transform: rotate(0) scale(1) skew(1deg);      -webkit-opacity: .1   }  }   @-webkit-keyframes phonering-alo-circle-fill-anim {    0% {      -webkit-transform: rotate(0) scale(.7) skew(1deg);      opacity: .2   }    50% {      -webkit-transform: rotate(0) scale(1) skew(1deg);      opacity: .2   }    100% {      -webkit-transform: rotate(0) scale(.7) skew(1deg);      opacity: .2   }  }   @-webkit-keyframes phonering-alo-circle-img-anim {    0% {      -webkit-transform: rotate(0) scale(1) skew(1deg)   }    10% {      -webkit-transform: rotate(-25deg) scale(1) skew(1deg)   }    20% {      -webkit-transform: rotate(25deg) scale(1) skew(1deg)   }    30% {      -webkit-transform: rotate(-25deg) scale(1) skew(1deg)   }    40% {      -webkit-transform: rotate(25deg) scale(1) skew(1deg)   }    50% {      -webkit-transform: rotate(0) scale(1) skew(1deg)   }    100% {      -webkit-transform: rotate(0) scale(1) skew(1deg)   }  } 