/* BootstrapCDN  */

@import url("https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css");





/* Google Font */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');



/* Global */

body {

    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 400;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 700;

}



section {

    padding: 100px 0px;

}



section p{

    font-size: 20px;

    line-height: 30px;

}



.btn.focus, .btn:focus{

    box-shadow: none;

}



/* Primary Button */

.primary-btn {

    color: #ffffff;

    background: #b99342;

    border-color: #b99342;

    font-size: 16px;

    border-width: 2px;

    padding: 0.7rem 1.8rem;

    border-radius: 3px;

    text-transform: uppercase;

    font-weight: 600;

    line-height: 18px;

}



.primary-btn:hover {

    color: #ffffff;

    background-color: #a98538;

    border-color: #a98538;

}







/* Primary Outline Button */

.primary-outline-btn {

    color: #04233F;

    background: transparent;

    border-color: #04233F;

    font-size: 14px;

    border-width: 2px;

    padding: 0.7rem 1.8rem;

    border-radius: 6rem;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 18px;

}



.primary-outline-btn:hover {

    color: #ffffff;

    background-color: #092d4d;

    border-color: #04233F;

}





/* Menu */

/* Carets in collapsible mode (make them look like +/- buttons) */

.navbar-nav.sm-collapsible .sub-arrow {

    position: absolute;

    top: 50%;

    right: 0;

    margin: -0.7em 0.5em 0 0;

    border: 1px solid rgba(0, 0, 0, .1);

    border-radius: .25rem;

    padding: 0;

    width: 2em;

    height: 1.4em;

    font-size: 1.25rem;

    line-height: 1.2em;

    text-align: center;

}



.navbar-nav.sm-collapsible .sub-arrow::before {

    content: '+';

}



.navbar-nav.sm-collapsible .show>a>.sub-arrow::before {

    content: '-';

}



.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow {

    border-color: rgba(255, 255, 255, .1);

}



/* make sure there's room for the carets */

.navbar-nav.sm-collapsible .has-submenu {

    padding-right: 3em;

}



/* keep the carets properly positioned */

.navbar-nav.sm-collapsible .nav-link,

.navbar-nav.sm-collapsible .dropdown-item {

    position: relative;

}





/* Nav carets in expanded mode */

.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: .255em;

    vertical-align: .255em;

    border-top: .3em solid;

    border-right: .3em solid transparent;

    border-left: .3em solid transparent;

}



/* point the arrows up for .fixed-bottom navbars */

.fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow,

.fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after {

    border-top: 0;

    border-bottom: .3em solid;

}





/* Dropdown carets in expanded mode */

.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow,

.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {

    position: absolute;

    top: 50%;

    right: 0;

    width: 0;

    height: 0;

    margin-top: -.3em;

    margin-right: 1em;

    border-top: .3em solid transparent;

    border-bottom: .3em solid transparent;

    border-left: .3em solid;

}



/* make sure there's room for the carets */

.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {

    padding-right: 2em;

}





/* Scrolling arrows for tall menus */

.navbar-nav .scroll-up,

.navbar-nav .scroll-down {

    position: absolute;

    display: none;

    visibility: hidden;

    height: 20px;

    overflow: hidden;

    text-align: center;

}



.navbar-nav .scroll-up-arrow,

.navbar-nav .scroll-down-arrow {

    position: absolute;

    top: -2px;

    left: 50%;

    margin-left: -8px;

    width: 0;

    height: 0;

    overflow: hidden;

    border-top: 7px solid transparent;

    border-right: 7px solid transparent;

    border-bottom: 7px solid;

    border-left: 7px solid transparent;

}



.navbar-nav .scroll-down-arrow {

    top: 6px;

    border-top: 7px solid;

    border-right: 7px solid transparent;

    border-bottom: 7px solid transparent;

    border-left: 7px solid transparent;

}





/* Add some spacing for 2+ level sub menus in collapsible mode */

.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {

    margin: .5em;

}







/* Fix SmartMenus sub menus auto width (subMenusMinWidth/subMenusMaxWidth options) */

.navbar-nav:not([data-sm-skip]) .dropdown-item {

    white-space: normal;

}



.navbar-nav:not(.sm-collapsible) .sm-nowrap>li>.dropdown-item {

    white-space: nowrap;

}



.navbar-light {

    padding-bottom: 0;

    padding-top: 0;

}



.navbar-light .navbar-nav .nav-link {

    color: #000000;

    font-size: 18px;

    padding: 0px;

    font-weight: 600;

    padding-bottom: 22px;

    padding-top: 25px;

    padding-left: 5px;

    padding-right: 5px;

    -webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    -o-transition: all 0.35s;

    transition: all 0.35s;

}



.navbar-light .navbar-nav .nav-link:focus,

.navbar-light .navbar-nav .nav-link:hover {

    color: #D8B262;

}



.navbar-light .navbar-nav .active>.nav-link,

.navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .nav-link.show,

.navbar-light .navbar-nav .show>.nav-link {

    color: #D8B262;

}





.navbar-light .navbar-nav .dropdown-item {

    font-size: 17px;

    padding-top: 8px;

    padding-bottom: 8px;

    font-weight: 600;

}



.navbar-light .navbar-nav .dropdown-item:focus,

.navbar-light .navbar-nav .dropdown-item:hover {

    background: transparent;

    color: #16181b;

}



.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {

    border: none;

    background: url('../img/menu-down.svg');

    width: 10px;

    height: 6px;

    vertical-align: middle;

}



#overview {

    background: #000000;

    position: relative;

    padding: 0px;

}



#overview .container{

    padding-top: 15%;

}



#overview h2 {

    font-size: 48px;

    color: #fff;

    margin-bottom: 20px;

    line-height: 55px;

    font-weight: 600;

}



#overview h3{

    font-size: 90px;

    margin-top: 30px;

    margin-bottom: 30px;

    color: #D8B262;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 600;

}



#overview .quote{

    height: 40px;

    z-index: -1;

    margin-left: 0;

    width: auto;

    display: inline-block;

}



#overview p {

    max-width: 800px;

    font-size: 32px;

    line-height: 42px;

    font-weight: 400;

    color: #fff;

    margin-top: -21px;

}



#overview .slide{

    position: relative;

    height: 100vh;

}



.arrow-down {

    position: absolute;

    bottom: 10px;

    text-align: center;

    width: 100%;

}



#overview .common-style{

    position: absolute;

    right:0px;

    bottom:0px;    

}



#overview .slider-side-1{

    width: 600px;

}





.arrow-down a {

    color: #ffffff;

    font-size: 40px;

    -webkit-transform: translate(-50%, 0%) rotate(45deg);

    -moz-transform: translate(-50%, 0%) rotate(45deg);

    transform: translate(-50%, 0%) rotate(45deg);

    -webkit-animation: fade_move_down 4s ease-in-out infinite;

    -moz-animation: fade_move_down 4s ease-in-out infinite;

    animation: fade_move_down 4s ease-in-out infinite;

}



/*animated scroll arrow animation*/

@-webkit-keyframes fade_move_down {

    0% {

        -webkit-transform: translate(0, -10px) rotate(45deg);

        opacity: 0.3;

    }



    50% {

        opacity: 1;

    }



    100% {

        -webkit-transform: translate(0, 10px) rotate(45deg);

        opacity: 0.3;

    }

}



@-moz-keyframes fade_move_down {

    0% {

        -moz-transform: translate(0, -10px) rotate(45deg);

        opacity: 0.3;

    }



    50% {

        opacity: 1;

    }



    100% {

        -moz-transform: translate(0, 10px) rotate(45deg);

        opacity: 0.3;

    }

}



@keyframes fade_move_down {

    0% {

        transform: translate(0, -10px) rotate(45deg);

        opacity: 0.3;

    }



    50% {

        opacity: 1;

    }



    100% {

        transform: translate(0, 10px) rotate(45deg);

        opacity: 0.3;

    }

}



.p2 {text-align: justify;}



/* Feel free to change duration  */

.animated {

    -webkit-animation-duration: 1000 ms;

    animation-duration: 1000 ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



/* .owl-animated-out - only for current item */

/* This is very important class. Use z-index if you want move Out item above In item */

.owl-animated-out {

    z-index: 1

}



/* .owl-animated-in - only for upcoming item

  /* This is very important class. Use z-index if you want move In item above Out item */

.owl-animated-in {

    z-index: 0

}



/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */

.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut;

}



@-webkit-keyframes fadeOut {

    0% {

        opacity: 1;

    }



    100% {

        opacity: 0;

    }

}



@keyframes fadeOut {

    0% {

        opacity: 1;

    }



    100% {

        opacity: 0;

    }

}



/* Services Slider */

#Services {

    padding: 30px 0px;

}



#Services h3{

    font-size: 36px;

}





#Services .services-slider h2{

    text-align: center;

    font-size: 44px;

    color:#000000;

}



#Services .services-slider p{

    font-size: 30px;

    line-height: 40px;

    color:#000000;

    max-width: 1000px;

    margin: 0 auto;

}



#Services .services-slider img{

    width: 900px;

    display: block;

    margin: 30px auto;

}



#Services .services-slider .slide{

    height: 750px;   

    padding-top: 50px;

}



#Services .services-slider .item-5{

    background: #F7F0E0;

    padding: 25px;

}



#Services .services-slider .item-5 img{

    width: 100%;

}



#Services .services-slider .item-5 p{

    font-size: 22px;

    line-height: 30px;

    margin-bottom: 10px;

}

.container{

    max-width: 90%;

}



#Services .btn{

    margin-top: 30px;

}



#Services  .slick-prev:before {

    font-family: "Font Awesome 5 Free"; 

    font-weight: 900; 

    content: "\f104";

    font-size: 3rem;

  }



#Services  .slick-next:before {

    font-family: "Font Awesome 5 Free"; 

    font-weight: 900; 

    content: "\f105";

    font-size: 3rem;

  }



.list-services-link a{  display: block;}



#clients{

    background: #EFE0C0;

    padding: 50px 0px;

}



.top-clients h2{

    font-size: 36px;

    font-weight: 600;

    color:#564727;

    margin-bottom: 40px;

}



.top-clients p{

    font-size: 24px;

}



.clients-heading{

    padding: 50px 0px 20px;

}



.clients-heading h3{

    font-size: 30px;

    text-align: center;

}



.clients-heading hr,

.after-clients-box {

  margin: 30px auto 0px;

  border-color: #D8B262;

  max-width: 400px;

}





#Services .slide{

    padding-top: 25px;

    padding-bottom: 25px;

}



#Services .next-arrow:focus,

#Services .prev-arrow:focus{

    box-shadow: none;

}



#Services .next-arrow,

#Services .prev-arrow{

    background: #000;

    margin-top: 0;

    border-radius: 0px;

    width: 40px;

    height: 40px;

    font-size: 20px;

    text-align: center;

    padding: 0px;

    color:#fff;

}



.clients-box{

    background: #ffffff;

    padding: 25px 0px;

    margin-top: 5px;

}



.clients-slider{

    text-align: center;

}



.clients-slider img{

    height: 70px;

    display: block;

    margin: 0 auto;

}



.testimonials-box{

    padding: 40px 0px 0px;

}



.testimonials h2{

    margin-top: 25px;

    font-size: 48px;

    font-weight: 400;

    text-align: center;

}



.testimonials-box p{

    font-size: 18px;

    line-height: 31px;

    text-indent: 48px;

    position: relative;

    font-style: italic;

    font-weight: 600;

    color:#000;

}



.testimonials-box span{

    font-weight: 600;

}



.testimonials-box img{

    position: absolute;

    left: -10px;

    top: -5px;

}



.counter-sec{

    padding: 30px 0px 0px;

    position: relative;

}



.counter-sec::before{

    content: '';

    background: #3D4557;

    width: 100%;

    height: 130px;

    position: absolute;

    top:30px;

}



.counter-box{

    background: #D8B262;

    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.24);

    border-radius: 8px;

    padding: 30px 0px;

    position: relative;

    top:60px;  

}



.counter-box h2{

    font-size: 48px;

    margin-bottom: 0;

}



.counter-box p{

    font-size: 20px;

    margin-bottom: 0;

}



#contact-us{

    padding: 80px 0px;

    margin-top: 80px;

}



#contact-us form{

    margin-top: 30px;

}



#contact-us form .form-control{

    height: 45px;

}



#contact-us form textarea.form-control{

    height: auto;

}



#contact-us form .col-lg-6,

#contact-us form .col-lg-12{

    margin-bottom: 20px;

}



#contact-us form .form-control:focus {

    color: #495057;

    background-color: #fff;

    border-color: rgb(206, 212, 218);;

    outline: 0;

    box-shadow: none;

}



#contact-us form .btn.focus,

#contact-us form .btn:focus{

    box-shadow: none;

}



#contact-us form .btn{

    margin-top: 30px;

    width: 180px;

    padding: 15px 0px;   

    font-size: 18px;

}



.map{

    margin-right: 5px;

    margin-bottom: 5px;

}



.map img{

    margin-top: -3px;    

}



.map p{

    font-size: 16px;

}



footer{

    background: #000;

    padding: 50px 0px 30px;

}



footer h2{

    color:#fff;

    font-size: 24px;

    line-height: 30px;

    font-weight: 600;

    margin-bottom: 20px;

}



footer ul a{

    color:#fff;

    font-size: 20px;

    line-height: 30px;

    font-weight: 400;

}



footer ul a:hover{

    text-decoration: none;

    color:#fff;

}



.social-links{

    margin-top: 90px;

}



.social-links a:hover{

    opacity: 0.80;

}



.footer-bottom p,

.footer-bottom ul li{

    color:#ffffff;

}



.footer-bottom{

    margin-top: 80px;

}



.footer-bottom .list-inline-item:not(:last-child) {

    margin-right:30px;

}





.slick-dots {

    display: flex !important;

    justify-content: center;

    margin: 0;

    padding: 1rem 0;

    list-style-type: none;

    position: absolute;

    bottom: 0;

    left: 48%;

}

.slick-dots li {

    margin: 0 0.25rem;

}

.slick-dots button {

    display: block;

    width: 0.6rem;

    height: 0.6rem;

    padding: 0;

    border: none;

    border-radius: 100%;

    background-color: transparent;

    border:1px solid #ffffff;

    text-indent: -9999px;

}

.slick-dots li.slick-active button {

    background-color: #ffffff;

}



.inner-page-wrapper{

    padding-top: 100px;

    padding-bottom: 100px;

}



.page-header-style-1{

    padding-bottom: 30px;

}



.page-header-style-1  .breadcrumb{

    background: transparent;

    padding: 0;

    border-radius: 0px;

}



.page-header-style-1 .breadcrumb-item a{

    color:#a98538;

}



.page-header-style-1 h2{

    font-size: 36px;

}



.services-top-box{

    padding-bottom: 40px;

}



.services-top-box p{

    font-size: 18px;

    margin-bottom: 20px;

}



.services-top-box-right h2{

    font-size: 30px;

    margin-bottom: 0;

}



.services-top-box .col-lg-7 p{

    font-size: 20px;

}



.services-top-box-right p{

    margin-top: 25px;

    font-size: 20px;

    font-weight: 600;

}



.inner-page-wrapper .counter-sec{

    margin-bottom: 180px;

}



.inner-page-wrapper .counter-sec::before{

    background: #000;

}



.services-bottom-box p,

.aboout-us-content p{

    font-size: 22px;

    margin-bottom: 25px;

    line-height: 36px;

}



.services-bottom-box p span{

    color:#b99342;

}



.services-top-box-2 h4{

    font-weight: 400;

    font-size: 100px;

    line-height: 120px;

    color: #D8B262;

}



.services-top-box-2 h4 span{

    font-size: 80px;

}



.aboout-us-content{

    margin-bottom: 80px;

}



.address-block-three{

    text-align: center;

}



.address-block-three svg{

    font-size: 42px;

    margin-bottom: 25px;

    color:#D8B262;

}



.address-block-three h5{

    font-size: 30px;

    font-weight: 600;

    color: #3b4559;

}



.address-block-three p{

    font-size: 24px;

    font-weight: 400;

}



.address-block-three a{

    color: #3b4559;

}



.address-block-three a:hover{

    text-decoration: none;

}



.contact-us-content .embed-responsive{

    height: 500px;

}





.Clients-content .col-md-3{

    margin-top: 20px;   

}



.application-form-content .form-control{

    height: 45px;

}



.application-form-content .form-control:focus{

    box-shadow: none;

}



.application-form-content .card{

    margin-bottom: 50px;

}



.application-form-content .card-header{

    font-weight: 600;

    font-size: 18px;    

}



.application-form-content .primary-btn{

    padding: 0.3rem 1rem;

    margin-top: 10px;   

}



.application-form-content .btn-lg{

    padding: 12px 24px;

}



.application-form-content p{

    margin-bottom: 40px;

}





.sectors-we-serve{

    padding-top: 40px;

}



.custom-file-input:lang(en)~.custom-file-label::after {

    content: url('../img/file.png');

}



.bg-profile{

    background-color: #f1f1f1;

    height: 150px;

    width: 150px;

    margin-bottom: 50px;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    background-size: cover;

    background-position: center center;

}



.bg-profile input[type=file] {

    display: none;

}

  

.bg-profile label {   

    margin: auto;

    height: 150px;

    width: 150px;

    font-size: 40px;

    padding-top: 30px;

    padding-left: 45px;

}



.application-form-content .card-header{

    background-color: #3b4559;

    border-bottom: 1px solid #3b4559;

    color: #d8b262;

}



.application-form-content svg{

    fill:#3b4559;

}



.required {

    color: red;

    font-size: 24px;

}





.application-form-content .declaration-form {

    height: 45px;

    width: 270px;

    padding-left: 0;

    display: inline;

    margin-left: 15px;

    margin-right: 15px;

    vertical-align: text-bottom;

    border-radius: 0px;

    border-left: none;

    border-right: none;

    border-top: none;

  }



.form-check-inline .form-check-input{

    margin-right: 0px;

}  



.application-form-content section{

    padding: 0px;

}



.wizard > .actions > ul > li:nth-child(3){

    display: none !important;

}



.application-form-content  .secondary-btn{

    background: #3b4559;

    color: #fff;

    text-decoration: none;

    font-size: 18px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    margin-right: 15px;

    line-height: 18px;

}



.secondary-btn:hover{

    color:#ffffff;

}



.application-form-content .btn-group-form .btn{

    width: 120px;

    height: 50px;

    font-size: 18px;

    padding: 0px;

    margin-top: 0;

}



.after-clients-box-2{

    max-width:100%;

    margin: 60px 0px 25px;

    border-color: #c7bda8;

}





.services-bottom-box .primary-btn{

    color:#000000;

    font-weight: 600;

}



.services-box-2{

    padding-top: 35px;

}



.services-box-2 h3{

    font-size: 30px;

    line-height: 40px;

    color: #3B4559;

    margin-bottom: 30px;

}



.services-box-2 p{

    font-size: 20px;

    margin-bottom: 20px;

}



.services-box-2 ul ul{

    list-style-type: disc;

}



.services-box-2 ul li{

    font-size: 20px;

}



.list-services-link a{

    color:#212529;

    text-decoration: none;

}





input[type="radio"]{

      margin: 0px 0px 0px 20px;

}


#Services .next-arrow{
    position: absolute;
    right: 50px;
    top: 42%;
    z-index: 99999;
}

#Services .prev-arrow{
    position: absolute;
    right: 50px;
    top: 35%;
    z-index: 99999;
}


.btn-register{
    background: #94D229;
    color:#ffffff;
}

.btn-register:hover{
    color:#ffffff;
}

.wrapper-event-collapse{
    width: 900px;  
}

.wrapper-event-collapse a{
    font-size: 18px;
    text-decoration: none;
    color:rgba(41, 41, 41, 0.8);
    font-weight: 600;
}

.wrapper-event-collapse p{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: rgba(41, 41, 41, 0.8);
    margin-bottom: 5px;
}


.wrapper-event-collapse a:after {
    font-size: 22px;
    float: right;
    content: "+";    
}

.wrapper-event-collapse a.collapsed:after {
    font-size: 22px;
    content: "-";
}

.table-striped tbody tr:nth-of-type(odd) {
    background: #D8B26233;
}

.table-striped .btn-register{
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.dashed{
    border-bottom: 2px dashed #6B6B6B;
    margin-bottom: 25px;
}

.qr-code-block .card{    
    border-radius: 5px;
    text-align: center;
}

.qr-code{    
    width: 200px;
    height: 200px;
    line-height: 200px;
    margin: 15px;
    background: #000000;
    color:#ffffff;
    padding-top: 60px;
    text-align: center;
    border-radius: 5px;
}


.upcoming-events-table{
    width: 1300px;
    margin: 0 auto;
}

.upcoming-events-cards .card-title{
    font-size: 22px;
    color: rgba(41, 41, 41, 0.8);
}

.upcoming-events-cards .card-text{
    font-size: 14px;
    color: rgba(41, 41, 41, 0.8);
}

.sticky-u-e{
    position: fixed;
    top: 45%;
    border-radius: 0px;
    rotate: 90deg;
    right:-75px;
}

.fz-14{
    font-size: 14px;
}

.modal-title {
    font-size: 30px;
    margin-left: 35px;
    font-weight: 600;
}

/* Responsive Media Queries  */



/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {}



/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {}



/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {

    .navbar-light .navbar-nav .active {

        position: relative;

    }



    .navbar-light .navbar-nav .active::before {

        content: '';

        position: absolute;

        bottom: 0;

        height: 4px;

        width: 100%;

        border-radius: 4px;

        background: #D8B262;

    }

    .navbar-light .navbar-nav .nav-item:not(:last-child) {

        margin-right: 15px;

    }

    

}





/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {

    .Clients-content .container{

        max-width: 1140px;

    }

    .navbar-light .navbar-nav .nav-item:not(:last-child) {

        margin-right: 45px;

    }

    

}



/* Extra large devices (Extra large desktops, 1366px and up) */

@media (min-width: 1366px) {

   

}



/* Extra large devices (Extra large desktops, 1440px and up) */

@media (min-width: 1440px) {}



/* Extra large devices (Extra large desktops, 1600px and up) */

@media (min-width: 1600px) {}



/* Extra large devices (Extra large desktops, 1680 and up) */

@media (min-width: 1680px) {

   

}



/* Extra large devices (Extra large desktops, 1920 and up) */

@media (min-width: 1920px) {}







/* Max Width With Start Point */

/* Extra large devices (Extra large desktops, 1920 and Down) */

@media (max-width: 1919.98px) {}



/* Extra large devices (Extra large desktops, 1680 and Down) */

@media (max-width: 1679.98px) {}



/* Extra large devices (Extra large desktops, 1600px and Down) */

@media (max-width: 1599.98px) {}



/* Extra large devices (Extra large desktops, 1440px and Down) */

@media (max-width: 1439.98px) {

    .container {

        max-width: 99%;

    }

    
    #Services .next-arrow{
        position: absolute;
        right: 15px;
        top: 42%;
        z-index: 99999;
    }

    #Services .prev-arrow{
        position: absolute;
        right: 15px;
        top: 35%;
        z-index: 99999;
    }


}



/* Extra large devices (Extra large desktops, 1366px and Down) */

@media (max-width: 1365.98px) {

    .footer-bottom .list-inline-item:not(:last-child) {

        margin-right:5px;

        font-size: 14px;

    }

    #overview .slider-side-1 {

       width: 400px;

    }

    .footer-bottom p{

        font-size: 14px;

    }

}



/* Extra large devices (large desktops, 1200px and Down) */

@media (max-width: 1199.98px) {

    .consulting-experience-row .col,.consulting-experience-row .col-3{

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .footer-logo{

        display: block;

        margin: 0 auto;

    }

    .social-links {

        margin-top: 20px;

        margin-bottom: 30px;

        text-align: center;

    }

    .footer-bottom ul{

        text-align: center;

    }

    .footer-bottom {

        margin-top: 30px;

    }

    #overview h2{

        font-size: 30px;

        line-height: 30px;

    }

    #overview h3{

        font-size: 60px;

    }

    #overview p{

        font-size: 32px;

        line-height: 42px;

    }

    #overview p {

     font-size: 24px;

     line-height: 30px;

    }

    #Services .services-slider h2{

        font-size: 30px;

        line-height: 42px;

    }

    #Services .services-slider img {

        max-width: 100%;

        display: block;

        margin: 30px auto;

    }

    #Services .services-slider p {

        font-size: 24px;

        line-height: 40px;

        color: #000000;

        max-width: 100%;

    }    



    #overview .slide{

       height: 70vh;

    }



    .sectors-we-serve{

        padding-top: 50px;

    }



    .sectors-we-serve h3{

        margin-top: 35px;

    }

   

    .card-body .bbm{

        border-bottom: 1px solid #e3dcdc;

        padding-bottom: 15px;

        margin-bottom: 20px;

    }

    #Services .prev-arrow{
        top:-65px; 
    }
    #Services .next-arrow{
        top:-15px;
    }   

}



/* Large devices (desktops, 992px and Down) */

@media (max-width: 991.98px) {

    #overview .slide{

        height: 80vh;

     }

    .navbar-light {

        padding: 0px;

    }



    .navbar-light .navbar-nav .nav-link {

        padding-bottom: 10px;

        padding-top: 10px;

        padding-left: 0;

        border-bottom: 1px solid #f1f1f1;

        padding-left: 15px;

        padding-right: 0;

    }



    .navbar-light .container {

        max-width: 100%;

        padding: 0;

    }



    .navbar-light .navbar-brand {

        margin-left: 15px;

    }



    .navbar-light .navbar-toggler {

        margin-right: 15px;

    }



    .navbar-light .dropdown-menu {

        padding: 0;

        margin: 0;

    }



    .navbar-light .dropdown-menu .dropdown-item {

        padding-top: 12px;

        padding-bottom: 12px;

        border-bottom: 1px solid #f1f1f1;

    }



    .navbar-light .dropdown-menu li:last-child .dropdown-item {

        border-bottom: none;

    }



    section p {

        font-size: 18px;

        line-height: 30px;

    }



    

    #Services .services-slider p{

        font-size: 20px;

        line-height: 35px;

    }



    #Services .services-slider .slide{

        height: 650px;

    }



    .map{

        margin-top: 40px;

    }



    #contact-us form .btn {

        margin-top: 10px;

        width: 160px;

        padding: 15px 0px;

        font-size: 18px;

        margin-left: 17px;

    }



    #about {

        padding: 50px 0px;

    }



    .counter-box p{

        margin-bottom: 25px;

    }



    .counter-box{

        padding-bottom: 0;

    }



    .slick-dots{

        left: 42%;

    }



    .services-bottom-box .col-xl-5{

        padding-top: 50px;

    }



    .inner-page-wrapper{

        padding: 50px 0px;

    }



    .services-bottom-box p, .services-top-box p{

        font-size: 20px;

        line-height: 30px;

    }



    .inner-page-wrapper{

        padding-top: 100px;

    }



    .inner-page-wrapper .counter-sec {

        margin-bottom: 140px;

    }



    .services-top-box {

        padding-bottom: 0;

    }



    .address-block-three p{

        font-size: 16px;

    }



    .address-block-three h5{

        font-size: 26px;

    }


    
    



   



}



/* Medium devices (tablets, 768px and Down) */

@media (max-width: 767.98px) {

    #overview .slide{

        padding-top: 30px;

    }



    footer .d-md-flex{

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin-right: 0px;

        margin-left: 0px;

    }



    footer .flex-item{

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }


    #overview{

        padding-top: 40px;

    }



    .address-block-three{

        margin-bottom: 50px;

    }



    .address-block-three{

        margin-bottom: 50px;

    }



}



/* Small devices (landscape phones, 576px and Down) */

@media (max-width: 575.98px) {

    #overview h3{

        font-size: 48px;

        margin-top: 20px;

        margin-bottom: 20px;

    }

    #overview p {

        font-size: 20px;

        line-height: 30px;

    }



    #overview .slider-side-1{

        max-width: 90%;

        left: 6%;

    }

    #overview .slide{

        padding-top: 15px;

    }

    #overview h2{

        font-size: 24px;

        line-height: 30px;

    }

    #Services .services-slider p {

        font-size: 18px;

        line-height: 28px;

    }



    .services-top-box-2 h4{

        font-size: 70px;

    }



    .services-top-box-2 h4 span{

        font-size: 60px;

    }

    .address-block-three h5{

        font-size: 30px;

    }

    .address-block-three p{

        font-size: 20px;

    }

    .application-form-content p .form-control{

        height: 30px;

        width: 200px;

        display: block;

        padding-left: 0;

        margin-left: 0;

        margin-right: 0;

        margin-bottom: 15px;

    }

}





/* Max Width */



/* Small devices (landscape phones, 414px and down) */

@media (max-width: 414px) {

    #overview p{

        font-size: 16px;

    }



    .services-top-box-2 h4{

        font-size: 60px;

    }



    .services-top-box-2 h4 span{

        font-size: 40px;

    }

    .navbar-light .navbar-brand img{

        height: 50px !important;

    }

}



/* Small devices (landscape phones, 384px and down) */

@media (max-width: 384px) {}



/* Small devices (landscape phones, 360px and down) */

@media (max-width: 360px) {

    .services-top-box-2 h4{

        font-size: 55px;

    }



    .services-top-box-2 h4 span{

        font-size: 35px;

    }

}



/* Small devices (landscape phones, 360px and down) */

@media (max-width: 320px) {}



/* Orientation Portrait */

@media only screen and (max-width: 800px) and (orientation: landscape) {

    #overview .slider-side-1 {

        display: none;

    }

}