@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:wght@100..900&family=Jaldi:wght@400;700&family=Katibeh&family=Signika+Negative:wght@300..700&family=Simonetta:ital,wght@0,400;0,900;1,400;1,900&family=Vibur&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

.pri_btn, .scnd_btn, .subs_btn {
  font-size: clamp(1.125rem, 0.875rem + 1.25vw, 2rem);
  color: #000000;
  background-color: #FAFF00;
  text-decoration: none;
  padding: 15px 25px;
  border-radius: 12px;
  font-family: "Signika Negative", sans-serif;
  display: inline-block;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.4784313725);
  transition: all 0.3s ease;
}
.pri_btn:hover, .scnd_btn:hover, .subs_btn:hover {
  transform: scale(1.1);
}

.scnd_btn {
  background-color: #ffffff;
}
.scnd_btn:hover {
  background-color: #ffffff;
}

.subs_btn {
  background: #FBC343;
  color: #ffffff;
  padding: 15px 20px;
  font-size: 18px;
}

.title {
  font-family: "Katibeh", serif;
  font-size: clamp(1.125rem, 0.0179rem + 5.5357vw, 5rem);
  color: #FF7A00;
  margin-bottom: 25px;
}

.card_title {
  font-size: clamp(1.5rem, 0.1429rem + 6.7857vw, 6.25rem);
  font-family: "Jaldi", sans-serif;
  font-weight: bold;
  text-align: center;
}

.course_title {
  font-size: clamp(1rem, 0.75rem + 1.25vw, 1.875rem);
  color: #ffffff;
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  font-weight: 700;
}

@media (max-width: 768px) {
  .title {
    font-size: 50px;
  }
}
.title {
  font-family: "Katibeh", serif;
  font-size: clamp(1.125rem, 0.0179rem + 5.5357vw, 5rem);
  color: #FF7A00;
  margin-bottom: 25px;
}

.card_title {
  font-size: clamp(1.5rem, 0.1429rem + 6.7857vw, 6.25rem);
  font-family: "Jaldi", sans-serif;
  font-weight: bold;
  text-align: center;
}

.course_title {
  font-size: clamp(1rem, 0.75rem + 1.25vw, 1.875rem);
  color: #ffffff;
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  font-weight: 700;
}

@media (max-width: 768px) {
  .title {
    font-size: 50px;
  }
}
.pri_btn, .scnd_btn, .subs_btn {
  font-size: clamp(1.125rem, 0.875rem + 1.25vw, 2rem);
  color: #000000;
  background-color: #FAFF00;
  text-decoration: none;
  padding: 15px 25px;
  border-radius: 12px;
  font-family: "Signika Negative", sans-serif;
  display: inline-block;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.4784313725);
  transition: all 0.3s ease;
}
.pri_btn:hover, .scnd_btn:hover, .subs_btn:hover {
  transform: scale(1.1);
}

.scnd_btn {
  background-color: #ffffff;
}
.scnd_btn:hover {
  background-color: #ffffff;
}

.subs_btn {
  background: #FBC343;
  color: #ffffff;
  padding: 15px 20px;
  font-size: 18px;
}

/*.course_detail {*/
/*  width: 100%;*/
/*  height: 700px;*/
/*  background: url("../images/Graphic_Designer.jpg") no-repeat;*/
/*  background-size: cover;*/
/*}*/
/*.course_detail .bg_title {*/
/*  height: 100%;*/
/*  width: 100%;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  position: relative;*/
/*  z-index: 1;*/
/*}*/
/*.course_detail .title {*/
/*  color: #ffffff;*/
/*  font-size: 120px;*/
/*  text-shadow: 10px 10px #000;*/
/*}*/

.course_detail img{
    width:100%;
    -o-object-fit: cover;
     object-fit: cover;
     display:block;
}

.graphic_title {
  padding: 3% 0%;
}
.graphic_title .title {
  padding-right: 15%;
  line-height: 4rem;
}
.graphic_title .course_detail_cnt {
  display: flex;
  justify-content: space-between;
}
.graphic_title .course_detail_cnt .overview {
  width: 70%;
}
.graphic_title .course_detail_cnt .overview .card_title {
  border-radius: 10px;
  border: 1px solid #000000;
  margin-bottom: 30px;
  font-weight: 500;
  width: 55%;
}
.graphic_title .course_detail_cnt .overview .card_title span {
  padding: 20px 10px 12px 10px;
  display: inline-block;
  width: 98%;
  margin-top: 5px;
  border-radius: 10px;
  font-size: clamp(1.375rem, 0.9643rem + 2.0536vw, 2.8125rem);
}
.graphic_title .course_detail_cnt .overview .content {
  margin-bottom: 30px;
  font-size: 18px;
  text-align: justify;
}
.graphic_title .course_detail_cnt .overview ul {
  padding-left: 1.5rem;
}
.graphic_title .course_detail_cnt .overview ul li {
  list-style: disc;
  font-size: 18px;
  line-height: 2rem;
  font-family: "DM Sans", sans-serif;
  padding-bottom: 15px;
}
.graphic_title .course_detail_cnt .overview ul li:last-child {
  margin-bottom: 30px;
}
.graphic_title .course_detail_cnt .tools {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  margin-bottom: 30px;
}
.graphic_title .course_detail_cnt .tools .icon_title {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 15px;
}
.graphic_title .course_detail_cnt .tools .icon_title .content {
  margin: 0px;
}
.graphic_title .course_detail_cnt .learn_list {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.graphic_title .course_detail_cnt .learn_list ul {
  margin-right: 30px;
}
.graphic_title .course_detail_cnt .icon_svg {
  width: 28%;
  position: sticky;
}
.graphic_title .course_detail_cnt .icon_svg .radius_card {
  background: #00FFD1;
  padding: 10px 15px 15px 15px;
  border-radius: 20px;
  width: 100%;
  margin: auto;
}
.graphic_title .course_detail_cnt .icon_svg .radius_card img {
  margin: auto;
  display: block;
  margin-top: -70px !important;
}
.graphic_title .course_detail_cnt .icon_svg .radius_card .form_title {
  font-size: clamp(1.375rem, 0.9643rem + 2.0536vw, 2.8125rem);
  margin-bottom: 15px;
}
.graphic_title .course_detail_cnt .icon_svg .radius_card #enquiryForm input {
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
}
.graphic_title .course_detail_cnt .icon_svg .radius_card #enquiryForm .enquiry_btn {
  padding: 15px;
  border-radius: 10px;
  display: block;
  width: 50%;
  margin: auto;
  font-size: clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem);
  background: #FBC343;
}

@media screen and (max-width: 767px) {
  .graphic_title .title {
    padding: 0px;
    text-align: center;
    line-height: 2.5rem;
    font-size: 30px !important;
  }
  .graphic_title .course_detail_cnt {
    flex-wrap: wrap;
  }
  .graphic_title .course_detail_cnt .overview, .graphic_title .course_detail_cnt .icon_svg {
    width: 100% !important;
  }
  .graphic_title .course_detail_cnt .overview .card_title {
    width: 98%;
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
  }
  .graphic_title .course_detail_cnt .icon_svg {
    position: relative !important;
  }
}
@media (max-width: 992px) {
  .graphic_title .title {
    padding: 0px;
    text-align: center;
    line-height: 2.5rem;
  }
  .graphic_title .course_detail_cnt {
    flex-wrap: wrap;
  }
  .graphic_title .course_detail_cnt .overview, .graphic_title .course_detail_cnt .icon_svg {
    width: 100% !important;
  }
  .graphic_title .course_detail_cnt .overview .card_title {
    width: 98%;
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
  }
  .graphic_title .course_detail_cnt .icon_svg {
    position: relative !important;
  }
}
.da_bg {
  background: url("../images/Data_Analytics.jpg") no-repeat;
}

.ms_office_bg {
  background: url("../images/ms_office.jpg") no-repeat;
}

.java_bg {
  background: url("../images/java.jpg") no-repeat;
}

.tally_bg {
  background: url("../images/Tally.jpg") no-repeat;
}

.aws_bg {
  background: url("../images/aws.jpg") no-repeat;
}

.python_bg {
  background: url("../images/Python.jpg") no-repeat;
}

.ui_bg {
  background: url("../images/ui_ux.jpg");
}

.video_edit {
  background: url("../images/video_editing.jpg");
}

.cyber_security {
  background: url("../images/cyber_security.jpg");
}

.fulstack {
  background: url("../images/Fullstack.jpg");
}

.bg1 span {
  background: #FFF0D6;
}

.bg2 span {
  background: #D8F4F3;
}

.bg3 span {
  background: #FFF9C6;
}

.bg4 span {
  background: #FBC343;
}

.bg5 span {
  background: #A6A6A6;
}

.bg6 span {
  background: rgba(250, 255, 0, 0.2784313725);
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}

* {
  font-family: "Katibeh", serif;
}

body {
  line-height: 1;
}

menu, ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html, body {
  overflow-x: hidden;
}

.container {
  width: 1440px;
  padding: 0px 15px;
  margin: 0 auto;
  transition: all 0.3s ease;
}

.my_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item1 {
  grid-area: item1;
}

.item2 {
  grid-area: item2;
}

.item3 {
  grid-area: item3;
}

.item4 {
  grid-area: item4;
}

.item5 {
  grid-area: item5;
}

.item6 {
  grid-area: item6;
}

.item7 {
  grid-area: item7;
}

.item8 {
  grid-area: item8;
}

.item9 {
  grid-area: item9;
}

.item10 {
  grid-area: item10;
}

.my_grid {
  display: grid;
  grid-template-areas: "item1 item2 item3 item4 item5" "item6 item7 item8 item9 item10";
  gap: 10px;
}

.sect_top {
  margin-top: 10%;
}

.copywrite {
  background: rgba(53, 53, 53, 0.7019607843);
  padding: 10px 0px;
}
.copywrite p {
  text-align: center;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 15px;
}

.intro {
  background: #ffffff;
  padding: 40px 0px;
}
.intro span {
  font-size: clamp(1rem, 0.75rem + 1.25vw, 1.875rem);
  margin-right: 30px;
}
.intro span a {
  color: #000000;
  display: inline;
  text-decoration: none;
}

.hero_sect {
  background: #00FFD1;
  padding: 50px 0px;
  box-shadow: 0px 20px 25px rgba(53, 53, 53, 0.368627451);
}

.hero_intro img {
  border-radius: 40px;
  width: 450px;
  margin-right: 30px;
  z-index: 1;
}

.hero_cnt {
  margin-left: 20px;
}
.hero_cnt h1 {
  font-size: 55px;
  font-family: "Vibur", cursive;
  margin-bottom: 30px;
}
.hero_cnt ul {
  margin-bottom: 10px;
}
.hero_cnt ul li {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  margin-right: 5px;
}
.hero_cnt ul li b {
  font-size: 20px;
  margin-right: 5px;
}
.hero_cnt a {
  margin-top: 30px;
  background: #FBC343;
}

.hero_sect {
  position: relative;
}

.twincle1 img, .twincle2 img, .twincle3 img, .twincle4 img, .twincle5 img {
  width: 40px;
  height: 40px;
  position: absolute;
}

.twincle2 img {
  top: 20%;
  right: 4%;
}

.twincle1 img {
  bottom: 10%;
  right: 10%;
}

.twincle3 img {
  bottom: 10%;
  right: 45%;
}

.twincle4 img {
  top: 10%;
  left: 5%;
}

.twincle5 img {
  bottom: 50%;
  right: 15%;
}

.our_cource_sect {
  position: relative;
}
.our_cource_sect h2 {
  text-align: center;
}

.ocs_cir {
  width: 150px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.our_cource_sect_intro .cont {
  width: 70%;
}
.our_cource_sect_intro .cont p {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 35px;
  margin-bottom: 30px;
  color: #000000;
  text-align: justify;
}
.our_cource_sect_intro .cont :last-child {
  margin-bottom: 0px;
}
.our_cource_sect_intro .shadow_box {
  background-color: #313131;
  border-radius: 10px;
  width: 25%;
}
.our_cource_sect_intro .shadow_box ul li {
  list-style: none;
  color: #ffffff;
  font-size: 22px;
  font-family: "Simonetta", serif;
  margin: 30px;
}

.as_circle {
  width: 80px;
  position: absolute;
  top: 0;
  right: 0;
}

.facilities_intro img {
  width: 500px;
}

.facilities_intro ul li {
  padding: 20px;
  border-radius: 6px;
  border: 1px solid #000000;
  font-size: 30px;
  font-family: "Simonetta", serif;
  margin-bottom: 25px;
  width: 500px;
  box-shadow: 10px 13px 5px rgba(0, 0, 0, 0.4784313725);
}

.facilities_intro ul li:nth-child(1) {
  background: 4px 5px #D8F4F3;
}

.facilities_intro ul li:nth-child(2) {
  background: #FFF9C6;
}

.facilities_intro ul li:nth-child(3) {
  background: #00FFD1;
}

.facilities_intro ul li:nth-child(4) {
  background: #FFF0D6;
}

.spread_ur_kn_sect {
  background: linear-gradient(to right, #177376, #95FCE5);
  padding: 50px 0px;
}

.fly_man_intro {
  position: relative;
}
.fly_man_intro img {
  width: 60%;
  position: absolute;
  left: -7%;
  top: -69%;
}

.fly_man_cont {
  text-align: right;
}
.fly_man_cont h2 {
  font-size: clamp(1.25rem, 0.3214rem + 4.6429vw, 4.5rem);
  font-family: "Jaldi", sans-serif;
}
.fly_man_cont p {
  font-size: 26px;
  line-height: 35px;
  font-family: "Simonetta", serif;
  text-align: center;
  margin: 30px 0px;
}

.blog_sect {
  background: #00FFD1;
}

.blog_title p {
  font-size: clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem);
  font-family: "DM Sans", sans-serif;
  line-height: 31px;
}

.blog_bg {
  background: #00FFD1;
}
.blog_bg img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.footer_sect {
  padding: 50px 0px 30px 0px;
  background: #353535;
}

.foot_logo img {
  width: 150px;
}

.foot_item1 iframe {
  width: 150px;
  margin-top: 20px;
}

.foot_item1 {
  grid-area: foot_item1;
}

.foot_item2 {
  grid-area: foot_item2;
}

.foot_item3 {
  grid-area: foot_item3;
}

.foot_item4 {
  grid-area: foot_item4;
}

.my_foot_grid {
  display: grid;
  grid-template-areas: "foot_item1 foot_item2 foot_item3 foot_item4";
}

.footer_intro h4 {
  color: #ffffff;
  font-size: clamp(1.375rem, 0.9643rem + 2.0536vw, 2.8125rem);
  font-family: "Jaldi", sans-serif;
  margin: 30px 0px;
}
.footer_intro ul li {
  margin-bottom: 25px;
  color: #ffffff;
  font-size: 20px;
}
.footer_intro ul li a {
  font-size: 20px;
  line-height: 25px;
  font-family: "Inter", sans-serif;
  color: #ffffff;
  text-decoration: none;
}
.footer_intro ul li a:hover {
  color: #00FFD1;
  transition: all 0.5s ease;
}

.foot_item4 p {
  font-size: 18px;
  line-height: 25px;
  font-family: "Inter", sans-serif;
  color: #ffffff;
  margin-bottom: 20px;
}

.foot_item4 input {
  width: 300px;
  outline: none;
  padding: 10px 20px;
  font-size: 28px;
  color: #333;
  border-radius: 15px;
  outline: none;
}

.foot_item4 input::-moz-placeholder {
  color: #ccc;
}

.foot_item4 input::placeholder {
  color: #ccc;
}

.fa-regular, .far, .fa-solid, .fas {
  font-weight: 400;
  margin-right: 10px;
}

.slach {
  font-weight: 900;
  font-size: 12px;
  margin-right: 0px;
}

.content {
  font-size: 18px;
  line-height: 2rem;
  font-family: "DM Sans", sans-serif;
}

.title {
  margin-bottom: 35px;
}

.top-circle {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 300px;
  z-index: -1;
}

.slick-slide img {
  display: inline !important;
}

.slick-next, .slick-prev {
  display: none !important;
}

.why-choose-us {
  position: relative;
}
.why-choose-us .content {
  margin-bottom: 15px;
}
.why-choose-us .question_card {
  position: relative;
  top: -40px;
}
.why-choose-us .question_card .cloud-img {
  width: 100%;
}
.why-choose-us .question_card .animated-question {
  overflow-x: hidden;
}
.why-choose-us .question_card .animated-question .question {
  position: absolute;
  top: -15px;
  width: 60%;
  right: 0;
}
.why-choose-us .question_card .animated-question .infinity {
  width: 3.5rem;
  position: absolute;
  bottom: 2px;
  right: 95px;
  animation: moveInfinity 1.5s linear infinite;
}

.feautures {
  position: relative;
}
.feautures h3 {
  text-align: center;
}
.feautures .box ul li {
  position: relative;
}
.feautures .box ul li img {
  cursor: pointer;
  width: 250px;
}
.feautures .box ul li p {
  color: #ffffff;
  font-family: "Signika Negative", sans-serif;
  font-size: clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem);
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 10%;
  left: atuo;
}
.feautures .box ul li p span {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  display: none;
  font-family: "Inter", sans-serif;
  line-height: 21px;
  max-height: 250px;
  overflow: scroll;
  width: 100%;
  padding: 10px;
}
.feautures .box ul li p .custom-scrollbar2::-webkit-scrollbar {
  width: 5px;
}
.feautures .box ul li p .custom-scrollbar2::-webkit-scrollbar-track {
  background-color: #ebebeb;
  border-radius: 10px;
}
.feautures .box ul li p .custom-scrollbar2::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #6d6d6d;
}
.feautures .box ul li:hover img {
  filter: brightness(30%);
  transition: all 0.7s ease;
}
.feautures .box ul li:hover p {
  transition: all 0.7s ease;
  color: #FF7A00;
}
.feautures .box ul li:hover p span {
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  transition: all 0.7s ease;
}
.feautures .box ul :nth-child(2), .feautures .box ul :nth-child(4) {
  margin-top: 5%;
}

.testimonials .title {
  margin-bottom: 50px;
}
.testimonials .testimonials_slider {
  width: 700px !important;
  margin: 0 auto !important;
  background: linear-gradient(to right, #46ACB2, #98FFE6);
  padding: 15px;
  border-radius: 35px;
  cursor: grab;
}
.testimonials .testimonials_slider .slides p {
  font-size: clamp(1rem, 0.75rem + 1.25vw, 1.875rem);
  font-family: "Simonetta", serif;
  margin: 30px 0px 50px 0px;
}
.testimonials .testimonials_slider .slides strong {
  font-size: clamp(1rem, 0.75rem + 1.25vw, 1.875rem);
}

.spread {
  padding: 30px 0px;
  margin-top: 25%;
  background: linear-gradient(to right, #46ACB2, #98FFE6);
  position: relative;
}
.spread .title {
  font-size: clamp(1.25rem, 0.3214rem + 4.6429vw, 3.5rem);
  font-weight: 600;
  font-family: "Jaldi", sans-serif;
  color: #000000;
}
.spread .content {
  margin-left: -170px;
  font-family: "Simonetta", serif;
  font-weight: 500;
}
.spread .fly-man .fly_man_img {
  width: 600px;
  position: absolute;
  left: 2%;
  bottom: -4px;
}
.spread .knowledge-cnt {
  padding-right: 12%;
}
.spread .knowledge-cnt .right-align-btn {
  margin-top: 30px;
  text-align: right;
}

@keyframes moveInfinity {
  0% {
    right: 95px; /* Starting position (leftmost) */
  }
  50% {
    right: calc(50% - 4rem); /* Move to the rightmost position */
  }
  100% {
    right: 95px; /* Back to the starting position (leftmost) */
  }
}
html::-webkit-scrollbar {
  width: 10px;
  height: 0px;
}

html::-webkit-scrollbar-thumb {
  background: #00FFD1;
  border-radius: 16px;
  box-shadow: inset 2px 2px 2px #00FFD1, inset -2px -2px 2px #00FFD1;
}

html::-webkit-scrollbar-track {
  background: linear-gradient(90deg, #434343, #434343 1px #000 0, #000);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.scroll-to-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 50px;
  right: 20px;
  width: 30px;
  height: 30px;
  color: #FF7A00;
  background-color: #00FFD1;
  border: none;
  border-radius: 50px;
  cursor: pointer;
}

.about-us {
  background: #00FFD1;
  padding: 50px 0px;
}
.about-us .banner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-us .banner .abt_bnr {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.about-us .banner .abt_cnt {
  padding: 0px 15px;
}
.about-us .banner .abt_cnt h1 {
  font-size: 70px;
  font-family: "Vibur", cursive;
  margin-bottom: 30px;
}
.about-us .banner .abt_cnt ul {
  margin-bottom: 10px;
}
.about-us .banner .abt_cnt ul li {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  margin-right: 5px;
}
.about-us .banner .abt_cnt ul li b {
  font-size: 20px;
  margin-right: 5px;
}
.about-us .banner .bnr-cta {
  text-align: right;
  margin-top: 15px;
}

.about_cnt_component {
  position: relative;
}
.about_cnt_component .about_cnt {
  width: 900px;
  margin: auto;
}
.about_cnt_component .half_circle {
  position: absolute;
  left: 0;
  bottom: -180px;
  height: 350px;
}

.vsn_msn {
  position: relative;
}
.vsn_msn .cards {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.vsn_msn .cards .mission_card {
  width: 420px;
  background: #FFF0D6;
  padding: 30px;
  min-height: 500px;
  border-radius: 30px;
}
.vsn_msn .cards .mission_card .content {
  text-align: justify;
  font-size: 18px;
}
.vsn_msn .cards .vission_card {
  background: #D8F4F3;
}
.vsn_msn .half_circle {
  position: absolute;
  right: 0;
  bottom: -200px;
  height: 350px;
}

.milestone_facility .milestone_card {
  width: 900px;
  margin: auto;
}
.milestone_facility .milestone_card .milestone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5%;
}
.milestone_facility .milestone_card .milestone .milestone_img, .milestone_facility .milestone_card .milestone .milestone_cnt {
  width: 420px;
}
.milestone_facility .milestone_card .milestone .milestone_img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  box-shadow: 0px 0px 5px 0px #000000;
  border-radius: 20px;
}
.milestone_facility .milestone_card .milestone .milestone_cnt .card_title {
  font-size: clamp(1rem, 0.75rem + 1.25vw, 1.875rem);
  text-align: right;
  border-radius: 10px;
  border: 1px solid #000000;
  margin-bottom: 30px;
  font-weight: 500;
}
.milestone_facility .milestone_card .milestone .milestone_cnt .card_title span {
  padding: 0px 10px 12px 10px;
  background: #D8F4F3;
  display: inline-block;
  width: 98%;
  margin-top: 5px;
  border-radius: 10px;
  font-size: 40px;
}
.milestone_facility .milestone_card .milestone .milestone_cnt .left_title {
  text-align: left;
}
.milestone_facility .milestone_card .milestone .milestone_cnt .left_title .light_bg {
  background: #FFF0D6;
  margin: 5px 0px 0px 5px;
  width: 98.8%;
}
.milestone_facility .milestone_card .milestone .milestone_cnt .content {
  text-align: justify;
  color:#414141;
  font-size: 18px;
}
.milestone_facility .computer_lab {
  position: relative;
}
.milestone_facility .computer_lab .half_circle {
  position: absolute;
  left: -230px;
  top: 0px;
  height: 180px;
}
.milestone_facility .individual {
  position: relative;
}
.milestone_facility .individual .half_circle {
  position: absolute;
  right: -230px;
  bottom: 0px;
  height: 180px;
}

.error {
  color: red;
  font-size: 14px;
}

.empower_component .banner_form {
  display: flex;
  align-items: center;
}
.empower_component .banner_form .bnr_title {
  width: 43%;
}
.empower_component .banner_form .bnr_title h1 {
  font-size: clamp(1.125rem, 0.0179rem + 5.5357vw, 5rem);
  font-family: "Katibeh", serif;
  line-height: 4rem;
}
.empower_component .banner_form .form {
  padding: 30px 0px;
  width: 55%;
}
.empower_component .banner_form .form #trainingForm::-moz-placeholder {
  font-size: 20px;
}
.empower_component .banner_form .form #trainingForm::placeholder {
  font-size: 20px;
}
.empower_component .banner_form .form #trainingForm input, .empower_component .banner_form .form #trainingForm textarea {
  padding: 10px;
  width: 44%;
  margin: 10px;
  font-size: 22px;
}
.empower_component .banner_form .form #trainingForm input::-moz-placeholder, .empower_component .banner_form .form #trainingForm textarea::-moz-placeholder {
  font-size: 22px;
  color: #A6A6A6;
}
.empower_component .banner_form .form #trainingForm input::placeholder, .empower_component .banner_form .form #trainingForm textarea::placeholder {
  font-size: 22px;
  color: #A6A6A6;
}
.empower_component .banner_form .form #trainingForm #training_ppl, .empower_component .banner_form .form #trainingForm #job_title, .empower_component .banner_form .form #trainingForm textarea {
  width: 95%;
}
.empower_component .banner_form .form #trainingForm #submitBtn {
  margin: 10px;
}

.corporate_training .corporate_cnt .title {
  text-align: center;
}
.corporate_training .corporate_cnt .content {
  margin-bottom: 15px;
}

.corporate_course .title {
  text-align: center;
}
.corporate_course .course_cards {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.corporate_course .course_cards .course_box {
  width: 30%;
  padding: 20px;
  text-align: center;
  background: #252b37;
  border-radius: 20px;
  margin: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.8s ease;
  color:#ffffff;
}
.corporate_course .course_cards .course_box:hover .course_title{
  transition: all 0.5s ease;
  cursor: pointer;
  color: #00FFD1;
}

.request_callback {
  padding: 3%;
  text-align: center;
  background: #00FFD1;
}
.request_callback .callback_cnt .content {
  font-family: "Katibeh", serif;
  margin-bottom: 30px;
  font-size: clamp(1rem, 0.75rem + 1.25vw, 1.875rem);
}
.request_callback .callback_cnt .scnd_btn {
  background: #FBC343;
  color: #000000;
}

.contact {
  background: linear-gradient(to right, #46ACB2, #98FFE6);
  padding: 3% 0%;
}
.contact .cnt_bnr {
  display: flex;
  justify-content: space-between;
}
.contact .cnt_bnr .pencil_art {
  width: 40%;
  margin-bottom: -4.2%;
  margin-left: -15%;
}
.contact .cnt_bnr .pencil_art img {
  width: 100%;
}
.contact .cnt_bnr .cnt_content {
  width: 58%;
}
.contact .cnt_bnr .cnt_content .title {
  font-size: clamp(1.25rem, 0.3214rem + 4.6429vw, 3.5rem);
  font-weight: 600;
  font-family: "Jaldi", sans-serif;
  color: #000000;
}

.contact_form .course_form {
  text-align: center;
}
.contact_form .course_form #contactForm .title {
  font-family: "Katibeh", serif;
  color: #000000;
}
.contact_form .course_form #contactForm #firstName, .contact_form .course_form #contactForm #lastName, .contact_form .course_form #contactForm #email, .contact_form .course_form #contactForm #mobile, .contact_form .course_form #contactForm #qualification {
  width: 40%;
  padding: 10px;
  margin: 10px;
}
.contact_form .course_form #contactForm label {
  font-size: 24px;
}
.contact_form .course_form #contactForm input[type=radio] {
  margin: 15px;
  border: 1px solid red;
}
.contact_form .course_form #contactForm input {
  font-size: 22px;
  color: #000000;
}
.contact_form .course_form #contactForm input::-moz-placeholder {
  font-size: 22px;
  color: #A6A6A6;
}
.contact_form .course_form #contactForm input::placeholder {
  font-size: 22px;
  color: #A6A6A6;
}
.contact_form .course_form #contactForm #submitBtn {
  margin-top: 30px;
  background: #FBC343;
  color: #000000;
}

.mobile_show {
  display: none;
}

.menu .dd_active:hover .drop_down {
  display: block;
}

.drop_down {
  position: absolute;
  display: none;
}
.drop_down li {
  background: #00FFD1;
  border: 1px solid #000000;
  border-radius: 4px;
}
.drop_down li a {
  color: #000000;
  padding: 10px;
}
.drop_down li:hover a {
  color: #ffffff;
}

.navbar-mainbg {
  background-color: #5161ce;
  padding: 0px;
}

#navbarSupportedContent {
  overflow: hidden;
  position: relative;
}

#navbarSupportedContent ul {
  padding: 0px;
  margin: 0px;
}

#navbarSupportedContent ul li a i {
  margin-right: 10px;
}

#navbarSupportedContent li {
  list-style-type: none;
  float: left;
}

#navbarSupportedContent ul li a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  font-size: 15px;
  display: block;
  padding: 20px 20px;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  position: relative;
}

#navbarSupportedContent > ul > li.active > a {
  color: #5161ce;
  background-color: transparent;
  transition: all 0.7s;
}

#navbarSupportedContent a:not(:only-child):after {
  content: "\f105";
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  transition: 0.5s;
}

#navbarSupportedContent .active > a:not(:only-child):after {
  transform: rotate(90deg);
}

.hori-selector {
  display: inline-block;
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  background-color: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-top: 10px;
}

.hori-selector .right,
.hori-selector .left {
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #fff;
  bottom: 10px;
}

.hori-selector .right {
  right: -25px;
}

.hori-selector .left {
  left: -25px;
}

.hori-selector .right:before,
.hori-selector .left:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #5161ce;
}

.hori-selector .right:before {
  bottom: 0;
  right: -25px;
}

.hori-selector .left:before {
  bottom: 0;
  left: -25px;
}

@media screen and (max-width: 767px) {
  .container {
    width: 100%;
    margin: auto;
  }
  .nav__data {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
  }
  .empower_component .banner_form {
    flex-wrap: wrap;
  }
  .empower_component .banner_form .bnr_title, .empower_component .banner_form .form {
    width: 100%;
  }
  .empower_component .banner_form .bnr_title {
    text-align: center;
  }
  .empower_component .banner_form .bnr_title h1 {
    line-height: 2rem;
  }
  .empower_component .banner_form .form {
    text-align: center;
  }
  .empower_component .banner_form .form #trainingForm br {
    display: none;
  }
  .empower_component .banner_form .form #trainingForm input, .empower_component .banner_form .form #trainingForm #training_ppl, .empower_component .banner_form .form #trainingForm #job_title, .empower_component .banner_form .form #trainingForm textarea {
    width: 90%;
    display: block;
    margin: 10px auto;
  }
  .corporate_training {
    text-align: center;
  }
  .corporate_training .corporate_cnt .title {
    line-height: 3rem;
  }
  .corporate_course .course_cards .course_box {
    width: 100%;
  }
  .about-us {
    padding: 30px 15px;
  }
  .about-us .banner {
    flex-wrap: wrap;
  }
  .about-us .banner .abt_img, .about-us .banner .abt_cnt {
    width: 100%;
  }
  .about-us .banner .abt_cnt .course_list {
    flex-wrap: wrap;
  }
  .about-us .banner .abt_cnt .course_list li {
    width: 100%;
  }
  .about-us .bnr-cta {
    text-align: center !important;
    margin: 0px;
  }
  .about_cnt_component {
    padding: 15px;
  }
  .about_cnt_component .about_cnt {
    width: 100%;
    margin: 0px;
  }
  .vsn_msn .cards {
    flex-wrap: wrap;
  }
  .vsn_msn .cards .mission_card {
    width: 100%;
    margin-bottom: 30px;
  }
  .half_circle {
    display: none;
  }
  .milestone_facility .milestone_card {
    text-align: center;
    width: 100%;
  }
  .milestone_facility .milestone_card .milestone {
    flex-wrap: wrap;
  }
  .milestone_facility .milestone_card .milestone .milestone_img, .milestone_facility .milestone_card .milestone .milestone_cnt {
    width: 100%;
    margin-bottom: 15px;
  }
  .milestone_facility .milestone_card .milestone .milestone_cnt .card_title {
    text-align: center;
  }
  .milestone_facility .computer_lab, .milestone_facility .comfortable_seating {
    flex-direction: column-reverse;
  }
  .contact_form .course_form #contactForm .title {
    margin-bottom: 15px;
  }
  .contact_form .course_form #contactForm br {
    display: none;
  }
  .contact_form .course_form #contactForm #firstName, .contact_form .course_form #contactForm #lastName, .contact_form .course_form #contactForm #email, .contact_form .course_form #contactForm #mobile, .contact_form .course_form #contactForm #qualification {
    width: 100%;
    margin: 10px 0px;
  }
  .contact_form .course_form #contactForm #submitBtn {
    display: block;
    margin: 10px auto;
  }
  .feautures .ocs_cir {
    display: none;
  }
  .feautures .box ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .feautures .box ul li {
    list-style: none;
    margin-bottom: 15px;
    width: 100% !important;
  }
  .feautures .box ul li img {
    width: 100%;
  }
  .feautures .box :nth-child(2), .feautures .box :nth-child(4) {
    margin-top: 0px;
  }
  .our_cource_sect .top-circle {
    display: none;
  }
  .our_cource_sect .our_cource_sect_intro {
    flex-wrap: wrap;
  }
  .our_cource_sect .our_cource_sect_intro .cont {
    width: 100%;
  }
  .our_cource_sect .our_cource_sect_intro .shadow_box {
    width: 100%;
    margin: 15px 0px;
  }
  .our_cource_sect .our_cource_sect_intro .shadow_box ul {
    display: flex;
    flex-wrap: wrap;
  }
  .our_cource_sect .our_cource_sect_intro .shadow_box ul li {
    width: 35%;
    line-height: 2rem;
  }
  .header .u_logo img {
    width: 70px !important;
  }
  .first_sec {
    margin-top: 7% !important;
  }
}
@media (max-width: 1200px) {
  .container {
    width: 100%;
  }
  .facilities_intro img {
    width: 400px;
  }
  .facilities_intro ul li {
    width: 450px;
  }
  .my_grid {
    grid-template-areas: "item1 item2 item3 item4" "item5 item6 item7 item8" "item11 item9 item10 item12";
  }
  .hero_cnt h1 {
    font-size: 50px;
  }
  .hero_intro img {
    width: 400px;
  }
  .hero_cnt .my_flex {
    flex-wrap: wrap;
  }
  .spread {
    position: relative;
  }
  .fly-man .fly_man_img {
    width: 500px;
    position: absolute;
    left: 2%;
    bottom: -4px;
  }
  .spread .knowledge-cnt {
    z-index: 1;
    position: relative;
  }
  .spread .title {
    font-size: 40px;
  }
  .feautures .box ul {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .feautures .box ul li {
    list-style: none;
    margin-bottom: 15px;
    width: 24%;
  }
  .feautures .box ul li img {
    width: 100%;
  }
  .feautures .box :nth-child(2), .feautures .box :nth-child(4) {
    margin-top: 0px !important;
  }
}
@media (min-width: 993px) and (max-width: 1117px) {
  .nav__data {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
  }
}
@media (max-width: 992px) {
  .hero_cnt {
    text-align: center;
  }
  .container {
    width: 100%;
  }
  .nav__data {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
  }
  .hero_intro img {
    width: 350px;
    margin-bottom: 15px;
  }
  .my_grid {
    grid-template-areas: "item1 item2 item3" "item4 item5 item6" "item7 item8 item9" "item11 item10 item12";
    gap: 15px;
  }
  .facilities_sect .my_flex {
    display: block;
  }
  .facilities_intro {
    text-align: center;
  }
  .facilities_intro ul li {
    width: 100%;
  }
  .facilities_intro img {
    width: 100%;
    margin-top: 30px;
  }
  .my_foot_grid {
    text-align: center;
    display: grid;
    grid-template-areas: "foot_item1 foot_item2" "foot_item3 foot_item4";
    gap: 20px;
  }
  .foot_item1, .foot_item2, .foot_item3, .foot_item4 {
    width: 100%;
  }
  .hero_intro .my_flex {
    display: block;
  }
  .hero_cnt ul {
    margin-bottom: 0px;
  }
  .spread .fly-man .fly_man_img {
    position: absolute;
    left: 2%;
    bottom: -4px;
  }
  .spread .title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .spread {
    margin-top: 35%;
  }
  .corporate_training .corporate_cnt .content {
    text-align: justify;
  }
  .corporate_course .course_cards .course_box {
    width: 45%;
  }
  .about-us {
    padding: 30px 15px;
  }
  .about-us .banner {
    flex-wrap: wrap;
  }
  .about-us .banner .abt_img, .about-us .banner .abt_cnt {
    width: 100%;
  }
  .about-us .bnr-cta {
    text-align: center !important;
    margin: 0px;
  }
  .about_cnt_component {
    padding: 15px;
  }
  .about_cnt_component .about_cnt {
    width: 100%;
    margin: 0px;
  }
  .vsn_msn .cards {
    flex-wrap: wrap;
  }
  .vsn_msn .cards .mission_card {
    width: 45%;
    padding: 15px;
    margin-bottom: 30px;
  }
  .half_circle {
    display: none;
  }
  .milestone_facility .milestone_card {
    text-align: center;
    width: 100%;
  }
  .milestone_facility .milestone_card .milestone {
    flex-wrap: wrap;
  }
  .milestone_facility .milestone_card .milestone .milestone_img, .milestone_facility .milestone_card .milestone .milestone_cnt {
    width: 45%;
    margin-bottom: 15px;
  }
  .milestone_facility .milestone_card .milestone .milestone_cnt .card_title {
    text-align: center;
  }
  .mobile_show {
    display: block;
    margin-top: 40% !important;
  }
  .contact {
    display: none;
  }
  .feautures .ocs_cir {
    display: none;
  }
  .feautures .box ul {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .feautures .box ul li {
    list-style: none;
    margin-bottom: 15px;
  }
  .feautures .box ul li img {
    width: 100%;
  }
  .feautures .box :nth-child(2), .feautures .box :nth-child(4) {
    margin-top: 0px !important;
  }
  .our_cource_sect .top-circle {
    display: none;
  }
  .our_cource_sect .our_cource_sect_intro {
    flex-wrap: wrap;
  }
  .our_cource_sect .our_cource_sect_intro .cont {
    width: 100%;
  }
  .our_cource_sect .our_cource_sect_intro .shadow_box {
    width: 100%;
    margin: 15px 0px;
  }
}
@media (max-width: 768px) {
  .hero_cnt {
    margin-left: 0px;
  }
  .my_grid {
    text-align: center;
    grid-template-areas: "item1 item2" "item3 item4" "item5 item6" "item7 item8" "item9 item10";
    gap: 10px;
  }
  .our_cource_sect_intro ul li {
    width: 100%;
  }
  .about_smatal_sect .vision h3, .about_smatal_sect .mission h3, .about_smatal_sect p {
    text-align: center;
  }
  .hero_intro .my_flex {
    display: block;
  }
  .hero_sect .my_flex {
    display: block;
    text-align: center;
  }
  .hero_cnt h1 {
    font-size: 40px;
    line-height: 56px;
  }
  .hero_cnt ul li {
    margin: auto;
    padding-bottom: 20px;
  }
  .feautures .box {
    margin-left: 0px;
  }
  .testimonials .testimonials_slider {
    width: 100% !important;
    margin: 0px !important;
  }
  .feautures .ocs_cir {
    display: none;
  }
  .feautures .box ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .feautures .box ul li {
    list-style: none;
    margin-bottom: 15px;
  }
  .feautures .box ul li img {
    width: 100%;
  }
  .feautures .box :nth-child(2), .feautures .box :nth-child(4) {
    margin-top: 0px;
  }
  .our_cource_sect .top-circle {
    display: none;
  }
  .our_cource_sect .our_cource_sect_intro {
    flex-wrap: wrap;
  }
  .our_cource_sect .our_cource_sect_intro .cont {
    width: 100%;
  }
  .our_cource_sect .our_cource_sect_intro .shadow_box {
    width: 100%;
    margin: 15px 0px;
  }
  .our_cource_sect .our_cource_sect_intro .shadow_box ul {
    display: flex;
    flex-wrap: wrap;
  }
  .our_cource_sect .our_cource_sect_intro .shadow_box ul li {
    width: 35%;
    line-height: 2rem;
  }
  .spread {
    margin-top: 45%;
  }
  .spread .title {
    padding: 0px;
  }
  .spread .content {
    margin: 0px;
  }
  .spread .knowledge-cnt {
    padding: 15px 0px;
    text-align: center;
  }
  .spread .knowledge-cnt .right-align-btn {
    text-align: center;
  }
  .spread .fly-man .fly_man_img {
    width: 400px;
    position: absolute;
    left: 27%;
    top: -250px;
    z-index: -1;
  }
  .spread .title {
    font-size: 40px;
  }
  .mobile_show {
    display: block;
    margin-top: 50% !important;
  }
  .contact {
    display: none;
  }
}
@media (max-width: 576px) {
  .my_foot_grid {
    text-align: center;
    display: grid;
    grid-template-areas: "foot_item1" "foot_item2" "foot_item3" "foot_item4";
  }
  .hero_intro .my_flex {
    display: block;
  }
  .spread {
    margin-top: 55%;
  }
  .spread .title {
    font-size: 30px;
  }
  .spread .fly-man .fly_man_img {
    width: 350px;
    position: absolute;
    left: 10%;
    top: -250px;
    z-index: -1;
  }
  .empower_component .banner_form {
    flex-wrap: wrap;
  }
  .empower_component .banner_form .bnr_title, .empower_component .banner_form .form {
    width: 100%;
  }
  .empower_component .banner_form .bnr_title {
    text-align: center;
    margin-top: 10%;
  }
  .empower_component .banner_form .bnr_title h1 {
    line-height: 2rem;
  }
  .empower_component .banner_form .form {
    text-align: center;
  }
  .empower_component .banner_form .form #trainingForm br {
    display: none;
  }
  .empower_component .banner_form .form #trainingForm input, .empower_component .banner_form .form #trainingForm #training_ppl, .empower_component .banner_form .form #trainingForm #job_title, .empower_component .banner_form .form #trainingForm textarea {
    width: 90%;
    display: block;
    margin: 10px auto;
  }
  .corporate_training {
    text-align: center;
  }
  .corporate_training .corporate_cnt .title {
    line-height: 3rem;
  }
  .corporate_course .course_cards .course_box {
    width: 100%;
  }
  .about-us {
    padding: 30px 15px;
  }
  .about-us .banner {
    flex-wrap: wrap;
  }
  .about-us .banner .abt_img, .about-us .banner .abt_cnt {
    width: 100%;
  }
  .about-us .banner .abt_cnt {
    text-align: center;
  }
  .about-us .banner .abt_cnt .course_list {
    flex-wrap: wrap;
  }
  .about-us .banner .abt_cnt .course_list li {
    width: 100%;
    list-style: none;
  }
  .about-us .bnr-cta {
    text-align: center !important;
    margin: 0px;
  }
  .about_cnt_component {
    padding: 15px;
  }
  .about_cnt_component .about_cnt {
    width: 100%;
    margin: 0px;
  }
  .vsn_msn .cards {
    flex-wrap: wrap;
  }
  .vsn_msn .cards .mission_card {
    width: 100%;
    margin-bottom: 30px;
  }
  .half_circle {
    display: none;
  }
  .milestone_facility .milestone_card {
    text-align: center;
    width: 100%;
  }
  .milestone_facility .milestone_card .milestone {
    flex-wrap: wrap;
  }
  .milestone_facility .milestone_card .milestone .milestone_img, .milestone_facility .milestone_card .milestone .milestone_cnt {
    width: 100%;
    margin-bottom: 15px;
  }
  .milestone_facility .milestone_card .milestone .milestone_cnt .card_title {
    text-align: center;
  }
  .milestone_facility .computer_lab, .milestone_facility .comfortable_seating {
    flex-direction: column-reverse;
  }
  .mobile_show {
    margin-top: 80% !important;
  }
}
@media (max-width: 480px) {
  .spread {
    margin-top: 50%;
  }
  .spread .fly-man .fly_man_img {
    width: 200px !important;
    position: absolute;
    top: -132px;
  }
  .mobile_show {
    margin-top: 65% !important;
  }
}
.first_sec {
  margin-top: 7%;
}

.header {
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  z-index: 3;
  padding: 12px 0px;
}
.header .u_logo img {
  width: 150px;
}

.menu ul {
  margin: 10px 30px 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}

.menu li a {
  display: block;
  padding: 20px 10px;
  text-decoration: none;
  color: #000000;
  font-size: 20px;
  transition: 0.6s all;
}

.menu li a:hover, .menu li a.active,
.header .menu-btn:hover {
  color: #00FFD1;
}

.drop_down li a:hover {
  color: #ffffff;
}

.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */
.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}

/* menu icon */
.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 40px 20px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background 0.2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */
.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 100%;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */
@media (min-width: 48em) {
  .menu li {
    float: left;
  }
  .drop_down li {
    float: none;
    width: 250px;
    margin: 2px 0px;
  }
  .drop_down li a {
    padding: 10px 15px;
    text-align: center;
  }
  .menu li a {
    padding: 15px 15px;
    font-size: 20px;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .u_logo img {
    width: 70px;
  }
  .header .menu-icon {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */