/*
Theme Name: principalconsultancy
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: TDS team
Author URI: https://wordpress.org/
Description: principalconsultancy is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 9999999
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

/* Global Style */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}


body{
    scroll-behavior: smooth; word-break: break-word;
}
img{ max-width:100%; height:auto;}
li{
    list-style: none;
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}


.text-white{
    color: #fff;
}

.text-black{
    color: #000;
}

.text-blue{
    color: #345367;
}

.inside-banner{
    max-width: 100%;
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


.inside-banner .banner-content{
    width:81%;
    margin: auto;
    position: absolute;
    top:60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.inside-banner .banner-content p{
        font-size: 18px !important;
        text-shadow: 1px 1px 1px #000;
        font-weight: 400;
         letter-spacing:2px;
        line-height: 28px;
}

.animated-banner{
    width: 100%;
}

.inside-banner .banner-content h1{
    font-size: 60px;
    font-weight: 600;
    text-shadow: 1px 1px 1px #000;
    text-transform:uppercase;
    
}

.bg-grey{
    background-color: #d8d8d8;
}

.bg-black{
    background-color: #000;
}

.bg-blue{
    background-color: #345367;
}

.grid-section{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.img-box{
    width: 100%;
    display: block;
    margin: auto;
    overflow: hidden;
        
}

.img-box img{
    width: 100%;
    height: 500px;
    object-fit: cover;
    vertical-align: top;
}

.text-box{
    width: 100%;
    min-height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 15%;
}

.section-heading{
    margin-bottom: 20px;
}

.section-heading h2{
    font-weight: 400;
    font-size: 38px;
    position: relative;
    text-align: center;
}

.underline{
    width: 90px;
    height: 5px;
    display: block;
    margin: auto;
}

.text-content p{
    font-size:1rem;
    letter-spacing: 2px;
    line-height: 28px;
    
}

.blue-section{
    max-width: 100%;
    padding: 8% 20%;
    background-color: #345367;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.grey-section{
    max-width: 100%;
    padding: 8% 20%;
    background-color: #ebebeb;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.btn:focus{
    outline: none !important;
    box-shadow: none !important;
}

input:focus{
    outline: none !important;
    box-shadow: none !important;
    
}



/* Our Expert */
.expert-content{
    margin-bottom: 60px;
    
}

.expert .section-heading{
    margin: 60px 0;
}

.expert .expert-content{
    padding: 30px 0;
}

.expert-content .expert-img-box{
    max-width: 100%;
    display: block;
    margin: auto;
    overflow: hidden;
}

.expert-content .expert-img-box img{
    width: 100%;
    /* height: 400px; */
    object-fit: cover;
}

.expert-content .expert-text-box h2{
    font-weight: 700;
    color: #345367;
    text-transform: uppercase;
    letter-spacing: 3px;
}



.expert-content .expert-text-box p{
    font-size: 18px;
    height: 110px;
    overflow: hidden;
    /* transition: 0.3s; */
}

.expert-content .expert-text-box.showContent p{
    height: auto;
    
}






.expert-content .expert-text-box hr{
    background-color: #345367;
}

.expert-content .expert-btn{
    max-width: auto;
    padding: 8px 12px;
    background-color: #345367;
    color: #fff;
    border-radius: 0;
}

.expert-content .expert-btn:hover{
    background-color: transparent;
    color: #345367;
    border: 1px solid #345367;
}

.free-btn{
    max-width: auto;
    display: block;
    margin: auto;
    padding: 8px 12px;
    background-color: #345367;
    color: #fff;
    border-radius: 0;
    border: 1px solid #345367;
    transition: 0.3s;
}

.free-btn:hover{
    background-color: transparent;
    border: 1px solid #345367;
    text-decoration: none;
    color: #345367;
}



/* Consultant */

.consultanct .grey-section{
    padding: 4% 20%;
    text-align: center;
}



.fa-instagram:hover{
    background: linear-gradient(to bottom right, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



.social-icon .fa-twitter:hover {
    color: #00acee;
}


/* ----------------------Common footer for inside pages---------------------- */

.inner-contact{
    padding-left:30px;
}

.inner-footer{
    max-width: 100%;
    min-height: 210px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    padding:30px 0;
}

.inner-footer h2{
    text-align:center;
    color:#fff;
    text-transform:uppercase;
}

.inner-footer .form-group .form-control{
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.inner-footer .form-group  textarea{
    resize: none;
}

.inner-footer-contact-btn{
    width: 250px;
    display: block !important;
    margin: 20px auto 0 !important;
    padding: 8px 20px;
    background-color: transparent;
    border: 2px solid #fff !important;
    border-radius: 0 !important;
    color: #fff !important;
}

.inner-footer-contact-btn:hover{
    background-color: #fff;
    color: #000 !important;
}



.inner-footer .inner-contact .icon{
    margin-right: 20px;
    width: 20px;
    height: 40px;
}

.inner-footer .inner-contact a{
    color: #fff;
}

.inner-footer .inner-contact a:hover{
    text-decoration: none;
}

.inner-contact .icon i{
    font-size: 22px;
}

.inner-contact .contact-text p{
    font-size: 20px;
}

.inner-footer input::placeholder{
    color: #fff
}

.inner-footer  textarea::placeholder{
    color: #fff;
}

.inner-footer .social-icon{
    max-width: 40%;
    margin: auto;
    font-size: 34px;
    /* border: 1px solid red; */
    /* text-align: center; */
}

.inner-footer .social-icon i{
    color: #fff;
    margin:  10px;
}


/* common Copyright section */
.home-contact-section .fp-tableCell {
    padding-bottom: 60px !important;
}
.home-copy-right{
   margin-top: 10px;
position: absolute;
left: 0;
border: 0;
bottom: 0;
width: 100%;
}
.copyright{
    max-width: 100%;
    padding: 15px 0;
    background-color: #000;
    
}

.copyright p{
    margin: 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
}











/* -----------------------------------Blog----------------------------------- */

.blog{
    margin-top: 40px;
}

.blog a{
    text-decoration: none;
}

.blog .blog-box{
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);margin-bottom: 40px;
}



.blog .blog-box .blog-img{
    max-width: 100%;
    display: block;
    margin: auto;
    overflow: hidden;
}

.blog .blog-box .blog-img img{
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.blog .blog-box .blog-text{
    padding: 10px;
}

.blog .blog-box .blog-text h5{
    font-size: 18px;
    color: #345367;
    
}

.blog .blog-box .blog-text h6{
    font-size: 12px;
    color: #6b6b6b;
}

.blog .blog-box .blog-text p{
    font-size: 13px;
    font-weight: 400;
    color: #000;
    
}

.blog-box a:hover{
    text-decoration: none;
}

.blog .blog-box .blog-text .blog-read-more{
    font-weight: 600;
    color: #345367;
    font-size: 13px;
    text-decoration: underline;
    transition: 0.5s;
}

.blog .blog-box .blog-text .blog-read-more:hover{
    color: #000;
}

/* Pagination Section */

.page-link{
    color: #345367 !important;
    border-radius: 0 !important;
    /* border-color: #345367 !important; */
    margin: 10px;
}

.page-link:focus{
    outline: none !important;
    box-shadow: none !important;
}


.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #345367 !important;
    border-color: #345367 !important;
}

.page-item:hover .page-link{
    color: #fff !important;
    background-color: #345367 !important;
    border-color: #345367 !important;
}

.blog .pagination-section .col-lg-6 {
    justify-content: center;padding-top: 10px !important;
}

.blog .pagination-section .page-numbers {
    color: #345367 !important;
    border-radius: 0 !important;
    margin: 10px;
    margin-left: 0;
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    height: 38px;
    text-transform: capitalize;
}.blog .pagination-section .page-numbers:hover{
    color: #fff !important; text-decoration: none !important;
    background-color: #345367 !important;
    border-color: #345367 !important;
}
.blog .pagination-section .current {
    color: #fff !important;
    background: #345367 !important;
    border: 1px solid #345367 !important;
}
/* ------------------------------Blog Details Page------------------------------ */

.blog-details{
    margin: 40px 0;
}

.blog-details .blog-detail-heading h2{
    color: #345367;
    font-size: 24px;
}
.blog-details .blog-detail-heading h6{
    font-size: 12px;
    margin: 5px 0;
    color: #345367;
}
.blog-details .blog-detail-heading p{
    color: #6b6b6b;
    font-size: 13px;
}

.blog-details .blog-detail-img{
    max-width: 100%;
    display: block;
    margin: 22px auto;
    overflow: hidden;
}

.blog-details .blog-detail-img img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

.blog-content{
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.blog-detail-text{
    
    padding: 10px;
}

.blog-details .blog-detail-text h1,
.blog-details .blog-detail-text h2,
.blog-details .blog-detail-text h3,
.blog-details .blog-detail-text h4,
.blog-details .blog-detail-text h5,
.blog-details .blog-detail-text h6
{
    color: #345367;
    margin: 20px 0;
    font-weight: bold;
}

.blog-details .blog-detail-text p{
    font-size: 14px;
    color: #000;
    margin: 20px 0;
}

.blog-details .blog-detail-text ol{
    margin: 20px 0;
}

.blog-details .blog-detail-text ol li{
    font-size: 14px;
}

.blog-details .blog-detail-text ul{
    margin: 20px 0;
    padding-left: 20px;
}

.blog-details .blog-detail-text ul li{
    font-size: 14px;
    list-style: inherit;
    
}

.blog-details .blog-detail-text blockquote{
    font-size: 14px;
    margin: 0;
}

.blog-detail-btn{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}


.blog-detail-btn .blog-detail-btn-prev, 
.blog-detail-btn .blog-detail-btn-next {
    width: 150px;
    display: block;
    margin: auto;
    padding: 8px 12px;
    background-color: #345367;
    color: #fff;
    border-radius: 0;   
    text-transform: capitalize;
}

.blog-detail-btn .blog-detail-btn-prev:hover,
.blog-detail-btn .blog-detail-btn-next:hover{
    background-color: transparent;
    border: 1px solid #345367;
    color: #345367;
}

.blog-details .search-box{
    margin: 10px 0;
}

.blog-details .search-box input:focus{
    border: 1px solid #ccc !important;
}


.sm-blog-heading h5{
    font-size: 18px;
}

.blog-details .search-box .form-control{
    border-radius: 0;
}

.blog-details .search-box .blog-details-search-btn{
    width: 40px;
    height: auto;
    display: block;
    background-color: #345367;
    border-radius: 0;
    border: none;
}

.blog-details .search-box i{
    color: #fff;
}
.blog-details .nav-links {
    margin-top: 30px;
}
.blog-details .nav-links .nav-previous {
    float: right;
}
.blog-details .nav-links .nav-next {
    float: left;
}
.blog-details .nav-links a {
    width: 150px;
    display: block;
    margin: auto;
    padding: 8px 12px;
    background-color: #345367;
    color: #fff;
    border-radius: 0;
    text-transform: capitalize;
    text-align: center;
    height: 42px;
}
.blog-details .nav-links a:hover{background-color: transparent;
    border: 1px solid #345367; text-decoration: none;
    color: #345367;
}
.blog-details h2.screen-reader-text {
    display: none;
}
.blog-details .search-box form {
    display: flex;width: 100%;
}

.sm-blog-area{
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.41);
    padding: 10px;
    margin-top: 19px;
}

.sm-blog-area .sm-content-box{
    padding: 5px 5px;
    display: flex;
    justify-content: center;
    margin: 5px 0;
}

.sm-blog-area .sm-content-box .sm-img-box{
    flex-basis: 50%;
    max-width: 100%;
    display: block;
    margin: auto;
}

.sm-blog-area .sm-content-box .sm-img-box img{
    width: 100%;
    height: 100px;
    object-fit: cover;
}

.sm-blog-area .sm-content-box .sm-text-box{
    flex-basis: 50%;
    margin-left: 10px;
    min-height: 100px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  
}

.sm-blog-area .sm-content-box .sm-text-box h6{
    color: #345367;
    font-size: 14px;
}

.sm-blog-area .sm-content-box .sm-text-box p{
    font-size: 12px;
    margin-bottom: 0;
}




/* ------------------------------------Home Page------------------------------------ */


/* Flixed vertical slider */
.pagecover{
    width: 100%;
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #000;
}

.pagecover .cover-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    z-index: -1;
}

#fp-nav.fp-right{
    right: 10px;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span{
    background-color: #fff !important;
}


/* side navbar */
.nav-bar{
    width: 100%;    
    position: fixed;
	top:0;
    padding: 20px 0;
    /* background-color: #345367; */
    z-index: 1000;
    transition: 0.3s;
    /*  background-color: #223644;  */
	 /* box-shadow: 0px 15px 10px -15px #333 !important; */
}

.nav{
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

.scroll-nav{
    /* background-color: #345367;*/
    transition: 0.3s;
   /*  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);*/
    z-index: 100000;
    display: fixed;
    width: 100%;
}


.nav .logo{
    max-width: 174px;
    display: block;
    top: 10%;
    /* left: 10%; */
}

.nav .logo img{
    width: 100%;
}

.menu-icon{
    /* position: fixed; */
    width: 50px;
    height: 44px;
    padding: 4px 8px;
   /* background-color:#345367; */  
    cursor: pointer;
    z-index: 100000;    
    /* right: 10%; */
    /* top: 5%; */
    
}


.menu-icon span{
    width: 100%;
    height: 4px;
    display: block;
    background-color: #ed2b4a;
    margin: 6px 0;
    transition: 0.5s;
    
}

.sidebar{
    position: fixed;
    top: 0;
    right: -500px;
    width: 500px;
    height: 100vh;
    padding: 20px;
    text-align: center;
    background-color: #345367;
    z-index: 1000;
    transition: 0.5s;
}

.sidebar ul li{
    margin: 12px 0;
    
}

.sidebar ul li a{
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;  
}
.social-icon li a{cursor: default;}
.sidebar ul li a:hover {
    text-decoration: underline;
}



.sidebar .menu ul li:hover{
    text-decoration: none;
    border-bottom: 2px solid #fff;
}

.sidebar.active{
    right: 0;
}

.menu-icon.active span:nth-child(2){
    opacity: 0;
    
}   

.menu-icon.active span:nth-child(1){
    transform: rotate(-45deg);
    margin-top: 15px;
}   

.menu-icon.active span:nth-child(3){
    transform: rotate(45deg);
    margin-top: -20px;
}

.nav-bar .social-icon i{
    font-size: 30px;
    margin: 0 10px;
}


/* home page content */

.home-section-1 h1{
    font-size: 60px;
    font-weight: 600;
    letter-spacing: 2px;
}

.home-section-1 h5{
    font-weight: 400;
    font-size: 20px;
}

.home-section-1 h3{
    font-weight: 400;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 10px;
}

.home-section-1 .arrow{
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: auto;
    /* background-color: red; */
    transform: rotate(45deg);
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    cursor: pointer;
}

/* Home Page - Our Service Section */

.home-page-heading h1{
    color: #fff;
    text-transform: capitalize;
}

.home-page-heading hr{
    background-color: #fff;
    border: 1px solid #fff;
}

.section .content .content-box{
    width: 100%;
    padding: 20px;
    background-color: rgba(19, 32, 40, 0.8);
    min-height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 30px 0;
}

.section .content .content-box h2{
    color: #fff;
    font-size: 23px;
}

.section .content .content-box p{
    font-size:1rem;
    margin: 10px 0;
}

.section .content .content-box-btn{
    padding: 5px 10px;
    background-color: #fff;
    font-size: 12px;
    color: #345367;
    text-transform: capitalize;
    transition: 0.3s;
}

.section .content .content-box-btn:hover{
    background-color: #345367;
    color: #fff;
    text-decoration: none;
}

.section .view-btn{
    margin-top: 20px;
    text-align: center;
}

.section .view-btn .home-view-btn{
    padding: 5px 10px;
    border: 2px solid #fff;
    color: #fff;
    text-transform: capitalize;
    transition: 0.3s;
}

.section .view-btn .home-view-btn:hover{
    background-color: #fff;
    color: #345367;
    text-decoration: none;
}

.section .blog-bg{
    max-width: 100%;
    min-height: 100vh;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.home-blog-box .img-box{
    max-width: 100%;
    overflow: hidden;
}

.home-blog-box .img-box img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.home-blog-box .text-box{
    width: 100%;
    padding: 15px;
    background-color: #fff;
}

.home-blog-box .text-box h5{
    color: #345367;
    font-size: 18px;
}

.home-blog-box .text-box h6{
    color: #6b6b6b;
    align-self: flex-start;
    font-size: 13px;
}

.home-blog-box .text-box p{
    color: #000;
    font-size: 14px;
}

.home-blog-box .text-box a{
    align-self: start;
    color: #345367;
    text-transform: capitalize;
}

.main-logo-box{
    width: 197px;
    height: 197px;
    background-color: #6b6b6b;
    border-radius: 50%;
    display: block;
    margin: auto;
    position: relative;
}

.main-logo-box .logo-box{
    width: 190px;
    min-height: 190px;
    /* border: 1px solid green; */
    background-color: #fff;
    border-radius: 50%;
     overflow: hidden;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main-logo-box .logo-box img{
    width: 100% !important;
    height: auto;
    object-fit: cover;
/*    filter: grayscale(100); */
    transition: 0.5s;
    cursor: pointer;
}

/* .main-logo-box .logo-box img:hover{
    filter: grayscale(0);
} */



/* Home Contact Section */

.home-contact{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-contact .contact-detail{
    width: 40%;
    padding:10px 50px 10px 30px;
    background-color:#1f394a;
    z-index: 1;
    /* border: 2px solid grey; */
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.contact-detail-box a{
    color: #fff;
}

.contact-detail-box a:hover{
    color: #fff;
    text-decoration: none;
}

.contact-text-box p{
    font-size: 14px;
margin: 10px 0;
}


.contact-detail-box .icon{
    width: 40px;
    height: 40px;
    display: block;
}


.contact-detail-box .contact-text p{
    font-size: 14px;
}

.home-contact .social-icon{
    text-align: center;
    
}

.home-contact .social-icon i{
    color: #fff;
    font-size: 34px;
    margin: 0 10px;
}


.home-contact .form-detail{
    width: 60%;
    padding: 20px 50px 20px 150px;
    background-color: #cacaca;
    margin-left: -130px;
   
}

.home-contact .form-detail .form-heading h1{
    color: #345367;
}

.home-contact .form-detail .form-group .form-control{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #345367;
    border-radius: 0;
   
}

.home-contact .form-detail .form-group .form-control:focus{
    box-shadow: none;
    outline: none;
}


.home-contact .form-detail .form-group .form-control::placeholder{
    color: #345367;
    font-size: 12px;
}

.home-contact .form-detail textarea{
    resize: none;
}

.home-contact .form-detail .home-contact-btn{
    padding: 5px 20px;
    background-color: #345367;
    border-radius: 0;
    color: #fff;
    border: 2px solid #345367;
}

.home-contact .form-detail .home-contact-btn:hover{
    background-color: transparent;
    color: #345367;
    border: 2px solid #345367;
}

span.wpcf7-not-valid-tip {
    color: #fff;
}
.screen-reader-response {
    color: #fff;
}
.wpcf7-response-output {
    color: #fff;
}





.logotextBlock {
    padding: 30px 0;
}

.logotextBlock h1 {
    text-align: right;direction: rtl;
    font-weight: 600;font-family: 'Conv_MyriadPro-Regular';
}

.logotextBlock h2 {
    color: #9b102b;
    text-align: right;direction: rtl;
    font-size: 36px;font-family: 'Conv_MyriadPro-Regular';
}
.qatar-shura-1{
    padding: 70px 0; 
    background-position:center left;
    background-repeat: no-repeat;
    background-size:80%;}


.qatar-shura-1-lak-cls {
    text-align: right !important;
}

.qatar-shura-1-img-cls {
    text-align: right;
    margin-bottom: 30px;
}

.qatar-shura-1-lak-cls p {
    font-size: 24px;text-align: justify;
text-align-last: right;font-family: 'Conv_MyriadPro-Regular';direction: rtl;
}

.qatar-shura-1-lak-cls h5 {
    color: #9b102b;
    font-size: 24px;font-family: 'Conv_MyriadPro-Regular';direction: rtl;
}

.qatar-shura-2 {
    padding: 70px 0 10px;
}

.qatar-shura-2 h5 {
    color: #9b102b;
    font-size: 24px;font-family: 'Conv_MyriadPro-Regular';
    text-align: justify;
text-align-last: right;direction: rtl;
}
.qatar-shura-2 p {
    font-size: 24px;
    text-align: justify;
text-align-last: right;font-family: 'Conv_MyriadPro-Regular';direction: rtl;
}
.qatar-shura-2 .col-md-7.col-sm-7.col-12 {
    padding-left: 50px;
}
.qatar-shura-2 .col-md-5.col-sm-5.col-12 img {
    padding-top:30px;
}
.qatar-shura-2 ul {
    text-align: right;
}
.qatar-shura-1 .col-md-5.col-sm-5.col-12 img {
    padding-top: 80px;
}
.qatar-shura-1 .col-md-7.col-sm-7.col-12 {
    padding-left: 50px;
}

.qatar-shura-2 ul li {
color: #9b102b;
font-size: 24px;
font-weight: 600;
position: relative;font-family: 'Conv_MyriadPro-Regular';
padding: 0 20px 0 0;direction: rtl;
}


.qatar-shura-3 {
    padding:30px 0;
}

.qatar-shura-3 h2 {
    text-align: right;
    margin-bottom: 20px;
    font-weight: 600;direction: rtl;
    color: #9b102b;font-family: 'Conv_MyriadPro-Regular';
}

.imgBlock h3 {
    background: #b0b1b5;
    color: #fff;font-size: 22px;
    text-align: center;
    padding: 8px;font-family: 'Conv_MyriadPro-Regular';direction: rtl;
}

.imgBlock {
    margin-bottom: 30px;
}
.qatar-shura-2 ul li::after {
    content: "";
    width: 6px;
    height: 6px;
    background: #9b102b;
    position: absolute;
    right: 0;
    border-radius: 50%;
    top: 13px;
}























/*----------------------------- Common media queries----------------------------- */

@media only screen  and (min-width : 1824px) {
    .img-box img{
        height: 750px;
    }

    .section-heading h1{
        font-size: 26px;
    }
}

@media screen and (max-width: 834px){
    .img-box img{
        height: 325px;
    }
}


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


    .sidebar ul li a{
        font-size: 45px;
    }

    .nav-bar .social-icon i{
        font-size: 60px;
    }
    .nav .logo{
        max-width: 120px;
    }

    .inside-banner .banner-content{
        width: 77%;
    }

    .inside-banner{
        min-height: 300px;
    }

    .inside-banner .banner-content h1{
        font-size: 40px;

    }

    .grid-section{
        grid-template-columns: repeat(1,1fr);

    }

    .img-box img{
        height: 525px;
    }

    .text-box{
       padding: 5%;
    }

    .consultanct .grey-section{
        padding: 5%;
    }

    .text-content p{
        font-size: 20px;
    }

    .blue-section {
        padding: 5%;
    }

    .grey-section{
        padding: 5%;
    }

    /* About us expert section */

    .expert-content .expert-text-box h2{
        margin-top: 20px;
    }

}


@media screen and (max-width:415px){
    .sidebar{
        width: 100vw;

    }

    .sidebar ul li a{
        font-size: 27px;
    }

    .nav-bar .social-icon i{
        font-size: 50px;
    }

    .inside-banner .banner-content {
        width: 93%;
        margin-top: 20px;
    }

    .inside-banner .banner-content h1 {
        font-size: 33PX;
    }


    .nav .logo{
        max-width: 107px;
    }

    .banner-content p{
        font-size: 13px;
    }

    .section-heading h1{
        font-size: 30px;
    }
    .text-content p{
        margin-bottom: 0;
    }


    .text-box{
        padding: 5%;
    }

    .img-box img{
        height: 280px;
    }

    .blue-section {
        padding: 5%;
    }

    .grey-section{
        padding: 5%;
    }

    /* Consutanct Section */
    .consultanct .grey-section{
        padding: 5%;
    }

    .inner-contact .contact-text p{
        font-size: 17px;
    }
}

@media screen and (max-width: 376px){
    .section-heading h1{
        font-size: 25px;
    }

    .text-content p {
        font-size: 15px;
        line-height: 25px;
    }

    .section-heading {
        margin-bottom: 12px;
    }

    /* About Us Expert Section */
    .expert .section-heading{
        margin: 25px 0;
    }

    .expert-content .expert-text-box h2{
        font-size: 30px;
        letter-spacing: 1px;
    }

    .expert-content .expert-text-box p{
        font-size: 18px;
    }

    .copyright p{
        font-size: 11px;
    }

}

@media screen and (max-width: 361px){
    .img-box img{
        height: 255px;
    }
    
    .section-heading h1{
        font-size: 24px;
    }

    .text-content p{
        margin-bottom: 0;
    }

    

}

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

    .banner-content p {
        font-size: 10px;
    }

    .inside-banner .banner-content{
        margin-top: 28px;
    }

    .img-box img{
        height: 220px;
    }

    .section-heading h1{
        font-size: 22px;
    }

    .text-content p {
        font-size: 14px;
        line-height: 23px;
    }

    .inner-contact .contact-text p{
        font-size: 13px;
    }
}

@media screen and (max-width: 279px){
    .img-box img{
        height: 185px;
    }

    .section-heading h1{
        font-size: 19px;
    }

    .text-content p {
        font-size: 13px;
        line-height: 22px;
    }
}

/* Common inside footer media query */

@media screen and (max-width: 769px){
    .inner-contact{
        margin-top: 30px;
    }

    .inner-footer .social-icon{
        text-align: center;
    }
}

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

    .inner-footer{
        padding: 23px 0;
    }
    
}

@media screen and (max-width: 376px){
    .inner-contact .contact-text p{
        font-size: 16px;
    }
}

@media screen and (max-width: 321px){
    .inner-contact .contact-text p{
        font-size: 14px;
    }
}

/* ---------------------------home page media query--------------------------- */


@media screen and (max-width: 769px){
    #fp-nav.fp-right{
        display: none;
    }

    .home-contact{
        flex-direction: column;
    }

    .home-contact .contact-detail{
        width: 100%;
        box-shadow: none;
    }

    .home-contact .form-detail{
        width: 100%;
        margin-left: 0;
        padding: 50px;
    }
}

@media screen and (max-width: 415px){
    .home-section-1 h1{
        font-size: 50px;
    }

    .home-section-1 h1 br{
        display: none;
    }

    .section .home-page-heading h1{
        text-align: center;
    }

    .owl-carousel .owl-stage-outer{
        width: 97%;
        margin: auto;
    }
}

@media screen and (max-width: 376px){
    .home-section-1 h1{
        font-size: 46px;
    }
}

@media screen and (max-width: 361px){
    .home-section-1 h1{
        font-size: 40px;
    }

    .contact-detail-box .contact-text p{
        font-size: 12px;
    }
}

@media screen and (max-width:321px){
    .contact-detail-box .contact-text p{
        font-size: 10px;
    }
    .home-section-1 h1{
        font-size: 27px;
    }
    .home-section-1 h5{
        font-size: 11px;
    }

    .home-section-1 h3{
        font-size: 15px;
    }

    .home-section-1 .arrow{
        width: 20px;
        height: 20px;
    }
}

/* ----------------------------Blog Section---------------------------- */

@media only screen and (max-width: 769px){
    .blog{
        margin: 40px;
    }
    .blog:first-child{
        margin-top: 40px;
    }
    .blog .blog-box{
        margin-bottom: 40px;
    }
    .pagination-section .offset-lg-3{
        padding-top: 0px!important;
        padding-bottom: 20px!important;
    }
    .blog .blog-box .blog-img img{
        height: 202px;
    }
}

@media screen and (max-width: 641px){
    .blog .blog-box .blog-img img {
        height: 290px;
    }
}

@media only screen and (max-width: 420px){
    .blog .blog-box .blog-img img{
        height: 224px;
    }
}

@media only screen and (max-width: 320px){
    .blog .blog-box .blog-text h5{
        font-size: 14px;
    }
    .blog .blog-box .blog-text p{
        font-size: 11px;
        margin-bottom: 1px;
    }
    .blog .blog-box .blog-text a{
        font-size: 11px;
    }
    .blog .blog-box .blog-text h6{
        font-size: 11px;
    }

    .page-link{
        font-size: 10px!important;
    }
    .blog .blog-box .blog-img img{
        height: 178px;
    }

}

/* ----------------------------blog detail media query---------------------------- */


@media screen and (max-width: 769px){
    .sm-blog-heading h5{
        font-size: 30px;
    }

    .sm-blog-area .sm-content-box .sm-img-box img{
        height: 169px;
    }

    .sm-blog-area .sm-content-box .sm-text-box h6{
        font-size: 25px;
    }

    .sm-blog-area .sm-content-box .sm-text-box p{
        font-size: 22px;

    }

    .blog-details .blog-detail-heading h2{
        font-size: 30px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 641px){
    .sm-blog-area .sm-content-box .sm-text-box h6 {
        font-size: 21px;
    }
}

@media screen and (max-width: 415px){
    .sm-blog-heading h5 {
        font-size: 27px;
    }

    .sm-blog-area .sm-content-box .sm-img-box img{
        height: 140px;
    }

    .sm-blog-area .sm-content-box .sm-text-box h6 {
        font-size: 16px;
    }

    .sm-blog-area .sm-content-box .sm-text-box p {
        font-size: 15px;
    }

    .blog-details .blog-detail-heading h2{
        font-size: 29px;
    }
}

@media screen and (max-width: 376px){
    .sm-blog-heading h5{
        font-size: 24px;
    }

    .sm-blog-area .sm-content-box .sm-img-box img{
        height: 105px;
    }

    .sm-blog-area .sm-content-box .sm-text-box h6{
        font-size: 14px;
    }

    .sm-blog-area .sm-content-box .sm-text-box p{
        font-size: 12px;
    }
    .blog-details .blog-detail-heading h2{
        font-size: 26px;
    }
}

@media screen and (max-width: 361px){
    .sm-blog-heading h5{
        font-size: 23px;
    }

    .sm-blog-area .sm-content-box .sm-img-box img{
        height: 100px;
    }

    .sm-blog-area .sm-content-box .sm-text-box h6{
        font-size: 13px;
    }

    .blog-details .blog-detail-heading h2{
        font-size: 25px;
    }
}

@media screen and (max-width: 321px){
    .sm-blog-heading h5{
        font-size: 21px;
    }

    .sm-blog-area .sm-content-box .sm-img-box img{
        height: 95px;
    }

    .sm-blog-area .sm-content-box .sm-text-box h6{
        font-size: 11px;
    }

    .blog-details .blog-detail-heading h2{
        font-size: 22px;
    }

    .blog-detail-btn .blog-detail-btn-prev, .blog-detail-btn .blog-detail-btn-next{
        width: 135px;
    }
}

@media screen and (max-width: 281px){
    .sm-blog-heading h5{
        font-size: 18px;
    }

    .blog-detail-btn .blog-detail-btn-prev, .blog-detail-btn .blog-detail-btn-next {
        width: 111px;
    }

}

/**@media only screen and (max-width: 1023px){
.fp-enabled {
    overflow:initial !important;
    height: inherit !important;
}
body {
    overflow:initial !important;
    height: inherit !important;
}
.pagecover {
    position: relative !important;
    overflow: initial !important;
}
.pagecover .cover-bg {
    position: relative !important;
    z-index: 9;
}
.section.fp-section {
    display: block !important;
    height: auto !important;
}
#fullpage {

}
.fp-enabled body{
    background-image: linear-gradient(rgba(000, 000, 000, .4), rgba(000, 000, 000, .4)), url(http://tanidataservices.com/demos/php/wp_demos/Principal_Consultancy/wp-content/uploads/2021/04/img-bg-default.jpg);background-position: top;
background-size: contain;
background-attachment: fixed;
}
.home-sector {
    padding-top: 40px;
}
.home-consulting {
    padding-top: 50px;padding-bottom: 50px;
}
.section.fp-section .fp-tableCell {
    display: block !important;height: 100% !important;
}
}**/

.home-team-work::after {
    position: absolute;
    left: 0;
    top: 0;
    width:170px;
    height: 100%;
    content: "";
    background: url(https://principalconsultancy.com/dev/wp-content/uploads/2021/04/lt_img.png) no-repeat left;
    z-index: 9;
    background-size: 100% 100%;
}
.home-team-work::before {
    position: absolute;
    right: 0;
    top: 0;
    width:170px;
    height: 100%;
    content: "";
    background: url(https://principalconsultancy.com/dev/wp-content/uploads/2021/04/rt_img.png) no-repeat right;
    z-index: 9;
    background-size: 100% 100%;
}
.home-team-work .home-page-heading {position: relative; z-index: 99999;}
.home-team-work .owl-carousel .owl-stage-outer{overflow: visible !important;}
.home-team-work .owl-nav {opacity: 0;}
.owl-carousel .owl-stage {
    transition-timing-function: linear !important;
}
.home-contact-section2{
    background-image: linear-gradient(rgba(000, 000, 000, .4), rgba(000, 000, 000, .4)), url(https://principalconsultancy.com/dev/wp-content/uploads/2021/04/img-bg-default.jpg);background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;padding-top: 120px;
}
.home-contact-section2 p {
    color: #fff;
}
.contact-detail-box .icon i{
    color: #fff;
}
.home-contact-section2 .home-copy-right {
    position: relative !important;
}
.home-contact-section2 hr {
    display: none;
}
.home-contact-section2 .container {
    padding-bottom: 50px;
}
.home-contact-section2 .home-copy-right .container {
    padding-bottom: 0;
}
.screen-reader-response p {
    display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.BannerTextOverlay {
    background: rgba(0,0,0,0.5);
    padding: 15px;
    border-radius: 20px;
}
.home-contact .social-icon a {
    cursor: default;
}
.inner-footer .social-icon a {
    cursor: default;
}
/*.blog.blog-1 .col-xl-3.col-lg-3.col-md-6.col-sm-12.col-12 {
    display: none;
}*/
.blog.blog-1 .pagination-section {
    display: none;
}
.home-contact-section .home-page-heading {
    margin-top: 80px;
}

@font-face {
	font-family: 'Conv_MyriadPro-Regular';
	src: url('https://principalconsultancy.com/wp-admin/fonts/MyriadPro-Regular.eot');
	src: local('☺'), 
	url('https://principalconsultancy.com/wp-admin/fonts/MyriadPro-Regular.woff') format('woff'), 
	url('https://principalconsultancy.com/wp-admin/fonts/MyriadPro-Regular.ttf') format('truetype'), 
	url('https://principalconsultancy.com/wp-admin/fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.qatar-shura-4 {
    padding:20px 0;
}


.qatar-shura-4 h2 {
    text-align: right;
    margin-bottom: 20px;
    font-weight: 600;font-family: 'Conv_MyriadPro-Regular';
    color: #9b102b;direction: rtl;
}
.lineBlock {
    display: block;
    padding: 0 0 15px;
}
.lineBlock-1 {
    float: left;
    width: 10%;
}
.lineBlock-2 {
    width: 35%;
    height: 2px;
    background: #9b102b;
    float: left;
    margin-top: 5%;
}
.lineBlock-3 {
    float: left;
    background: #b8b9bb;
    width: 50%;
    margin: 2% 1% 0;
    text-align: right;
    color: #fff;
    padding: 18px 20px 12px;
    box-shadow: -4px 4px 5px #ccc;
}
.lineBlock-4 {
    float: right;
    background: #9b102b;
    height: 40px;
    width: 2%;
    margin-top: 30px;
}



.qatar-shura-5 {
    padding: 40px 0;
}

.qatar-shura-5 h2 {
    text-align: right;
    margin-bottom: 20px;
    font-weight: 600;direction: rtl;
    color: #9b102b;font-family: 'Conv_MyriadPro-Regular';
}
.qatar-shura-5 .lineBlock-3 {
    background: #9b102b;
}
.qatar-shura-5 .lineBlock-4 {
    background: #b8b9bb;
}
.qatar-shura-5 .lineBlock-2 {
    background: #b8b9bb;
}
.qatar-shura-6 {
    padding: 30px 0;
}
.qatar-shura-6 h2 {
    text-align: right;
    margin-bottom: 30px;
    font-weight: 600;direction: rtl;
    color: #9b102b;font-family: 'Conv_MyriadPro-Regular';
}
.qatar-shura-6 img {
    width: 100%;margin-bottom: 30px;
}
.qatar-shura-6 .lt-block {
    background: #b4b4b4;
    margin: 0 0 30px;
    border-left: 15px solid #950c2a;
}

.qatar-shura-6 .lt-block h3 {
    color: #fff;font-family: 'Conv_MyriadPro-Regular';
    padding:15px 20px;box-shadow: 3px 3px 3px #ccc;
    border-left: 5px solid #fff;direction: rtl;
    text-align: right;font-weight: 600;
}
.footer-cls h3 strong{font-family: 'Conv_MyriadPro-Regular';
}
.qatar-shura-6 .rt-block {
    background: #b4b4b4;
    margin: 0 0 30px;
    border-right: 15px solid #950c2a;
}
.qatar-shura-6 .rt-block h3 {
    color: #fff;direction: rtl;
    padding:15px 20px;box-shadow: -3px 3px 3px #ccc;
    border-right: 5px solid #fff;font-family: 'Conv_MyriadPro-Regular';
    text-align: right;font-weight: 600;
}
.qatar-shura-red .rt-block {
    background: #950c2a;
    border-right: 15px solid #b4b4b4;
}
.footer-cls {
    padding: 70px 0;
    background-image: url(https://principalconsultancy.com/wp-content/uploads/2021/06/bg-1.png);
    background-position:center left;
    background-repeat: no-repeat;
    background-size: 80%;
    text-align: right;
}

.footer-cls h3 {
    color: #b0b1b5;font-family: 'Conv_MyriadPro-Regular';
    font-size: 36px;direction: rtl;
}

.gap-area {
    padding: 150px 0;
}

.footer-cls p {
    text-align: left !important;direction: rtl;
    margin-bottom: 5px;font-family: 'Conv_MyriadPro-Regular';
}

.footer-cls h4 {
    color: #9b102b;font-family: 'Conv_MyriadPro-Regular';direction: rtl;
}
.footer-cls h4:first-child {
    font-weight: 700;
    font-size: 30px;
}
.qatar-shura-6 p {font-family: 'Conv_MyriadPro-Regular';
    text-align: right;font-size: 24px;direction: rtl;
}

.blog-text p a {
    color: #000;font-family: 'Conv_MyriadPro-Regular';
}
.lineBlock-3 h4 {
    font-weight: 600;font-family: 'Conv_MyriadPro-Regular';direction: rtl;
}
.imageAd1 img {
    height: 290px;
    object-fit: cover;
}
.imageAd2 img {
    height: 345px;
    object-fit: cover;
}
.imageAd3 img {
    height: 348px;
    object-fit: cover;
}
.imageAd4 img {
    height: 395px;
    object-fit: cover;
}
.imageAd5 img {
    height: 440px;
    object-fit: cover;
}
.imageAd6 img {
    height: 345px;
    object-fit: cover;
}
.qatar-shura-1-lak-cls p:nth-child(2) {
    text-align: right;
}
.imageAd1 .col-md-3.col-sm-3.col-12 h3 {
    font-size: 33px;
}
.msg_section {
    position: fixed;
    width: 50px;
    left: 0;
    bottom: 42%;
    background: #fdfdfd;
    height: 104px;
    z-index: 99999;
    border-bottom-right-radius: 8px !important;
    border-top-right-radius: 8px !important;
    padding: 2px 0;
    border: 1px solid #f3f3f3;
    border-top-right-radius: 0px;
    border-radius: 0px;
        border-bottom-right-radius: 0px;
}





@media only screen and (max-width: 1250px){
.home-team-work::after {width:130px;}
.home-team-work::before {width:130px;}
}

@media only screen and (max-width: 1199px){
.home-team-work::after {width:150px;}
.home-team-work::before {width:150px;}
.imageAd1 .col-md-3.col-sm-3.col-12 h3 {font-size: 25px;}
.imageAd1 img {height: 270px;}
.imageAd2 img {height: 445px;}
.imageAd4 img {height: 435px;}
}

@media only screen and (max-width: 991px){
.home-contact img {max-width: 100%;}
.home-contact .contact-detail{width: 50%;}
.home-contact .form-detail{width: 70%;}
.home-team-work::after {width:70px;}
.home-team-work::before {width:70px;}
.inside-banner .banner-content {width: 90%;}
.inside-banner .banner-content p {font-size: 16px !important;letter-spacing: 1px;line-height: 22px;}
.qatar-shura-1-img-cls img {max-width: 250px;}
.qatar-shura-1-lak-cls p {font-size: 16px;}
.qatar-shura-1-lak-cls h5 {font-size: 16px;}
.qatar-shura-2 h5 {font-size: 16px;}
.qatar-shura-2 p {font-size: 16px;}
.qatar-shura-2 ul li {font-size: 16px;}
.imgBlock h3 {font-size: 16px;}
.qatar-shura-3 h2 {font-size: 24px;}
.qatar-shura-4 h2 {font-size: 24px;}
.lineBlock-2 {width: 25%;}
.lineBlock-3 {width: 60%;}
.imageAd1 .col-md-3.col-sm-3.col-12 h3 {font-size: 18px;}
.imageAd1 img {height: 285px;}
.qatar-shura-6 .lt-block h3 {font-size: 22px;}
.qatar-shura-6 .rt-block h3 {font-size: 22px;}
.imageAd2 img {height: 396px;}	
.imageAd3 img {height:345px;}	
.imageAd4 img {height: 405px;}	
.imageAd5 img {height: 405px;}	
.imageAd6 img {height: 315px;}
}

@media only screen and (max-width: 767px){
.home-contact {display: block;}
html {margin-top: 0 !important;}
.home-section-1 h1 {font-size: 48px;}
.section .content .content-box {padding:5px;margin:3px 0;}
.section .content .content-box h2 {font-size: 17px;}
.contact-text-box p {font-size: 10px;margin:5px 0;line-height: 13px;}
.contact-detail-box .icon {height:20px;}
.home-contact .form-detail .form-group .form-control {padding: 3px 10px; height: 30px;}
.home-contact .social-icon i {font-size: 20px;}
.home-page-heading h1 {font-size: 28px;margin-bottom:5px;}
.home-page-heading hr {margin: 0 0 8px;}
.home-contact .form-detail .form-group {margin-bottom:4px;}
.home-contact .form-detail p {margin-bottom: 5px;}
.contact-detail-box .contact-text p {margin-bottom: 5px;}
.contact-detail-box .icon .fas {font-size: 12px;}
.home-contact .form-detail .home-contact-btn {padding: 1px 20px; font-size: 12px;}
.section .content .content-box p {font-size: 12px; margin:5px 0;line-height: 14px;}
.section .content .content-box h2 {font-size: 18px; margin-bottom: 0;}
.home-team-work .main-logo-box {height: 120px; width: 120px;}
.home-team-work .main-logo-box .logo-box {height: 110px;width: 110px; min-height: 110px;}
.home-team-work::after {width:120px;}
.home-team-work::before {width:120px;}
.logotextBlock h1 {font-size: 22px;}
.logotextBlock h2 {font-size: 24px;}
.lineBlock-3 h4 {font-size: 16px;}
.qatar-shura-6 .lt-block h3 {padding: 6px 10px; font-size: 14px;}
.qatar-shura-6 .rt-block h3 {padding: 6px 10px; font-size: 14px;}	
.qatar-shura-6 h2 {font-size: 22px;}
.qatar-shura-1 {padding: 15px 0;}
.qatar-shura-2 {padding: 30px 0 10px;}
.imageAd2 img {height: 240px;}
.imageAd3 img {height:205px;}
.imageAd4 img {height:330px;}
.imageAd5 img {height: 265px;}
.imageAd6 img {height: 205px;}
.section2 h2.main-title {font-size: 18px;}
.section2 h3.sub-title {font-size: 16px;}
.section .content .content-box-btn {padding: 2px 10px;}
.home-page-heading h2 {font-size: 22px; margin-bottom: 3px;}
.home-blog-box .text-box h5 {font-size: 13px; font-weight: 600;}
.home-blog-box .text-box p {font-size: 12px; line-height: 14px;}
.fp-viewing-1 .nav .logo, .fp-viewing-2 .nav .logo, .fp-viewing-3 .nav .logo, .fp-viewing-4 .nav .logo, .fp-viewing-5 .nav .logo, .fp-viewing-6 .nav .logo, .fp-viewing-7 .nav .logo, .fp-viewing-8 .nav .logo, .fp-viewing-9 .nav .logo, .fp-viewing-10 .nav .logo, .fp-viewing-11 .nav .logo, .fp-viewing-12 .nav .logo{
    opacity: 0; visibility: hidden;}
.nav-bar.scroll-nav{position: absolute;}
.nav-bar{position: absolute;}
.menu-icon {position: fixed; right: 30px; top: 12px;}
}

@media only screen and (max-width: 769px){
.home-contact {flex-direction: row;}
.home-contact .form-detail .form-heading h1 {font-size:16px;margin-bottom: 0;}
.home-contact .form-detail {width:100%;padding:2px 20px 1px;}
.home-contact .contact-detail {width:100%; padding:5px 10px 2px;}
.contact-detail-box .contact-text p {font-size: 12px;}
.home-contact img {max-width: 100px;}
.inside-banner .banner-content{width: 90% !important;position: relative; top: 0; left: 0; transform: none; padding: 100px 0 50px !important;}
}

@media only screen and (max-width: 575px){
.home-team-work .main-logo-box {height: 180px; width: 180px;}
.home-team-work .main-logo-box .logo-box {height: 170px;width: 170px; min-height: 170px;}
.logotextBlock h1 {font-size: 15px;}
.logotextBlock h2 {font-size: 16px;}
.qatar-shura-1-lak-cls {padding-top: 30px;}
.qatar-shura-2 .col-md-7.col-sm-7.col-12 {padding-top: 30px;}
.lineBlock-2 {width: 15%;}
.lineBlock-3 {width: 69%;}
.lineBlock-3 h4 {font-size: 14px;}
.lineBlock-3 {width: 69%; margin: 1% 1% 0;padding: 10px 20px 4px;}
.lineBlock-4 {height: 30px; margin-top: 8px;}
.qatar-shura-6 .lt-block h3 {padding:10px; font-size: 18px;}
.qatar-shura-6 .rt-block h3 {padding:10px; font-size: 18px;}
.qatar-shura-1 .col-md-5.col-sm-5.col-12 img {padding-top: 0;}
.qatar-shura-1 .col-md-7.col-sm-7.col-12 {padding-left: 20px;}
.qatar-shura-2 .col-md-5.col-sm-5.col-12 img {padding-top: 0;}
.qatar-shura-2 .col-md-7.col-sm-7.col-12 {padding-left: 20px;}
.imageAd1 img {height: auto; object-fit: contain;}
.imageAd2 img {height: auto;}
.imageAd3 img {height: auto;}	
.imageAd4 img {height: auto;}	
.imageAd5 img {height: auto;}	
.imageAd6 img {height: auto;}
.footer-cls {padding: 0 0 30px;}
.footer-cls p {text-align: right !important; padding: 0 0 20px;}
.gap-area {padding: 30px 0;}
.footer-cls h4 {font-size: 18px;}
}

@media only screen and (max-width: 400px){
.blog-details .nav-links a {width: 130px;}
}