body { outline:none; position:relative; font-size:16px;   text-rendering: optimizelegibility;    word-wrap: break-word; font-smooth: always; letter-spacing: normal; font-weight: 400; webkit-font-smoothing: antialiased; color:#000; }
header, section, footer, aside, div, ul, ul li, li, input, label { box-sizing:border-box; }


h2{ font-size:48px; color:#2a2577; margin:0 0 15px; }

h1 span, h2 span{color:#0099cc;}

ul, ul li, li { list-style-type:none; }

ul, ol{ padding:0; margin:0;}


input:focus, select:focus{ outline:none;}

.container{ width: 90%; max-width:1300px }

header { width:100%; float:left;  color:#000;  padding:10px 0; background:#fff; transition:ease-in .3s; position:sticky; z-index:100; left:0; top:0 }

header.dark_head{ background:#4d56a5; }

header.sticky{position:fixed; z-index:500; box-shadow:0 0px 9px 0 #dcdcdc; padding:10px 0; max-height: 70px;}

header .logo_area{   padding: 0px 0px 0; }

header .logo_area img{ max-width:100%; width:auto;  }

.displ_nn{ display:none;}

.align_center{ align-items:center; }

nav{ width: 100%;  height:auto; font-size:16px; text-transform:none; font-weight:400; letter-spacing:.5px; padding: 0px 0px; position: relative;  max-width:100%; display:flex; justify-content:space-between; }

nav ul{ width: auto; padding:0px; margin:0px 0 0;  float:left; text-align:center; letter-spacing: .5px;     display: flex;   align-items: center; font-weight:500; }

nav ul li { width:auto; display:inline; position:relative; margin:0 22px; }

nav ul li a {  width:auto; padding:8px 0px;  display:inline-block; color:#000; text-decoration: none;}

 nav ul li a.active{ color:#05d69f !important;  }


nav ul li.demo_request{ margin: 0 0 0 30px; }

p{ font-size:18px; line-height:30px; color:000; }

header.dark_head nav ul li a{ color:#fff; }

.admin_top{ width:auto; display:flex; flex-flow:row;color:#fff; text-align:left;align-items:center; }

.admin_top figure{ margin:0 8px 0 0; }

.admin_top .dtls{ margin-right:60px; }

.admin_top .dtls span{ display:block; font-size:12px; color:rgba(255, 255, 255, .7) }

.admin_top .dtls label{ margin:0; }



nav ul li.demo_request a{ width:auto;   font-weight:700; font-size:16px; border-radius:5px; }

.claim-menu a{

    position: relative;
    display: inline-flex;
    align-items: center;  
    gap: 4px;

    font-weight: 700;
    color: #111;

    text-decoration: none;

    transition: all .3s ease;
}

/* SVG ICON */

.claim-icon{

    width: 22px;
    height: 22px;

    fill: #00c884;

    filter:
        drop-shadow(0 0 2px rgba(0,200,132,.5))
        drop-shadow(0 0 6px rgba(0,200,132,.3));

    animation: floatIcon 2.2s ease-in-out infinite;
}

/* subtle pulse ring */

.claim-icon::after{
    content:"";
}

/* TEXT SHIMMER */

.claim-menu span{

    background: linear-gradient(
        90deg,
        #111,
        #111,
        #00c884,
        #111,
        #111
    );

    background-size: 300% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: textGlow 4s linear infinite;
}

/* HOVER */

.claim-menu a:hover{
    transform: translateY(-1px);
}

.claim-menu a:hover .claim-icon{

    transform: scale(1.08);

    filter:
        drop-shadow(0 0 5px rgba(0,200,132,.7))
        drop-shadow(0 0 12px rgba(0,200,132,.5));
}

/* ICON FLOAT */

@keyframes floatIcon{

    0%,100%{
        transform: translateY(0);
    }

    50%{
        transform: translateY(-3px);
    }
}

/* TEXT SHINE */

@keyframes textGlow{

    0%{
        background-position: 0% center;
    }

    100%{
        background-position: 300% center;
    }
}






.button-2 { color: #0099cc;  border: 1px solid #0099cc; background-image: -webkit-linear-gradient(30deg, #0099CC 50%, transparent 50%);    background-repeat: no-repeat;  background-position: 0%;  -webkit-transition: background 300ms ease-in-out;  transition: background 300ms ease-in-out; background-size: 0;  border-radius:5px; padding:15px 30px;   font-weight:600; text-transform:uppercase; font-size: 18px;  display: inline-block;

}

.button-2:hover {  color: #fff; background-image: -webkit-linear-gradient(30deg, #0099CC 50%, transparent 50%);  background-image: linear-gradient(30deg, #0099cc 50%, transparent 50%);  background-size: 1000px;}





.button-3 { color: #fff;  border: 1px solid #fff; background-image: -webkit-linear-gradient(30deg, #0099CC 50%, transparent 50%);    background-repeat: no-repeat;  background-position: 0%;  -webkit-transition: background 300ms ease-in-out;  transition: background 300ms ease; background-size: 0;  border-radius:5px; padding:15px 30px;   font-weight:600; text-transform:uppercase; font-size: 18px;  display: inline-block;

}

.button-3:hover {  color: #fff;  border: 1px solid #0099CC; background-image: -webkit-linear-gradient(30deg, #0099CC 50%, transparent 50%);  background-image: linear-gradient(30deg, #0099cc 50%, transparent 50%);  background-size: 1000px;}





.mobile_nav{ width:100%; float:right;  height:45px; line-height:45px; color:#fff; font-size:16px; text-transform:uppercase;  padding:0 5px; cursor:pointer; display:none;  top:0px; }



.nav_right{ right:-15px; z-index:500; background: #fff;  -webkit-animation:menu .1s;  animation:menu .1s; top:70px; min-width: 305px;}

.hide_nav{ display: none; }

@keyframes menu{

0%{opacity:1; }

100%{opacity:1;}

}

@-webkit-keyframes menu{

0%{opacity:1; }

100%{opacity:1;}

}

svg path{ transition:ease-in .3s; }



.top_banner{ width:100%; float:left; position:relative; padding:70px 0; overflow:hidden; background: #282574; }

.top_banner::before{ content:''; position:absolute; width:100%; height:100%; background:url(../images/bnr_bg.webp;) no-repeat; background-size:100%; top:0; left:0; opacity:.2; background-size:cover;      }

.top_banner figure{ width:100%; float:left; margin:0; text-align:right; }

.top_banner figure img{ max-width:100%; }

.top_banner .banner_txt{ width: 100%; float: left; text-align: left;  color: #fff; }

.top_banner .banner_txt h1{ font-size:60px;  margin: 0 0 15px; color:#fff;}

.top_banner .banner_txt p{ color:#fff; margin:0 0 30px; }

.top_banner .banner_txt a.read_more, a.read_more{width:auto;  font-weight:400; font-size:16px; border-radius:5px; padding:14px 30px;  display: inline-block; margin: 10px 0 0;  margin-right:40px; }

.top_banner .banner_txt a.learn_more { color:#fff; }

.top_banner .banner_txt a.learn_more svg{ margin-left:5px; }

.top_banner .banner_txt a.learn_more:hover{color:#0099CC;}

.top_banner .banner_txt a.learn_more:hover svg  path{stroke:#0099CC;}

.top_banner .banner_txt p span{ display: block; }



.box_2{ width:100%; float:left; text-align:left; background:#FFF; box-shadow:0 0 10px 0 #1c1d28; padding:20px; border-radius:20px; }

.box_2 h2{ text-align: left; font-size: 28px; margin: 0 0 20px; color:#000; font-weight:600; }

.box_2 p{ font-size: 16px; line-height: 24px; margin: 0 0 20px; text-align:left; font-weight:400; color:#000;  }

.box_2 p.sign{ text-align:left; margin:10px 0 0; width:100%; float:left;  background:#eee; border-radius:5px; font-size:14px; padding:8px 15px; font-weight:600;  }

.box_2 p.sign img{ margin:0 8px 0 0; }

.box_2 ul.form_area li .form-control{  height: 50px; color:#000 ;border: 1.5px solid rgba(0, 0, 0, 0.1);

border-radius: 8px; background: none;}
.box_2 ul.form_area li:nth-child(5){ height:70px; } 

.box_2 ul.form_area li .form-control::placeholder{ color:#000 ; font-size: 16px; opacity:.5; }

.box_2 ul li button{width:100%;  background-color: transparent; font-weight:700; font-size:18px; border-radius:5px; display: inline-block; margin: 10px 0px 0 0; height: 60px;}



.box_2 ul.form_area{width:100%; float:left; display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}

 .box_2 ul.form_area li{ flex:0 0 100%; margin: 8px 0;}







.sign_txt{ width:100%; height:100%; background:rgba(28, 30, 83, .6); padding:75px 100px; color:#fff; }

.stats_area{ width:100%; float:left; padding:60px 0; background:#f7faff; text-align:center; }
.stats_area .about_txt{ text-align:left; }

.stats_area h2{ font-size:48px; margin:0 0 20px; }

.stats_area ul{ width:100%; float:left; display:flex; flex-flow:row wrap; justify-content:space-between; margin:0; align-items:center; margin:40px 0 0px 0 }
.stats_area ul.stats{ width:100%; gap:20px; margin:20px 0; }

.stats_area ul.stats li { display:flex; flex-flow:row; flex:1; text-align:left; border-right:solid 0px #ccc; padding: 20px; background: #fff;    border-radius: 8px;    border: none;    box-shadow: 0 0 10px 0 #e4e4e4;}
 .stats_area ul.stats li:last-child{ border:none; }
 
.stats_area ul.stats li figure{ width:60px; height:60px; background:#0099cc; color:#fff; border-radius:5px;  text-align:center; margin:0 10px 0 0 }

.stats_area ul.stats li figure span{ font-size:48px;line-height:60px; }

.stats_area ul.stats li h3{ font-size:32px; color:#282938; font-weight:600; margin:0 0  }

.stats_area ul.stats li p{ font-size:16px !important; font-weight:600;color:#282938; margin:0; text-transform:uppercase; }

.stats_area ul.logo_icon{ width:100%; float:right; max-width:760px; padding:0; margin:0; }
.stats_area .about_txt p{ font-size:20px line-height:30px; margin:0 0 15px; }
.stats_area .about_txt ul{ display:block; }
.stats_area .about_txt ul{ margin:0px 0 25px;  display:block;}
.stats_area .about_txt ul li{ position:relative; font-size:20px; line-height:30px; padding:0 0 0 30px; margin:18px 0;  }
.stats_area .about_txt ul li:last-child{ margin-bottom:0 }
.stats_area .about_txt ul li::before{    content: "\f26a"; position: absolute; font-family: bootstrap-icons !important; left: 0; color: #0099cc;}





.category_area{ width:100%; float:left; padding:60px 0;}

.category_area span{ font-size:16px; font-weight:300; color:#2a2577; width:auto; float:left; margin:0 0 15px; border:solid 2px #2a2577; padding:5px 25px; border-radius:25px; font-weight:600; letter-spacing:2px; }

.category_area h2{ font-size:38px; line-height:54px; letter-spacing:.8px; margin:0 0 15px; width:100%; float:left; }

.category_area  p{ color:#000; font-size:18px; line-height:27px; margin:0 0 25px; width:100%; float:left;  }

.category_area figure{ width:100%; float:left; margin:0; text-align:center; }

.category_area figure img{ max-width:100%; }



.grey_bg{ background:#f7faff; }





.top_srch_area{ width:100%; float:left;  display: flex; flex-flow: row; align-items: center; justify-content: space-between;}

.top_srch_area .filter_area{ width:auto; }

.top_srch_area .filter_area button{ width:185px; height:54px; border-radius:5px; text-align:center; cursor:pointer; font-size:16px; font-weight:500; background-color:transparent; }

.top_srch_area .filter_area select{ width:150px; height:54px; border:none; background:url(../images/down_arrow.svg) no-repeat right; appearance:none; font-size:18px; font-weight:500; margin-right:50px; cursor:pointer; }



.top_srch_area h2{ width:auto; }

.top_srch_area .filter_area  a{ color:#282938; }

.top_srch_area .filter_area  a svg{ margin-left:5px; }

.top_srch_area .filter_area  a:hover{ color:#0099CC; }

.top_srch_area .filter_area  a:hover svg path{ stroke:#0099CC; }



.testimonial_area{ width:100%; float:left; background:#05d69f; padding:0px 0 0; color:#fff  }
.testimonial_area h2{ font-size:32px; font-style:italic; font-weight:700; }
.testimonial_area .testi_dtls{ background:none; padding:0; color:#fff; }
.testimonial_area .testi_dtls h3{ font-size:26px; line-height:36px; color:#fff; font-weight:400; margin:0 0 35px;  letter-spacing:.5px; font-style:italic;}
.title_area{ padding-right:50px;  }

.title_area h2{ font-size:28px; line-height:42px; color:#282938; margin:0 0 15px; }

.testi_dtls h3{ font-size:26px; line-height:36px; color:#fff; font-weight:400; margin:0 0 35px;  letter-spacing:.5px; font-style:italic; }

.client_dtls{ width:100%; float:left; display:flex; flex-flow:row; align-items:center; }

.testimonial_area figure{ margin:0; }

.testimonial_area figure img{ max-width: 100%}

.client_dtls .dtls h4{ font-size:18px; line-height:27px; font-weight:500; margin:0 0 0px; }

.client_dtls .dtls  p{ margin:0; font-size:12px; color:#282938; font-weight:500; }

.testimonial_area span.material-symbols-outlined {

  font-variation-settings:

  'FILL' 1,

  'wght' 200,

  'GRAD' 0,

  'opsz' 24; color: #fff;

}

.testimonial_area .carousel-indicators{ margin:0; justify-content:start; bottom: 50px}

.testimonial_area .carousel-indicators button{ background:none; opacity: .8; width:16px; height:16px; border-radius:50%; cursor:pointer; margin:0 6px; padding: 0; border:solid 1px #fff;}

.testimonial_area .carousel-indicators button.active{ background:#fff; opacity:1; }









.get_started{ width:100%; float:left; text-align:center; padding:60px 0; position:relative; overflow:hidden; }



.get_started h2{ padding:0 100px;}

.get_started ul{width:100%; margin: 0 auto; display:flex; flex-flow:row wrap; justify-content:space-between; margin:30px 0; padding:20px 0 0px; position:relative; z-index:5; max-width: 1000px;}

.get_started ul::before{  content: "";   position: absolute;   right: -35px; top: 5px;    height: 248px;   background: url(../images/bg_shape.webp); background-repeat: no-repeat;    width: 105%;   transition: width 1.5s linear }

.get_started ul li{ flex:0 0 20%; max-width: 20%; padding:8px;  text-align:center; transition:ease-in .3s; margin:0px 0 ; position:relative;    }

.get_started ul li figure{ width: 100%; float: left; line-height:175px; background:url(../images/icon_bg.png) no-repeat center; background-size:175px; min-height:210px; margin:0 0 40px }

.get_started ul li h3{ width:100%; float:left; font-size:18px; color:#182061; font-weight:600; margin:0 0 10px;}

.get_started ul li p{ margin:0; color: #000; font-weight: 400; font-size: 16px;}





.srvc_cta{ width:100%;float:left; padding:0px 0 00px 0; background: #05b9f6; color: #fff;}

.srvc_cta h2{ color:#fff; }

.cta_bg{width:80%;float:left; background:; color:#fff; padding:0px 10%; border-radius:12px; display:flex; flex-flow:row wrap; justify-content:space-between; text-align:left; align-items:center;}

.srvc_cta figure{ width:100%; height:auto; margin:0;  }

.srvc_cta figure img{ max-width:100%; text-align:center; }

.cta_bg h2{ font-size:32px; color:#fff; }

.cta_bg p{ font-size:20px; margin:0; color:#fff; }

.cta_area{ margin:0px 0;}





.topics_area{ width:100%; padding:60px 0 30px; text-align: center;}

.topics_area h2{ text-align:center; margin:0 0 15px; font-size:36px; }

.topics_area ul.topic_list{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:center; justify-content:space-between; margin:0px 0 80px;}

.topics_area ul.topic_list li{ flex:0 0 24%; min-width:405px; max-width:405px;  padding:25px 50px; margin:20px 0; border:solid 1px #ccc; }

.topics_area ul.topic_list li figure{ width:100%;float:left; position:relative; font-weight:700; font-size:48px; text-align:center; color:#0099cc; margin:0 }

.topics_area ul.topic_list li h3{ width:100%; float:left; color:#282938; font-size:24px; font-weight:500; margin:0 0 15px; }

.topics_area ul.topic_list li p{ width:100%; float:left; margin:0;   font-weight:500;}



.topics_area ul.logo_icon{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:center; justify-content:space-between; margin:0px 0 40px;}

.topics_area ul.logo_icon li{ flex:0 0 19%; text-align:center; border:solid 1px #ccc; margin:8px 0 }

.topics_area ul.logo_icon li img{ max-height:90px; width:auto; max-width:100%; }





.faq_area{ width:100%; float:left;  padding:60px 0 60px;     background: linear-gradient(rgba(235, 245, 255, 0), #ebf5ff 69%); }

.faq_area .card{ display:flex; flex-flow:row; border-bottom:solid 1px #ECECF1; border-radius:0; border-width:0 0 1px 0; padding:30px 0; }

.faq_area .card .left_no{ color:#0099CC; font-size:24px; font-weight:500; text-align:left; }

.faq_area .card .right_cont{ width:100%; padding-left:50px; }

.faq_area .card .right_cont h3.collapsed{ font-size:24px; font-weight:500; color:#282938; margin:0 0 0px; cursor:pointer; background:url(../images/plus_icon.svg) no-repeat right; }

.faq_area .card .right_cont h3{ font-size:24px; font-weight:500; color:#282938; margin:0 0 0px; background:url(../images/cross_icon.svg) no-repeat right;}

.faq_area .card .right_cont .card-body{ padding:20px 0; font-size:18px; line-height:32px; font-weight:400; color:#282938; opacity:.7; }


.faq_area h2 button { font-size:16px; font-weight:600; position:relative; color:#282574; }

.faq_area .accordion-item{ margin:20px 0; box-shadow:0 4px 12px rgba(0,0,0,.1); border:none; }
.faq_area .accordion-button:not(.collapsed){ background:none; outline:none; }
.faq_area .accordion-body{ font-size:15px; line-height:24px;  }
.faq_area .accordion-button:focus, .accordion-button:not(.collapsed){ outline:none; border:none; box-shadow:none; }


footer{width:100%;float:left;}

.top_foot{width:100%;float:left;background:#282574;padding:60px 0px;color:#fff; text-align: center;}

.bot_foot{width:100%;float:left;background:#fff;padding:25px 0 ;color:#000; text-align: center;}

.bot_foot figure{ width:100%; text-align:center; }

.top_foot p{ font-size:18px; color:#fff; margin:0 0 30px;  }

.top_foot  h2{ color:#fff; }

footer h3{width:100%;float:left;font-size:24px;text-transform:uppercase;font-weight:600;letter-spacing:.5px; margin:0 0 15px 0; color:#fff;text-align:left}

footer .address_detials{ width:100%; float:left; color:#fff; padding:4px 0; text-align:left; }

footer .address_detials ul{ width:100%; float:left; margin:0 0 0px; padding:0; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; }



.main_link_area{ width:100%; max-width:575px; float:right; display:flex; align-items:stretch; flex-flow:row wrap; justify-content:space-between; }

.main_link_area .foot_box{ flex:0 0 30%; }

.main_link_area .foot_box h3{ font-size:14px; font-weight:500; }

footer .address_detials {  padding:0px 0; margin:0;  margin:0 0 10px; }

footer .address_detials  p{ margin:0; font-size:16px; line-height: 24px; color: #fff; width: 100%; float: left; opacity: .9;}

footer .address_detials ul li a{ font-size:14px; color:#000;}

footer .address_detials ul li i{ font-size:18px; display:inline-block; width:25px; float:left;}

footer .address_detials ul li span{ width:calc(100% - 25px); float:left;}

.footer address_detials ul li:before{ display:none;}

footer .resource{width:100%;float:left;height:auto;padding:0 0 20px 0px;}

footer .resource li{ width:100%; float:left; padding:0 0px 0 0; letter-spacing:.5px; font-size:16px;}

footer .resource li a{color:rgba(255, 255, 255, 0.8);width:100%;display:inline-block; padding:5px 0 5px 0px;transition:ease-in .3s; font-weight:300; font-size:15px; }

footer .resource li a:hover{color:#0099CC;}

footer figure{ width:100%; float:left; text-align:left;}



.contact_box{ width:auto; padding:15px 35px; background: #0099CC;border-radius: 5px 5px 0px 0px; position:absolute; left:0; bottom:-30px; }

.contact_box ul li{ margin-right:40px; }

.contact_box ul li h4{ font-size:18px; font-weight:500; color:#00283C; margin:0 0 5px; }

.contact_box ul li p{ font-size:16px; font-weight:400; margin:0;color:#00283C; opacity:.8;  }

.contact_box ul li:last-child{ margin:0; }













.scrollup {

	display: none;

	position: fixed;

	bottom: 6em; border-radius:50%;

	right: 30px;

	width: 52px;

	height: 52px;

	background: #0099CC;

	color: #fff;

	line-height: 52px;

	font-family: fontawesome;

	transition: ease-in .3s all;

	z-index: 999;

	text-align: center;

	font-size: 20px

}

.scrollup:hover {

	background: #00283C;

	color: #fff

}



/*Inner Pages CSS */





.bread_crumb{ width:100%; float:left; background:#EEF2F5; padding:30px 0; }

.bread_crumb ul{ width:100%; float:left; padding:0; margin:0; }

.bread_crumb ul li{ width:auto; float:left; margin-right:10px; font-weight:500; color:rgba(0, 40, 60, .7); }

.bread_crumb ul li a{ color:rgba(0, 40, 60, .7); }



.blog_pagination{ width:100%; float:left; text-align:center; margin:80px 0 50px ;}

.blog_pagination ul{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:center;}

.blog_pagination ul li{ flex:auto; max-width:50px; height: 50px; background: #F5F5F5; border-radius: 5px; line-height: 50px; padding:0; margin:25px 0; font-size:20px; font-weight:500; margin:0 10px; transition:ease-in .3s;  }

.blog_pagination ul li a{ color:#656565; display:block; }

.blog_pagination ul li.active, .blog_pagination ul li:hover{ background:#0099CC; color:#fff; }

.blog_pagination ul li:hover a, .blog_pagination ul li.active a{ color:#fff; }



.course_details_area{ width:100%; float:left; padding:80px 0; }

.course_details_area .container{ max-width:1110px; }

.course_details_area figure img{ width:100%; transition:ease-in .3s; }

.course_details_area figure .play_icon{ width:100%; height:100%; position:absolute; display:flex; align-items:center; justify-content:center; left:0; top:0; background:rgba(0, 0, 0, .6); transition:ease-in .3s; }

.course_details_area figure .play_icon span{ cursor: pointer; transition: ease-in .3s;}

.course_details_area figure .play_icon span:hover{ padding-left:25px; }

.course_details_area figure .play_icon span svg{ display:inline-block;  }

.course_details_area label{ color:rgba(0, 40, 60, .8); font-size:24px; font-weight:300; }

.course_details_area h1{ font-size:42px;color:rgba(0, 40, 60, 1);  }

.course_details_area .content_dtls{ width:100%; float:left; padding:30px 0; }

.course_details_area .content_dtls figure{ width:100%; float:left; margin:0 0 40px; }

.course_details_area .content_dtls figure img{ max-width:100%; width:100%; height:auto; }

.course_details_area .content_dtls h2{ width:100%; float:left; font-size:32px; font-weight:500; margin:0 0 10px; }

.course_details_area .content_dtls p{ width:100%; float:left; margin:0 0 40px; color:rgba(0, 40, 60, .7);  }

.course_details_area .content_dtls ul{ width:100%; float:left; margin:0 0 40px; padding:0 0 0 20px; }

.course_details_area .content_dtls ul li{ width:100%; float:left; margin:3px 0; font-size:16px; line-height:24px; color:rgba(0, 40, 60, .7); list-style:disc; }

.course_top p{ margin:15px 0 50px; }

.course_details_area .content_dtls ol{ width:100%; float:left; margin:0 0 40px; padding:0 0 0 20px; }

.course_details_area .content_dtls ol li{ width:100%; float:left; margin:3px 0; font-size:16px; line-height:24px; color:rgba(0, 40, 60, .7); list-style:auto; }

.course_top p{ margin:15px 0 50px;color:rgba(0, 40, 60, .7); }

.course_top figure{ margin:0 0 50px; position:relative; overflow:hidden; }

.bordr_btm{ border-bottom:2px solid #ECECF1; padding-bottom:45px; margin-bottom:30px; }



p.no_margin{ margin:0 !important; }



.sign_up_area{ width:100%; float:left; text-align:center; margin:50px 0 0; }

.sign_up_area h2{ margin:0 0 25px; }

.sign_up_area p{ font-weight:600; margin:0 0 25px; }

.sign_up_area a{ width:292px; text-align:center; line-height:60px; display:inline-block; border-radius:5px; font-weight:600; }



.left_anm {  transition:ease-in .3s all;  -webkit-animation:left_anm 1s .5s;animation:left_anm 1s .5s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }



@keyframes left_anm {

    0%   {  opacity:0;     transform: translate3d(-50px, 0px, 0);  }

    100% {opacity:1;   transform: none; }

}

/* Chrome, Safari, Opera */

@-webkit-keyframes left_anm {

    0%   { transform:scale(.7); opacity:0;     transform: translate3d(-50px, 0px, 0);  }

    100% { transform:scale(1);  opacity:1;   transform: none; }

}





.rgt_anm {  transition:ease-in .3s all;  -webkit-animation:rgt_anm 1s 1s;animation:rgt_anm 1s 1s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }



@keyframes rgt_anm {

    0%   {  opacity:0;     transform: translate3d(50px, 0, 0);  }

    100% {opacity:1;   transform: none; }

}

/* Chrome, Safari, Opera */

@-webkit-keyframes rgt_anm {

    0%   { transform:scale(.7); opacity:0;     transform: translate3d(50px, 00px, 0);  }

    100% { transform:scale(1);  opacity:1;   transform: none; }

}



.rgt_anm_2 {  transition:ease-in .3s all;  -webkit-animation:rgt_anm_2 .3s 1.5s;animation:rgt_anm .3s 1.5s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }



@keyframes rgt_anm {

    0%   {  opacity:0;     transform: translate3d(50px, 0, 0);  }

    100% {opacity:1;   transform: none; }

}

/* Chrome, Safari, Opera */

@-webkit-keyframes rgt_anm {

    0%   { transform:scale(.7); opacity:0;     transform: translate3d(50px, 00px, 0);  }

    100% { transform:scale(1);  opacity:1;   transform: none; }

}









.mid_anm{ transition:ease-in .3s all;  -webkit-animation:bulb 1s 1s;animation:bulb 1s 1s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0;  cursor:pointer;}



@keyframes bulb {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}

/* Chrome, Safari, Opera */

@-webkit-keyframes bulb {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}







.srvc_1{ transition:ease-in .3s all;  -webkit-animation:srvc_1 .3s .4s;animation:srvc_1 .3s .4s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0;  cursor:pointer;}



@keyframes srvc_1 {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}

/* Chrome, Safari, Opera */

@-webkit-keyframes srvc_1 {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}







.srvc_2{ transition:ease-in .3s all;  -webkit-animation:srvc_2 .3s .6s;animation:srvc_2 .3s .6s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}

@keyframes srvc_2 {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}

/* Chrome, Safari, Opera */

@-webkit-keyframes srvc_2 {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}





.srvc_3{ transition:ease-in .3s all;  -webkit-animation:srvc_3 .3s .8s;animation:srvc_3 .3s .8s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}

@keyframes srvc_3 {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}

/* Chrome, Safari, Opera */

@-webkit-keyframes srvc_3 {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}



.srvc_4{ transition:ease-in .3s all;  -webkit-animation:srvc_4 .3s 1s;animation:srvc_4 .3s 1s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}

@keyframes srvc_4 {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}

/* Chrome, Safari, Opera */

@-webkit-keyframes srvc_4 {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}





.srvc_5{ transition:ease-in .3s all;  -webkit-animation:srvc_5 .3s 1.2s;animation:srvc_5 .5s 1.2s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}

@keyframes srvc_5 {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}

/* Chrome, Safari, Opera */

@-webkit-keyframes srvc_5 {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}



.srvc_6{ transition:ease-in .3s all;  -webkit-animation:srvc_6 .3s 1.4s;animation:srvc_6 .3s 1.4s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}

@keyframes srvc_6 {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}

/* Chrome, Safari, Opera */

@-webkit-keyframes srvc_6 {

    0%   { transform:scale(.7); opacity:0;  }

    100% { transform:scale(1);  opacity:1;  }

}



.error{ color:#f00; font-weight:600; }



/* modal */



.modal .modal-content{

    border-radius: 0;

}



.modal .modal-body{

    padding:30px;

    position:relative;

}



.modal .modal-body .close{

    position:absolute;

    content:'';

    right:0;

    top:0;

    height: 45px;

    width: 45px;

    background: #0099cc; border: none;

    color: #fff;

    text-shadow: none;

    opacity: 1;

    

}



.modal .projectName{

    text-align: center;

    font-size: 36px; margin: 0 0 10px;

    font-weight: 600;

}



.modal .projectName img{

    max-width: 160px;

}



.modal .location{

    text-align: center;

    font-size: 15px;

    letter-spacing: 0.5px;

}



.modal .form_price{

    margin: 20px auto 25px;

    text-align: center;

    width: max-content;

    background: #fff; border: solid 2px #0099cc;

    color: #0099cc; width: 100%;

    padding: 12px 10px;

    font-size: 13px; border-radius: 8px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: 600;

}



.modal .form-group{

    margin-bottom: 14px;

}



.modal label{

    margin-bottom: 4px;

    font-size:15px;

    font-weight: 500;

}



.modal .form-control::placeholder{

    font-size:14px;

}



.modal .submit_btn{

    border-radius: 0;

    text-transform: uppercase;

    font-weight: 500;

    letter-spacing: 0.5px;

    padding: 12px;

    width: 130px;

    font-size: 14px;

    min-height: 44px;

    display: table;

    margin: 20px auto 0;

}

.modal .box_2{ box-shadow:none; padding:0 }

.testi_dtls h3{ min-height:150px !important; max-height:150px; overflow-y:auto; }


.step-section {
      background: #fff;
      padding: 60px 0px 80px; width: 100%; float: left;
    }
    .step-section h2{ font-size:42px; margin:0 0 30px; }
    .step-section .container{ max-width:1170px; }

.step-section .cta_link { margin:110px 0 0 }

    .step-title .highlight {
      color: #0099cc;
    }

    .steps-row {
      display: flex;
      justify-content: center;
      gap: 30px;
      flex-wrap: nowrap;
      position: relative; align-items: flex-start;
    }

    .step-card {
      width: 400px;
      background: white;
      border-radius: 20px;
      padding: 20px 20px;
      box-shadow: 0 5px 20px rgba(0,0,0,0.08);
      position: relative; max-width: 100%; text-align: center;
    }
     .step-card  h3{ color:#2a2577; font-size:24px; margin:0 0 8px }
.step-card figure{ margin:0 }
    .step-card.up {
      margin-top: 0;
    }

    .step-card.down {
      transform: translateY(100px);
    }

    .step-number {
      background: #2a2577;
      color: white;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      font-size: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      bottom: -30px; 
      left: 50%; margin-left: -25px;
      font-weight: bold;
    }

    .step-card.down .step-number{ top:-30px; bottom:inherit; }

    .step-icon {
      color: #0099cc;
      margin-bottom:5px;
    }
.step-icon img{ max-width:80px; }
    .arrow-img {
      position: absolute;
      bottom: -110px;
      left: 50%;
      transform: translateY(-50%);

    }

.step-card.down  .arrow-img { top:-70px; left:50%; bottom:inherit;}
    .arrow-img img {
    }

    @media (max-width: 767px) {
      .steps-row {
        flex-direction: column;
        align-items: center;
        gap: 60px;
      }

      .step-card {
        margin-top: 0 !important;
      }

      .arrow-img {
        display: none;
      }
      .step-card.down{ transform:none; }
    }



.soft_slide{ width:100%; float:left; overflow:hidden; margin:0 0 80px; }

.soft_slide .logo_slide {
  display: flex;
  width: max-content;
  animation: logo-left 30s linear infinite; gap: 30px;
}


.soft_slide .logo_slide li {
 flex:0 0 300px;
}

@keyframes logo-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

section {
  scroll-margin-top: -50px; /* or whatever your navbar height is */ width: 100%; float: left;
}