@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700&display=swap');

html{

    overflow-x: hidden;

}

body{

    width:100%;

    overflow-x:hidden;

    overflow-y:hidden;

    font-family: 'Urbanist', sans-serif;

}

.nav-menu,

nav {

    display: -webkit-box;

    display: -ms-flexbox;

    text-align: center

}



.nav-menu,

.navbar,

nav {

    text-align: center

}



.nav-link {

    font-size: 20px;

    font-weight: 500;

}

a{

    text-decoration: none;

}

.bar:first-child,

body,

nav {

    width: 100%

}



* {

    scroll-behavior: smooth;

    font-family: 'Urbanist', sans-serif;

}

ul li a {

    font-family: 'Urbanist', sans-serif;

}

.bx-shadow-1{

    box-shadow: 0 0 4px #ddd;

}





/*nav {*/

/*    height: auto;*/

/*    display: flex;*/

/*    -ms-flex-wrap: wrap;*/

/*    flex-wrap: wrap;*/

/*    -webkit-box-pack: justify;*/

/*    -ms-flex-pack: justify;*/

/*    justify-content: space-around;*/

/*    margin: 0;*/

/*    padding: 0;*/

/*    -webkit-box-align: center;*/

/*    -ms-flex-align: center;*/

/*    align-items: center*/

/*}*/



nav {

    height: auto;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-around;

    margin: 0;

    padding: 0 1rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

ul {

    margin-bottom: 0

}



.navbar {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: .5s;

    transition: .5s

}



.bar,

.fa-times,

.nav-link {

    -webkit-transition: .5s;

    color: #000;

}

.bar, .fa-times {

    width: 1.5rem;

    height: 3px;

    display: block;

    padding: 0;

    margin: 6px;

    transition: .5s;

    background-color: #000;

}



.outline-none{

    outline:0;

}

.nav-menu li {

    list-style: none;

    padding: 0 18px;

    margin: 7px 10px;

}

.logo img{

    margin: 2px 20px;

}

.w-55px{

    width: 100px;

    height: 100%;

}

.nav-menu {

    display: flex;

    margin: 15px 10px 15px 120px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: distribute;

    justify-content: space-around

}



.nav-link {

    text-decoration: none;

    transition: .5s

}



/*------dropdown----------*/

 .dropdown .dropbtn {

  border: none;

  outline: none;

  background-color: inherit;

  font-family: inherit;

  margin: 0;

    font-size: 20px;

    font-weight: 600;

}

  .dropdown-content {

  display: none;

  position: absolute;

  z-index: 999;

  background: #fff none repeat scroll 0 0;

    border: 1px solid transparent;

    border-radius: 2px;

    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.15);

    padding: 0;

    width: 280px;

}

.btn-secondary{

    background-color: transparent !important;

    margin: 7px 10px;

}

/*.dropdown-item{*/

/*    color: #fff !important;*/

/*}*/

  .dropdown-content a {

  float: none;

  color: #333333;

    display: block;

    font-size: 18px;

    margin-bottom: 0;

    padding: 10px 15px;

    text-align: left;

    text-transform: capitalize;

}

      .dropdown-content a:hover {

  color: #333333;

  background-color: transparent;

}

.nav-menu li:last-child a {

    border-bottom: none;

}

.dropdown-content li{

    margin: 0;

}

.dropdown:hover .dropdown-content {

  display: block;

}

.dropdown-menu{

    list-style-type: none;

}

.dropdown-item{

    margin-left: 0px !important;

}





.hamburger {

    display: none

}

#ticket-tab li{

border-right:1px solid #333;

}

#ticket-tab li button{

    border: 0;

    outline: none;

    padding: 0px 25px;

    background-color: #fff;

    }

#ticket-tab li:last-child{

    border-right:0;

    }

.bar,





.nav-menu li:last-child, .nav-menu li:last-child a{

    padding-right:0 !important

}

.top-nav{

    padding: 10px;

}

h1,h2,h3,h4,h5,h6{

    font-family: 'Urbanist', sans-serif;

}



/* ------------Banner Section------------- */

.banner-two {

    padding-top: 335px;

    padding-bottom: 370px;

    position: relative;

    background-position: top right;

    background-repeat: no-repeat;

    background-image: url('../images/banner-bg-3-1.png');

}

.banner-two__bg-shape-1 {

    top: 1%;

    right: 30%;

}

[class*=banner-two__bg-shape-] {

    position: absolute;

}

.banner-two__bg-shape-2 {

    top: 0;

    right: 0;

}



[class*=banner-two__bg-shape-] {

    position: absolute;

}

.banner-two__bg-shape-3 {

    top: 8%;

    right: 20%;

}

[class*=banner-two__bg-shape-] {

    position: absolute;

}

.banner-two__bg-shape-4 {

    top: 220px;

    left: 190px;

}



[class*=banner-two__bg-shape-] {

    position: absolute;

}

.banner-two__bg-shape-5 {

    bottom: 11%;

    left: 63%;

}



[class*=banner-two__bg-shape-] {

    position: absolute;

}

.banner-two__bg-shape-6 {

    bottom: -770px;

    left: 0;

    z-index: -1;

}



[class*=banner-two__bg-shape-] {

    position: absolute;

}

.banner-two__moc {

    position: absolute;

    top: 148px;

    right: 5%;

    transition: all .4s ease;

    -webkit-animation-name: banner4Shake;

    animation-name: banner4Shake;

    -webkit-animation-duration: 10s;

    animation-duration: 10s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

}

.banner-two__content h3 {

    margin: 0;

    color: #162f62;

    font-size: 50px;

    line-height: 65px;

    font-weight: bold;

    margin-bottom: 26px;

}

.banner-two__content h3 span {

    font-weight: 500;

    font-family: 'Poppins', sans-serif;

}

.banner-two__content p {

    margin: 0;

    color: #8a919e;

    font-size: 17px;

    line-height: 30px;

    font-weight: 400;

    margin-bottom: 42px;

}

.banner-two__btn-block {

    display: flex;

    align-items: center;

}

.thm-btn {

    display: inline-block;

    vertical-align: middle;

    border: none;

    outline: none;

    text-align: center;

    font-size: 20px;

    font-weight: 500;

    color: #fff;

    background-size: 200% auto;

    background-image: linear-gradient(90deg, #ffbc45 0%, #ff5959 51%, #ffbc45 100%);

    transition: all 500ms ease;

    box-shadow: 0px 30px 50px 0px rgba(25, 71, 174, 0.1);

    border-radius: 27.5px;

    border-bottom-left-radius: 0;

    padding: 18.5px 45.5px;

    font-family: 'Poppins', sans-serif;

}

.banner-two__btn-block .thm-btn:nth-child(2) {

    margin-left: 20px;

    background-image: linear-gradient(90deg, #61d8ff 0%, #6168ff 51%, #61d8ff 100%);

}







@media (max-width:992px) {

    /* ----------footer-top-section-------------- */



.mailchimp-one .inner-container {

    padding-left: 15px;

    padding-right: 15px;

}



/* ----------footer-top-section-------------- */

    .banner-two {

        padding-top: 110px;

        padding-bottom: 170px;

    }

    .banner-two__moc {

        max-width: 100%;

        position: relative;

        top: auto;

        right: auto;

        margin-bottom: 50px;

    }

    

    .hamburger {

        display: block;

        margin-right: 35px;

    }

    .bar:nth-child(2) {

        width: 200%;

    }

    .bar:nth-child(3) {

        width: 300%;

    }

    .active .bar:nth-child(2) {

        opacity: 0

    }

    .active .bar:first-child {

        -webkit-transform: translateY(8px) rotate(-315deg);

        transform: translateY(8px) rotate(-315deg);

        width: 300%

    }

    .active .bar:nth-child(3) {

        -webkit-transform: translateY(-10px) rotate(-45deg);

        transform: translateY(-10px) rotate(-45deg);

        width: 300%

    }

    .nav-menu {

        width: 100%;

        height: 100%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: start;

        align-items: center;

        position: fixed;

        top: 75px;

        right: -100%;

        -webkit-transition: .5s;

        transition: .5s;

        margin: 0 auto

    }

    .nav-menu {

    display: flex;

    margin: 15px auto;

}

    .nav-menu li {

        padding: 0

    }

    

    .nav-link {

        margin: .2rem 0;

        z-index: 1

    }

    .active {

        right: 0;

        z-index: 100;

        transition: .2s

    }

}



@media screen and (max-width:480px) {

    .nav-link {

        padding: .75rem 0

    }

    .banner-two__btn-block {

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

    }

    .banner-two__btn-block .thm-btn:nth-child(2) {

        margin-left: 0;

        margin-top: 20px;

    }

    .brand-imgs{

        position: relative;

        display: flex;

        flex-direction: column;

    }

    .brand-imgs img{

        margin-bottom: 30px;

    }

    .block-title h3{

    font-size: 33px;

    line-height: 45px;

}

.banner-two__content h3 {

    font-size: 40px;

    line-height: 55px;

}

.service-two__main {

    padding-right: 10px;

    padding-left: 10px;

}

.test-cards {

    padding-bottom: 0px;

}

.site-footer__upper {

    text-align: center;

}

.footer-widget__social{

    margin-left: 25%;

}

.contact-one__form {

    padding-left: 20px;

    padding-right: 20px;

    position: relative;

}

.top-nav {

    padding: 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

}



@media screen and (max-width:992px) {

    nav {

        z-index: 999999;

        height: 110px;

    }

    

    ul.nav-menu.active {

        background-color: #fff;

        color: #444

    }

    header>nav {

        position: fixed;

        background-color: #fff

    }

    header+section {

        padding-top: 75px

    }

    .w-55px {

        width: 65px;

    }

    nav {

    z-index: 999999;

    height: 90px;

}



}



@media screen and (min-width:993px) and (max-width:1200px) {



    .nav-link {

        font-size: 1rem

    }

}





@media screen and (min-width:1201px) and (max-width:1399px) {

    .nav-link {

        font-size: 18px;

    }



}



@media screen and (min-width:992px) {

    .w-75{

        width:850px !important;

    }

    header {

        position: fixed;

        width: 100%;

        background-color: transparent;

        z-index: 999999;

    }

    header.sticky {

        position: fixed;

        top: 0;

        background-color: #fff;

        box-shadow: 0 0px 12px #ddd;

        z-index: 999999;

    }

}



/* -----------bannerzz------------------ */



.bg-soft-primary {

    background-color: #f0f0f8 !important;

}

.display-1 {

    font-size: calc(1.375rem + 1.5vw);

    line-height: 1.15;

    font-weight: 600;

}

.fs-24 {

    font-size: 1.4rem!important;

}

.lh-sm {

    line-height: 1.5!important;

}

.text-primary{

    color: #605dba !important;

}

.btn{

    font-size: 1rem;

}

.btn{

    font-weight: 600;

}

[data-cue=slideInDown], [data-cues=slideInDown]>* {

    opacity: 0;

}

.btn-outline-grape {

    color: #605dba;

    border-color: #605dba;

    background-color: transparent;

}

.rounded {

    border-radius: 0.4rem!important;

}

.btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    transform: translateY(0);

    position: relative;

}

.btn-outline-grape:hover{

    color: #fff;

    background-color: #605dba;

    border-color: #605dba;

}

.btn-grape {

    color: #fff;

    background-color: #605dba;

    border-color: #605dba;

    border-radius: 0.4rem;

}

.btn-grape:hover {

    color: #fff;

    background-color: #605dba;

    border-color: #605dba;

    border-radius: 0.4rem;

}

.banner-top {

    padding-bottom: 30px;

    padding-top: 100px;

}

figure {

    margin: 0;

    padding: 0;

}

figure img {

    width: 100%;

    max-width: 100%;

}



figure img {

    height: auto!important;

}

[class*=mb-n], [class*=mt-n] {

    position: relative;

    z-index: 3;

}

.display-4 {

    font-size: 3rem;

    line-height: 1.25;

    font-weight: 600;

}



/* --------------The full service we are offering is specifically designed to meet your business needs-------------- */

.services-4box{

    margin-top: 20px;

    padding: 10px;

}

.service-icons{

    /*font-size: 45px;*/

    /*color: #605dba!important;*/

    width: 80px;

    height: 80px;

}

.services-4box h4{

    font-size: 22px;

    line-height: 1.45;

    color: #343f52;

    font-weight: 600;

    margin-bottom: 0.5rem;

}

.services-4box p{

    font-size: 17px;

    font-weight: 500;

    color: #60697b;

    line-height: 1.7;

}

.more{

    font-size: 18px;

    font-weight: 600;

    color: #605dba;

}



/* -----------------So here a few reasons why our valued customers choose us.------------ */

.section-row{

    margin-left: 30px;

}

.small-icons{

    color: #605dba;

    font-size: 20px;

}

.pagesz h4{

    font-size: 20px;

    font-weight: 600;

    line-height: 1.45;

    color: #343f52;

}

.pagesz p{

    font-size: 17px;

    font-weight: 600;

    color: #60697b;

}



/* -----------How We Do It?

------------------ */



.lead{

    font-size: 20px;

    line-height: 1.6;

    font-weight: 500;

    color: #60697b;

}

.process-wrapper.line .btn-circle {

    position: relative;

    z-index: 2;

}

.btn-soft-primary {

    color: #3f78e0;

    box-shadow: 0rem 0.25rem 0.75rem rgba(30,34,40,.05)!important;

    background-color: #e0e9fa;

    border-color: #e0e9fa;

}

.btn-soft-primary:hover{

    color: #3f78e0;

    box-shadow: 0rem 0.25rem 0.75rem rgba(30,34,40,.05)!important;

    background-color: #e0e9fa;

    border-color: #e0e9fa;

}

.btn.btn-circle {

    padding: 0;

    border-radius: 100%!important;

    width: 2.2rem;

    height: 2.2rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-size: 1rem;

    line-height: 1;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.btn-group-lg>.btn.btn-circle, .btn.btn-circle.btn-lg {

    width: 3.5rem;

    height: 3.5rem;

    font-size: calc(1.255rem + .06vw);

}

.btn.btn-circle .number {

    display: table-cell;

    text-align: center;

    margin: 0 auto;

    vertical-align: middle;

    font-size: 1.1rem;

    font-weight: 700;

}

.line-headz{

    font-size: 22px;

    line-height: 1.45;

    margin-top: 0;

    font-weight: 700;

    color: #343f52;

    word-spacing: 0.1rem;

    letter-spacing: -.01rem;

}

p{

    font-size: 18px;

}



/* -------------Why learn with our courses?---------------- */



.box-secz{

    padding-top: 80px;

    padding-bottom: 100px;

}

.service-card-6 {

    height: 100%;

}

.service-card-6 .inner {

    border-radius: 5px;

    padding: 45px 35px;

    position: relative;

    z-index: 1;

    border: 1px solid #e6e3f1;

    height: 100%;

}

.service-card-6 .inner .icon {

    position: relative;

    display: inline-block;

    margin-bottom: 15px;

}

.service-card-6 .inner .icon img {

    max-height: 60px;

}

.service-card-6 .inner .content {

    padding-top: 10px;

}

.service-card-6 .inner .content .title {

    font-weight: 700;

    font-size: 22px;

    line-height: 32px;

    margin-bottom: 8px;

    transition: 0.4s;

    color: #192335;

}

.service-card-6 .inner .content .description {

    margin-bottom: 0;

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

    color: #6b7385;

}

.service-card-6 .inner .number-text {

    font-size: 100px;

    font-weight: 800;

    opacity: 0.05;

    display: inline-block;

    line-height: 70px;

    position: absolute;

    right: 15px;

    top: 15px;

    z-index: -1;

}

.mt--30{

    margin-top: 30px;

}



/* --------------testimonials---------------------- */



.testizz {

	display: grid;

	place-items: center;

}

.bg-vio{

    background: #f0f0f8 ;

}

.section-header{

    position: relative;

    margin-top: 40px;

    text-align: center;

    font-weight: 900;

    padding-bottom: 25px;

    color: #000;

}

.section-header:after{

    content: '';

    height: 3px;

    width: 200px;

    position: absolute;

    bottom: 0;

    left: calc(50% - 100px);

    background: #000;

}

.section-header span {

	display: block;

	font-size: 15px;

	font-weight: 300;

}

.testimonials{

    max-width: 1000px;

    padding: 0 15px 50px;

    margin: 0 auto 0 auto;

}

.single-item{

    background: #fff;

    color: #111;

    padding: 15px;

    margin: 50px 15px;

}

.profile{

    margin-bottom: 30px;

    text-align: center;    

}

.img-area {

	margin: 0 15px 15px 15px;

}

.img-area img {

	height: 200px;

	width: 200px;

	border-radius: 50%;

	border: 7px solid blueviolet;

}

.content{

    font-size: 18px;

}

.content p {

	text-align: justify;

}

.content p span {

	font-size: 48px;

	margin-right: 20px;

    color: blueviolet;

}

.socials i {

	margin-right: 10px;

    color: gold;

}

.bio h4 {

	font-family: 'Berkshire Swash', cursive;

}

.carousel-control-next-icon, .carousel-control-prev-icon {

	background-color: blueviolet;

}



/* -----------analyze-------------- */

.fs-16 {

    font-size: 16px;

    font-weight: 600;

}



/* ------------footer----------------- */

.footer-icon i{

    color: #605dba;

    font-size: 25px;

    margin-right: 15px;

}

footer p{

    color: #60697b;

}





/* --------------------contact - page------------------- */



.image-wrapper:not(.mobile) {

    background-attachment: fixed!important;

}



.image-wrapper {

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: cover;

    position: relative;

    z-index: 0;

}

.image-wrapper.bg-overlay-400:before {

    background: rgba(30,34,40,.4);

}

.image-wrapper.bg-overlay:before {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    background: rgba(30,34,40,.5);

}

.image-wrapper.bg-overlay.bg-content .content, .image-wrapper.bg-overlay:not(.bg-content) * {

    position: relative;

    z-index: 2;

}

.display-1 {

    line-height: 1.2;

    font-size: 2.4rem;

}

.breadcrumb {

    display: flex;

    flex-wrap: wrap;

    padding: 0;

    margin-bottom: 1rem;

    list-style: none;

    border-radius: 0;

}

.breadcrumb-item {

    display: flex;

    color: #60697b;

}

.breadcrumb.text-white .breadcrumb-item a, .breadcrumb.text-white .breadcrumb-item.active, .breadcrumb.text-white .breadcrumb-item:hover {

    color: #fff;

}

.breadcrumb.text-white .breadcrumb-item+.breadcrumb-item:before {

    color: hsla(0,0%,100%,.5);

}

.breadcrumb-item+.breadcrumb-item {

    padding-left: 0.5rem;

}



.breadcrumb-item+.breadcrumb-item:before {

    content: "";

    height: 2px;

    left: -10px;

    margin-top: -1px;

    position: absolute;

    top: 50%;

    background: #ffffff;

    width: 15px;

}



/* <!-- ----------------map and forms---------------- -- */



.wrapper.angled {

    position: relative;

    border: 0;

}

.bg-light {

    opacity: 1;

    background-color: rgba(254,254,254)!important;

}

.wrapper.bg-light.angled.lower-end:after, .wrapper.bg-light.angled.upper-end:before {

    border-right-color: #fefefe;

}

.wrapper.angled:after, .wrapper.angled:before {

    content: "";

    display: block;

    position: absolute;

    right: 0;

    z-index: 0;

    border: 0 solid transparent;

}

.wrapper.angled.upper-end:before {

    border-right-width: 100vw;

    border-top-width: 4rem;

    top: -4rem;

}

.pb-11 {

    padding-bottom: 3rem!important;

}

[class*=mb-n], [class*=mt-n] {

    position: relative;

    z-index: 3;

}

.mt-n19 {

    margin-top: -9rem;

}

.card {

    box-shadow: 0 0 0 0.05rem rgba(8,60,130,.06), 0 0 1.25rem rgba(30,34,40,.04);

    border: 0;

}

.align-self-stretch {

    align-self: stretch!important;

}

.map.map-full {

    height: 100%;

    min-height: 15rem;

}

.rounded-end, .rounded-top {

    border-top-right-radius: 0.4rem !important;

}



.rounded-top {

    border-top-left-radius: 0.4rem !important;

}

.fs-28 {

    font-size: 1.4rem!important;

}

address {

    margin-bottom: 1rem;

    font-style: normal;

    line-height: inherit;

}



.link-body {

    color: #60697b;

}

.p-lg-14 {

    padding: 4.5rem!important;

}

.lead {

    line-height: 1.65;

}

.form-floating {

    position: relative;

}

.form-control {

    display: block;

    width: 100%;

    font-size: 1rem;

    font-weight: 500;

    color: #60697b;

    background-color: #fefefe;

    background-clip: padding-box;

    border: 1px solid rgba(8,60,130,.07);

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 0.4rem;

    box-shadow: 0 0 1.25rem rgba(30,34,40,.04);

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.form-floating>.form-control, .form-floating>.form-control-plaintext {

    padding: 0.6rem 1rem;

}

.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {

    height: calc(2.5rem + 9px);

    line-height: 1.25;

}

.form-floating>label {

    color: #959ca9;

    font-size: .75rem;

}

.form-floating>label {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 0.6rem 1rem;

    font-size: 16px;

    overflow: hidden;

    text-align: start;

    text-overflow: ellipsis;

    white-space: nowrap;

    pointer-events: none;

    border: 1px solid transparent;

    transform-origin: 0 0;

    transition: opacity .1s ease-in-out,transform .1s ease-in-out;

}

.valid-feedback {

    display: none;

    width: 100%;

    margin-top: 0.25rem;

    font-size: .7rem;

    color: #198754;

}

.invalid-feedback {

    display: none;

    width: 100%;

    margin-top: 0.25rem;

    font-size: .7rem;

    color: #dc3545;

}

.form-select {

    background-clip: padding-box;

}

.form-select {

    display: block;

    width: 100%;

    padding: 0.6rem 2rem 0.6rem 1rem;

    -moz-padding-start: calc(1rem - 3px);

    font-size: 1rem;

    font-weight: 500;

    line-height: 1.7;

    color: #959ca9;

    background-color: #fefefe;

    background-repeat: no-repeat;

    background-position: right 0.75rem center;

    background-size: 20px 20px;

    border: 1px solid rgba(8,60,130,.07);

    border-radius: 0.4rem;

    box-shadow: 0 0 1.25rem rgba(30,34,40,.04);

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

.btn-send{

    padding: 15px 30px;

    font-size: 18px;

    font-weight: 600;

}

/* -----conatct-footer---------- */

footer.bg-dark {

    background: #21262c!important;

}

.widget img{

    width: 150px;

}

.widget address, .widget a, .widget li, .widget p{

    color: #cacaca;

    font-size: 18px;

    padding-bottom: 10px;

}

footer.bg-dark p {

    color: #cacaca;

    font-size: 18px;

}



/* -------------About us Page -------------------------- */



/* -------service we offer is specifically------- */

.about-1{

    padding-top: 90px;

    padding-bottom: 110px;

}

.card[class*=bg-] {

    box-shadow: none!important;

}

.bg-pale-yellow {

    background-color: #fef3e4!important;

}

.card-img {

    width: 5rem;

    height: 5rem;

}

.text-yellow {

    color: #fab758!important;

}

.bg-pale-red {

    background-color: #fae6e7!important;

}

.bg-pale-leaf {

    background-color: #eaf3ef!important;

}

.bg-pale-primary {

    background-color: #e0e9fa!important;

}

.fs-15 {

    font-size: 1rem!important;

    color: #aab0bc!important;

}

.f-18{

    font-size: 18px;

    color: #60697b;

}

.btn-navy{

    color: #fff;

    background-color: #343f52;

    border: #343f52;

    box-shadow: 0rem 0.25rem 0.75rem rgba(30,34,40,.15);

    padding: 10px 20px;

    font-size: 18px;

    font-weight: 600;

}

.btn-navy:hover{

    color: #fff;

    background-color: #343f52;

    border: #343f52;

    box-shadow: 0rem 0.25rem 0.75rem rgba(30,34,40,.15);

}

.three-img{

    height: 80px;

    width: 80px;

}

@media (min-width: 992px){

.image-wrapper.rounded-lg-start, .map.rounded-lg-start iframe {

    border-bottom-left-radius: 0.4rem!important;

    border-top-left-radius: 0.4rem!important;

    border-top-right-radius: 0!important;

    border-bottom-right-radius: 0!important;

}

}

@media (min-width: 768px){

.py-md-16 {

    padding-top: 4rem!important;

    padding-bottom: 5rem!important;

}

.py-md-15 {

    padding-top: 5rem!important;

    padding-bottom: 5rem!important;

}

.p-md-11 {

    padding: 4.5rem!important;

}

.mb-md-16 {

    margin-bottom: 6rem!important;

}

.pb-md-21 {

    padding-bottom: 12.5rem!important;

}

.pt-md-19 {

    padding-top: 9rem!important;

}

.display-1 {

    font-size: calc(1.365rem + 1.38vw);

    font-weight: 700;

}

.about-1{

    padding-top: 80px;

    padding-bottom: 90px;

}

}

@media (min-width: 992px){

.process-wrapper.line [class*=col-] {

    position: relative;

}

.process-wrapper.line [class*=col-]:after {

    width: 100%;

    position: absolute;

    content: "";

    height: 1px;

    background: none;

    border-top: 1px solid rgba(164,174,198,.2);

    top: 1.5rem;

    z-index: 1;

    left: 3rem;

}

}

@media (min-width: 1200px){

    

    .display-1 {

        font-size: 3.3rem;

    }

    .me-xl-5 {

        margin-right: 1.25rem!important;

    }

    .btn-group-lg>.btn.btn-circle, .btn.btn-circle.btn-lg {

        font-size: 1.3rem;

    }

    .offset-xl-2 {

        margin-left: 16.66666667%;

    }

}





@media (min-width: 992px){

.text-lg-start {

    text-align: left!important;

}

.mt-lg-n10 {

    margin-top: -2.5rem!important;

}

.d-lg-none {

    display: none!important;

}

.mb-lg-n19 {

    margin-bottom: -9rem!important;

}



}

@media only screen and (max-width: 767px){

.service-card-6 .inner {

    padding: 30px 20px;

}

}

@media (max-width: 480px){

    .banner-top {

        padding-bottom: 60px;

        padding-top: 50px;

    }

    .services-4box{

        margin-top: 15px;

        padding: 0px;

    }

    .mt--30{

        margin-top: 30px;

        padding-left: 15px;

        padding-right: 15px;

    }

    .mt-n19 {

        margin-top: -5rem;

    }

    .image-wrapper {

        height: 320px;

    }

    .about-1{

        padding-top: 70px;

        padding-bottom: 80px;

    }

    p{

    font-size: 17px;

}

}



/*-----new-design-------------*/



.sec001{

    padding-top: 90px;

    padding-bottom: 80px;

}

.pagesz{

    padding: 10px 16px;

    margin-bottom: 40px;

}

.display-4{

   margin-bottom: 60px;

}

.pages-img{

    height: 47px;

    width: 47px;

    margin-right: 20px;

}



@media only screen and (max-width: 490px){

    .sec001{

    padding-top: 35px;

    padding-bottom: 30px;

}
.wview{
    display: none;
}

.pagesz{

    padding: 10px 12px;

    margin-bottom: 30px;

}

.display-4{

   margin-bottom: 40px;

   font-size: 33px;



}

.mt-5 {

    margin-top: 1rem!important;

}

.box-secz {

    padding-top: 40px;

    padding-bottom: 36px;

}

footer{

    text-align: center;

}

}

 #response-message, .loader-sec, .loader-sec-btm, #response-message-btm{
    display:none
 }
 #response-message, #response-message-btm{
    background-color: #605dba;
    color:#fff;
 }
 #response-message a, #response-message-btm a{
    color:#fff;
 }
 
 
 /*------------newdesign - circle progress bar------------------*/

  .cibox{

box-sizing: border-box;
/*height: 100vh;*/
background-color: #1d252d;
margin-bottom: 120px;
}

.bobox h2{
    color: #fff;
    font-size: 61px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 25px;
    margin-top: 40px;
}
.bobox p{
    color: #fff;
    font-size: 24px;
    line-height: 1.8;
    margin-bottom: 20px;
    margin-top: 10px;
}
.con-tainer{
display: flex;
width: 420px;
padding: 70px 0;
/*background: #1d252d;*/
row-gap: 30px;
flex-direction: column;
align-items: center; 
margin-top: 30px;
}

.circular-progress{
position: relative;
height: 225px;
width: 225px;
border-radius: 50%;
background: conic-gradient(#f35a38 3.6deg, #ededed 0deg); 
display: flex;
align-items: center;
justify-content: center; 
}
.circular-progress::before{
content: "";
position: absolute;
height: 165px;
width: 165px;
border-radius: 50%;
background-color: #1d252d;
}

.progress-value{
position: relative;
font-size: 51px;
font-weight: 900;
color: #fff;
}

.texting{
font-size: 24px;
font-weight: bold;
color: #fff;
text-align: center;
} 

@media (max-width: 480px){
    .con-tainer {
    width: 100%;
    padding: 0;
    }
    .cibox{
        margin-bottom: 40px;
    }
    
.bobox h2 {
    font-size: 38px;
}
.bobox p {
    font-size: 17px;
}
}
 
 /*--------footer-icons-------------*/
 
 .social-footer{
     list-style: none;
 }
 .social-footer li{
     display: inline-block;
 }
 .social-footer li a{
     margin: 0 0 0 0.98rem;
    transition: all .2s ease-in-out;
    transform: translateY(0);
 }
 .social-footer li a i{
    color: #343f52;
    font-size: 18px;
 }
 
 .pointz{
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 20px;
 }
 .point-icons{
     color: #605dba;
     font-size: 21px;
     padding-right: 10px;
 }
 .margz{
     margin-bottom: 20px;
 }
 
 @media screen and (max-width: 768px) {
  .dropdown:hover>.dropdown-menu {
    display: block;
  }
}

 @media screen and (max-width: 480px){
     
.dropdown-toggle:hover .dropdown-content {

  display: block !important;

}
.dropdown-content{
        margin-left: -63%;
}
     .pointz{
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 20px;
     text-align: justify;
     margin-left: 14%;
 }
 .point-icons{
     color: #605dba;
     font-size: 19px;
     padding-right: 10px;
 }

 .footer-icon .fa-location-dot {
  margin-left: 311%;
}

.footer-icon .fa-envelope {
  margin-left: 201%;
    margin-right: 22px;
}
 .mb-1{
     margin-bottom: 1.25rem !important;
 }
 }
 
 .sec002{
    padding-top: 0px;
    padding-bottom: 15px;
}
    .blue-box{
        background: #13216c;
    border-radius: 0.6rem 1.2rem 0.6rem 1rem;
        padding: 1.2rem 1.6rem;
        margin-bottom: 20px;
    }
    .blu-images{
    height: 100%;
    width: 100%;
    }
    .blu-text-1{
        color: #e4e6e7;
    font-weight: 400;
    font-size: 17px;
    line-height: 150%;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
    .blu-text-2{
            color: #fff;
    font-weight: 700;
    font-size: 35px;
    line-height: 140%;
    }
    .blu-text-3{
        color: #e4e6e7;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
     .wview{
            display: block;
        }
        .mview{
            display: none;
        }


        @media screen and (max-width:480px) {
            .wview{
            display: none;
        }
        .mview{
            display: block;
        }
         .blu-text-1{
             font-size: 15px;
         }
         .blu-text-2{
             font-size: 27px;
         }
         .blu-text-3{
             font-size: 16px;
         }
     }
     
     .contentz h4{
         margin-top: 15px;
     }
     
     

/*----------------blog------------------*/




        .blog-card{
            border:1px solid #e9ecef;
            border-radius:10px;
            overflow:hidden;
            background:#fff;
            transition:.3s;
            box-shadow: 0 0 0 .05rem rgba(8, 60, 130, .06), 0 0 1.25rem rgba(30, 34, 40, .04);
        }

        .blog-image{
            position:relative;
            overflow:hidden;
        }

        .blog-image img{
            width:100%;
            height:270px;
            object-fit:cover;
            display:block;
        }

        /* Overlay */
        .image-overlay{
            position:absolute;
            inset:0;
            background:rgba(33,37,41,.45);
            display:flex;
            align-items:center;
            justify-content:center;
            opacity:0;
            transition:.4s ease;
        }

        .image-overlay span{
            color:#fff;
            font-size:28px;
            font-weight:600;
        }

        .blog-card:hover .image-overlay{
            opacity:1;
        }

        .card-body-custom{
            padding:30px;
        }

        .card-category{
            font-size:13px;
            font-weight:600;
            text-transform:uppercase;
            color:#4f73ff;
            letter-spacing:.5px;
            margin-bottom:20px;
            display:flex;
            align-items:center;
            gap:12px;
        }

        .card-category::before{
            content:"";
            width:18px;
            height:2px;
            background:#4f73ff;
            display:block;
        }

        .card-title{
            font-size:24px;
            font-weight:600;
            color:#24324a;
            margin-bottom:20px;
        }
        .card-title:hover{
           color:#605dba; 
        }

        .card-text{
            color:#67748e;
            line-height:1.9;
            font-size:16px;
        }

        .card-footer-custom{
            border-top:1px solid #ececec;
            padding:18px 30px;
            display:flex;
            justify-content:space-between;
            align-items:center;
            color:#a0a8b8;
            font-size:14px;
        }

        .footer-left,
        .footer-right{
            display:flex;
            align-items:center;
            gap:12px;
            font-size: 18px;
            margin-bottom: 20px;
        }


        .footer-icon{
            color:#a0a8b8;
            font-size: 18px;
        }

.blog-heads{
    font-size: 46px;
    color: #35404e;
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 30px;
    color: #000;
}
.blog-heads-sml{
    font-size: 38px;
    color: #35404e;
    font-weight: 900;
    line-height: 1.4;
    margin-top: 25px;
    margin-bottom: 28px;
    color: #000;
}
.blog-title {
    font-size: 25px;
    color: #35404e;
    font-weight: 900;
    margin-top: 10px;
    margin-bottom: 16px;
    color: #000;
}

.blog-desc {
    color: #1f1f1f;
    font-size: 16px;
    line-height: 1.7;
}
.blog-desc a{
    color: #0D6EFD;
}
.blog-round{
    border-radius: 20px;
}
@media screen and (max-width:480px) {
    .blog-heads {
    font-size: 40px;
}
    .blog-heads-sml {
    font-size: 34px;
}
}