@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap"); *{
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;
} .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%; 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; }
.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;
} .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;
} .inner-contact{
padding-left:30px;
}
.inner-footer{
max-width: 100%;
min-height: 210px;
background-position: center;
background-repeat: no-repeat;
background-size: cover; 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;  }
.inner-footer .social-icon i{
color: #fff;
margin:  10px;
} .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{
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;
} .page-link{
color: #345367 !important;
border-radius: 0 !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{
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;
}  .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;
} .nav-bar{
width: 100%;    
position: fixed;
top:0;
padding: 20px 0; z-index: 1000;
transition: 0.3s;  }
.nav{
width: 90%;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.scroll-nav{ transition: 0.3s; z-index: 100000;
display: fixed;
width: 100%;
}
.nav .logo{
max-width: 174px;
display: block;
top: 10%; }
.nav .logo img{
width: 100%;
}
.menu-icon{ width: 50px;
height: 44px;
padding: 4px 8px; cursor: pointer;
z-index: 100000;  }
.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-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; transform: rotate(45deg);
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
cursor: pointer;
} .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; 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; transition: 0.5s;
cursor: pointer;
}  .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; 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;
} @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%;
} .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%;
} .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;
} .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;
}
} @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;
}
} @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;
}
} @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;
}
} @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;
}
} .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 .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;}
}