/*Start global Setting*/
html {
    scroll-behavior: smooth;
}

.fadeIn {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.fadeOut {
    animation-name: fadeOut;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@font-face {
    font-family: 'BYekan';
    src: url('../fonts/medium.woff') format('truetype');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*#002e6e*/
/*#6d6e71*/
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

* {
    direction: rtl;
    text-align: right;
    padding: 0;
    margin: 0;
}

.RedColor::-webkit-input-placeholder {
    color: #df0a0a !important;
}

html {
    height: 100%;
    width: 100%;
}

body {
    font-family: 'BYekan' !important;
    background-color: #FFF;
    font-size: 14px !important;
}

img {
    max-width: 100%;
}

.row {
    margin: 0 !important;
    padding: 0 !important;
}

p {
    color: #181818;
}

a {
    text-decoration: none !important;
    color: #181818 !important;
    font-weight: 600;
}

.SecHed {
    text-align: center;
    padding-top: 1.5em;
}

.ButtonSec {
    margin: 2em 0em;
    text-align: center;
}

    .ButtonSec .contactnav {
        padding: 0.2em 2em;
    }

a:hover {
    color: #181818;
}
.MyCoushtariSlick1 {
    position: absolute;
    left: 0;
}


.MyCoushtariSlick1 span{
    color:#002e6e;

}


.slick-prev, .slick-next {
    text-align: center !important;
    background: #002e6e !important;
    color: white !important;
    height: 40px !important;
    width: 40px !important;
}
    .slick-prev:before {
        content: "\f104" !important;
        font-family: 'FontAwesome' !important;
    }
    .slick-next:before {
        content: "\f105" !important;
        font-family: 'FontAwesome' !important;
    }

.slick-list {
    direction: rtl !important;
}
/*button.slick-arrow {
    background: #b73235;
}

button.slick-arrow {
    background: #b73235 !important;
}

button.slick-arrow {
    background: #b73235 !important;
}

button.slick-arrow {
    background: #323743 !important;
}

button.slick-arrow {
    background: #323743 !important;
}

    button.slick-arrow:hover {
        background: #b73235;
    }

.slick-dots li:after {
    background: #b73235;
}

.slick-dots li:after {
    background: #b73235;
}

.slick-dots li:after {
    background: #323743;
}
*/
/*End global Setting*/
.header {
    position: fixed;
    z-index: 9999999999999999999999999999;
    left: 0;
    height: 7em;
    right: 0;
}


.PositionNav {
    background-color: #e3e3e3 !important;
    height: 5.5em;
    -moz-box-shadow: 0px 1px 6px 3px rgba(24,24,24,0.5);
    -webkit-box-shadow: 0px 1px 6px 3px rgba(24,24,24,0.5);
    box-shadow: 0px 1px 6px 3px rgba(24,24,24,0.5)
}

    .PositionNav .navitem {
        padding: 1em 1.5em;
    }

    .PositionNav .nav-button {
        top: 1.8em;
    }


    .PositionNav .imagesec img {
        max-width: 29%;
    }

    .PositionNav .imagesec {
        position: absolute;
        right: 1.5em;
        top: 0;
    }

.navheader {
    display: flex;
    position: absolute;
    right: 10%;
    z-index: 999999999999999999999;
}

.dropdown-mobile, .togglesec {
    display: none;
}

.dropdownmenu {
    position: absolute;
    background-color: #fff !important;
    border-top: 10px solid #Fff;
    display: none;
    list-style: none !important;
    left: 0;
    margin: auto;
    padding: 1em 1em;
    top: 5em;
    box-shadow: 0px 0px 10px 5px rgba(24,24,24,.15);
    border-radius: 0.5em;
}

.dropdownmenuFMenu {
    top: 3em;
}

.dropdownmenu:before {
    content: '';
    position: absolute;
    top: -1.3em;
    left: 0.9em;
    z-index: 1;
    border-bottom: solid 15px white;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}

.navul {
    padding: 1em 0em 0.5em 0em;
    display: flex;
    list-style: none;
}

.navitem {
    font-size: 15px;
    padding: 2em 1.5em;
}

.navlink {
    color: #181818 !important;
}

.dropdowntoggle {
    position: relative;
}
.breadcrumb-item.active {
    color: #434343 !important;
}

    /*.dropdowntoggle:after {
        font-family: FontAwesome;
        content: "\f107" !important;
        display: inline-block;
    }*/


.dropdown-item:after {
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    content: "";
    position: absolute;
    right: 20%;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-color: rgba(183, 50, 53, 1);
    z-index: -1;
    opacity: 0
}


.dropdown-item:hover {
    background: none !important;
    color: white !important;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .dropdown-item:hover::after {
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        opacity: 1;
    }

.dropdown-item {
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: block;
    width: 100%;
    padding: 0.5rem 1.5rem !important;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-align: center !important;
    position: relative;
    z-index: 9999999999999999999;
}

.imagesec {
    position: absolute;
    top: 0.5em;
    right: 0.7em;
}

    .imagesec img {
        max-width: 40%;
    }

.navlink:hover {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #002e6e !important;
}
.navlink.active {
    color: #002e6e !important;
}

.dropdown-pc:hover .dropdownmenu {
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: block;
}

.contactnav {
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    display: inline-block;
    color: white !important;
    background-color: #002e6e;
    padding: 0.4em 1em;
    border-radius: 2em;
    border: none;
}

.nav-button {
    position: absolute;
    left: 6em;
    top: 2.5em;
}

.contactnav:hover {
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    color: white !important;
    transform: translateY(-10px);
    box-shadow: -2px 7px 0px 0px rgba(24,24,24,0.5);
}

.contactnav span {
    color: white;
}

/*.nav-icon {
    
}*/

.nav-icon span {
    padding: 0em 0.4em;
}

    .nav-icon span:hover {
        cursor: pointer;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        color: #002e6e !important;
    }
/*End Header Setting*/

/*Start Slideer Setting*/
/*#323743*/

.SlidSec {
    position: relative;
}

.Firsth {
    color: #002e6e;
    font-weight: bold;
}

.Secondh {
    color: #494949;
}

.SlideButton1 {
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    display: inline-block;
    color: white !important;
    background-color: #002e6e;
    padding: 0.5em 1.5em;
    border-radius: 2em;
}

    .SlideButton1:hover, .SlideButton2:hover {
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        color: white !important;
        transform: translateY(-10px);
        box-shadow: -2px 7px 0px 0px rgba(24,24,24,0.5);
    }


.SlideButton2 {
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    display: inline-block;
    color: white !important;
    background-color: #6d6e71;
    padding: 0.5em 1.5em;
    border-radius: 2em;
}


.Slickbutton {
    text-align: center;
    position: absolute;
    bottom: 10%;
    right: 1em;
}

    .Slickbutton span {
        font-size: 20px;
        text-align: center;
    }

.pp2 {
    text-align: center;
    padding: 0.5em 0.9em;
    background: #002e6e;
    border: 1px solid #002e6e;
    border-radius: 100%;
    display: inline-block;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.nn2 {
    text-align: center;
    padding: 0.5em 0.9em;
    background: #002e6e;
    border: 1px solid #002e6e;
    border-radius: 100%;
    display: inline-block;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

    .nn2:hover {
        cursor: pointer;
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s;
    }

.pp2:hover {
    cursor: pointer;
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.contentSlick {
    position: absolute;
    top: 20%;
      width: 46%;
    margin-right: 1em;
}

.contentSlick2 {
    position: absolute;
    /* bottom: 50%; */
    /* left: 6%; */
    /* right: 50%; */
    top: 30%;
    left: 1em;
}

.contentSlick3 {
    position: absolute;
    width: 45%;
    top: 20%;
    margin-right: 1em;
}

.ButtonSlid {
    margin-top: 2em;
}


.ImageSec {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 50em;
    width: 100%;
}
/*End Slideer Setting*/
.LeftDiv {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    background-color: #df0a0a;
    width: 1%;
    height: 0%;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.RightDiv {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: #df0a0a;
    width: 1%;
    height: 0%;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.BottomDiv {
    position: absolute;
    background-color: #df0a0a;
    bottom: 0;
    right: 0;
    width: 0%;
    height: 1%;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.TopDiv {
    position: absolute;
    background-color: #df0a0a;
    top: 0;
    left: 0;
    width: 0%;
    height: 1%;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.BtnFake:hover .BottomDiv, .BtnFake:hover .TopDiv {
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
    width: 100%;
    height: 5%;
}

.BtnFake {
    right: 0;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

    .BtnFake:hover {
        -moz-transition: 0.3s all linear;
        -o-transition: 0.3s all linear;
        -webkit-transition: 0.3s all linear;
        transition: 0.3s all linear;
        right: 0.5em;
    }

        .BtnFake:hover .LeftDiv, .BtnFake:hover .RightDiv {
            -moz-transition: 0.3s all linear;
            -o-transition: 0.3s all linear;
            -webkit-transition: 0.3s all linear;
            transition: 0.3s all linear;
            height: 100%;
        }

.MyService {
    position: relative;
    background-color: #f5f5f5;
    margin-top:2em;

}

.triangle-shape {
    max-width: 13%;
    position: absolute;
    left: 0em;
    top: -5em;
}

    .triangle-shape img {
        height: auto;
        max-width: 100%;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

.center-shape {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30%;
}

.Wkol {
    position: relative;
    background-color: white;
    z-index: 1;
    padding: 3em 3em;
    margin-left: 2em
}

    .Wkol:before {
        position: absolute;
        right: -30px;
        bottom: -30px;
        content: "";
        height: 100%;
        width: 100%;
        border-right: 30px solid #000;
        border-bottom: 30px solid #000;
        z-index: -1;
        opacity: 0.06;
    }

.sub-title {
    color: #DF0A0A;
    background: linear-gradient(90deg, #6d6e71 0%, #0b57e3 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    line-height: 1.5em;
}




.nav-tabs {
    border: none !important;
}

.service-tab-navs .nav-link {
    color: white;
    font-size: 1.1em;
    font-weight: 600;
    text-align: center;
    background-color: #002e6e;
    display: block;
    width: 100%;
    /* display: flex; */
    border: 2px solid #e7e7e7;
    border-radius: 0.5em;
    padding: 15px 0px;
    margin: 0.5em 0em;
    outline: none !important;
}

.pub-title {
    line-height: 1.5em;
    font-weight: 600;
}

.ConWicon i {
    display: inline-block;
    font-size: 45px;
    color: #002e6e;
}

.ConWicon2 i {
    display: inline-block;
    font-size: 30px;
    color: #002e6e;
}

.ConWicon h4 {
    font-weight: 500;
    margin: 0;
    line-height: 1.7;
    margin-bottom: 0.5em;
}

.ConWicon2 h4 {
    font-weight: 500;
    margin: 0;
    margin-bottom: 0.5em;
}

.ConWicon p {
    color: #262626;
    text-align: justify;
    font-size:17px;
}

.ConWicon2 span {
    color: #666666;
    font-weight: 500;
}

.ConWicon2 a {
    color: #666666 !important;
    font-weight: 500;
}

.Radious {
    position: relative;
    overflow: hidden;
    width: 100%;
/*    height: 592px;
*/    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    /*    background-image: url('/images/Circle.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
*/
}

    .Radious img {
        cursor: pointer;
    }

        .Radious img:nth-child(2) {
            position: absolute;
            left: 50%;
            top: 0;
        }

        .Radious img:nth-child(3) {
            position: absolute;
            right: 0;
            bottom: 9.5%;
        }

        .Radious img:nth-child(4) {
            position: absolute;
            bottom: 0;
            left: 20.5%;
        }

        .Radious img:nth-child(5) {
            position: absolute;
            left: 0;
            bottom: 9%;
        }

        .Radious img:nth-child(6) {
            position: absolute;
            left: 2.2%;
            top: 0;
        }

.Taghsim1 {
    width: 0px;
    height: 0px;
}


/*Start moshtari Setting*/

.MyCoushtari {
    margin: 3em 0em;
    min-height: 10em;
    position: relative;
}

.MyCoushtari2 {
    background-color: #f5f5f5;
    margin: 2em 0em;
    min-height: 23em;
}

    .MyCoushtari2 .SecHed {
        padding-top: 0em;
    }

    .MyCoushtari2 .SecHed {
        padding-top: 3em;
    }

.ImageCosh image {
    width: 100px;
}

/*Start Poster Setting*/
.SubBox {
    background: linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.85) 50%);
    position: absolute;
    bottom: -13em;
    left: 0;
    right: 0;
    text-align: center;
    height: 50%;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 9999999999999999;
}

/*.SubBox h4 {
        height: 2em;
        color: #b73235;
        text-align: center;
    }

    .SubBox p {
        text-align: center;
    }*/

.MainImage:hover .SubBox {
    bottom: -5em;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.MainImage:hover {
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -moz-transform: scale(1.05) translateY(5px);
    -ms-transform: scale(1.05) translateY(5px);
    -o-transform: scale(1.05) translateY(5px);
    -webkit-transform: scale(1.05) translateY(5px);
    transform: scale(1.05) translateY(5px);
}

.MyPoster {
    position: relative;
    background-color: #f5f5f5;
    min-height: 30em;
    margin-top: 3em;
}

    .MyPoster .ButtonSec {
        padding: 2em 0em;
    }

    .MyPoster .SecHed {
        padding: 3em 0em 2em 0
    }

.PosetrImg {
    position: absolute;
    top: 5%;
}

.PosetrImg2 {
    position: absolute;
    top: 5%;
    left: 0;
}

.PosetrImg img {
    max-width: 80%;
}

.contactnavv {
    padding: 0.2em 1em;
    border-radius: 1em;
    background-color: #6d6e71;
    color: white !important;
    font-size: 15px;
}

    .contactnavv:hover {
        background-color: #002e6e;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

.MainImage {
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

    .MainImage img {
        width: 100%;
    }

.AboutImg {
    margin: 2em 0em;
}

    .AboutImg img {
        max-width: 100%;
    }

.AboutCount1 {
    padding: 5em 0em 1em 0em;
}

.newp {
    width: 90%;
    margin-bottom: 2em;
    text-align: justify;
}

.AbHed1 {
    color: #002e6e;
    font-weight: bold;
    margin-bottom: 1em;
}

.AbHed2 {
    color: #323743;
    font-weight: bold;
    height: 2em;
}

.AbPed1 {
    text-align: justify;
    width: 90%;
}

.AbPed2 {
    text-align: justify;
    width: 90%;
    margin-bottom: 3em;
}

.AboutCount2 hr {
    width: 20%;
    border-top: 2px solid #002e6e;
}

.AbPed3 {
    height: 1.5em;
    font-size: 15px;
    font-weight: bold;
}

.AbPed4 {
    font-size: 15px;
    color: #666666;
}

.Blog {
    min-height: 20em;
    margin-top: 2em;
}

.Wkol2 {
    position: relative;
    background-color: white;
    box-shadow: 2px 0px 10px 0px rgb(0 0 0 / 0.5);
    min-height: 33em;
    border-radius: 1em;
    cursor: pointer;
    margin: 1em 0em;
}

.BlogImg {
    padding: 1em;
}

    .BlogImg img {
        border-radius: 0.5em;
    }

.BloMeta ul {
    display: flex;
    list-style: none;
    align-items: center;
}

    .BloMeta ul li {
        position: relative;
        z-index: 1;
        text-transform: uppercase;
        padding-right: 60px;
        display: flex;
        align-items: center;
        font-weight: 500;
    }

        .BloMeta ul li:after {
            position: absolute;
            right: 15px;
            top: 50%;
            content: "";
            height: 1px;
            width: 30px;
            background: #dddddd;
        }

.BlogCont {
    padding:0.5em 1em;
}

    .BlogCont p {
        line-height: 1.7;
        text-align:justify;
    }

.BloMeta a {
    color: #181818;
}

.BloMeta {
    display: block;
   /* padding-bottom: 0.5em;*/
}

.ReadBlog {
    position: absolute;
    bottom: 1em;
    display: block;
    text-align: right;
}

    .ReadBlog span {
        color: #666;
        font-weight: 600;
    }

    .ReadBlog i {
        display: inline-block;
        margin-left: 2px;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 38px;
        border-radius: 50%;
        margin-right: 10px;
        transition: all 0.35s ease-in-out;
        font-size: 16px;
        color: white;
        border: 1px solid #717171;
        background: #6d6e71;
    }

    .ReadBlog i {
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s;
    }

        .ReadBlog i:hover {
            border: none;
            background-color: #002e6e;
            -moz-transition: all linear 0.3s;
            -o-transition: all linear 0.3s;
            -webkit-transition: all linear 0.3s;
            transition: all linear 0.3s;
        }

.Footer {
    position: relative;
    background-color: #f5f5f5;
}

.FooterSecImg {
    position: absolute;
    top: 5%;
    right: 0;
}

    .FooterSecImg img {
        max-width: 80%
    }

.ImgFoot {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /* margin: auto; */
    z-index: 1;
    height: 100%;
}

    .ImgFoot img {
        height: 100%;
        width: 100%;
    }

.Map {
    position: relative;
    z-index: 0
}

.ImageMap {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
}

.IconMosalas:before {
    left: 25px;
    bottom: 0;
    content: "";
    height: 0;
    width: 40px;
    position: absolute;
    background: #002e6e;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transition: all 0.35s ease-in-out;
    opacity: 0;
}

.IconMosalas:after {
    left: 5px;
    bottom: 0;
    content: "";
    height: 0;
    width: 30px;
    position: absolute;
    background: #002e6e;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transition: all 0.35s ease-in-out;
    opacity: 0;
}

#myTab .active {
    background-color: black;
    opacity:0.8;
    color: white;
}

    #myTab .active .IconMosalas:before {
        opacity: 1;
        height: 30px;
    }

    #myTab .active .IconMosalas:after {
        opacity: 1;
        height: 50px;
    }

.BlogToCount {
    margin: 5em 0em;
}

.AllhImage {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 20em;
    position: relative;
}

    .AllhImage:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #181818;
        opacity: 0.1;
    }

.AllCont {
    text-align: center;
    position: absolute;
    top: 10em;
    left: 0;
    right: 0;
}

    .AllCont h3 {
        text-align: center;
        color: #002e6e;
    }

.breadcrumb {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    border-radius: 0.25rem;
    justify-content: center;
    background-color: transparent !important;
    z-index: 1;
}

.breadcrumb-item:hover a {
    color: #002e6e !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #6c757d;
    content: "/";
}

.BlogDimage {
    text-align: center;
}

    .BlogDimage img {
        width: 60%;
    }

.BlogDcount {
    margin: 4em 0em;
    font-family: 'BYekan' !important;
}

    .BlogDcount p {
        font-family: 'BYekan' !important;
        line-height: 2.5 !important;
        text-align:justify;
    }

    .BlogDcount span {
        font-family: 'BYekan' !important;
    }

.ContactUs {
    margin: 2em 0em;
}

.Wkol3 {
    position: relative;
    background-color: #efefef;
    min-height: 26em;
    border-radius: 1em;
    cursor: pointer;
    margin: 1em 0em;
    z-index: 1;
    padding: 3em;
    box-shadow: 25px 15px 60px -10px rgb(109 117 143 / 33%)
}

    .Wkol3 .form-control {
        background: none !important;
        display: block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 2em 1em !important;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5;
        color: rgba(183, 50, 53, 1) !important;
        border: none !important;
        outline: none !important;
        border-bottom: 1px solid #ced4da !important;
        border-radius: 0 !important;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

        .Wkol3 .form-control:focus {
            box-shadow: none !important;
            border-bottom: 2px solid #002e6e !important;
        }

.backspn {
    display: block;
    height: 3em;
    background-color: #df0a0a;
    width: 3em;
    border-radius: 50%;
    text-align: center;
    padding: 0.4em 0em;
    margin: 0.5em 0em 0em 0.5em;
}

.ConToCOn {
    margin: 3em 0em;
}

.ServiceSection {
    min-height: 20em;
}

.Gcol {
    background-color: #f7f7f7;
    padding: 1em 1.5em;
    position: relative;
    border-radius: 12px;

}

.newTab {
    background: none !important;
    border: none !important;
    color: #000 !important;
    text-align: right !important;
    font-size: 1em !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 0 !important;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .newTab:hover {
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        color: #DF0A0A !important;
    }

    .newTab.active:before {
        font-family: 'FontAwesome';
        content: "\f067";
        display: inline-block;
        color: #df0a0a;
        font-size: 11px;
        position: absolute;
        left: 0;
        top: 2em;
        margin: auto;
    }

    .newTab.active {
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        color: #df0a0a !important;
    }

.Cgcol {
    margin: 1em;
}

    .Cgcol label {
        color: #002e6e;
    }

    .Cgcol .form-group {
        margin-bottom: 1.5em;
    }

    .Cgcol .form-control {
        box-shadow: none;
        border: 1px solid #002e6e;
    }

        .Cgcol .form-control:focus {
            box-shadow: none !important;
            border: 2px solid black;
        }



.LayBtn.nav-link {
    color: white;
    background-color: #002e6e;
    text-align: center;
    height: 100%;
    padding: 0.5em !important;
    cursor: pointer;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
}
.LayBtn:hover {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0.9;
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}