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

body{overflow-x:hidden}

.row{margin: 0;}
body{font-family: 'Rubik', sans-serif;}
h1{color: #242424;
font-family: "Rubik", Sans-serif;
font-size: 43px;
font-weight: 500;
line-height: 57px;
letter-spacing: -1.5px;
margin: 0px 0px 30px 0px;

}

@media screen and (max-width:768px){ .btn-danger{margin-top:1em} }

.collapse.show {
    display: block;
    z-index: 999;
    background: black;
}


.divider{
  height: 6px;
width: 125px;
background: #D31027;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #EA384D, #D31027);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #EA384D, #D31027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

box-shadow: 0px 4px 8px 0px rgb(201, 147, 160);
border-radius: 3px;
margin-bottom: 2em;
}

h4 {color: #6b6b6b;font-weight: 500;}
p{color: #6b6b6b;font-family: "Rubik", Sans-serif;font-size: 16px;font-weight: 300;line-height: 26px;margin: 37px 0px 0px 0px;}
.img-shadow{box-shadow:0px 3px 35px 0px rgba(0,0,0,0.16)}
.btn-danger{font-size: smaller;
    background: #D31027;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #EA384D, #D31027);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #EA384D, #D31027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

    .btn-danger:hover{translate: 1.8;}

   .contact .fa{    font-size: xx-large;
        background: linear-gradient(to right, #EA384D, #D31027);
        padding: 1em;
        border-radius: 50px;
        margin-bottom: 0.5em;
        color: white;
        box-shadow: 0px 1px 20px 0px #ff9494;}

   .navbar {box-shadow: 0 11px 42px rgba(0, 0, 0, 0.38);margin-bottom: 6em;margin-bottom: 6em;background-color: #000000 !important;height: 7em;}
   .navbar .btn-danger {box-shadow: 0px 1px 13px 0px #ff0404;}
   .navbar-dark .navbar-nav .nav-link {font-size: smaller;}
   .dropdown-menu{border-radius: 0;background: #ffe5e5;box-shadow: 0 11px 42px rgb(0 0 0 / 15%);border: 0;font-size: smaller;}
   .dropdown-item {padding: .50rem 1.5rem;}

   footer{margin-top: 6em;background-color: black;color: white;}
   footer .divider{height: 5px;width: 65px;background: #D31027;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #EA384D, #D31027);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #EA384D, #D31027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */  
  box-shadow: -3px -1px 16px 0px rgb(255 0 61);
  border-radius: 3px;
  margin-bottom: 2em;}
   
  footer a{color: white;text-decoration: none;transition: 0.5s;}
  footer a:hover {color: #EA384D;}
  td {    vertical-align: baseline;}
        /* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */