@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700&display=swap");
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');


/*root section start*/
* {
  font-family: 'Nunito', sans-serif;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  border: none;
  text-decoration: none;
  -webkit-transition: all .2s linear;
  transition: all 0s linear;
  scroll-behavior: smooth;
}
h1,h2,h3,h4,h5,h6,p { margin: 0;}

h1 { font-size: 36px;font-size: 700; }
h2 { font-size: 32px; font-weight: 600; line-height: 36px; }
h3 { font-size: 26px; font-weight: 500; line-height: 30px; }
h4 { font-size: 24px; font-weight: 400; margin: 10px 5px; line-height: 26px; }
p { font-size: 16px; margin: 15px 10px; line-height:25px;}

a,a:active,a:focus,button { text-decoration: none; outline: 0;}
ul { list-style: none; }

::selection { background-color: #f938; }

.container { box-sizing: border-box; margin: auto; max-width: 100%; }
.section-title { text-align: center; position: relative; font-size: 34px; font-weight: 600; padding: 20px 10px 0px; }

.row { display: flex; flex-wrap: wrap; justify-content: center; box-sizing: border-box; }

topnotch{
  text-align: center;
}

img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

body,html {
  font-size: 10px;
  line-height: 1.5;
  overflow-x: hidden;
}

html::-webkit-scrollbar {
  width: 12px;
}

html::-webkit-scrollbar-track {
  background: transparent;
}

html::-webkit-scrollbar-thumb {
  background: #f93;
}










/*contact us css starts*/

.contact { position: relative; min-height: 100vh; padding: 50px 100px; 
  display: flex; justify-content: center; align-items: center; flex-direction: column;
  background-image: linear-gradient(60deg, #000, transparent), url(../image/rmmc1.JPG); background-size: cover; }

.contact .content { width: 1000px; text-align: center; }

.contact .content h2 { font-size: 36px; font-weight: 500; color: #fff; }

.contact .content p { font-weight: 300; color: #fff; }

.contact-container { width: 1000px; display: flex; justify-content: center; ;
  align-items: center; margin-top: 30px; }

.contact-container .contactInfo { width: auto; display: flex; flex-direction: column; margin: 10px 10px; }

.contact-container .contactInfo .box { position: relative; padding: 20px 0px; display: flex; }

.contact-container .contactInfo .box .icon {
  min-width: 60px; height: 60px; background: #fff; display: flex; color: #0077B5;
  justify-content: center; align-items: center; border-radius: 50%;
  font-size: 22px; }

.contact-container .contactInfo .box .text { 
  display: flex; margin-left: 20px; font-size: 16px; 
  color: #fff; flex-direction: column; font-weight: 300; }

.contact-container .contactInfo .box .text h3 { font-weight:400; color: #00bcd4; }

.contactForm { width: 100%; padding: 40px 30px; background: #fff; }

.contactForm h2 { font-size: 30px; color: #333; font-weight: 500; }

.contactForm .inputBox { position: relative; width: 100%; margin-top: 10px; }

.contactForm .inputBox input,.contactForm .inputBox textarea 
  { width: 100%; padding: 5px; font-size: 18px; margin: 14px 0;
border: none; border-bottom: 2px solid #333; outline: none; resize: none; }

.contactForm .inputBox span { position: absolute; Left: 0; padding: 5px 0;
  font-size: 18px; margin: 10px 0; pointer-events: none;
  transition: 0.5s; color: #666; }
  
.contactForm .inputBox input:focus ~ span,.contactForm .inputBox input:valid~ span,
.contactForm .inputBox textarea:focus ~ span,.contactForm .inputBox textarea:valid ~ span
{ color: #e91e63; font-size: 13px; transform: translateY(-20px); padding-left: 10px; }

.inputBox input[type="submit"] { 
  background: #0077B5; color: #fff; border: none;  border-radius: 10px;
  cursor: pointer; padding: 10px 60px; font-size: 22px; width: auto; }


/*contact us ends*/



.marquee {
  background-color: blue;
  color:#fff;
  padding:5px 15px;
  border:2px solid #0000FF;
  font-size: 30px;
}