kohjhjhصثقص5572hjkhk7872ثقصثقgdfgdg
Ele57885fddfg872782782782 hjkhj782dfgfghgقفغفغفقhfg555434536
/
home4
/
kisgavwq
/
shashwatschool.ac.in
/
css
/
Upload FileeE
HOME
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&display=swap'); *{ font-family: 'Montserrat', sans-serif; font-size: 16px; } h2{ font-family: 'Poppins', sans-serif; } /*.navbar.navbar-bg-light .navbar-nav > li > a:hover{ color: #ffffff; }*/ .navbar-default .navbar-nav > .open > a{ color:#fff !important; } .dropdown-menu>li>a { padding: 10px 20px; } #navigation-menu{ display: flex; align-items: center; justify-content: center; } .top-contact a{ font-size: 14px; } .top-social-icon span,a{ font-size: 14px; } .logo{ display: flex; align-items: center; justify-content: space-between; } .logo li{ display: inline-block; } .logo-text{ font-size: 40px; font-weight: 600; color: #3369b1; } .navbar-nav>li>a { padding-top: 7px; padding-bottom: 7px; } .about-text{ text-align: justify; } .about h2{ color: #3369b1; margin: 0 0 0; font-weight: 500; padding:0 0 15px 0; } .frame{ padding: 40px 25px 0px 25px; background-color: transparent; background-image: linear-gradient(180deg, #38af6d 50%, #FFFFFF 0%); } .read-more a{ background: #674598; color: #fff; } .read-more a:hover{ background: #f5ab32; } .features{ background: #3369b1; color: #ffffff; } .facilities img{ width: 320px; height: 200px; } .facilities-card{ max-height: 230px; padding: 10px 20px 10px; text-align: center; transition: 0.5s; background: #ffebd6; } .facilities-card h2{ font-weight: 500; margin: 0 0 10px; color: #3369b1; font-size: 24px; } .facilities-card .btn{ background-color: #674598; color: #fff; transition: 0.5s; padding: 5px 12px; } .facilities-card a{ color: #333; } .facilities-card .btn:hover{ background-color: #f5ab32; } .facilities-card:hover{ /*border-bottom: 3px solid #f5ab32;*/ } .facilities-text{ margin: 0 0 10px; text-align: justify; color: #000; } .post-details{ padding: 0 0px; } .description a{ font-size: 18px; } .news-section{ background-image: url(../img/bg-img.png); } .scroll-bar{ box-shadow: 4px 4px 20px rgb(0 0 0 / 12%); background-color: #FFFFFF; padding: 35px 15px 15px 35px; height: 340px; overflow: auto; } #clients{ background: #3369b1; } #clients h2{ color: #ffffff; text-align: center; } .text-color{ color: #ffffff; } .gallery h2{ font-weight: 500; color: #3369b1; margin: 0 0 0; } .gallery-text{ margin-bottom: 20px; } .images{ max-width: 345px; border: 1px solid white; } .contact{ width: 100%; height: auto; margin-bottom: 20px; } .contact h2{ color: #3369b1; text-align: center; font-weight: 600; } .c-details{ text-align: center; } .c-details i{ font-size: 25px; color: #f5ab32; } .c-details span{ font-size: 20px; color: #3369b1; } .c-details a{ text-decoration: underline; } .contact-details{ color: #000; } .view-more-btn{ margin-top: 20px; } .view-more-btn a{ background: #674598; padding: 10px 20px; color: #ffffff; } .view-more-btn a:hover{ background: #f5ab32; } .view-gallery-btn{ margin-top: 20px; } .view-gallery-btn a{ background: #674598; color: #fff; font-size: 16px; } .view-gallery-btn a:hover{ background: #f5ab32; } .float{ position:fixed; width:60px; height:60px; bottom:60px; right:40px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; z-index:100; } .my-float{ margin-top:16px; color: #ffffff; } footer{ background: #4c4c4c; } .top-footer{ border-bottom: 1px solid #e1e1e1; text-align: center; } .f-address{ margin-bottom: 20px; } .f-logo img{ width: 200px; padding: 20px 0; margin-top: 10px; } footer h2{ font-size: 20px; font-weight: 300; color: #ffffff; } footer nav a:hover{ text-decoration: underline; } iframe{ margin-bottom: 10px; } .copyright{ display: flex; align-items: center; justify-content: space-between; color: #ffffff; padding: 0 30px; } .goto-top i{ background-color: #e63338; color: #ffffff; } .text-section h2{ margin: 0 0 5px; } .text-section a{ color: #fff; } /* Media Query */ @media only screen and (max-width: 768px){ .logo-text { font-size: 10px; font-weight: 600; color: #3369b1; } .float { width: 50px; height: 50px; font-size: 20px; } .box-details { margin-left: 0; } h2{ font-size: 23px; } footer h2{ font-size: 23px; } .navbar-collapse .navbar-nav { padding-bottom: 10px; background: #000; } .navbar-default .navbar-toggle .icon-bar{ background-color: #fff; } .border-left-theme-color-2-3px { width: 75px; } .box-title { font-size: 24px; } } @media only screen and (max-width: 1024px){ .logo-text { font-size:15px; } .facilities-card{ max-height: 280px; } .facilities-card h2{ font-size: 20px; } }