JezK

Edit File: style.css

@font-face {
    font-family: Dosis-Light_1;
    src: url(../fonts/Dosis-Light_1.ttf);
}

@font-face {
    font-family: Lato-Regular_0;
    src: url(../fonts/Lato-Regular_0.ttf);
}

@font-face {
    font-family: Lato-Light_0;
    src: url(../fonts/Lato-Light_0.ttf);
}

@font-face {
    font-family: Lato-Bold_0;
    src: url(../fonts/Lato-Bold_0.ttf);
}

body {
    font-family: Dosis-Light_1!important;
}

svg.sc-bwzfXH.hDrfMZ {
    background: white !important;
}

.txtStyle {
    width: 100%!important;
    border-width: 0px 0px 1px!important;
    border-style: none none solid!important;
    border-bottom: 1px #00A9E0 solid!important;
    font-size: 19px!important;
    color: #666!important;
}

.subBt {
    border: 2px solid #fff;
    color: rgb(255, 255, 255);
    font-size: 15px;
    text-transform: uppercase;
    padding: 8px 4rem;
    border-radius: 3px;
    background-color: transparent;
}

.arrow {
    margin-right: 3px;
    color: rgb(1, 151, 210);
    font-size: 13px;
    font-weight: 100;
}

h5 {
    font-size: 20px!important;
    margin: 0px 0px 4px!important;
    color: rgb(0, 129, 210)!important;
}

h2.reglogo.zoom-in-out-box {
    width: auto !important;
    color: #3ba8df !important;
}

.reglogo {
    width: 150px;
    display: block;
    position: relative;
    top: 13px;
}

.current {
    border: 1px red solid;
}

body {
    font-family: Lato-Regular_0!important;
    font-weight: normal!important;
}

.navbar-brand {
    height: 65px!important;
}

.navbar-brand-cstm {
    padding: 0 15px!important;
    margin-top: -10px!important;
    margin-bottom: 12px!important;
}

.features {
    background: #27282C;
}

.features h2 {
    color: #fff;
}

.features h1 {
    color: #fff;
    font-size: 22px;
}

.features p {
    color: #fff;
    font-size: 18px;
}

.list-iteams {
    color: #fff;
    font-size: 18px;
    line-height: 33px;
    font-family: Lato-Light_0;
}

.list-iteams ul {
    padding: 0px!important;
    margin: 0px!important;
}

.list-iteams li {
    margin-bottom: 10px;
    list-style: none;
}

.list-iteams li img {
    vertical-align: top;
    padding-top: 11px;
    display: inline-block;
    padding-right: 15px;
}

.navbar-custom .navbar-nav li a {
    font-size: 17px;
    font-weight: normal;
    color: #333;
    font-family: Lato-Light_0;
}

.navbar-right {
    margin-top: 19px;
}

.navbar-custom .navbar-nav li a:hover {
    color: #9edc50!important;
    outline: none;
}

.navbar-custom .navbar-nav li.active a:active {
    color: #9edc50!important;
    background: #fff!important;
}

.banner-content {
    padding-top: 60px;
}

.banner-content h1 {
    font-size: 33px!important;
    font-weight: normal!important;
    color: #3d5193!important;
    text-align: left!important;
    margin-bottom: 30px;
}

.banner-content p {
    font-size: 24px!important;
    font-weight: normal!important;
    color: #474948!important;
    text-align: justify!important;
}

.banrbt {
    margin-top: 25px;
}

hr {
    margin-top: 10px!important;
    margin-bottom: 20px!important;
}

.abtline {
    border-bottom: 3px #0081D2 solid;
    width: 130px;
}

.abtline2 {
    width: 263px;
}

.abtline3 {
    border-bottom: 3px #0081D2 solid;
    width: 100px;
}

.imgborder {
    border: 1px #999 solid;
    padding: 3px;
}

.listStyle {
    font-size: 19px !important;
    line-height: 46px !important;
    margin-bottom: 20px;
    font-family: Dosis-Book_1;
    padding-left: 50px;
}

.ficonStyle {
    color: #00539F;
    margin-right: 9px;
}

p {
    font-size: 19px;
    color: #333;
    font-weight: normal;
    text-align: justify;
    font-family: Dosis-Book_1;
    margin-bottom: 30px;
    line-height: 35px;
}

.form-control {
    border: 1px #2586cd solid;
    border-radius: 0;
    height: 45px;
    margin-bottom: 30px;
}

.hashtag-btn-default {
    color: #fff!important;
    background-color: #1596d0!important;
    border: 0px!important;
}

.hashtag-btn {
    padding: 10px 35px!important;
    font-size: 16px!important;
    font-weight: bold!important;
}

.parent {
    position: relative;
}

.lyr {
    position: absolute;
    width: 100%;
    top: -126px;
}

footer {
    background-color: #27282C;
    padding-top: 10px;
    padding-bottom: 5px;
}

.textStyle {
    font-size: 19px;
    color: #fff;
    padding-top: 8px;
}

.hbox {
    font-size: 19px;
    background-color: #00A9E0;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    margin-bottom: 11px;
    font-family: Lato-Regular_0;
    font-family: Dosis-Book_1;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.hbox2 {
    font-size: 19px;
    background-color: #00A884;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    margin-bottom: 11px;
    font-family: Lato-Regular_0;
    font-family: Dosis-Book_1;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.hbox3 {
    font-size: 19px;
    background-color: #018CB5;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    margin-bottom: 11px;
    font-family: Lato-Regular_0;
    font-family: Dosis-Book_1;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.hbox4 {
    font-size: 19px;
    background-color: #0eb892;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    margin-bottom: 11px;
    font-family: Lato-Regular_0;
    font-family: Dosis-Book_1;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.imgstyle {
    margin-bottom: 30px;
}

.pdngs {
    padding: 0 50px!important;
}

.plft {
    float: left;
}

.prht {
    float: right
}

/* New home page changes css Start */

#content3 {
    background: #fff;
}

#content4 {
    background: #F29F4F;
    background: #ebebeb;
}

#content2 {
    background: #ebebeb;
}

.white,
.white a {
    color: #fff;
}

/* Registration Page Styles*/

.div_border {
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 30px;
    margin-top: 3rem;
    background-color: #0a0f1a !important;
}

.gif {
    padding: 0 15px!important;
    margin-top: 8px!important;
    height: 65px!important;
    float: left;
}

.gifimg {
    position: relative;
    left: 28%;
    top: 10%;
}

.div_border h2 {
    font-size: 27px;
    color: #fff;
    margin: 10px;
    text-transform: uppercase;
}

.div_border p {
    font-size: 19px;
    color: #fff;
    margin: 10px;
    padding: 0 20px;
}

svg.sc-bwzfXH.hDrfMZ path {
    color: white !important;
}

/* Registration page Styles*/

/* New home page changes css Start */

/*
===============================================================================
767
===============================================================================
*/

@media screen and (max-width: 1024px) {
    .gif {
        padding: 0;
        margin-top: 0;
        height: 0;
        float: none;
    }
    .gifimg {
        position: relative;
        left: 2%;
        width: 50%;
        top: 2rem;
    }
    .reglogo {
        top: -3rem;
    }
}

@media screen and (max-width: 767px) {
    header {
        text-align: center;
        color: #000;
    }
    section {
        padding: 0px 0;
    }
    .gif {
        padding: 0;
        margin-top: 0;
        height: 0;
        float: none;
    }
    .gifimg {
        position: relative;
        left: -3%;
        top: 2rem;
    }
    .reglogo {
        top: -11rem;
    }
    header .container {
        padding-top: 100px;
        padding-bottom: 10px;
    }
    section h2 {
        margin-top: 50px;
    }
    .hashtag-btn {
        margin-bottom: 15px;
    }
    .navbar-brand-cstm {
        margin-top: 10px !important;
        margin-bottom: 4px !important;
    }
    .banner-content {
        padding-top: 130px;
    }
    header img {
        margin: 0 auto;
    }
    /* .logres {
        width: 103px;
    }
    .logo {
        width: 140px;
    } */
    .plft,
    .prht {
        float: none;
    }
}

.imgstyle1 {
    max-height: 195px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.pdngs1 {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}

.hbox,
.hbox2,
.hbox3,
.hbox4 {}

.listhalf li {
    width: 50%;
    float: left;
}

.listdatadiv {
    color: #333;
    font-size: 18px;
    line-height: 33px;
    font-family: Lato-Light_0;
    font-family: Dosis-Book_1;
}

.listdatadiv a {
    font-weight: 700;
    font-size: 20px;
}

.habr {
    text-align: center;
    background-color: #9429fc;
    color: rgb(255, 255, 255);
    padding: 10px 0px;
    font-size: 24px;
    border-radius: 6px;
    box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.75);
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    cursor: pointer;
    transition: all ease .5s;
}

a.habr:hover {
    padding-top: 20px;
    padding-bottom: 25px;
    transition-delay: 0.2s;
}

.tooltip-inner {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
}

.tooltip-inner {
    max-width: inherit;
}

#demos .owl-carousel .item-video.video1 .owl-video-wrapper {
    background: url(../images/youtube1.jpg);
    background-size: cover;
}

#demos .owl-carousel .item-video.video2 .owl-video-wrapper {
    background: url(../images/youtube2.jpg);
    background-size: cover;
}

#demos .owl-carousel .item-video.video3 .owl-video-wrapper {
    background: url(../images/youtube3.jpg);
    background-size: cover;
}

#demos .owl-carousel .item-video.video4 .owl-video-wrapper {
    background: url(../images/youtube4.jpg);
    background-size: cover;
}

#demos .owl-carousel .item-video.video5 .owl-video-wrapper {
    background: url(../images/youtube5.jpg);
    background-size: cover;
}

#demos .owl-carousel .item-video.video6 .owl-video-wrapper {
    background: url(../images/youtube6.jpg);
    background-size: cover;
}

#demos .owl-carousel .item-video.video7 .owl-video-wrapper {
    background: url(../images/youtube7.jpg);
    background-size: cover;
}
#demos .owl-carousel .item-video.video8 .owl-video-wrapper {
    background: url(../images/youtube8.png);
    background-size: cover;
}
#demos .owl-carousel .item-video.video9 .owl-video-wrapper {
    background: url(../images/youtube9.png);
    background-size: cover;
}

.testimonialsHeading {
    color: #fff;
    font-family: Dosis-Book_1;
}
.coursebtn {
	color: #FFFFFF; 
	font-weight: 700; 
	font-size: 16px; 
	background: linear-gradient(90deg, #3186C6, #11B8FF);
	height: 70px; 
	width: 280px; 
	border-radius: 45px;
	font-family: Dosis-Book_1;
	margin-top: 20px;
}
.coursebtn:hover {
	color: #FFFFFF;
	transition: background-color 300ms ease-out, background 300ms ease-out; 
}
section#demos {
    background: #4483CE;
}

section.projects {
    background: #29a884!important;
}

.projects .owl-carousel .item-video.video1 .owl-video-wrapper {
    background: url(../images/video1.jpg)!important;
    background-size: cover;
}

.projects .owl-carousel .item-video.video2 .owl-video-wrapper {
    background: url(../images/video2.jpg)!important;
    background-size: cover;
}

.projects .owl-carousel .item-video.video3 .owl-video-wrapper {
    background: url(../images/video4.png)!important;
    background-size: cover;
}

.projects .owl-carousel .item-video.video4 .owl-video-wrapper {
    background: url(../images/video3.jpg)!important;
    background-size: cover;
}

.owl-dots.disabled {
    display: block!important;
}

/*css for home page (index.php)*/

.message_div p {
    margin-bottom: 0px;
}

p.text_to_center {
    text-align: center !important;
}

section#content3 .container {
    width: 100% !important;
}

section#content3 a:hover {
    text-decoration: none !important;
}

section#content3 h3:hover {
    color: #000000 !important;
}

.geeks {
    width: 163px;
    height: 194px;
    margin: 0 auto;
}

.geeks img {
    width: 100%;
    transition: 0.5s all ease-in-out;
}

.geeks:hover img {
    transform: scale(1.4);
}

h1.blinking {
    font-size: 45px !important;
    animation: blinkingText 1s infinite;
    font-family: futura;
    font-style: italic;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: white;
    font-size: 45px !important;
    color: #3baae0;
}

.blinking {
    animation: blinkingText 1s infinite;
    font-family: futura;
    font-style: italic;
    width: 100%;
    margin: 0 auto;
    /*     text-align: center; */
    color: white;
    /* font-size: 45px; */
    color: #3baae0;
}

.blinking1 {
    animation: blinkingText1 1s infinite;
    font-family: futura;
    font-style: italic;
    width: 100%;
    margin: 0 auto;
    /*     text-align: center; */
    color: white;
    /* font-size: 45px; */
}

.blinking1:hover {
	color: #fff !important;
}

.blinking1:focus {
	color: #fff !important;
}

/* Specifies the animation and transparency for the blinking text */

@keyframes blinkingText1 {
    0% {
        opacity: 0.2;
    }
    
    100% {
        opacity: 1;
    }
}

@keyframes blinkingText {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

h2.blinking:hover {
    text-decoration: none !important;
}

.flex {
    display: flex !important;
    justify-content: space-around;
}

a.ex2:hover,
a.ex2:active {
    font-size: 150%;
    text-decoration: none !important;
}

section.projects {
    background: #255aa1 !important;
}

.testimonials {
    background: #419e85 !important;
}

div#color_change1 .geeks {
    background-image: linear-gradient(#37f6c9, #213a6a);
    border-radius: 25px !important;
    padding: 15px;
}

div#color_change2 .geeks {
    background-image: linear-gradient(#00c6ff, #0072ff);
    border-radius: 25px !important;
    padding: 15px;
}

img.img-responsive.imgstyle1.imgstyle {
    width: 80px;
    height: 80px;
    margin-top: 30px;
}

.courses_blck .col-sm-12 {
    padding-left: 10%;
    padding-right: 10%;
}

.geeks {
    width: 225px;
    height: 245px;
    margin: 0 auto;
}

.geeks h3 {
    position: relative;
    top: 15px !important;
    color: white !important;
}

img.logres {
    height: 60px !important;
    position: relative;
    top: 15px !important;
}

div#courses h2 {
    margin: 0px !important;
}

.change_color {
    background: #419e85 !important;
}

.hssBvG {
    color: white !Important;
}

#reduce_margin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/* css */

img.reglogo {
    animation: zoom-in-zoom-out 3s ease infinite;
}

.zoom-in-out-box {
    animation: zoom-in-zoom-out 3s ease infinite;
}

.internship .reglogo.zoom-in-out-box {
    animation: none !important;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

header img {
    display: inline;
    text-align: center !important;
}

/* menu css */

#mainNav {
    margin-bottom: 0px !important;
}

#mainNav .pl-5 {
    padding-left: 5em;
}

#mainNav .pr-5 {
    padding-right: 5em;
}

.mobile-menu {
    display: block;
    width: 100%;
    background: #27aae0;
    line-height: 0.6em;
    font-weight: 400;
    width: 100%;
    text-align: center;
    position: sticky;
    top: 0px;
    margin: 0 auto;
}

/*Strip the ul of padding and list styling*/

.mobile-menu ul {
    list-style-type: none;
    margin: 0 auto;
    padding-left: 0;
    text-align: center;
    width: 50%;
    position: relative;
    background: #27aae0;
    float: right !important;
}

/*Create a horizontal list with spacing*/

.mobile-menu li {
    display: inline-block;
    /*float: left;
	margin-right: 1px;*/
}

/*Style for menu links*/

.mobile-menu li a {
    display: block;
    min-width: 150px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    background: #27aae0;
    text-decoration: none;
    margin-left: -5px;
    padding: 10px 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

/*Hover state for top level links*/

.mobile-menu li:hover a {
    color: #4db3ff;
    background-color: #ccddee;
}

/*Style for dropdown links*/

.mobile-menu li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}

/*Hover state for dropdown links*/

.mobile-menu li:hover .mobile-menu ul a:hover {
    color: #4db3ff;
}

/*Hide dropdown links until they are needed*/

.mobile-menu li ul {
    display: none;
}

/*Make dropdown links vertical*/

.mobile-menu li ul li {
    display: block;
    float: none;
}

/*Prevent text wrapping*/

.mobile-menu li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}

/*Style 'show menu' label button and hide it by default*/

.mobile-menu .show-menu {
    text-decoration: none;
    color: #fff;
    background: #8aa8bd;
    text-align: center;
    padding: 10px 15px;
    display: none;
    cursor: pointer;
    text-transform: uppercase;
}

.mobile-menu .show-menu span {
    padding-left: 25px;
}

/*Hide checkbox*/

.mobile-menu input[type=checkbox] {
    display: none;
}

/*Show menu when invisible checkbox is checked*/

.mobile-menu input[type=checkbox]:checked~#menu {
    display: block;
}

/*Responsive Styles*/

@media screen and (max-width: 800px) {
    #mainNav .pl-5 {
        padding-left: 0em;
    }
    #mainNav .pr-5 {
        padding-right: 0em;
    }
    .mobile-menu .lines {
        border-bottom: 15px double #f8f8f8;
        border-top: 5px solid #f8f8f8;
        content: "";
        height: 5px;
        width: 20px;
        padding-right: 15px;
        float: right;
    }
    /*Make dropdown links appear inline*/
    .mobile-menu ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    .mobile-menu li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    .mobile-menu ul li,
    .mobile-menu li a {
        width: 100%;
        margin-left: 0px !important;
    }
    /*Display 'show menu' link*/
    .mobile-menu .show-menu {
        display: block;
    }
}

header {
    text-align: center;
    color: #000;
    /* margin-top: -3px; */
    /*     position: fixed; */
    width: 100%;
    z-index: 11;
}

.txt-middle {
    text-align: center !important;
}

/* index page css  */

.add_flexbox {
    display: flex !important;
    justify-content: center !important;
}

.slider {
    /* background-image: url(images/banner_img.png); */
    /* height: 487px !important; */
}

.tech_images {
	position:relative;
    top:35px;
}

.pdngs {
    padding: 0px !important;
}

.zoom-in-out-box {
    animation: zoom-in-zoom-out 3s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.3, 1.3);
    }
    100% {
        transform: scale(1, 1);
    }
}

img.animation:hover {
    animation: zoom-in-zoom-out 3s ease infinite;
}

/* @keyframes img.animation:hover {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.3, 1.3);
    }
    100% {
        transform: scale(1, 1);
    }
} */

p.technologies {
    line-height: 25px !important;
    text-align: center !important;
    font-size: 18px !important;
    text-decoration: none !important;
}

p.technologies a:hover {
    text-decoration: none !important;
}

p#add_color1 a {
    color: #ee4e0d !important;
}

p#add_color2 a {
    color: #523a8d !important;
}

p#add_color3 a {
    color: #871265 !important
}

p#add_color4 a {
    color: #91d12d !important;
}

p#add_color5 a {
    color: #2b67b6 !important;
}

p#add_color6 a {
    color: #2fa0ae !important;
}

.regImg  {

animation: zoom-in-zoom-out 4s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
} 
/* dropdown menu css */

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 170px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

li {
    list-style: none;
    text-decoration: none;
}

.flx a:hover {
    color: #2c73b7 !important;
}

/* css for menubar  */

.main_header {
    display: flex;
    justify-content: space-around;
    align-items: center;
padding: 10px 0px;
}

.add_padding {
    padding: 3% 5% 2% 5% !important;
    margin-bottom: 0px !important;
}
.add_padding.test {
    padding: 2% 5% 2% 5% !important;
    margin-bottom: 0px !important;
}
.main_header h1 {
    color: #3baae0 !important;
}

h2 {
    color: #24559e;
}

.flxbox {
    display: flex;
    justify-content: space-around;
}

.col-sm-12 {
    padding-left: 5% !important;
    padding-right: 5% !important;
}

.col-sm-6 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

section.succes2 {
    background: none !important;
}

/* new menu css  */

.menusss {
    display: flex;
    justify-content: space-around;
    background: #3baae0 !important;
    height: 30px;
}
.fullstack-bg , .fullstack-bg #menu, .fullstack-bg #menu a,.fullstack-bg .dropdown:hover .dropdown-content{
	background:#ee5111 !important;
    height: 30px;
}
.frontend-bg , .frontend-bg #menu, .frontend-bg #menu a,.frontend-bg .dropdown:hover .dropdown-content{
	background:#553f8f !important;
    height: 30px;
}
.backend-bg , .backend-bg #menu, .backend-bg #menu a,.backend-bg .dropdown:hover .dropdown-content{
	background:#871265 !important;
    height: 30px;
}
.mobileapp-bg , .mobileapp-bg #menu, .mobileapp-bg #menu a,.mobileapp-bg .dropdown:hover .dropdown-content{
	background:#91d12d !important;
}
.digital-bg , .digital-bg #menu, .digital-bg #menu a,.digital-bg .dropdown:hover .dropdown-content{
	background:#1c67b6 !important;
    height: 30px;
}
.quality-bg , .quality-bg #menu, .quality-bg #menu a,.quality-bg .dropdown:hover .dropdown-content{
	background:#0fa0ae !important;
    height: 30px;
}
.menusss #menu a{text-decoration:underline;}
.menusss #menu .dropdown-content a{text-decoration:none;}
.menusss #menu a:hover{
	color:#fff !important;
	font-weight:bold;
}

.mobile-menu ul {
    list-style-type: none;
    margin: 0 auto;
    padding-left: 0;
    text-align: center;
    width: auto !important;
    position: relative;
    background: #27aae0;
    float: none !important;
}

.mar {
    width: 50% !important;
}

marquee {
    position: relative;
    top: 5px !important;
    font-size: 18px !important;
    color: white !important;
}

.dropdown:hover .dropdown-content {
    display: block;
    background: #3baae0 !important;
}

.flx {
    display: flex;
}

.flx a {
    font-size: 13px;
}

.mobile-menu li a {
    padding: 15px 0px !important;
}
header{
box-shadow: 0px 0px 10px #ccccccc7 !important;
    background: #fff;
}
@media (max-width:768px) {
    .menusss {
        display: block !important;
    }
.main_header h1,.blinking{
	font-size: 18px !important;
}
    .mobile-menu .show-menu {
        /* background: #3baae0  !important; */
    }
    .mar {
        width: 100% !important;
    }
    .mobile-menu .show-menu {
        text-decoration: none;
        color: #fff;
        background: #ffffff;
    }
    .mobile-menu .lines {
        border-bottom: 5px double #3baae0 !important;
        border-top: 5px double #3baae0 !important;
        content: "";
        height: 5px;
        width: 20px;
        padding-right: 15px;
        float: right !important;
    }
    label.show-menu span {
        display: none !important;
    }
    .mobile-menu .show-menu {
        padding: 25px 15px !important;
    }
    marquee {
        position: relative;
        top: 0px !important;
    }
    .dropdown-content {
        display: none;
        position: relative;
        min-width: 100% !important;
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
        padding: 12px 16px;
        z-index: 1;
    }
/* css for mobile footer */
footer .container {
    text-align: center;
}
.thumbnaill .col-sm-12 {
    text-align: center !important;
}

}
/* fundamental page styles */
#fund-header{
	width:70%;
}
#fund-header h1{
	font-size:24px;
}
.text-yellow{
	color:#e0cf0c;
	font-weight:600;
	text-align:center;
	font-size: 36px;
    width: 50%;
    margin: 0px auto;
    line-height: 1.5em;
    font-style: italic;
	padding-top:5%;
}
.fundblocks .p-5{
	padding:6%;
}
.fundblocks .p-5 h3,.fundblock-bg h3{font-size:17px;font-weight:bold;text-align:center;}
.fundblocks .p-5 p{text-align:center;}
.fundblock-bg{
background-image:url('../images/clouds.jpg');
background-size: 100%;
    background-position: center center;
background-repeat: no-repeat;
padding-bottom:20px;
}
.fundblock-bg h2{
	font-weight:600;
	text-align:center;
padding-top: 10%;
}
.fundblock-bg p{line-height:1.4em;font-size:17px;}
.fundblock-bg li{font-size:17px;text-indent: -13px;
    margin-left: 30px;
font-weight: normal;
    text-align: justify;
    font-family: Dosis-Book_1;}
.fundblock-bg i{margin-right:10px;color:#e0cf0c;font-size:15px;}
@media (max-width:1100px){
.text-yellow{
	width:100%;
padding:0px 10px;
font-size:28px;
}
}
img.regImg {
    position: fixed;
    top: 5rem;
    right: 3rem;
    z-index: 2;
}
.icon_1 {
    margin-bottom: 1rem;
}
.icon_2 {
    margin-bottom: 1rem;
}
@media (max-width: 767px){
.main_header {
    display: block;
}
.main_p{
font-size: 16px;
line-height: 20px;
padding: 5px;
}
.slider{
height: 100%;
}
img.regImg{
width: 30%;
top: 1rem;
 right: 2rem;
}
header img{
margin: initial;
display: block;
padding: 5px;
}
h1.main_head {
    font-size: 24px;
}
img.logres {
    height: 60px !important;
    position: relative;
    top: 4px !important;
}
.add_info{
padding-left: 0px;
}
p.txt-middle.add_padding{
text-align: justify !important;
}
.slider {
    height: 100px !important;
    background-size: 100% 100% !important;
}
.tech_images{

top:30px;
}
/* .icon_1 img {
    width: 25% !important;
} */
.icon_2 img {
    width: 25% !important;
}
.icon_3 img {
    width: 25% !important;
}

}