/*--------------------------------------------------------------
# Web design by : So-creative
--------------------------------------------------------------*/

@font-face {
    font-family: 'Afacad';
    src: url('../fonts/Afacad-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Afacad-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Afacad';
    src: url('../fonts/Afacad-SemiBold.woff2') format('woff2'),
        url('../fonts/Afacad-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Afacad';
    src: url('../fonts/Afacad-Regular.woff2') format('woff2'),
        url('../fonts/Afacad-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Afacad';
    src: url('../fonts/Afacad-Medium.woff2') format('woff2'),
        url('../fonts/Afacad-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Afacad';
    src: url('../fonts/Afacad-MediumItalic.woff2') format('woff2'),
        url('../fonts/Afacad-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Afacad';
    src: url('../fonts/Afacad-Bold.woff2') format('woff2'),
        url('../fonts/Afacad-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Afacad';
    src: url('../fonts/Afacad-BoldItalic.woff2') format('woff2'),
        url('../fonts/Afacad-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Afacad';
    src: url('../fonts/Afacad-Italic.woff2') format('woff2'),
        url('../fonts/Afacad-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



* {
    margin: 0;
    padding: 0;
}
a{
    font-family: 'Afacad' !important;
}
ol,ul,li {
    margin: 0;
    padding: 0;
}
body {
     font-family: 'Afacad' !important;
    font-weight: 900 !important;
    font-style: normal;
    background: #fff !important;
    overflow-x: hidden !important;
}
html {
  scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Afacad' !important;
    font-weight: 600 !important;
    font-style: normal;
}
p {
    color: #000000;
    font-family: 'Afacad' !important;
    line-height: 33px !important;
    font-size: 18px;
    font-weight: 500;
}
/*--------------------------------------------------------------
# Main css
--------------------------------------------------------------*/
.navbar ul li a {
    color: #000 !important;
    font-weight: 500;
    padding: 0px 0 0px 100px !important;
    font-size: 20px;
}
.navbar ul li a:hover{
    color: #0080ff !important;
}
.navbar .container-fluid {
    max-width: 1738px !important;
    padding: 0 30px;
    margin: 0px auto !important;
}
.navbar {
    padding: 20px 0px;
}
.main_banner h2 {
    padding-top: 30px;
    padding-bottom: 40px;
}
.main_banner a {
    font-size: 20px !important;
     font-weight: 400 !important;
     background-image: none !important;
}
.main_banner a:hover{
    background: #000 !important;
}
.power_growth_section p {
    text-align: center;
    width: 57%;
    margin: 30px auto;
}
.power_growth_section {
    margin-top: 60px;
}
.projects_section .project_pera p {
    text-align: center;
    color: #fff;
    margin: 40px auto;
    width: 44%;
}
.projects_section .container{
    max-width: 1738px !important;
    margin: 0px auto !important;
    padding: 0 30px;
}
.projects_section .container .wpb_single_image{
    background: #fff;
}
.projects_section .container .wpb_single_image {
    background: #fff;
    border-radius: 8px;
    border: 10px solid #000032;
    height: 222px;
    margin-bottom: 25px;
    display: block;
    padding: 70px 0px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.projects_section .container p {
    color: #fff;
    text-align: center;
    padding: 0 0px;
}
.projects_section .container .vc_separator.vc_sep_color_black .vc_sep_line {
    border-color: #000;
    border-radius: 30px;
}
.projects_section .vc_row.vc_column-gap-35>.vc_column_container {
    padding: 30px !important;
}
.together_btn a{
    font-size: 20px !important;
    font-weight: 400 !important;
    background-image: none !important;
}
.together_btn a:hover{
    background: #0080ff !important;
}
.projects_section {
    padding-bottom: 70px;
}
.why_wizz_section {
    margin-top: 80px;
    padding-bottom: 80px;
}
.footer h3 {
  font-weight: bold;
  letter-spacing: 1px;
}

.footer i {
  color: #007bff; /* Icon color */
}

.footer {
    border-top: 3px solid #fff;
    background: #000;
    padding: 60px 0px !important;
}
.footer h3 {
    font-size: 38px;
    color: #fff;
}
.footer a{
    color: #fff;
}
.footer a:hover{
    color: #007bff;
}

.footer .text_style{
    color: #0080ff;
}
.footer_pera {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 10px;
}
.page-id-13 .footer_phone i {
    rotate: 92deg;
}
.list-unstyled li {
    display: inline-block;
    color: #fff;
    padding: 0 0 0 30px;
    font-size: 18px;
}
.why-wizz p {
    font-size: 50px;
}
.why-wizz .why-item {
    border-bottom: 1px solid #535353;
    padding: 45px 2px;
}
.why-wizz .number {
    color: #0080ff;
}
.why_wizz_section a {
    font-size: 20px !important;
    font-weight: 400 !important;
    background-image: none !important;
}
.why_wizz_section a:hover{
    background: #000 !important;
}
.contact-banner {
    min-height: 550px;
}
.contact-desc {
    margin: 0px auto !important;
    max-width: 1738px;
    padding: 50px 30px;
}
.contact-desc .contact-para p{
    text-align:center;
}
.contact-inner-box {
    margin: 0px auto !IMPORTANT;
    max-width: 1024px;
}
.contact-inner-box .contact-box .vc_column-inner {
    border: 1px dashed #0080ff;
    padding: 15px;
    border-radius: 11px;
}
.contact-inner-box .contact-box .vc_icon_element {
    margin-bottom: 10px;
}
.contact-inner-box .contact-box h5 {
    font-size: 30px !important;
    color: #000;
}
.contact-inner-box .contact-box p a:hover {
    text-decoration: underline;
    color:#0080ff;
}
.contact-form-section {
    margin: 0px auto 70px auto !important;
    max-width: 1738px;
    padding: 0px 30px;
}
.contact-form-section form {
    margin: 0px auto !important;
    max-width: 1024px;
}
.contact-form-section form input[type="text"], 
.contact-form-section form input[type="email"], 
.contact-form-section form input[type="tel"],
.contact-form-section form textarea{
    width: 100%;
    border: 1px dashed #000;
    padding: 5px 10px;
    border-radius: 11px;
    color:#000;
    outline:none;
    
}
.contact-form-section form textarea{
    height:150px;
}
.contact-form-section form input[type="text"]::placeholder, 
.contact-form-section form input[type="email"]::placeholder, 
.contact-form-section form input[type="tel"]::placeholder,
.contact-form-section form textarea::placeholder{
    color:#000;
}
.contact-form-section form input[type="submit"] {
    margin: 0px auto;
    display: block;
    background: #000;
    border: none;
    color: #fff;
    border-radius: 4px;
    padding: 7px 30px;
    cursor: pointer;
    transition: 0.5s;
}
.contact-form-section form input[type="submit"]:hover{
    background: #0080ff;
}
.contact-form-section form .wpcf7-spinner {
    margin: 20px auto !important;
    display: block;
}
.contact-form-section form input[type="text"]:focus-visible, 
.contact-form-section form input[type="email"]:focus-visible, 
.contact-form-section form input[type="tel"]:focus-visible, 
.contact-form-section form textarea:focus-visible{
    border:1px dashed #0080ff;
}
.our_services_inner {
    max-width: 1200px !important;
    margin: 0px auto !important;
}
.our_services_inner .vc_column-inner {
    background: #fff;
    padding: 30px 0 40px 15px;
    border-radius: 11px;
}
.our_services_inner_box {
    border: 1px dashed #fff;
    padding: 15px !important;
    margin: 20px 25px;
    width: 29% !important;
    border-radius: 11px;
}
.our_services_sec{
    margin-top: 70px;
    padding-top: 60px;
    padding-bottom: 80px;
}
.our_services_sec h2{
    padding-bottom: 60px;
}
.our_services_inner_box h3 {
    margin-top: 115px;
}
.our_services_inner_box:hover {
    border: 1px dashed #0081ff;
}
.our_services_inner_box:hover .vc_column-inner {
    background: #0081ff;
}
.our_services_inner_box:hover h3 {
    color: #fff !important;
}
.our_services_inner_box:hover img {
    filter: invert(1);
}
.our_vision_inner_row {
    max-width: 1738px;
    margin: 0px auto 20px auto !important;
}
.our_vision_inner_row .vc_column-inner {
    background: #000;
    border-radius: 11px;
    padding: 40px 15px;
}
.our_vision_section h2 {
    padding-top: 0px;
    padding-bottom: 50px;
}
.our_vision_section p{
    color: #fff !important;
}
.our_vision_box {
    border: 1px dashed #000;
    padding: 15px !important;
    margin: 20px 25px;
    width: 21% !important;
    border-radius: 11px;
    transition: 0.5s;
}
.our_vision_section {
    margin-bottom: 70px;
}
.our_vision_box:hover {
    border: 1px dashed #0081ff;
}
.our_vision_box:hover .vc_column-inner {
    background: #0081ff;
}
.about-banner {
    margin: 0px auto !important;
    min-height: 550px;
}
.about-para {
    margin: 0px auto !important;
    max-width: 1738px;
    padding: 50px 30px;
}
.about-para .vc_col-sm-12 {
    max-width: 1400px;
    float: none !important;
    margin: 0px auto !important;
}
.inner-what-we-do {
    max-width: 1200px !important;
    margin: 0px auto 20px auto !important;
}
.what_we_do_section {
    padding: 50px 0px;
    margin: 0px auto !important;
}
.what_we_do_section h2 {
    padding-bottom: 50px;
}
.what-we-do-box {
    border: 1px dashed #fff;
    padding: 15px !important;
     border-radius: 11px;
     transition:0.5s;
}
.what-we-do-box:hover {
    border: 1px dashed #0081ff;
}
.what-we-do-box .vc_column-inner {
    background: #fff;
    border-radius: 11px;
    padding: 40px 15px;
}
.what-we-do-box:hover .vc_column-inner{
     background: #0081ff;
}
.what-we-do-box {
    border: 1px dashed #fff;
    padding: 15px !important;
    margin: 20px 25px;
    width: 29%;
    border-radius: 11px;
    transition:0.5s;
}
.what-we-do-box:hover img{
    filter:invert(1);
}
.what-we-do-box:hover h3,
.what-we-do-box:hover p{
    color:#fff !important;
}

.about-para p,
.vision-para p {
    text-align: center;
}
.projects_section h2 {
    padding-top: 35px;
}
.page-id-11 .projects_section .container p {
    color: #000;
}
.page-id-11 .projects_section img {
    width: 85% !important;
}
.page-id-11 .projects_section .vc_row.vc_column-gap-35>.vc_column_container {
    padding: 30px !important;
}
.page-id-11 .projects_section h2 {
    padding-bottom: 30px;
}
.mobile_services{
    display: none !important;
}
.mobile_services_slider .wpb_column {
    background: #fff;
    padding: 30px 0 40px 15px;
    border-radius: 11px;
}
.about-para p, .vision-para p {
    text-align: center;
    width: 80% !important;
    margin: 15px auto !important;
}
.project_bpx_img {
    background: #fff;
    border-radius: 8px;
    border: 10px solid #000032;
    height: 222px;
    margin-bottom: 25px;
    padding: 70px 0px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display: flex;
    justify-content: center;
}
.our_project_box h2 {
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    padding-top: 0px !important;
}
.our_project_slider  .col-md-4 {
    padding: 40px;
}
.our_project_slider  .slick-prev::before {
    content: url(../images/white-left-arrow.png) !important;
}
.our_project_slider  .slick-next::before {
    content: url(../images/white-right-arrow.png) !important;
}
.divider hr {
    width: 10%;
    margin: 0px auto;
    color: #000 !important;
    border-top: 5px solid rgb(0 0 0);
    border-radius: 30px;
}
.divider {
    margin-top: 25px;
}
.our_project_slider .slick-next {
    right: 10px;
    z-index: 999;
}
.our_project_slider .slick-prev {
    left: -4px;
    z-index: 999;
}
.our_project_slider .slick-prev, .our_project_slider .slick-next {
    top: 32% !important;
    background-color: transparent !important;
}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
@media (min-width: 320px) and (max-width: 360px) {
    #nav-bar {
    padding: 9px 6px !important;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.vc_row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}  
.mob-menu-logo-holder img {
    height: 16px !important;
    margin-top: 21px;
	width:70%;
}
.mobmenul-container {
    top: 17px !important;
    margin-left: 12px !important;
}
.mobmenur-container i {
    font-size: 35px !important;
}
.mobmenu-left-alignment.mobmenu-panel, .mobmenu-right-alignment.mobmenu-panel {
    width: 100%;
    background: #000 !important;
}
#mobmenuright li a, #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright {
    color: #fff !important;
    text-align: center !important;
    border-bottom: 1px solid #ffffff42 !important;
    text-transform: capitalize !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    font-weight: 400 !important;
    padding: 10px 10px !important;
}
.mobmenu-right-panel li, .rightmbottom, .rightmtop {
    padding-left: 0% !important;
    padding-right: 0% !important;
}
.mobmenu-right-panel .mob-cancel-button {
    color: #fff !important;
}
.mob-menu-header-holder {
    height: 57px !important;
}
#nav-bar {
    display: none;
}
.main_banner h1 {
    font-size: 30px !important;
}
.main_banner h2 {
    padding-top: 0px;
    padding-bottom: 20px;
    font-size: 20px !important;
}
.main_banner {
    min-height: 500px !important;
}
.mob-menu-header-holder {
    background-color: #fff !important;
}
.mobmenur-container i {
    color: #0080ff !important;
}
.power_growth_section {
    margin-top: 0;
}
.power_growth_section h2{
    font-size: 30px !important;
    line-height: 35px !important;
}
.power_growth_section p {
    width: 100%;
}
.our_services_sec {
    margin-top: 5px;
}
.our_services_sec h2 {
    font-size: 30px !important;
    padding-bottom: 7px;
}
.our_services_sec {
    padding-top: 0;
}
.our_services_inner_box {
    margin: 20px 0px;
    width: 100% !important;
}
.our_services_inner_box .wpb_single_image.vc_align_left {
    text-align: center;
}
.our_services_inner_box h3 {
    margin-top: 30px;
    text-align: center !important;
}
.projects_section h2 {
    font-size: 30px !important;
    padding-top: 0px;
}
.projects_section .project_pera p {
    width: 100%;
    margin: 20px auto;
}
.projects_section .vc_row.vc_column-gap-35>.vc_column_container {
    padding: 0px !important;
}
.projects_section .container {
    padding: 0 0;
}
.projects_section {
    padding-bottom: 40px;
}
.why_wizz_section {
    margin-top: 15px;
    padding-bottom: 30px;
}
.why_wizz_section h2{
    font-size: 30px !important;
}
.why-wizz p {
    font-size: 25px;
}
.why-wizz .why-item {
    padding: 20px 0px;
}
.why-wizz {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}
.footer h3 {
    font-size: 30px;
}
.list-unstyled li {
    font-size: 16px;
    padding: 0 0;
}
.about-banner {
    min-height: 500px !important;
}
.about-banner h1{
    font-size: 30px !important;
}
.about-para {
    padding: 10px 15px;
}
.what_we_do_section h2 {
    font-size: 30px !important;
    padding-bottom: 10px !important;
}
.what_we_do_section {
    padding: 0px 0!important;
}
.what-we-do-box {
    margin: 15px 0px !important;
    width: 100% !important;
}
.vision-para h2{
    font-size: 30px !important;
}
.about-para {
    margin: 0px auto !important;
    padding: 10px 0px;
}
.our_vision_section h2 {
    padding-bottom: 25px;
    font-size: 30px !important;
}
.our_vision_box {
    margin: 10px 0px !important;
    width: 100% !important;
}
.about-para {
    padding: 15px 0px !important;
}
.what-we-do-box  .wpb_single_image.vc_align_left,
.our_vision_box .wpb_single_image.vc_align_left {
    text-align: center;
}
.what-we-do-box h3,
.what-we-do-box  p,
.our_vision_box  h3,
.our_vision_box  p{
    text-align: center !important;
}
.our_vision_section {
    margin-bottom: 20px;
}
.page-id-11 .projects_section h2 {
    line-height: 30px !important;
    padding: 0 0;
}
.page-id-11 .projects_section h2 br{
    display: none !important;
}
.page-id-11  .projects_section {
    padding-bottom: 0;
}
.contact-banner {
    min-height: 500px !important;
}
.contact-banner h1{
    font-size: 30px !important;
}
.contact-desc {
    padding: 0 0;
}
.contact-desc h2 {
    font-size: 30px !important;
}
.contact-form-section {
    margin: 30px auto 10px auto !important;
    padding: 0 0;
}
.thankyou-sec h1 {
    font-size: 30px !important;
}
.mobile_services{
    display: block !important;
}
.desktop_services{
    display: none;
}
.our_services_inner_boxs .wpb_single_image.vc_align_left {
    text-align: center;
}
.our_services_inner_boxs  h3{
    text-align: center !important;
}
.our_services_inner_boxs  h3 br{
    display: none !important;
}
.our_project_slider  .col-md-4 {
    padding: 5px;
}
.spce_sec{
    display: none;
}
}
@media (min-width: 767px) and (max-width: 1024px) {
.vc_row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}  
.mob-menu-logo-holder img {
    height: 16px !important;
    margin-top: 21px;
    width: 50%;
}
.mobmenul-container {
    top: 17px !important;
    margin-left: 12px !important;
}
.mobmenur-container i {
    font-size: 35px !important;
}
.mobmenu-left-alignment.mobmenu-panel, .mobmenu-right-alignment.mobmenu-panel {
    width: 100%;
    background: #000 !important;
}
#mobmenuright li a, #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright {
    color: #fff !important;
    text-align: center !important;
    border-bottom: 1px solid #ffffff42 !important;
    text-transform: capitalize !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    font-weight: 400 !important;
    padding: 10px 10px !important;
}
.mobmenu-right-panel li, .rightmbottom, .rightmtop {
    padding-left: 0% !important;
    padding-right: 0% !important;
}
.mobmenu-right-panel .mob-cancel-button {
    color: #fff !important;
}
.mob-menu-header-holder {
    height: 57px !important;
    background: #fff !important;
}
#nav-bar {
    display: none;
}
.mobmenur-container i {
    color: #0080ff !important;
}
.main_banner h1 {
    font-size: 35px !important;
}
.main_banner h2 {
    padding-top: 0px;
    padding-bottom: 20px;
    font-size: 20px !important;
}
.main_banner {
    min-height: 500px !important;
}
.power_growth_section h2 {
    font-size: 35px !important;
    line-height: 35px !important;
}
.power_growth_section h2 br{
    display: none !important;
}
.power_growth_section p {
    width: 100%;
}
.power_growth_section {
    margin-top: 30px !important;
}
.our_services_sec {
    margin-top: 35px;
    padding-top: 25px;
    padding-bottom: 60px;
}
.our_services_inner_box {
    margin: 20px 0px;
    width: 100% !important;
}
.our_services_sec h2 {
    padding-bottom: 20px;
    font-size: 35px !important;
}
.our_services_sec .wpb_single_image.vc_align_left {
    text-align: center;
}
.our_services_inner_box h3 {
    margin-top: 0;
    text-align: center !important;
}
.projects_section h2 {
    padding-top: 10px;
    font-size: 35px !important;
    line-height: 45px !important;
}
.projects_section .project_pera p {
    width: 75%;
}
.why_wizz_section h2 {
    font-size: 35px !important;
}
.why-wizz p {
    font-size: 30px;
}
.why-wizz .why-item {
    padding: 25px 2px;
}
.why-wizz {
    padding-bottom: 0 !important;
    padding-top: 10px !important;
}
.why_wizz_section {
    margin-top: 20px;
    padding-bottom: 50px;
}
.footer h3 {
    font-size: 35px;
}
.about-banner {
    min-height: 500px !important;
}
.about-banner h2{
    font-size: 35px !important;
}
.about-para p, .vision-para p {
    width: 100% !important;
}
.about-para {
    padding: 15px 30px;
}
.what_we_do_section h2 {
    padding-bottom: 50px;
    font-size: 35px !important;
}
.what_we_do_section {
    padding: 19px 0px;
}
.what-we-do-box {
    width: 100% !important;
}
.what-we-do-box .wpb_single_image.vc_align_left {
    text-align: center;
}
.what-we-do-box h3, .what-we-do-box p {
    text-align: center !important;
    padding: 0 80px;
}
.about-para {
    padding: 10px 30px !important;
}
.about-para h2{
    font-size: 35px !important;
}
.our_vision_section h2 {
    font-size: 35px !important;
}
.our_vision_box {
    width: 43% !important;
}
.about-banner h1,
.contact-banner h1{
    font-size: 35px !important;
}
.page-id-11 .projects_section .vc_row.vc_column-gap-35>.vc_column_container {
    padding: 0px !important;
}
.projects_section .container {
    padding: 0 0;
}
.projects_section {
    padding-bottom: 25px;
}
.contact-banner {
    min-height: 500px !important;
}
.contact-desc {
    padding: 15px 0px;
}
.contact-desc h2{
    font-size: 35px !important;
    line-height: 40px !important;
}
.contact-form-section {
    margin: 0px auto 10px auto !important;
    padding: 0px 5px;
}
.contact-inner-box a {
    word-wrap: break-word;
}
.contact-desc .contact-para p {
    width: 80%;
    margin: 0px auto;
}
}
@media (min-width: 1250px) and (max-width: 1300px) {

}

@media (min-width: 1440px) and (max-width: 1500px) {

}
@media (min-width: 1920px) and (max-width: 5000px) {
.power_growth_section p {
    width: 41%;
}
.projects_section .project_pera p {
    width: 30%;
}
.projects_section .container .wpb_single_image {
    height: 245px;
    padding: 89px 0px;
}
.projects_section .container p {
    padding: 0 25px;
}
.our_vision_box {
    width: 22% !important;
}
.about-para p, .vision-para p {
    text-align: center;
    width: 66%;
    margin: 20px auto;
}
}