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

/*=================================*/
/* Start General Font
/*================================*/

/*=================================*/
/* Start Navbar
/*================================*/
.navbar{
   background-color: #bc2128;
}
nav .nav-link{
    color: #fff;
    text-transform: capitalize;
    font-family: Cairo;
}
.navbar-toggler-icon{
   display: block;
   background-color: #fff;
   background-image: none;
   height: 1px;
   margin: 8px 0px;
}
.navbar-toggler{
    border-color:#fff ;
}
.navbar-toggler:focus{
    box-shadow: none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    -moz-box-shadow:none;
}

/*=================================*/
/* Start Header Background
/*================================*/
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
.wrapper{
    background-size: 100% 100%;
    width: 100%;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 120px 0px;
}
.wrapper_about{
    background-image: url(../images/header_cover.png);
}
.wrapper h3{
    font-size: 3rem;
    font-weight: bold;
    font-family: Cairo;
}
.wrapper_main h3{
    font-size: 5rem;
    transform: rotate(180deg);
    position: relative;
}
.wrapper_main:hover h3{
    transform: rotate(0deg);
    cursor: pointer;
    /* animation: mymove 5s infinite; */
    transition: all .2s;
}



/*=================================*/
/* Start main Page
/*================================*/
main{
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 63px;
}
.main_title{
    padding: 40px 0px 0px 0px;
}
.main_about{
    width: 55%;
    margin: auto;
}
.main_title p{
    margin-bottom: 0;
    font-weight: 500;
    font-size: 1.1rem;
}
.main_title span{
    font-weight: bold;
    font-style: italic;
}

/*=================================*/
/* Start Vision & Mission
/*================================*/
.vision{
    padding:80px 0px;
    font-family: Cairo;
}
.vision .box{
    width: 80%;
    font-size: 1.5rem;
}
.vision .box img{
    width: 40%;
}

/*=================================*/
/* Start Footer Gucina font
/*================================*/
footer{
    background-color: #bc2128;
    padding: 10px 0px;
    border-radius: 50px 50px 0px 0px;
}
footer ul{
    margin-bottom: 0;
}
footer p{
    margin-bottom: 0.5rem;
    color: #fff;
    font-family: Cairo;
    text-transform: uppercase;
}
footer li{
    border-radius: 50%;
    border: 1px solid #f1d0d1;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;

}
footer a{
    color: #fff;
}

/*=====================================*/
/* partners
/*=====================================*/
.partners{
    width: 100%;
    padding: 100px 0px;
}
.partners h3{
    color: #bb2028;
    font-family: Cairo;
    font-weight: bold;
    font-size: 3rem;
    margin-bottom: 30px;
}
.partners .slider_items .item div{
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}



/*======================================*/
/* Work Page Style
/*======================================*/
.wrapper_work{
    background-image: url(../images/header_work.png);
}
.main_work div{
    width: 67%;
}
.main_work.main_title p{
    font-size: 1.6rem;
}
.main_work.main_title span{
    font-style: normal;
}

.buttons{
    padding: 40px 0px;
}
.buttons .btns , .buttons .circle{
    display: flex;
    justify-content: center;
    align-items: center;
}
.buttons .btns img{
    width: 120px;
}
.buttons .btns .button3{
    width: 200px;
}
.buttons .circle{
    margin-top: -50px;
}
.buttons .circle img{
    width: 190px;
    height: 90px;
}

.services{
    font-family: Cairo;
}
.services h4{
    color: #bb2028;
    font-weight: bold;
    text-align: center;
}
.services p{
    color: #010101;
    text-align: center;
    font-size: 1.2rem;
}
.services .multimedia_img{
    margin-top: 47px;
}

/*======================================*/
/* Wonders Page Style
/*======================================*/
.wrapper_wonders{
    background-image: url(../images/header_wonders.png);
}
.wrapper_wonders h3{
    text-transform: uppercase;
}
.main_wonders p:nth-child(1){
    font-size: 1.5rem;
}
.main_wonders p:nth-child(1) span{
    font-style: normal;

}
.main_wonders .text_wonders{
    font-size: 1.3rem;
    width: 40%;
    margin: auto;
}
.wonders .col-md-3{
    padding-right: 0px;
}
.carousel-control-next, .carousel-control-prev{
    width: 8%;
    opacity: 1;
}
.carousel-control-next-icon{
    background-image:url(../images/next.png)
}
.carousel-control-prev-icon{
    background-image:url(../images/prev.png)
}

/*======================================*/
/* main Page Style
/*======================================*/
.wrapper_main{
    background-image: url(../images/header_main.jpg);
}
.counter .pargh{
    color: #bc2128;
    font-weight: bold;
    
}

.footer_main{
    background-size: 100% 100%;
    background-image: url(../images/footer_main.jpg);
    width: 100%;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 250px 0px;
    position: relative;
    margin-top: 4rem !important;
}

.buttons_main{
    margin-top: 50px;
}
.buttons_main .btns_main{
    display: flex;
    justify-content: center;
    align-items: center;
}
.buttons_main .btns_main img{
    width: 100%;
}
.buttons_main .space_btn1{
    width: 15.5% !important;
}
.buttons_main .space_btn2{
    width: 15.5% !important;
}


/*=======================================*/
/* Contact us
/*=======================================*/
.contact_form{
    padding: 100px 0px; 
    background-color: #252425;
}
.contact_form h3{
    color: #fff;
    margin-bottom: 50px;
}
.contact_form .form-label{
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
}
.contact_form .btn-primary{
    /* background-color: #bc2128;
    border-color: #bc2128; */
    background-color: #fff;
    border-color: #fff;
    color: #000;
    font-weight: bold;
}

.contact_us{
    color: #fff;
}
.contact_us h3{
    color: #bc2128;
    font-weight: bold;
    font-family: Cairo;
    margin-bottom: 2rem;
    font-size: 3rem;
}
.contact_us ul li{
    list-style-type: none;
    font-size: .9rem;
    font-family:Cairo ;
}
.contact_us ul li:first-child{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.2rem;
}
.contact_us ul li span{
    font-style: italic;
}




/*====================================*/
/* Start Media Query
/*====================================*/
@media screen and (max-width: 650px){
    .carousel-item .row .col-md-3 div{
        width: 80%;
        margin: auto;
    }
}

@media screen and (max-width: 767px) {
    .contact_us ul{
        margin-bottom: 3rem;
        padding-left: 0rem;
        margin-top: 2rem;
    }
    .wrapper_main h3{
        font-size: 2.5rem !important;
    }
    .wrapper , .footer_main {
     background-position: center;
     background-size: cover;
     padding: 80px 0px;
    }
    .services .row {
        margin-bottom:0rem ;
      }
    .services .multimedia_img{
        margin-top: 0px;
    }  
    .services .box{
        margin-bottom: 2rem;
    }
    .wonders .col-md-3{
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-bottom: .3rem;
    }
    .counter .counter_desktop{
        display: none;
    }
    .counter{
        padding-bottom: 0px;
    }
    .footer_main{
        margin-top: 3rem !important;
        padding: 200px 0px;
    }

    .vision .box{
        text-align: center;
        width: 100%;
        font-size: 1.2rem;
    }
    .vision .box p{
        margin-top: 1rem;
        font-size: 1rem;
    }
    .vision .mission{
        flex-direction: column-reverse;
    }
    .main_work.main_title p{
        font-size: 1.1rem !important;
    }
    .main_wonders .text_wonders{
        width: 60% !important;
    }
  }

@media screen and (max-width:991px) {
    .wrapper_main h3{
        font-size: 4rem;
    }
    .buttons .btns , .buttons .circle{
        display: none;
    }
    /* .buttons_main{
        margin-top: 0px;
        background-color: rgba(0, 0, 0, .8);
    }
    .buttons_main .btns_main{
        display: flex;
        justify-content: space-between;
    }
    
    .buttons_main .btns_main img{
        width: 70%;
    }
    .buttons_main .space_btn1{
        display: none;
    }
    .buttons_main .space_btn2{
        display: none;
    } */
    .vision .box{
        width: 100%;
        font-size: 1.2rem;
    }
    .main_about{
        width: 70%;
    }
    .main_work div{
        width: 80%;
        text-align: center;
    }
    .main_work.main_title p{
        font-size: 1.2rem;
    }
    .main_wonders .text_wonders{
        width: 70%;
    }
}
@media screen and (min-width:992px) and (max-width: 1200px){

    .buttons .btns .button3{
        width: 165px;
    }
    .buttons .btns img{
        width: 90px;
    }
    .buttons .circle img{
        width: 150px;
        height: 60px;
    }
    .buttons .circle{
        margin-top:-40px;
    }
    .vision .box{
        width: 100%;
        font-size: 1.2rem;
    }

}

@media screen and (min-width: 767px) {
    .services .row {
      margin-bottom:3rem ;
    }
    .services .row:nth-child(3) {
        margin-bottom:0rem ;
      }
  }

@media screen and (max-width:991px) and (min-width: 767px) {
    .services p{
        font-size: 1rem;
    }
    .services .multimedia_img{
        margin-top: 41px;
    }
  }

 

  @keyframes move {
    /* 0% {transform: rotate(180deg);} */
    /* 50% {top: 50px;} */
    /* 100%{transform: rotate(0deg);} */
    0%,40%,100% {
        transform: translateY(0)
      }
      20% {
        transform: translateY(-20px)
      }
  }

  
[class*="basel-info-box"]{
	display: flex;
}
.vc_tta.vc_tta-spacing-35 .vc_tta-tab{
    margin-right: 78px !important;
	margin-left: 12px !important;
    position: relative;
}

.vc_tta.vc_tta-spacing-35 .vc_tta-tab::after{
	content: '';
	background: url(https://pomyst.com/wp-content/uploads/2024/06/space_btn.png) no-repeat top/contain;
	position: absolute;
	background-size: 100% 100%;
	top: 0;
}
.vc_tta-color-black.vc_tta-style-modern .vc_tta-tab>a {
    border-color: #000 !important;
    background-color: #000 !important;
    color: #fff;
    font-size: 2.3rem;
    font-family: Cairo;
}
.vc_tta-color-black.vc_tta-style-modern .vc_tta-tab.vc_active>a {
    border-color: #000 !important;
    background-color: #000 !important;
    color: #bc2128 !important;
    font-weight: bold;
}

.vc_tta.vc_tta-spacing-35 .vc_tta-tab:nth-of-type(1)::after{
	    width: 92px;
    height: 100%;
    left: 94px;
}
.vc_tta.vc_tta-spacing-35 .vc_tta-tab:nth-of-type(2)::after{
	width: 93px;
    height: 100%;
    left: 142px;
}
.vc_tta.vc_tta-spacing-35 .vc_tta-tab:nth-of-type(3)::after{
	width: 0%;
	height: 0%;
}

.vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
    border-radius: 15px !important;
}

@media screen and (max-width: 767px){
	.vc_tta-color-black.vc_tta-style-modern .vc_tta-tab>a {
    	font-size: 1rem;
	}
	.vc_tta.vc_tta-spacing-35 .vc_tta-tab:nth-of-type(1)::after {
		width: 42px;
        height: 100%;
        left: 52px;
	}
	.vc_tta.vc_tta-spacing-35 .vc_tta-tab:nth-of-type(2)::after {
		width: 43px;
		height: 100%;
		left: 72px;
	}
	.vc_tta.vc_tta-spacing-35 .vc_tta-tab {
		margin: 20px auto;
		margin-right: 30px !important;
	    margin-left: 10px !important;
	}
	.vc_tta.vc_tta-spacing-35 .vc_tta-tab:nth-of-type(3){
		margin-right: auto !important;
	}
	.vc_tta.vc_general .vc_tta-tab>a{
		padding: 8px 14px !important;
	}
	.vc_tta.vc_tta-spacing-35 .vc_tta-tabs-list {
		padding: 0;
		margin: 0;
		display: flex;
		justify-content: center;
	}

	
}


/*.main-nav h5{*/
/*	display: none;*/
/*}*/
.footer-container {
    margin-top: 50px;
	margin-bottom: -50px;
	color: #fff;
	border: 7px double #fff;
}

.footer-container .widget-area {
    padding: 10px 0 10px 0 !important;
}
.footer-container p{
	text-align: center;
    color: #fff !important;
    font-weight: bold;
    font-family: Cairo;
    font-size: 1rem;
}
.footer-container .footer-column {
    margin-bottom: 0px;
}
.footer-container .widget-area {
    padding: 25px;
}
.social-icons li a {
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
}