EVOLUTION-NINJA
Edit File: blog.css
body { margin: 0% !important; padding: 0% !important; overflow-x: hidden !important; font-family: poppins; } .blog_header { height: 685px ; background-color: white; background-image: url("../images1/blog_head_bg.png") !important; } .no-content { height: 685px; background-color: white; background-image: url("../images1/blog_head_bg.png"); } .bl-nav { width: 688px; height: 47px; background-color: rgba(236, 245, 246, 1); padding-top: 13px; /* padding-left: 30px; */ border-radius: 30px; margin-top: 26px; font-family: Poppins; font-size: 14px; } #check li { display: inline; padding: 0px 40px 0px 0px; } .bl-nav li { display: inline; padding: 0px 33px 0px 0px; color: rgba(78, 78, 78, 1); font-weight: 600; } .blog_lg{ /* width: 100%; */ } .pro-color{ color: rgba(78, 78, 78, 1) !important; } .bl-lec-mob{ width: 50%; } .bl-lec-mob1{ width: 50%; height: 385px; } .blo-cnt-mb-new{ width: 50%; height: 375px; } @media only screen and (max-width: 600px) { .bl-nav li { display: block; } .bl-lec-mob{ width: 90%; } .blog-ana-mob{ width: 90%; } .bl-lec-mob1{ width: 50%; height: 275px; } .blo-cnt-mb-new { width: 90%; } #blog_header { background-image: url("../images1/blog_head_bg.png") !important; background-repeat: no-repeat; background-size: contain !important; } .no-content{ background-image: url("../images1/blog_head_bg.png") !important; background-repeat: no-repeat; background-size: cover!important; } } /* ========hamberger============ */ @media only screen and (max-width: 600px) { .navigat-hold { position: fixed !important; z-index: 1; } body { margin: 0% !important; padding: 0% !important; overflow-x: hidden !important; } .bl-nav { border-radius: 0%; } * { box-sizing: border-box; margin: 0; padding: 0; } .logo img { width: 40px; } .menu { display: flex; } .menu li a { display: inline-block; text-decoration: none; color: var(--color1); text-align: center; transition: 0.15s ease-in-out; position: relative; } .open-menu, .close-menu { position: absolute; color: var(--color1); cursor: pointer; font-size: 1.5rem; display: none; } .open-menu { top: 50%; right: 10px; transform: translateY(-50%); } .close-menu { top: 20px; right: 20px; } } #check { display: none; } .open-menu { display: none; } .close-menu { display: none; } @media only screen and (max-width: 610px) { .menu li { padding-left: 22px; font-size: 15px; color: white; margin-top: 13px; } .col-ang { margin-top: 68px; margin-bottom: -5px; } .top-down { margin-top: 55px; } .menu { flex-direction: column; width: 55%; height: 100vh; position: fixed; top: 0; right: -100%; z-index: 100; background-color: #00336f; color: white; transition: all 0.2s ease-in-out; } .menu li a { /* padding: 10px; */ } .open-menu, .close-menu { display: block; } #check:checked ~ .menu { right: 0; } .nav-bar { width: 100%; padding: 21px 57px 19px 0px; border-radius: 0px; } .navigation { margin-top: -67px; position: relative; left: 322px; width: 10%; } .nav-bar a { padding-bottom: 7px !important; } #login-btn { height: auto !important; width: 50% !important; margin-top: 10px !important; margin-left: 14px !important; } #signup-btn { height: auto !important; width: 50% !important; margin-top: 10px !important; margin-left: 14px !important; } } /* ========hamberger============ */ #login-btn { height: 46px; width: 15%; margin-top: -33px; border-radius: 90px !important; font-size: 16px; font-weight: 600; background: rgba(0, 228, 242, 1); color: rgba(0, 24, 66, 1); margin-left: 103%; } #signup-btn { height: 46px; width: 15%; margin-top: -46px; border-radius: 90px !important; font-size: 16px; font-weight: 600; background: rgba(0, 163, 255, 1); color: white; margin-left: 119%; } .blg-heading { margin-top: 185px; margin-left: 67px; width: 100%; font-weight: 700; text-align: left; font-weight: 700; color: rgba(14, 60, 125, 1); } .blg-para { margin-left: 71px; text-align: justify; font-size: 20px; } .blg-ri-img { margin-top: 75px; } @media only screen and (max-width: 610px) { .blg-heading { margin-top: 55px; margin-left: 0px; padding: 15px; } .blg-para { margin-left: 0px; padding: 0px 15px 15px 15px; font-size: 22px; } .blg-ri-img { margin-top: 0px; } } /* ----------blog search content----- */ .search-input { width: 1331px; min-height: 845px; background-color: rgba(239, 243, 252, 1); padding-bottom: 15px !important; } .sear-blog-new input { width: 100%; margin-top: 20px; border-radius: 39px; background-color: rgba(208, 223, 255, 1); text-align: justify; height: 48px; } .search-bloicon { margin-left: -37px; font-size: 24px; position: relative; top: 13px; } .bor-blog { /* border: 1px solid black; */ border: 1px solid rgba(0, 151, 204, 1); margin-top: 15px; margin-bottom: 15px; } @media only screen and (max-width: 610px) { .blog-search { /* margin-top: 281px; */ } .search-input { width: 95%; margin-left: 10px; height: auto; margin-top: 0px; } .search-input-main{ margin-top: 340px !important; } .blog-logo-img img { width: 15% !important; margin: 10px; height: auto; } .blog-logo-cont { padding-top: 0px !important; padding-bottom: 10px !important; margin-left: 70px; margin-top: -60px; } .blog-card .card { width: 100% !important; min-height: auto; border-radius: 5px !important; margin-bottom: 15px; } .card-btm { margin-bottom: 20px; } .mrg-top { margin-top: 17px !important; } } .card-header .para1 { font-size: 10px !important; color: rgba(0, 80, 112, 1); font-weight: 600; } .card-header .para2 { font-size: 10px !important; font-weight: 500; } .blog-card .card { width:100%; height: 298px !important; border-radius: 5px; } #share-btn { margin-top: 3px ; } #share-btn1 { margin-top: 4px !important; } #share-btn2 { margin-top: 4px !important; } .smb4 { margin-top: 15px !important; } .mrg-top { margin-top: 13px; } .blog-card .card-body { padding: 0%; margin: 0%; } .blog-card .card-header { padding: 0%; margin: 0%; } .blog-logo-img img { width: 150%; margin: 10px; height: auto; } .blog-logo-cont { padding-top: 5px; padding-bottom: 5px; } .crd-blw1 { font-size: 14px; color: rgba(1, 154, 207, 1); font-weight: 600; padding: 10px 0px 10px 10px; margin-top: -10px; } .card-body-img { padding-bottom: 10px !important; } .crd-blw2 { font-size: 11px; color: rgba(41, 41, 41, 1); font-weight: 600; padding-left: 10px; margin-top: -45px; } .send-btn { width: 100%; background-color: rgba(208, 223, 255, 1); position: absolute; bottom: 0px; } /* -----------------footer---------- */ .blog-footer { background-color: rgba(239, 243, 252, 1); min-height: 420px; border-radius: 80px 80px 0px 0px; } .fot-header h4{ font-size: 23.5px; color: rgba(228, 74, 35, 1); } .fot-header li{ list-style-type: none; } .fot-header ul{ padding: 10px 0px 0px 0px; } .fot-header ul li{ padding: 10px 0px 0px 0px; } .fot-header ul a{ color: rgba(68, 68, 68, 1); } .fot-header ul a:hover{ color: rgba(68, 68, 68, 1); text-decoration: none; } .foo-address p{ font-size: 14px; color: rgba(68, 68, 68, 1); } .blog-phone a{ font-size: 16px; color: rgba(68, 68, 68, 1); } .blog-phone a:hover{ text-decoration: none; } .blog-phone h6{ margin-top: 36px; } .blog-icon ul li{ display: inline; padding: 0px 10px 0px 15px; color: rgba(22, 120, 242, 1); font-size: 25px; } .blog-icon ul{ padding-left: 0px; } .footerborder{ border: 1.2px solid rgba(99, 108, 173, 1); margin-bottom: 10px; } @media only screen and (max-width: 600px) { .foot-solu{ width: 100%; /* margin-top: -219px; */ margin-left: 12px; } .smb1{ position: relative; top: 25px; } .smb2{ position: relative; top: 27px; } .smb3{ position: relative; top: 24px; } .smb4{ position: relative; top: 12px; } .smb5{ position: relative; top: 23px; } .smb6{ position: relative; top: 23px; } .smb7{ position: relative; top: 23px; } .smb8{ position: relative; top: 23px; } .foot-pplur{ width: 100%; margin-left: 12px; margin-top: 20px; } .fot-header ul li { padding: 2px 0px 0px 0px; } .foot-resourse{ width: 100%; margin-left: 12px; margin-bottom: 12px; } .foot-cnt{ width: 100%; /* margin-top: -220px !important; */ margin-left: 12px; } .blog-phone{ width: 100%; margin-top: -41px; margin-left: 12px; } .blog-email{ margin-top: 15px !important; } .blog-emailid{ font-size: 14px !important; } .blog-icon{ margin-left: 53px; } .copy-blg{ text-align: center; } .res-blog{ text-align: center; margin-top: -4px; } .blog-footer { /* margin-top: 530px; */ } } /* ------------blog-card1------------ */ .no-content{ height: 140px; margin-bottom: 15px; } .blog-card1{ width: 100% !important; border-radius: 1px 0px 0px 0px; background-color: white; margin-left: 0px; } .blog-card1 .card-header{ background-color: white; } .blog-card1 .card{ border: none; padding-left: 15px; } .blog-card1 .blog-logo-cont { padding-top: 15px; padding-bottom: 5px; padding-left: 30px; } .blog-card1 .crd-blw1 { font-size: 15px; } .blog-card1 .crd-blw2 { font-size: 13px; } .blg-card1-int{ width: 97%; /* height: 410px; */ border-radius: 5px ; border: 1px solid rgba(141, 141, 141, 1); } .blg-card1-int h5{ font-size: 20px; font-weight: 600; color: rgba(41, 41, 41, 1); padding: 15px 0px 0px 15px; } .blg-card1-int p{ font-size: 16px; font-weight: 400; text-align: left; color: rgba(41, 41, 41, 1); padding: 0px 15px 0px 15px; } .extra-cnt { border: 1px solid rgba(141, 141, 141, 1); width: 97%; margin-left: 13px; margin-top: 14px; padding: 15px; text-align: left; border-radius: 5px; } .extra-cnt h5{ font-size: 20px; font-weight: 600; color: rgba(41, 41, 41, 1); } .extra-cnt p{ font-size: 16px; font-weight: 400; text-align: left; color: rgba(41, 41, 41, 1); } .serch-back{ border-radius: 25px; padding: 5px 15px 5px 15px; width: 35%; border: 10x solid; border: none; background: linear-gradient(86.25deg, #01599C -5.2%, #009CD0 50.55%, #01599C 107.21%); color: white; font-size: 21px; font-weight: 500; float: right; margin-top: 20px; } .serch-back:focus{ outline: none; } @media only screen and (max-width: 600px) { .blog-card1 { width: 100%; min-height: 1250px; } .extra-cnt h5{ /* word-break: break-all; */ /* word-spacing: 5px; */ } .blg-card1-int p{ font-size: 14px; } .extra-cnt p { /* word-break: break-all; */ } .extra-cnt ul li{ list-style-type: none; font-size: 16px; /* word-break: break-all; */ } .blg-card1-int { width: 100%; /* min-height: 890px; */ margin-top: -50px; } .blog-card1 .card { padding: 5px 15px 5px 15px; } .blg-card1-int { width: 95% !important; margin-left: 10px; } .extra-cnt { width: 95%; margin-left: 10px; } .ana_blog{ font-size: 22px; } .blg-crd1-mb{ margin-top: -310px; } .blo-cnt-mb{ width: 100%; } .dropdown-content li a { padding: 0px; color: white !important; font-size: 10px; margin-left: -15px; } .dropdown-content { display: none; position: absolute; border-radius: 5px; width: 100% !important; font-size: 10px !important; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); margin-left: -21px !important; } } .ana_blog{ font-size: 22px; font-family: Poppins !important; } .fa-sort-desc{ position: relative; top: -1px; left: 3px; } /* ----for you dropdown--- */ .dropdown-content { display: none; position: absolute; background-color: #013378; border-radius: 5px; width: 144%; font-size: 14px !important; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; /* color: white !important; */ margin-left: 56px; /* font-size: 15px; */ /* text-align: left; */ padding: 0px; margin-top: -5px; } .dropdown-content li a{ padding: 0px; color: white !important; } .dropdown-content a { color: black; padding: 0px 16px; text-decoration: none; display: block; } .dropdown-content a:hover { background-color: #ddd; padding: 5px; width: 95%; color: black !important; } .dropdown:hover .dropdown-content { display: block; padding:10px 0px 10px 10px; } /* ----for you dropdown--- */ @media only screen and (max-width: 600px) { .blog-footer-mobile{ display: block !important; } } .blog-footer-mobile{ display: none; } /* -----scroll to top----- */ #scrollToTopBtn { display: none; position: fixed; bottom: 20px; right: 20px; z-index: 99; font-size: 16px; border: none; outline: none; background-color: #c6cacd; color: white; cursor: pointer; padding: 15px; border-radius: 50%; } #scrollToTopBtn:hover { background-color: #0056b3; } /* -----scroll to top----- */