/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.text-sony{
    color: #3761fc !important;
}

.whats-btn {
  font-weight: 500;
  position: fixed;
  bottom: 30px;
  left: 20px;
  background: #05cd51;
  color: #fff !important;
  padding: 10px 15px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  opacity: 1;
  z-index: 9900;
}

/*.insta-btn {
  font-weight: 500;
  position: fixed;
  bottom: 30px;
  left: 20px;
  background: #FD1D1D !important;
  color: #fff !important;
  padding: 10px 15px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  opacity: 1;
  z-index: 9900;
}*/

.flickity-button.next::before {
  margin-left: 4px;
  content: ">" !important;
  font-weight: 800 !important;
}

.flickity-button.previous::before {
  margin-left: 4px;
  content: "<" !important;
  font-weight: 800 !important;
}