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

/* #### Generated By: http://font.download #### */

    @font-face {
    font-family: 'Dubai Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Dubai Regular'), url('Dubai-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Dubai Light';
    font-style: normal;
    font-weight: normal;
    src: local('Dubai Light'), url('Dubai-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Dubai Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Dubai Medium'), url('Dubai-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Dubai Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Dubai Bold'), url('Dubai-Bold.woff') format('woff');
    }

@media (min-width: 1200px) {
    .contain-sec-header {
        max-width: 85% !important;
        margin: 0 auto;
        padding: 0;
    }
    .contain-sec1 {
        max-width: 73.90% !important;
        margin: 0 auto;
        padding: 0;
    }
    .contain-sec2 {
        max-width:62.81% !important;
        margin: 0 auto;
        padding: 0;
    }
    .contain-sec3 {
        max-width:65.05% !important;
        margin: 0 auto;
        padding: 0;
    }
    .contain-sec4 {
        max-width:71.40% !important;
        margin: 0 auto;
        padding: 0;
    }
     .contain-sec5 {
        max-width:75.75% !important;
        margin: 0 auto;
        padding: 0;
    }
    .contain-sec6 {
        max-width:57% !important;
        margin: 0 auto;
        padding: 0;
    }
}
h1, h2, h3, h4, h5, h6{
    letter-spacing: 0 !important;
}
a{
    text-decoration: none !important;
}
:root{
    --color-1:#373334;
}
body{
font-family: 'Dubai Regular' !important;
    
}
.rtl body{
    font-family: "Almarai", sans-serif !important;
}
.rtl p{
     font-family: "Almarai", sans-serif !important;
}
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6{
    font-family: "Almarai", sans-serif !important;
}
.otgs-development-site-front-end {
    display: none;
}
/*arabic start==========================================================================*/
.rtl .banner-home .row.text-start {
    text-align: right !important;
    direction: rtl;
}
    
.rtl .banner-home h1 {
    margin-left: auto;
    margin-right: 0;
    text-align: right !important;
}
.rtl .butn-1 i {
  transform: rotate(180deg);
  margin-right: 17px;
  margin-left: 0;
}
.rtl .menu-sec-row {
    direction: rtl;
}
.rtl .butn-3 {
    padding: 5px 15px;
}
.rtl .arabic-div .butn-3 i {
    transform: rotate(180deg);
    margin-left:0px;
    margin-right: 17px;
}
.rtl .header-butn .butn-3:first-child {
    padding-left: 20px;
    margin-left: 0;
    padding-right: 0px;
    
}
.rtl .header-butn .butn-3:first-child i{
     transform: rotate(0deg);
     margin-left: 15px;
  margin-right: 15px;
    
}
.rtl .headbutn-3 img{
   transform: rotate(0deg); 
}
.rtl .butn-1 {
     font-family: "Almarai", sans-serif !important;
}
.rtl .col-box-1 h3 {
    margin-left: auto;
    margin-right: 0;
}
.rtl .col-box-1 p {
    margin-left: auto;
    margin-right: 0;
}
.rtl .col-left-se1 .desc p {
    width: 52%;
   margin-left: auto;
    margin-right: 0;
}
.rtl .col-left-se1  {
     direction: rtl;
}
.rtl .butn-2 i {
    transform: rotate(180deg);
        margin-right: 15px;
  margin-left: 0px;
}
.rtl .col-left-se1:before {
    right: auto;
    background-position: left bottom;
    left: 0;
}
.rtl .secton-4 .row{
     direction: rtl;
}
.rtl .col-left-se4 img, .rtl .col-cntr-se4 img, .rtl .col-right-se4 img {
    margin-right: 0px;
    margin-left: 30px;
}
.rtl .secton-4 .container .row .col-left-se4:last-child {
    width: 36.23%;
    padding-right: 5.08%;
    padding-left: 0;
}
.rtl .col-left-se4 h3, .rtl .col-cntr-se4 h3, .rtl .col-right-se4 h3 {
    margin-bottom: 0px;
}
.rtl .secton-5 .container .row:first-child{
     direction: rtl;
}
.rtl .butn-4 {
     font-family: "Almarai", sans-serif !important;
}
.rtl .butn-4 i {
      margin-left:0px;
    margin-right: 17px;
    transform: rotate(180deg);
}
.rtl .name-sec {
    border-left: 0px solid #fff;
    border-right: 4px solid #fff;
    padding-right: 20px;
    padding-left: 0;
}
.rtl .grid-colmn-1 {
    direction: rtl;
}
.rtl .pillar-row {
  direction: rtl;
}
.rtl .col-right-se6 {
    width: 75.67%;
    padding-right: 11.61%;
    padding-left: 0;
}
.rtl .secton-6 .row {
    direction: rtl;
}
/*arabic end==========================================================================*/
.rtl .english-div {
    display: none !important;
}
.arabic-div {
    display: none !important;
}
.english-div {
    display: block !important;
}
.rtl .arabic-div {
    display: block !important;
    font-family: "Almarai", sans-serif !important;
}
.rtl .arabic-div.breadcrumb li a {
    font-family: "Almarai", sans-serif !important;
}
.rtl .arabic-div.breadcrumb li {
    font-family: "Almarai", sans-serif !important;
}
.header-sec .header-body{
    margin-top: 8px;
}
.header-sec .header-logo{
    padding-top: 3px;

}
.hamburger-menu{
    color:#fff;
    padding-top: 5px;
    margin-right: 20px;
}
.header-butn .butn-3{
    margin-left: 5  px;
}
.header-butn .butn-3:first-child{
    padding-right: 20px;
    margin-left: 0;
}
.header-butn .butn-3:first-child i  {
    margin-right:17px;
    margin-left: 0;

}
.arabic-div .butn-3{
    display: inline-block;
}

.butn-3{
     color: #fff;
    background: rgb(255, 255, 255, 0.15);
    border-radius: 50px;
    padding: 7px 12px;
    font-size: 0.7vw;
    letter-spacing: 0;
    transition: 0.3s all ease-in;
}
.butn-3 i{
    margin-left: 17px;
}
.butn-3:hover,
.butn-3:focus{
    color:#fff !important;
    text-decoration: none !important;
    background: #509bcb;
}
.headbutn-3{
     color: #fff;
    background: rgb(255, 255, 255, 0.15);
    border-radius: 100%;
    font-size: 13px;
    letter-spacing: 0;
        height: 33px;
    width: 33px;
    line-height: 33px;
    display: inline-block;
    text-align: center;
    transition: 0.3s all ease-in;
}
.headbutn-3:hover,
.headbutn-3:focus{
    background: #509bcb;
}
html.sticky-header-active .headbutn-3 img{
    filter: drop-shadow(0px 1000px 0 black);
  transform: translateY(-1000px);
}
.contain-sec6 .stra-right-box h4 {
    font-size: 1vw;
    font-weight: 700;
    margin: 0 0 10px;
    letter-spacing: 0;
    color: #000;
    text-align: left;
}
.contain-sec6 .stra-right-box p {
    color: #060606;
    font-size: 0.9vw;
    line-height: 1.5;
    text-align: left;
}
.contain-sec6 .stra-right-box {
    width: 70.08%;
    padding-left:5%;
    text-align: left;
    border-left:0px solid #e3e3e3;
}
.contain-sec6 .projec-box-01 .stra-dir-box-1:first-child .stra-left-box h4{
     color:#d52f24;
}
.contain-sec6 .projec-box-01 .stra-dir-box-1:nth-child(2) .stra-left-box h4{
     color:#f6b227;
}
.contain-sec6 .projec-box-01 .stra-dir-box-1:nth-child(3) .stra-left-box h4{
     color:#87ba65;
}
.contain-sec6 .projec-box-01 .stra-dir-box-1:nth-child(4) .stra-left-box h4{
     color:#62b7df;
}
.contain-sec6 .projec-box-01 .stra-dir-box-1:last-child .stra-left-box h4{
     color:#6e6e6e;
}
.contain-sec6 .stra-left-box {
    width: 26%;
}
.project-fuel-sec3 img{
    margin-top: 30px;
}
.contain-sec6 .stra-right-box img{
    width: 70%;
}
.height-01{
    width: 100%;
    height:80px;
}
.project-fuel-sec3 img{
    width: 85% ;
    margin-left: auto;
    margin-right: auto;
}
.project-heading-1 .heading-iner {
    margin: 0 0 5px;
    
}
.project-heading-1 .desc-3 p {
font-size: 1.1vw;
padding-bottom: 50px;
}
.img-graph-1{
    width:87%;
    margin-left: auto;
    margin-right:auto;
}
.projec-box-01 .stra-dir-box-1 {
    background:#fff;
}
.project-fuel-sec2 {
    background: rgb(246, 246, 246) !important;
    padding-top: 100px;
    padding-bottom: 100px;
}
.project-fuel-sec2 .desc-3 p{
    text-align: center;
}
.project-fuel-sec3{
    padding:100px 0;
}
.carbon-abd-sec .desc-3 p{
    text-align: center;
}
.road-map-sec2 .heading-iner{
    text-transform:inherit;
}
.road-map-sec2 .circu-inr-left {
    padding-left: 5%;
    padding-right:0;
    
}
.list-main-2 ul{
    margin: 0;
    padding: 0;
}
.list-main-2 ul li {
    list-style: none;
    color: #000;
    font-size: 0.85vw;
    padding-bottom: 10px;
    position: relative;
    padding-left: 36px;
}
.list-main-2 ul li i {
    position: absolute;
    left: 0;
    color: #fff;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    text-align: center;
    /* padding: 5px; */
    font-size: .7em;
    line-height: 19px;
    background: #6298c4;
    /* margin-right: 10px; */
    margin-top: 3px;
}
.headbutn-3:hover{
    color:#fff;
    text-decoration: none !important;
}

.banner-home{
    background-color: #fff !important;
}
.banner-home.overlay:before {
    opacity: 1 !important;
    background:  linear-gradient(0deg,rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.9) 100%);
}
.banner-home.overlay:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 54%);
    height: 84%;
}
.banner-home h1{
    width: 50%;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.1rem;
    font-size: 2.5vw;
    margin-left: 0;
    margin-right: auto;
    line-height: 1.2;
    margin-bottom: 30px;
}
.banner-home .vide-video-wrapper {
    height:84%;

}
.banner-home.overlay::before {
    height:84%;
}
.butn-1{
     color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 7px 17px;
    font-size: 14px;
    letter-spacing: 0;
    transition: 0.3s all ease-in;
}
.butn-1 i{
    margin-left: 17px;
}
.butn-1:hover,
.butn-1:focus{
    color:#fff;
    text-decoration: none !important;
    background:#509bcb !important;
    border: 1px solid #509bcb;
    
}
.butn-2{
     color: #fff;
    background: rgb(255, 255, 255, 0.1);
    border-radius: 50px;
    padding: 9px 17px;
    font-size: 0.95vw;
    letter-spacing: 0;
    transition: 0.3s all ease-in;
}
.butn-2 i{
    margin-left: 17px;
}
.butn-2:hover,
.butn-2 :focus{
    color:#509bcb;
    text-decoration: none !important;
    background: #fff;
}
.butn-4{
     color: #000000;
    background: #f5f5f5;
    border-radius: 50px;
    padding: 9px 19px;
    font-size:13px;
    letter-spacing: 0;
    transition: 0.3s all ease-in;
}
.butn-4 i{
    margin-left: 17px;
}
.butn-4:hover,
.butn-4:focus{
    color:#fff;
    background: #509bcb;;
    text-decoration: none !important;
}
.banner-home .contain-sec1{
        position: absolute !important;
    bottom: 10px;
    left: 0;
    right: 0;
}

.grid-colmn-1 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 11px;
grid-row-gap: 0px;
}

.col-box-1{
    background:#fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 20px;
    padding: 47px 30px 42px 30px;
    transition: 0.5s all ease-in-out;
    height: 100%;
}
.col-box-1 h3{
    line-height: 1.3;
    color: #0a5789;
    font-size: 1.2vw;
    text-transform: none;
    font-weight: 600;
    margin-bottom: 15px;
    width: 100%;
    margin-top: 15px;
    letter-spacing: 0;
    transition: 0.3s all ease-in-out;

}
.col-box-1 p {
    padding-bottom: 0;
    margin-bottom: 0;
    color: #060606;
    font-size: 15px;
    line-height: 1.3;
        width: 95%;
        transition: 0.5s all ease-in-out;
}
.col-box-1 img{
    height: 53px;
}
.col-box-1:hover{
    background-color: #d57c45;
    
}
.grid-colmn-1 a:first-child .col-box-1:hover{ 
    background-color: #ec9125;
    
}
.grid-colmn-1 a:nth-child(2) .col-box-1:hover{ 
    background-color: #e12b1a;
    
}
.grid-colmn-1 a:nth-child(3) .col-box-1:hover{ 
    background-color: #9ec261;
    
}
.grid-colmn-1 a:nth-child(4) .col-box-1:hover{ 
    background-color: #559ece;
    
}
.col-box-1:hover h3{
    color: #fff;
}
.col-box-1:hover p{
    color: #fff;
}
.col-box-1:hover img{
    filter: drop-shadow(0px 1000px 0 white);
  transform: translateY(-1000px);
}
.secton-1{
    padding-top: 62px;
    padding-bottom:69px;
}
.secton-1 .row{
    display: flex;
    justify-content: space-between;
}
.col-left-se1{
    width:70.04%;
    background:#509bcb;
    border-radius: 20px;
    padding: 56px 50px 78px 50px;
    position:relative
    
}
.col-left-se1:before{
    position: absolute;
    content: "";
    bottom: -10px;
    right: 0;
    background: url(../images/skyline.svg) no-repeat;
       background-size: 51% !important;
    background-position: right bottom;
    width: 100%;
    height: 100%;
}
.col-left-se1 .desc p{
    width:52%;
    margin-bottom:30px;
}
.col-left-se1 .butn-2{
    position: relative;
    z-index: 1;
}
.col-right-se1{
    width:28.04%;
    background:#82ba67;
    border-radius: 20px;
    padding: 56px 27px 71px 27px;
}
.heading-1{
        color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-size: 1.5vw;
}
.heading-2{
       color: #0a5789;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-size: 1.5vw;
}
.desc p{
    color: #fff;
    font-size: 0.95vw;
    line-height: 1.5;
}
.desc-2 p{
    color: #060606;
    font-size: 1vw;
    line-height: 1.5;
}
.desc-3 p{
    color: #060606;
    font-size: 1vw;
    line-height: 1.5;
}
.desc-3 p:last-child{
    margin-bottom: 0;
}
.secton-2{
    background-color: #f5f5f5;
    padding-top: 80px;
    padding-bottom: 100px;
}
.secton-2 .row{
    display: flex;
    align-items: center;
}
.image-enti-h{
    width: 85.98%;
    margin-left: auto;
    margin-right:auto;
    margin-top:50px;
    display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 40px;
grid-row-gap: 0px;
}
.image-enti-h .col{
    /*overflow: hidden;*/
    text-align: center;
    display: flex;
    justify-content: center;
}
.image-enti-h img{
    /*width: 100%;*/
    width: auto;
    /*object-fit: contain;*/
    /*height: 100%;*/
    display: block;
    max-width: 100%;
    height: auto;
    transition: all .3s ease;
}
.image-enti-h a:hover img{
    transform: scale(1.2);
}
.col-left-se2{
    width:43.26%;
}
.col-right-se2{
    width:56.73%;
    display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 14px;
grid-row-gap: 14px;

}
.col-box-2{
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}
.secton-2 .desc-2 p{
    /* width: 90%; */
    margin-bottom: 0;
}
.secton-3 {
    padding-top:83px;
    padding-bottom:79px;
}
.secton-3 .heading-2 {
    margin-bottom: 0px;
}
.pillar-row{
    margin-top: 20px;
}
.pillar-row .col-md-3:nth-child(2) .pillar-box{
    background-color: #e12b1a;
}
.pillar-row .col-md-3:nth-child(3) .pillar-box{
    background-color: #9ec261;
}
.pillar-row .col-md-3:last-child .pillar-box{
    background-color: #559ece;
}
.pillar-box{
    background-color: #ec9125;
    border-radius: 20px;
    padding: 50px 25px;
    height: 100%;
}
.pillar-icons{
    margin-bottom: 15px;
}
.pillar-text h4{
        color: #fff;
    margin-bottom: 3px;
    font-size: 1.3vw;
    letter-spacing: 0;
}

.pillar-text p{
    color: #fff;
    margin-bottom: 0;
        font-size: 0.90vw;
        line-height: 1.3;
}
.col-left-se3{
    width: 49.56%;
    background: url(../images/img-02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 15px;
    padding: 48px 40px;
    display:flex;
    align-items: end;

}
.col-left-se3 h3{
        color: #fff;
    text-transform: none;
    font-weight: 700;
    font-size: 1.2vw;
    letter-spacing: 0.03rem;
    margin-bottom: 10px;
}
.col-left-se3 p{
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
        font-size: 0.9vw;
        width: 80%
}
.col-right-se3{
    width: 50.44%;
    padding-left:1.26%;
    padding-right:1.40%;
     display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 14px;
grid-row-gap: 14px;


}
.col-right-se3 .col-box-3:first-child{
    border: 1px solid #509bcb;
    background: #509bcb;
}
.col-right-se3 .col-box-3:first-child h3{
    color: #fff;
}
.col-right-se3 .col-box-3:first-child p{
    color: #fff;
}
.col-box-3{
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    padding:58px 28px 28px 28px;
}
.col-box-3 h3{
        color: #13162d;
    text-transform: none;
    font-weight: 700;
    font-size: 1.2vw;
    letter-spacing: 0.03rem;
    margin-bottom: 5px;
    margin-top: 20px;
}
.col-box-3 p{
    color: #070a22;
    margin-bottom: 0;
    padding-bottom: 0;
        font-size: 0.9vw;
}
.secton-4{
    background-color: #f5f5f5;
    padding-top:74px;
    padding-bottom:66px;
}
.col-left-se4{
    width:29.51%;
    padding-right: 6.21%;

}
.secton-4 .container .row .col-left-se4:nth-child(2){
    width: 34.24%;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    justify-content: center;
    padding-right: 0;
}
.secton-4 .container .row .col-left-se4:last-child{
   width: 36.23%;
    padding-left: 5.08%;
    padding-right: 0;
}
.col-cntr-se4{
    width: 34.24%;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    justify-content: center;
}
.col-right-se4{
    width: 36.23%;
    padding-left: 5.08%;
}
.col-left-se4,
.col-cntr-se4,
.col-right-se4{
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;

}
.col-left-se4 img,
.col-cntr-se4 img,
.col-right-se4 img{
    margin-right: 30px;
}
.col-left-se4 h3,
.col-cntr-se4 h3,
.col-right-se4 h3{
    color: #323448;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 2.3vw;
    letter-spacing: 0;
}
.col-left-se4 h4,
.col-cntr-se4 h4,
.col-right-se4 h4{
    color: #0f1129;
    color: rgb(15 17 41 / 70%);
    margin-bottom: 0;
    font-size: 1vw;
    font-weight: 400;
    letter-spacing: 0;
}
.secton-5{
    padding-top: 75px;
    padding-bottom: 67px;
}
.secton-5 .col-md-3{
    display: flex;
    align-items: end;
    justify-content: end;
}
.secton-5 .col-md-9 p{
   margin-bottom: 0;
    color: #000;
    font-size: 1vw;
}
.secton-5 .col-md-9 h2{
    margin-bottom: 0px;
}
.col-box-4{
    border: 1px solid #e3e3e3;
    border-radius: 15px;
    padding: 29px 24px 32px  24px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.col-box-4 .butn-4 {
    width:140px;
}
.col-box-4 img{
    width:100%;
    /*flex: 0 1 252px;*/
    /*height: 252px;*/
    /*    object-fit: cover;*/
    /*object-position: center center;*/
    /*vertical-align: middle;*/
    display: inline-block;
}
.col-box-4 h6{
    color: #000;
    margin-top: 24px;
    letter-spacing: 0;

}
.col-box-4 p{
        color: #000;
    font-weight: 700;
    font-size: 0.9vw;
    line-height: 1.3;
    margin-bottom: 20px;

}
.col-box-4:hover .butn-4{
    color: #fff;
    background: #509bcb;
    text-decoration: none !important;
}
.secton-6{
    background: #509bcb;
}
.col-left-se6{
    width:24.32%;
}
.col-right-se6{
    width: 75.67%;
    padding-left: 11.61%;
}
 .col-right-se6 h3{
    color: #fff;
    font-weight: 600;
    text-transform: none;
    font-size: 1.5vw;
    line-height: 1.4;
    width: 90%;
    letter-spacing: 0;
    margin-top: 50px;
}
.name-sec{
    /*border-left: 4px solid #fff;*/
    padding-left: 20px;
    position: relative;
}
.name-sec:before{
    position: absolute;
    content: "";
    width: 4px;
    height: 80%;
    left: 0;
    top: 15px;
    background: #fff;

}
.name-sec h6{
    color: #fff;
    letter-spacing: 0;
    margin-bottom: 0px;
    font-size: 1.2em;
    font-weight: 500;
}
.name-sec p{
    color: #fff;
    margin-bottom: 0;
        width: 40%;
         font-size: 0.8vw;
         line-height: 1.3;
}
.name-sec p span {
    font-size: 0.98vw;
    line-height: 2.5;
    padding-bottom: 15px; font-weight: bold;
}
.secton-6 .row{
        display: flex;
    align-items: center;
}
#footer.footer-sec{
    background: #f6f6f6 !important ;
    padding-top: 100px;
    padding-bottom: 20px;
}
#footer.footer-sec .ftr-botm p{
    font-size: 14px;
    color: #000;
}
.ftr-botm{
    border-top: 1px solid #ccc;
    padding-top: 30px;
    margin-top: 50px;
}
.ftr-botm ul{
   justify-content: end;
    display: flex;
    margin: 0;
    padding:0;
}

 .ftr-botm ul li{
    display: inline-block;
    border-left: 2px solid #2d2d2d;
    padding-left: 14px;
    margin-left: 14px;
    line-height: 15px;
   
}
 .ftr-botm ul li:first-child{
    border-left: 0px solid #2d2d2d;
 }
.ftr-botm ul li a{
     font-size: 14px;
    color: #000 !important;

}
.ftr-botm ul li a span{
    color: #000 !important;
}
.ftr-botm ul li a:hover span,
.ftr-botm ul li a:focus span{
    color:#509bcb !important;
}
.ftr-box-left{
    width:44.60%;
    padding-right: 13.10%;
}
.ftr-box-cntr{
    width:32.98%;
    padding-right: 9.37%;
}
.ftr-box-right{
    width:22.41%;
}
.ftr-top{
    padding-bottom: 50px;
}
.ftr-top h4{
    border-bottom: 1px solid #c1c1c1;
    color: #000000 !important;
    font-size: 1.1vw;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.ftr-top h4 span{
    color: #000000 !important;
}
.ftr-top ul{
    margin: 0;
    padding: 0;
}
.ftr-top ul li{
    list-style: none;
    padding-bottom: 10px;
}
.ftr-top ul li a{
 font-size: 15px;
    color: #000 !important;
}
.ftr-top ul li a span{
    color: #000 !important;
}
.ftr-top ul li a:hover,
.ftr-top ul li a:focus{
    color:#509bcb !important;
}

.ftr-top ul li a:hover span,
.ftr-top ul li a:focus span{
    color:#509bcb !important;
}
.ftr-top p{
 font-size: 14px;
    color: #000 !important;
}
.ftr-top .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-clean-with-border):not(.social-icons-dark):not(.social-icons-dark-2):not(.custom-social-icons) li {
    box-shadow: none ;
}
.ftr-top  .social-icons li {
    padding-right: 5px;
}
.ftr-top  .social-icons li a {
    border-radius: 0;
    border:1px solid #ccc;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.1vw;
}
.ftr-top  .social-icons li a:hover,
.ftr-top  .social-icons li a:focus{
    color:#fff !important;
}
.ftr-img-1 {
        max-width: 78.36% !important;
        margin: 0 auto;
        display: flex;
        align-items: center;
    }
    .ftr-img-1 img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
       .ftr-img-1 .col-md-3:first-child img{
           width:90%;
       }
    .ftr-img-1 .col-md-3:last-child img{
        /*height: 50px;*/
        float: right;
    }
    /*.ftr-img-1 .col-md-3:nth-child(3) img{*/
    /*    height: 55px;*/
    /*}*/

.iner-bner{
    background-size: cover !important;
    background-position: center center !important;
    height: 57vh;
}
.iner-bner h1 {
    color: #fff;
    font-weight: 700;
    font-size: 2.7vw;
    letter-spacing: 0;
    margin-top: 15px;
    line-height: 1.1;
    
}
.iner-bner .row{
        display: flex;
    align-items: end;
        padding-bottom: 6%;
}
.iner-bner .breadcrumb>li+li:before {
    color: inherit;
    opacity: 1;
    font-family: 'font awesome 6 free';
    font-weight: 900;
    content: "\2f";
    padding: 0 5px 0 3px;
    color: #fff;

}
.iner-bner .breadcrumb li a {
    color: #fff;
    font-size: 0.8vw;
}
.iner-bner .breadcrumb li a:hover{
    color:#509bcb;
}
.iner-bner .breadcrumb>li {
     color: #fff;
     text-transform: none;
     font-size: 0.8vw;
}
.inr-sec-mem-1{
    padding-top:127px;
    padding-bottom:178px
}
.memb-grid-box{
    display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 104px;
grid-row-gap: 72px;
}
.members-img{
    border-radius:20px;
    overflow: hidden;
}
.members-img img{
    width: 100%;
}
.memb-grid-box .col{
    border-bottom:1px solid var(--color-1);
    padding-bottom: 32px;
}
.memb-text h4 {
    font-size: 1.13vw;
    font-weight: 700;
    line-height: 1.2;
    margin: 23px 0 10px 0;
    letter-spacing: 0;
    width: 100%;
    color: var(--color-1);
}
.memb-text p{
    color: var(--color-1);
    color: var(--color-1);
    line-height: 1.4;
    font-size: 0.85vw;
    margin-bottom: 0;
    padding-bottom: 0;
}
.inr-new-sect{
    padding-top: 79px;
    padding-bottom: 106px;
}
.new-box-iner{
    border:1px solid #e0e0e0;
    border-radius: 20px;
    padding: 30px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.news-img-iner img{
    width: 100%;
    height: 100%;
        object-fit: cover;
    object-position: center center;
    vertical-align: middle;
    display: inline-block;
}
/*.news-img-iner{*/
/*    flex: 0 1 300px;*/
/*}*/
.news-conte-iner h6{
    margin-top: 20px;
    font-size: 12px;
    margin-bottom:10px;

}
.news-conte-iner h4 {
    font-size: 0.95vw;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-1);
}
.news-conte-iner a{
    width:140px;
    background: #f5f5f5;
     color: var(--color-1);
  padding: 5px 18px;
    font-size: 12px;
    border-radius: 50px;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
    transition: 0.3s all ease-in;
}
.news-conte-iner a i{
    margin-left: 15px;
}
.new-box-iner:hover a{
     color:#fff;
    background: #509bcb;;
    text-decoration: none !important;
}
.news-conte-iner a:hover,
.news-conte-iner a:focus{
    color:#fff;
    background: #509bcb;;
    text-decoration: none !important;
}
.inr-entities{
    padding-top: 60px;
    padding-bottom: 50px;
}
.entiti-grid{
    display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 40px;


}
.entiti-grid .col{
grid-column: span 2;
}
.entiti-grid .col:nth-child(7) {
  grid-column: 2 / span 2;
}
/*.entiti-grid .col:last-child:nth-child(3n - 1) {*/
/*  grid-column-end: -2;*/
/*}*/

/*.entiti-grid .col:nth-last-child(2):nth-child(3n + 1) {*/
/*  grid-column-end: 4;*/
/*}*/

.entiti-text{
    border-top: 1px solid #ccc;
    margin-top: 35px;
    padding-top: 25px;
}
.entiti-text h3{
    text-transform: none;
    margin-bottom: 0;
    font-size: 1.1vw;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0;
}
.entities-box-inr{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    padding: 65px 43px 43px 43px;
    border-radius: 20px;
    height: 100%;
    transition: 0.3s all ease-in;
}
.entities-box-inr:hover{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.entit-img{
    height:95px;
}
.entit-img img{
        object-fit: contain;
    width: 100%;
    height: 100%;
}
.inr-carb-ft{
    padding-top:85px ;
    padding-bottom:140px ;
}
.car-ft-grid{
    display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 40px;
}
.car-ft-box {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    padding: 40px 50px 43px 50px;
    border-radius: 20px;
    height: 100%;
     display: flex;
     flex-direction: column;
     transition: 0.3s all ease-in;
}
.car-ft-img{
    margin-bottom: 20px;
}
.car-ft-text{
    display: flex;
    flex-direction: column;
}
.car-ft-text h3{
        text-transform: none;
    font-size: 1.05vw;
    font-weight: 700;
    letter-spacing: 0;
    width: 100%;
    line-height: 1.2;
    margin-bottom: 20px;
    flex: 0 1 50px

}
.car-ft-text p {
    color: #000;
    font-size: 0.95vw;
    margin-bottom: 20px;
    flex: 1 0 auto;
}
.car-ft-grid .col:first-child .car-ft-box:hover{
    background:#509bcb;
}
.car-ft-grid .col:nth-child(2) .car-ft-box:hover{
    background:#f6b227;
}
.car-ft-grid .col:nth-child(3) .car-ft-box:hover{
    background:#db5836;
}
.car-ft-grid .col:nth-child(4) .car-ft-box:hover{
    background:#7bb668;
}
.car-ft-grid .col:nth-child(5) .car-ft-box:hover{
    background:#509bcb;
}
.car-ft-grid .col:last-child .car-ft-box:hover{
    background:#ee9731;
}
.car-ft-box:hover h3{
    color:#fff !important;
}
.car-ft-box:hover p{
    color:#fff;
}
.car-ft-box:hover hr{
    background-color:#fff !important;
}
.car-ft-box:hover img{
    filter: drop-shadow(0px 1000px 0 white);
  transform: translateY(-1000px);
}

.car-ft-text p:first-child{
    padding-top: 20px;
}
.car-ft-box .car-ft-text p:last-child {
    margin-bottom: 0;
}
.car-ft-text hr{
        background: rgba(0, 0, 0, .9);
        margin-top: 10px;
}
.car-ft-grid .col:first-child .car-ft-box .car-ft-text h3{
    color: #509bcb;

}
.car-ft-grid .col:nth-child(2) .car-ft-box .car-ft-text h3{
    color: #f6b227;

}
.car-ft-grid .col:nth-child(3) .car-ft-box .car-ft-text h3{
    color: #db5836;

}
.car-ft-grid .col:nth-child(4) .car-ft-box .car-ft-text h3{
    color: #7bb668;

}
.car-ft-grid .col:nth-child(5) .car-ft-box .car-ft-text h3{
    color: #509bcb;

}
.car-ft-grid .col:last-child .car-ft-box .car-ft-text h3{
    color: #ee9731;

}
.inr-stra-dire{
    padding-top: 100px;
    padding-bottom: 100px;
}
.stra-dir-left{
    width:57.74%;
    padding-right: 6.97%;
}

.stra-dir-right{
    width:42.26%
}
.stra-dir-box-1 {
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    padding:30px 48px 30px 48px;
    border-radius: 20px;
    display: flex;
    margin-bottom: 30px;
    align-items: center;
    transition: all ease-in 0.3s;
}
.stra-dir-box-1:hover{
   box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; 
}
.stra-left-box{
    width: 29.92%;
    
}
.stra-dir-left .stra-dir-box-1:first-child .stra-left-box h4{
    color:#509bcb ;
}
.stra-dir-left .stra-dir-box-1:nth-child(2) .stra-left-box h4{
   color:#509bcb ;
}
.stra-dir-box-1:last-child .stra-left-box h4{
    color:#76b467 ;
}
.stra-left-box h4{

    letter-spacing: 0;
    font-size: 1.05vw;
    font-weight: 700;
    line-height: 1.15;
      color:#db5836 ;

}
.stra-left-box img{
    margin-bottom: 15px;
}
.stra-right-box{
    width:70.08%;
    padding-left: 7.99%;
    border-left: 1px solid #e3e3e3;
}
.stra-right-box ul{
    margin: 0;
    padding: 0;

}
.stra-right-box ul li{
    list-style: none;
        color: #060606;
    font-size: 1vw;
    line-height: 1.5;
    margin-bottom: 20px;
    border-left: 5px solid #e3e3e3;
    padding-left: 18px;
}
.stra-right-box ul li:last-child{
    margin-bottom: 0;
}
.iner-about-sec-1{
    padding-top: 100px;
    padding-bottom: 70px;
}
.about-inr-left{
    width:57.18%;
    padding-right: 3.82%;
}
.about-inr-left h3{

    text-transform: none;
    font-weight: 700;
    font-size: 1.3vw;
    letter-spacing: 0;
    margin-bottom: 15px;
    margin-top: 30px;

}
.about-inr-left p{
    text-align: justify;
}
.list-style-border{
    margin: 0;
    padding: 0;
    margin-top: 15px;
}

.rtl .list-style-border li { padding-left:0; padding-right:20px; text-align:right}

.rtl .list-style-border li:before { right:0; left: auto;}

.rtl .desc-3 p { direction:rtl}
.list-style-border li{
    list-style: none;
    color: #060606;
    font-size: 0.9vw;
    line-height: 1.5;
    position: relative;
    padding-left: 15px;
    margin-bottom: 24px;
    text-align: justify;

}
.list-style-border li:before{
    position: absolute;
    content: "";
    top: 2.5px;
    left: 0;
    width: 7px;
    height: 24px;
    background: #509bcb;
}
.about-inr-right{
    width:42.82%;
}
.about-inr-right img{
    width: 100%;
}
.iner-about-sec-2{
    padding-bottom: 143px;
}
.about-sec-grid{
    display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 15px;
grid-row-gap: 30px;
}
.about-sec-grid a{
    height: 100%;
}
.about-sec-grid .col{
    display:content;
   
}
.about-inr-box {
   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    padding:35px 35px 25px 35px;
    border-radius: 20px; 
    transition: 0.5s all ease-in-out;
    height: 100%;
}
.abot-text-box h4 {
    color: #65a7d1;
    letter-spacing: 0;
    font-size: 1vw;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.1;
}
.abot-text-box p{
        margin-bottom: 0;
    color: #000;
    line-height: 1.5;
    font-size: 0.75vw;

}
.abot-icon-box {
    margin-bottom: 19px;
    grid-row:1;
}
.abot-text-box{
    grid-row:2;
}
.about-inr-box:hover{
    background-color: #d57c45;
    
}
.about-inr-box:hover h4{
    color: #fff;
    text-decoration: none !important;
}
.about-inr-box:hover p{
    color: #fff;
    text-decoration: none !important;
}
.about-inr-box:hover .abot-icon-box img{
    filter: drop-shadow(0px 1000px 0 white);
  transform: translateY(-1000px);
}
.list-icon-text-2{
    margin: 0;
    padding: 0;
    margin-top: 40px;
}
/*.circu-inr-left .desc-3 p {*/
/*    text-align: justify;*/
/*}*/
.list-icon-text-2 li{
    display:flex;
    list-style: none;
    color: #060606;
    font-size: 1vw;
    line-height: 1.5;
    margin-bottom: 30px;
    width: 90%;
}
.list-icon-text-2 li:last-child{
    margin-bottom: 0;
}
.list-icon-text-2 .list-icon-left{
    border-right: 1px solid #ccc;
    padding-right: 20px;
    margin-right: 27px;
    width:13%;
}

.rtl .list-icon-text-2 li { direction:rtl; width:100%}
.rtl .list-icon-left { padding-left:20px; padding-right:0; border-right: none; border-left: 1px solid #ccc; margin:0 0 0 25px}


/*.list-icon-text-2 .list-icon-left img{*/
/*    width:60px;*/
/*}*/
.list-content-right{
    width:87%;
}
.iner-circul-sec-1{
   padding-top: 100px; 
   padding-bottom: 100px;
}
.circu-inr-left {
    width:57.18%;
    padding-right: 4.21%;

}
.circu-inr-right{
     width:42.82%;
}
.iner-circul-sec-02{
    padding-top: 0;
    padding-bottom: 100px;
}
.circu-inr-left2 {
    width:42.82%;

}
.circu-inr-right2{
     
     width:57.18%;
    padding-left: 4.21%;
}
.iner-circul-sec-02 .row{
    align-items: center;
    display: flex;
}
.row-box-section{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    padding:32px;
    border-radius: 20px;
    margin-top: 100px;
    display: flex;
    align-items: center;
}
.circul-left2{
    width: 39.80%;
}
.circul-right-2{
width: 60.2%;
padding-left: 5%;
padding-right: 3%;
}
.circul-right-2 h3{
    text-transform: none;
    font-weight: 700;
    font-size: 1.3vw;
    letter-spacing: 0;
    margin-bottom: 15px;
    margin-top: 30px;
}
.circul-right-2 a{
        color: #fff;
    background: #509bcb;
    border-radius: 50px;
    padding: 7px 25px;
    font-size: 14px;
    letter-spacing: 0;
    margin-top: 30px;
    display: inline-block;
    transition:0.3s all ease-in;
}
.circul-right-2 a i{
    margin-left: 15px;
    font-size: 10px;
}
.circul-right-2 a:hover,
.circul-right-2 a:focus{
    text-decoration: none !important;
    color: #000;
     background: #f5f5f5;
     
    
}
.contac-inr-sec{
    padding-top: 100px;
    padding-bottom: 150px;
}
.cont-box-left{
width:42%;
padding-right: 3.5%;
}
 .cont-box-right{
    width:58%
 } 
.contact-box-1{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    padding:35px 46px 35px 15%;
    border-radius: 20px;
    margin-bottom: 30px;
} 
.contact-box-1 p{
        color: #000;
    font-size: 1.05vw;
    line-height: 1.2;
}
.contact-box-1 p span{
    font-size: 1.1vw;
    font-weight: 600;
}
.contact-box-1 p a{
    color: #000;
    text-decoration: underline !important;
} 
.contact-box-1 p a:hover{
    color:#509bcb;;
}
.contact-box-1 p:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
}
.center-cont-row{
    display:flex;
    align-items:center
}
.heading-iner {
    font-size: 1.4vw;
    font-weight: 700;
    margin: 0 0 32px;
    letter-spacing: 0;
    color: #000;
}
.strat-tar-img{
    margin-top: 20px;
    margin-bottom: 60px;
}
.grid-section-3{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 50px;
grid-row-gap: 30px;
}
.grid-section-3 .col{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    padding:33px 39px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: row
}
.grid-section-3 .col p{
    font-size: 1vw;
    margin-bottom: 0;
    color:#000;
    padding-left: 33px;
     flex: 1;
}
.iner-manage-sec-5{
    padding-top: 100px;
    padding-bottom: 100px;
}
.iner-manage-sec-3{
    padding-top: 100px;
    padding-bottom: 100px;
}
.dsm-stra-sec{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    padding:80px 60px;
    border-radius: 20px;
}
.dsm-text-right h5{
    color: #fff;
    letter-spacing: 0.08em !important;
    font-size: 1.1vw;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
}
.dsm-text-right span{
    font-size: 0.9vw;
    color: #fff;
    font-weight: 600;
    
}
.dsm-text-right p{
    font-size: 0.9vw;
    color: #fff;
    line-height: 1.6;
    font-weight: 600;
}
.dsm-stra-sec-2{
    margin-top: 50px;
    display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 40px;
grid-row-gap: 0px;
}
.dsm-stra-sec-2 .col-md-4 {
    width: 100%;
    background:#559fcc;
    display: flex;
    border-radius: 15px;
    padding: 8% 10%;
    /*border-right: 1px solid #ccc;*/
    /*padding-left: 5%;*/
}
.dsm-stra-sec-2 .col-md-4:first-child{
   background:#ec9224;
}

.dsm-stra-sec-2 .col-md-4:last-child{
    background:#9ec262;
    
}
.dsm-icon-left {
    margin-right:20px
}
.dsm-icon-left img{
    width: 70px;
}
.cont-form-box{
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    padding: 46px;
    border-radius: 20px;
    margin-bottom: 50px;
}
.cont-form-box .gform-body input{
max-width: 100%;
    border-bottom: 1px solid #bebebe;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-radius: 0px;
    background:transparent;
    font-size: 16px;
}
.cont-form-box .gform_wrapper.gravity-theme input[type=text],
.cont-form-box .gform_wrapper.gravity-theme input[type=email],
.cont-form-box .gform_wrapper.gravity-theme input[type=tel],
.cont-form-box .gform_wrapper.gravity-theme .gfield textarea{
    padding:15px 15px 15px 0;
    
}
.cont-form-box .gform_wrapper.gravity-theme .gfield textarea.large {
    height: 144px;
}
.cont-form-box .gform_wrapper.gravity-theme .gfield textarea{
    border-bottom: 1px solid #bebebe;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-radius: 0px;
    background:transparent;
    font-size: 16px;
    
}
.cont-form-box .gform_wrapper.gravity-theme .gform_footer .gform_button {
    background:#509bcb !important;
    font-size:13px !important;
    color: #fff;
    border: 0px solid #3d3d3d !important;
    padding:7px 25px;
    border-radius:50px;
    transition: 0.3s all ease-in-out;
    
}
.cont-form-box .gform_wrapper.gravity-theme .gform_footer .gform_button:hover,
.cont-form-box .gform_wrapper.gravity-theme .gform_footer .gform_button:focus{
    color: #000 !important;
    background:#f5f5f5 !important;
}
.cont-form-box .gfield input::-webkit-input-placeholder,
.cont-form-box .gfield textarea::-webkit-input-placeholder{
    color: #000;
}
.cont-form-box .gform_wrapper .gform_body input[type=text]:focus,
.cont-form-box .gform_wrapper.gravity-theme input[type=email]:focus,
.cont-form-box .gform_wrapper.gravity-theme input[type=tel]:focus,
.cont-form-box .gform_wrapper.gravity-theme .gfield textarea:focus{
	outline: 0px solid #ccc;
	outline-offset: 0px;
	border-bottom: 1px solid #ccc;
}
.cont-form-box .gform_footer{
    justify-content: end;
}
.news-inr-content img{
         margin: 0 auto;
    text-align: center;
    /*  object-fit: none;*/
    /*object-position: center center;*/
    /*vertical-align: middle;*/
    display: flex;
    justify-content: center;
    max-width: 100%; 
display: block; 
height: auto;
    
}
.news-inr-content p{
    text-align: justify;
}
.news-inr-content ul{
    margin: 0;
    padding:0;
    padding-left: 20px;
}
.news-inr-content ul li{
        color: #060606;
    font-size: 0.9vw;
    line-height: 1.5;
    padding-bottom: 10px;
}
/*menu sidebar=============================================================================*/
.side-bar{
 background: #fff;
 backdrop-filter: blur(15px);
 width: 350px;
 height: 100vh;
 position: fixed;
 top: 0;
 left: -350px;
 overflow-y: auto;
 transition: 0.6s ease;
 transition-property: left;
}
.side-bar::-webkit-scrollbar {
  width: 0px;
}



.side-bar.active{
 left: 0;
}


.side-bar .menu{
 width: 100%;
 margin-top: 100px;
}

.side-bar .menu .item{
 position: relative;
 cursor: pointer;
}

.side-bar .menu .item a{
 color: #000;
 font-size: 14px;
 text-decoration: none;
 display: block;
 padding: 10px 30px;
 /*line-height: 60px;*/
 border-bottom: 1px solid #ccc;
}

.side-bar .menu .item a:hover{
 transition: 0.3s ease;
}

.side-bar .menu .item i{
 margin-right: 15px;
}

.side-bar .menu .item a .dropdown{
 position: absolute;
 right: 0;
/*margin: 5px 20px 20px 20px;*/
 transition: 0.3s ease;
 top:0;
 margin-top:15px;
}

.side-bar .menu .item .sub-menu{
 display: none;
}

.side-bar .menu .item .sub-menu a{
 padding-left: 40px;
}

.rotate{
 transform: rotate(90deg);
}

.close-btn{
 position: absolute;
 color: #000;

 font-size: 23px;
 right:  0px;
 margin: 15px;
 cursor: pointer;
}

.menu-btn{
 position: absolute;
 color: #fff;
 font-size: 25px;
 cursor: pointer;
    margin-top: 0px;
    top: -10px;
}


.side-bar .close-btn i:after{
    opacity: 0;
}
.circu-inr-left p{
    text-align: justify;
}
.desc-3 p {
    text-align: justify;
}
.inr-sec-404{
    padding: 100px 0;
}
.inr-sec-404 h2{
    font-size: 3vw;
    color: #000;
    font-weight: 700;
}
.inr-sec-404 h5{
    font-size: 1.5vw;
    margin-bottom: 50px;
    text-transform: none;
}
.tick-icon {
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
    border: 1px solid #ccc;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    font-size: 20px;
    color: #000;
}
.road-map-left{
    width: 30%;
}
.road-map-center{
    width: 35%;
}
.road-map-right{
    width: 35%;
}
.road-map-row ul {
    margin:0;
    padding:0;
}
.road-map-row ul li {
    list-style: none;
    color: #060606;
    font-size: 0.9vw;
    line-height: 1.5;
    margin-bottom: 20px;
    border-left: 5px solid #e3e3e3;
    padding-left: 18px;
}
.road-map-row.stra-dir-box-1 {
    align-items:start;
}
.road-map-center{
    padding-top: 33px;
}
.road-map-row.stra-dir-box-1 h4{
        font-size: 1vw;
    font-weight: 700;
    line-height: 1.3;
    width: 60%;
    padding-top: 33px;
    color: #db5836;
}
.road-map-row.stra-dir-box-1 h5{
            font-size: 0.95vw;
    font-weight: 600;
}
.road-map-row.stra-dir-box-1:nth-child(1) .road-map-left h4 {
    color: #509bcb;
}
.road-map-row.stra-dir-box-1:last-child .road-map-left h4 {
        color: #76b467;
}
.legi-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 40px;
}
.legi-box-inr {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    padding: 65px 43px 90px 43px;
    border-radius: 20px;
    height: 100%;
    transition: 0.3s all ease-in;
    position: relative;
}
.legi-box-inr h6 {
    margin-top: 20px;
    font-size: 12px;
    margin-bottom: 10px;
}
.legi-box-inr h4 {
    font-size: 0.95vw;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-1);
}
.legi-box-inr .english-div {
    position: absolute;
    bottom: 40px;
}
.legi-box-inr a{
    width:140px;
    background: #f5f5f5;
     color: var(--color-1);
  padding: 5px 18px;
    font-size: 14px;
    border-radius: 50px;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
    transition: 0.3s all ease-in;
}
.legi-box-inr a i{
    margin-left: 15px;
}
.legi-box-inr:hover a{
     color:#fff;
    background: #509bcb;;
    text-decoration: none !important;
}
.legi-box-inr a:hover,
.legi-box-inr a:focus{
    color:#fff;
    background: #509bcb;;
    text-decoration: none !important;
}
@media (min-width: 992px) and (max-width:1310px){
    .dsm-icon-left img {
    width: 50px;
}
.dsm-text-right h5 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.dsm-stra-sec-2 .col-md-4 {
    padding: 8% 7%;
}
}
@media (min-width: 992px) and (max-width:1800px){
    .banner-home{
        height: 120vh !important;
    }
}
@media (min-width: 1464px) and (max-width: 1560px) {
    #header.header-sec .header-nav-bar .header-nav {
        width: 75%;
    }
    #header.header-sec .header-butn {
        width: 25%;
        text-align: right;
    }
  #header.header-sec .header-body  .header-nav.header-nav-links nav>ul>li {
        padding: 0 0.5vw !important;
    }
}
@media (min-width:1374px) and (max-width:1463px){
     #header.header-sec .header-body .header-nav-bar .header-nav {
            width:77%;
        }
        #header.header-sec .header-body .header-butn{
            width:23%;
            text-align: right;
        }
}
@media (min-width: 992px) and (max-width:1463px){
    .contain-sec-header{
                max-width: 90% !important;
    }
        #header.header-sec .header-body   .header-nav-main nav>ul>li>a {
            /*font-size: 0.95vw;*/
        }
        .header-butn .butn-3:first-child {
    padding-right: 5%;
}
.rtl .header-butn .butn-3:first-child {
    padding-left: 5%;
}
    #header.header-sec .header-body  .header-nav.header-nav-links nav>ul>li {
        padding: 0 0.6vw !important;
    }
    .butn-3 {
         /*font-size: 0.9vw;*/
    }
        #header.header-sec .header-nav-bar .header-nav {
            width:75%;
        }
        #header.header-sec .header-butn{
            width:25%;
            text-align: right;
        }
        .rtl  #header.header-sec .header-butn{
            text-align: left;
        }
            #header.header-sec .header-body  .header-nav-main nav>ul>li.dropdown .dropdown-menu li a {
                font-size: 0.95vw;
            }
}
@media (min-width: 1290px) and (max-width:1373px){
    /*#header.header-sec .header-nav-bar .header-nav {*/
    /*        width:65%;*/
    /*    }*/
    /*    #header.header-sec .header-butn{*/
    /*        width: 35%;*/
    /*    }*/
}
@media (min-width: 1201px) and (max-width:1289px){
     /*#header.header-sec .header-nav-bar .header-nav {*/
     /*       width:63%;*/
     /*   }*/
     /*   #header.header-sec .header-butn{*/
     /*       width: 37%;*/
     /*   }*/
}
@media (min-width: 1200px) and (max-width: 1342px) {
    #header.header-sec .header-nav-bar .header-nav {
        width: 75%;
    }
    #header.header-sec .header-butn {
        width: 25%;
    }
}

@media (min-width: 992px) and (max-width:1373px){
    
   #header.header-sec .header-body  .header-nav.header-nav-links nav>ul>li {
        padding: 0 0.5vw !important;
    } 
     
}

@media (min-width: 992px) and (max-width:1143px){
    
   #header.header-sec .header-body  .header-nav.header-nav-links nav>ul>li {
        padding: 0 1vw !important;
    } 
     
}
@media (min-width: 992px) and (max-width:1199px){
    /*    #header.header-sec .header-body .header-nav.header-nav-links nav>ul>li {*/
    /*    padding: 0 0.7vw !important;*/
    /*}*/
}

@media (min-width: 992px) {
   .rtl  #header .header-nav.header-nav-links nav>ul>li a:before {
        left: inherit;
        right:0;
    }
    .rtl #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a {
        text-align: right;
    }
     .rtl  #header.header-sec .header-nav.header-nav-links nav>ul>li:first-child {
        padding-left: 1.25rem !important;
        padding-right: 0 !important;
    }
.rtl .nav {
        margin-right: 0;
    padding-right: 0;
}
    .menu-btn{
        display: none ;
    }
    .side-bar{
        display: none;
    }
 html.sticky-header-active   #header .header-body {
   box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px !important;
    }
    #header .header-nav.header-nav-links nav>ul>li a{
        position: relative;
    }
         #header .header-nav.header-nav-links nav>ul>li a:before {
  position:absolute;
  background:#fff;
  height:4px;
  display:block;
  content:"";  
  width:0;
  transition:0.2s all ease-in;  
  bottom: 0px;
  left:0;
}
#header .header-nav.header-nav-links nav>ul>li:hover a:before {
  width:100%;
  
}
html.sticky-header-active #header .header-nav.header-nav-links nav>ul>li a:before {
    background:#000 ;
}
    #header.header-sec .header-nav.header-nav-links nav>ul>li:first-child {
        padding-left: 0 !important;
    }
#header.header-sec .header-nav.header-nav-links nav>ul>li{
    /*padding: 0 1.25rem !important;*/
    padding: 0 14px !important;
    margin-left: 0px;
}
#header.header-sec .header-nav.header-nav-links nav>ul>li>a, #header.header-sec .header-nav.header-nav-links nav>ul>li:hover>a, #header.header-sec .header-nav.header-nav-line nav>ul>li>a, #header.header-sec .header-nav.header-nav-line nav>ul>li:hover>a {
        padding: 0 0 !important;
    }
        html.sticky-header-active .header-nav-bar {
        padding-bottom: 10px;
    }
     html.sticky-header-active .butn-3 {
    color: #000;
    background: rgb(0, 0, 0, 0.15);
    }
     html.sticky-header-active .headbutn-3 {
    color: #000;
    background: rgb(0, 0, 0, 0.15);
    }
    html.sticky-header-active .hamburger-menu {
        color: #000 !important;
    }
    html.sticky-header-active #header.header-sec .header-body {
        
    }
    html.sticky-header-active   #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li>a {
        color: #000 !important;
    }
    #header.header-sec .header-nav-bar .header-nav {
        min-height: 45px;
    }
    .header-nav-bar{
        padding-top:3px;

        
    }
       #header .header-nav.header-nav-links nav>ul>li>a, #header .header-nav.header-nav-links nav>ul>li:hover>a, #header .header-nav.header-nav-line nav>ul>li>a, #header .header-nav.header-nav-line nav>ul>li:hover>a {
                    min-height: auto !important;
                            margin: 0px 0 0 !important;
                            padding: 0 1.25rem !important;

        }
        #header.header-sec .header-nav-main nav>ul>li>a {
            font-weight: 400;
            font-size: 0.95vw;
            letter-spacing: 0px;
        }
        
       .rtl #header.header-sec .header-nav-main nav>ul>li>a {
            
            font-size: 0.8vw;
           
        }
    #header .header-nav.header-nav-links nav>ul li:hover>a {
        color: #fff !important;
    }
        #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li>a {
        color: #fff !important;
    }
       .col-left-se2{
        padding-left: 0;
        padding-right: 0;
    }
    .col-right-se2{
        padding-left: 0;
        padding-right: 0;
    }
        #header.header-sec .header-nav-main nav>ul>li.dropdown .dropdown-menu {
            box-shadow: rgba(183, 183, 183, 0.3) 0px 0px 20px 0px;
    padding: 12px;
    border-radius: 8px;
    background: rgb(255, 255, 255);
    min-width: 365px;
    border-top: 0 ;
        }    
        #header.header-sec .header-nav-main nav>ul>li.dropdown .dropdown-menu {
            border-bottom:0;
        }
           #header.header-sec .header-nav-main nav>ul>li.dropdown .dropdown-menu li a {
               border-bottom: 0;
               color: rgb(58, 63, 87);
        font-size: 0.95vw;
            }
             #header.header-sec .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:hover{
                 color: #0a5789;
                 background: rgb(10 87 137 / 30%);
                 border-radius: 5px;
             }
              #header.header-sec .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:before{
                  display: none;
              }
}
@media (max-width: 991px) {
    .grid-colmn-1 {
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 20px;
}
    #header .header-btn-collapse-nav {
        display: none !important;
    }
    .header-logo img{
        display: none;
    }
    .header-nav-bar{
        display: none;
    }

}
@media (min-width: 768px) and (max-width:991px){
    .about-sec-grid {
    grid-template-columns: repeat(4, 1fr);
    }
    .grid-section-3 {
    grid-template-columns: repeat(2, 1fr);
    }
    .dsm-icon-left img {
    width: 40px;
}
.dsm-text-right h5{
    margin-bottom: 10px;
    margin-top: 0px;
}
.grid-section-3 img{
    width:20px;
}
}
@media (max-width: 768px) {
    .grid-colmn-1 {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 20px;
    margin-top:120px;
            /*padding-left: 15px;*/
        /*padding-right: 15px;*/
}
}
@media (min-width: 431px) and (max-width:767px){
   .aply-btn-petro {
        margin-top: 0px !important;
    }
}
@media (max-width: 767px) {
    .aply-btn-petro{
        margin-top: 20px;
    }
    .cont-box-right iframe{
        height: 500px !important;
        
    }
    .row-box-section {
    margin-top: 50px;
}
    .img-graph-1 {
    width: 100%;
}
    .project-fuel-sec3 img {
    margin-top: 0px;
    width: 100%;
}
.project-heading-1 .desc-3 p {
    font-size: 15px;
    padding-bottom: 30px;
}
.height-01 {
    width: 100%;
    height: 50px;
}
.project-fuel-sec3 {
    padding: 50px 0;
}
.project-fuel-sec2 {
    padding-top: 50px;
    padding-bottom: 50px;
}
    .contain-sec6 .stra-left-box {
    width: 100%;
}
.contain-sec6 .stra-right-box {
    width: 100%;
    padding-left: 0;
    text-align: center;
}
.contain-sec6 .stra-right-box img {
    width: 80%;
}
.contain-sec6 .stra-right-box p {
    font-size: 14px;
    text-align: center;
}
.contain-sec6 .stra-right-box h4 {
    font-size: 17px;
    text-align: center;
}
    .entiti-grid {
    display: block;
    }
    .entiti-grid .col{
        margin-bottom:30px;
    }
    .dsm-stra-sec-2 {
    grid-template-columns: repeat(1, 1fr);
    margin-right: 10px;
    margin-left: 10px;
}
    .legi-box-inr {
    padding: 43px 43px 90px 43px;
}
    .legi-grid {
    grid-template-columns: repeat(1, 1fr);
}
.legi-box-inr h4 {
    font-size: 17px;
}
    .road-map-row.stra-dir-box-1 h5 {
    font-size: 16px;
    padding-top: 20px;
}
    .road-map-center {
    padding-top: 10px;
}
    .road-map-row ul li {
    font-size: 14px;
}
    .road-map-row.stra-dir-box-1 h4 {
    font-size: 18px;
    width: 100%;
    padding-top: 0;
}
    .road-map-left {
    width: 100%;
}
.road-map-center {
    width: 100%;
}
.road-map-right {
    width: 100%;
}
    .image-enti-h {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 40px;
    grid-row-gap: 20px;
    }
    .list-content-right {
    width: 85%;
}
.list-icon-text-2 .list-icon-left {
    padding-right: 5px;
    width: 15%;
}
    .inr-sec-404 h2 {
    font-size: 30px;
    margin-bottom: 5px;
    }
    .inr-sec-404 h5 {
    font-size: 16px;
    margin-bottom: 30px;
    }
    .inr-sec-404 {
    padding: 50px 0;
}
    .container{
        padding-left: 25px;
        padding-right:25px;
    }
    .header-logo-right{
        width:150px;
    }
    .header-logo img{
        width:130px !important;
    
}
    .banner-home .contain-sec1 {
    position: inherit !important;
    }
    section.video.banner-home{
        height: 100% !important;
        padding-top: 60% ;
    }
    .banner-home h1 {
    width: 95%;
    font-size: 9vw;
}
.banner-home .vide-video-wrapper {
    height: 49%;
}
.banner-home.overlay:after {
    height: 49%;
}
.col-box-1 h3 {
    line-height: 1.1;
    font-size: 18px;
    margin-bottom: 10px;
    width: 100%;
}
.col-box-1 p {
    font-size: 14px;
    width: 100%;
}
.col-box-1 {
    padding: 30px 20px 30px 20px;
}
.secton-1 {
    padding-top: 0px;
    padding-bottom: 50px;
}
.col-left-se1 {
    width: 100%;
           padding: 30px;
}
.col-right-se1 {
    width: 100%;
     padding: 30px;
    margin-top: 20px;
}
.secton-1 .row{
    padding-left: 15px;
    padding-right:15px;
}
.heading-1 {
    font-size: 6vw;
}
.col-left-se1 .desc p {
    width: 90%;
    margin-bottom: 20px;
}
.desc p {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}
.butn-2 {
    font-size: 13px;
}
.col-left-se1:before {

    bottom: -2px;

    background-size: 60% !important;

}
.secton-2 {
    padding-top: 20px;
    padding-bottom: 30px;
}
.heading-2 {
    font-size: 6vw;
}
.desc-2 p {
    font-size: 14px;
}
.image-enti-h {
    width: 85.98%;
    margin-top: 20px;
}
.secton-3 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.pillar-text h4 {
    font-size: 20px;
}
.pillar-text p {
    font-size: 14px;
}
.pillar-box {
    margin-bottom: 20px;
    padding: 40px 40px;
}
.pillar-row .col-md-3{
    margin-bottom: 20px;
}
.col-left-se4 {
    width: 100%;
    padding-right: 0;
    justify-content: flex-start;

}
.secton-4 .container .row .col-left-se4:nth-child(2){
        width: 100%;
    border-left: 0px solid #cecece;
    border-right: 0px solid #cecece;
    justify-content: flex-start;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.secton-4 .container .row .col-left-se4:last-child{
      width: 100%;
    padding-left: 0;
     justify-content: flex-start;
}
.col-cntr-se4 {
    width: 100%;
    border-left: 0px solid #cecece;
    border-right: 0px solid #cecece;
    justify-content: space-evenly;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 20px;

}
.col-right-se4 {
    width: 100%;
    padding-left: 0;
     justify-content: space-evenly;

}
.col-left-se4 h3, .col-cntr-se4 h3, .col-right-se4 h3 {
    font-size:6vw;
}
.col-left-se4 h4, .col-cntr-se4 h4, .col-right-se4 h4 {
    font-size: 18px;
}
.secton-5 .col-md-9 p {
    font-size: 14px;
}
.secton-5 .col-md-3 {
    align-items: start;
    justify-content: start;
    margin-top: 20px;
}
.col-box-4 h6 {
    font-size: 13px;
    margin-top: 20px;
}
.col-box-4 p {
    font-size: 16px;
    line-height: 1.5;
}
.col-left-se6 {
    width: 100%;
}
.col-right-se6 {
    width: 100%;
    padding-left:40px;
}
.name-sec{
    padding-right:20px;
}
.col-right-se6 h3 {
    font-size: 18px;
    width: 85%;
    margin-top: 50px;
}
.name-sec p {
    width: 100%;
    line-height: 1.7;
    font-size: 13px;
}
.name-sec p span{
    font-size: 14px;
}
.secton-6 {
    padding-bottom: 50px;
}
.secton-5 .col-md-4{
    margin-bottom:20px;
}
.secton-5 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.ftr-box-left {
    width: 100%;
    padding-right: 15px;
}
.ftr-top h4 {
    font-size: 18px;
}
.ftr-box-cntr {
    width: 100%;
    padding-right: 15px;
    margin-top: 30px;
}
.ftr-box-right {
    width: 100%;
    margin-top: 30px;
}
.ftr-top .social-icons li a {
    font-size: 18px;
}
.ftr-top {
    padding-bottom: 30px;
}
.ftr-botm ul {
    justify-content: start;
}
.ftr-botm ul li:first-child {
    margin-left: 0;
    padding-left: 0;
}
.ftr-img-1 {
    max-width: 100% !important;
}
.ftr-img-1 img {
    width: 100%;
}
.ftr-img-1 .col-md-3{
    margin-bottom:20px;
}

.ftr-img-1 .col-md-3:nth-child(2) img {
    float: right;
}
.ftr-botm .col-md-7{
    order:2;
}
.ftr-botm .col-md-5{
    order:1;
    margin-bottom: 20px;
}
#footer.footer-sec {
    padding-top: 50px;
    
}
.col-left-se6 img{
    width: 100%;
}
.inr-sec-mem-1 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.memb-grid-box {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
}
.memb-text h4 {
    font-size: 16px;
    width: 95%;
}
.memb-text p {
    font-size: 13px;

}
.memb-text p br{
    display: none;
}
.news-conte-iner h4 {
    font-size: 17px;

}
.inr-new-sect {
    padding-top: 50px;
    padding-bottom: 50px;
}
.iner-bner h1 {
    font-size: 6vw;
    padding-top: 0;
}
.iner-bner .breadcrumb>li {
    font-size: 13px;
}
.iner-bner .breadcrumb>li a {
    font-size: 13px;
}
.inr-entities {
    padding-top: 50px;
}
.entiti-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    /*padding-left: 10px;*/
    /*padding-right:10px;*/
}
.entities-box-inr {
    padding: 25px;
    height: 100%;
}
.entiti-text h3 {
    font-size: 17px;
}
.entiti-text h3 br{
    display: none;
}
.car-ft-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0px;
    /*padding-left: 15px;*/
    /*padding-right:15px;*/
}
.car-ft-text h3 {
    font-size: 18px;
    margin-bottom: 10px;
    flex: 0 1 50px;
}
.car-ft-text h3 br{
    display: none !important;
}
.car-ft-text p {
    font-size: 14px;
    flex: 1 0 auto;
}
.car-ft-box {
    padding: 25px;
}
.car-ft-img {
    height: 70px;
}
.car-ft-img img {
    height: 100%;
}
.about-inr-left {
    width: 100%;
    padding-right: 1rem;
}
.about-inr-right {
    width: 100%;
}
.list-style-border li {
    font-size: 14px;
}
.about-inr-left h3 {
    font-size: 22px;

}
.about-sec-grid {
    grid-template-columns: repeat(2, 1fr);
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    /*padding:0  15px;*/
}

.about-inr-box {
    padding: 20px;
}
.abot-text-box h4 {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
}
.abot-icon-box {
    margin-bottom: 14px;
    height: 50px;
}
.abot-icon-box img{
    height: 100%;
}
.abot-text-box p {
    font-size: 13px;
}
.iner-about-sec-1 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.iner-about-sec-2 {
    padding-bottom: 60px;
}
.inr-carb-ft {
    padding-top: 50px;
    padding-bottom: 50px;
}
.iner-circul-sec-1 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.circu-inr-left {
    width: 100%;
    padding-right: 15px;
    order: 2;
    margin-top: 20px;
}
.circu-inr-right {
    width: 100%;
    order:1;
}
.desc-3 p {
    font-size: 14px;
}
.dsm-stra-sec {
    padding: 30px;
}
.contac-inr-sec {
    padding-top: 50px;
    padding-bottom: 50px;
}
.cont-box-left {
    width: 100%;
    padding-right:0.5rem;
}
.contact-box-1 p span {
    font-size: 17px;
}
.contact-box-1 p {
    font-size: 15px;
    line-height: 1.5;
}
.circul-left2 {
    width: 100%;
}
.circul-right-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.circul-right-2 h3 {
    font-size: 18px;
}
.list-icon-text-2 li {
    width: 100%;
}
.list-icon-text-2 li {
    font-size: 14px;
    width: 100%;
}
.circu-inr-left2 {
    width: 100%;
}
.circu-inr-right2 {
    width: 100%;
    padding-left: 1rem;
    margin-top: 25px;
}
.iner-circul-sec-02 {
    padding-bottom: 50px;
}

.iner-bner h1 br{
    display: none;
}
.inr-stra-dire {
    padding-top: 50px;
    padding-bottom: 50px;
}
.stra-dir-left {
    width: 100%;
    padding-right: 0;
    order:2;
    margin-top: 25px;
}
.stra-dir-right {
    width: 100%;
    order:1;
}
.stra-right-box ul li {
    font-size: 14px;
}
.stra-left-box h4 {
    font-size: 17px;
}
.stra-dir-box-1 {
    padding: 25px;
            margin-right: 0.5rem;
}
.stra-left-box {
    width: 100%;
    margin-bottom:20px;
}
.stra-right-box {
    width: 100%;
    padding-left: 0%;
    border-left: 0px solid #e3e3e3;
}
.stra-dir-box-1 {
    display: block;
}
.iner-manage-sec-3 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.heading-iner {
    font-size: 18px;
    line-height: 1.5;
}
.list-main-2 ul li {
    font-size: 14px;
}
.dsm-icon-left img{
    width:70px;
}
.dsm-text-right h5 {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 0;
}
.dsm-text-right p {
    font-size: 13px;
}
.dsm-text-right span {
    font-size: 13px;
}
.dsm-stra-sec-2 .col-md-4 {
     padding: 20px;
     margin-bottom: 20px;
}
/*.dsm-stra-sec-2 .col-md-4:first-child {*/
/*    padding-left: 0;*/
/*}*/
/*.dsm-stra-sec-2 .col-md-4:last-child {*/
/*    border-bottom: 0px solid #ccc;*/
/*}*/
.strat-tar-img {
    margin-top: 0px;
    margin-bottom: 30px;
}
.grid-section-3 {
    grid-template-columns: repeat(1, 1fr);
}
.grid-section-3 img{
    height: 30px;
}
.grid-section-3 .col p {
    font-size: 15px;
}
.grid-section-3 .col {
  
    padding: 20px;
}
.iner-manage-sec-5 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.cont-box-right {
    width: 100%;
}
.cont-form-box {
    padding: 25px;
}
.cont-form-box .gform_footer {
    justify-content: start;
}
}
@media (max-width:600px) {
    .quote-icon{
        left: 0 !important;
        top:-70px !important;
    }
    .col-right-se6 h3 {
        margin-top: 120px;
    }
}
@media (max-width: 500px) {
    .car-ft-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0px;
}
    .entiti-grid {
        grid-template-columns: repeat(1, 1fr);
    }

}

.rtl .iner-bner h1 { width:100%}

.rtl .memb-grid-box { direction:rtl}

.rtl .projec-box-01 .stra-dir-box-1 { direction:rtl; text-align:right}
.rtl .contain-sec6 .stra-right-box h4 { direction:rtl; text-align:right}
.rtl .contain-sec6 .stra-right-box p { direction:rtl; text-align:right}
.rtl .stra-right-box { text-align:right}
.rtl .desc-3 p { margin-bottom:25px}