html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/* Default scrollbar */
::-webkit-scrollbar {
    width: 5px; /* Default width */
    transition: width 0.3s ease-in-out;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #f1861f;
        transition: background 0.3s ease-in-out;
    }

/* On hover, increase scrollbar width */
body:hover::-webkit-scrollbar {
    width: 6px; /* Wider scrollbar on hover */
}
.modal-body:hover::-webkit-scrollbar {
    width: 6px; /* Wider scrollbar on hover */
}
/* Change thumb color when hovered */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

body {
    margin: 0;
    font-family: 'Helvetica', sans-serif !important
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Helvetica', sans-serif !important;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica/Helvetica.ttf') format('truetype');
}
 h1{font-size:34px!important}
 h2{font-size:30px!important}
 h3{font-size:24px!important}
 h4{font-size:20px!important}
 h5{font-size:18px!important}
 h6{font-size:16px!important}

@font-face {
    font-family: LatoBold;
    src: url('../fonts/Lato-Bold.ttf');
}

@font-face {
    font-family: 'LatoRegular', sans-serif;
    src: url('../fonts/Lato-Light.ttf');
}
@font-face {
    font-family: 'LatoLight', sans-serif;
    src: url('../fonts/Lato-Regular.ttf');
}

article,aside,details,figcaption,figure, footer,header,main,menu,nav,section,summary {
    display: block;
}

.modal-header{
    align-items:center!important
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}



    audio:not([controls]) {
        display: none;
        height: 0;
    }



[hidden],
template {
    display: none;
}



a {
    background-color: transparent;
}



    a:active,
    a:hover {
        outline: 0;
    }



abbr[title] {
    border-bottom: 1px dotted;
}



b,
strong {
    
}



dfn {
    font-style: italic;
}



h1 {
    font-size: 32px;
    margin: 10px 0;
}



mark {
    background: #ff0;
    color: #000;
}



small {
    font-size: 80%;
}



sub,
sup {
    font-size: 75%;

    position: relative;
    vertical-align: baseline;
}



sup {
    top: -0.5em;
}



sub {
    bottom: -0.25em;
}



img {
    border: 0;
}



svg:not(:root) {
    overflow: hidden;
}



figure {
    margin: 1em 40px;
}



hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}



pre {
    overflow: auto;
}



code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}



button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}



button {
    overflow: visible;
}



button,
select {
    text-transform: none;
}



button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}



    button[disabled],
    html input[disabled] {
        cursor: default;
    }



    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }


    input[type="checkbox"],
    input[type="radio"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }



    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }



    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }



fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}



legend {
    border: 0;
    padding: 0;
}



textarea {
    overflow: auto;
}



optgroup {
    
}


/*
table {

	border-collapse: collapse;

	border-spacing: 0;

}




td,

th {

	padding: 0;

	text-align: left;

	border: 1px solid #b1b1b1;

	padding: 10px;

}

*/



/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/



body,
button,
input,
select,
textarea {
    font-size: 16px;
    font-size: 1rem;

}



h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}





dfn,
cite,
em,
i {
    font-style: italic;
}



blockquote {
    margin: 0 15px;
}



address {
    margin: 0 0 15px;
}



pre {
    background: #eee;
    font-size: 15px;
    font-size: 0.9375rem;

    margin-bottom: 16px;
    max-width: 100%;
    overflow: auto;
    padding: 16px;
}



code,
kbd,
tt,
var {

    font-size: 15px;
    font-size: 0.9375rem;
}



abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}



mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}



big {
    font-size: 125%;
}





/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/



html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}



body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}



blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}



blockquote,
q {
    quotes: "" "";
}



hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}



ul,
ol {
    margin: 0 0 15px 20px;
    padding: 0;
}



ul {
    list-style: disc;
}



ol {
    list-style: decimal;
}



li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}



dt {
    
}



dd {
    margin: 0 15px 15px;
}



img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}



figure {
    margin: 10px 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}



table {
    margin: 0 0 15px;
    width: 100%;
}





/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/



button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    /*border-color: #ccc #ccc #bbb;*/
    border-radius: 3px;
    background: #1abc9c;
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);*/
    color: white;
    font-size: 12px;
    font-size: 1.75rem;

    padding: .6em 1em .6em;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);*/
}



    button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover {
        border-color: #ccc #bbb #aaa;
        /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);*/
        background-color: darkblue;
    }



    button:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus,
    button:active,
    input[type="button"]:active,
    input[type="reset"]:active,
    input[type="submit"]:active {
        border-color: #aaa #bbb #bbb;
        -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
    }



input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    padding: 3px;
}



select {
    border: 1px solid #ccc;
}



input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}



textarea {
    width: 100%;
}





/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/





/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/



a {

    text-decoration: none;
    transition: all 350ms ease-in-out;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
}





    /*a:visited {

	color: purple;

}

*/



    a:hover,
    a:focus,
    a:active {
        color: #fea100;
    }



    a:focus {
        outline: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }



    a:hover,
    a:active {
        outline: 0;
    }





/*===============================

			POSTS-COMMENTS

=================================*/



.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 15px;
    overflow: hidden;

    font-size: 14px;
}



.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}



.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}


/*
.navigation a {
    display: inline-block;
    background-color: #fea100;
    border: 2px solid #fea100;
    color: #ffffff;
    line-height: 1.3;
    position: relative;
}
*/


.navigation .nav-previous a {
    padding: 10px 14px 10px 23px;
}



.navigation .nav-next a {
    padding: 10px 23px 10px 14px;
}



.navigation .nav-previous a:before {
    content: '\f104';
    font-family: 'FontAwesome';
    font-size: 17px;
    position: absolute;
    top: 50%;
    left: 9px;
    margin-top: -12px;
}



.navigation .nav-next a:after {
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 17px;
    position: absolute;
    top: 50%;
    right: 9px;
    margin-top: -12px;
}



.navigation a:hover {
    background-color: transparent;
    color: #666666;
    border-color: #666666;
}





/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/





/* Text meant only for screen readers. */



.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}





/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/



.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}



.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}



.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}





/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/



.clearfix:before,
.clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    clear: both;
}



.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}





/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/



.sticky {
    display: block;
}



.hentry {
    margin: 0 0 60px;
}



.byline,
.updated:not(.published) {
    display: none;
}



.single .byline,
.group-blog .byline {
    display: inline;
}



.page-content,
.entry-content,
.entry-summary {
    margin: 0 0;
}



.page-links {
    clear: both;
    margin: 0 0 15px;
}





/*--------------------------------------------------------------

## Asides

--------------------------------------------------------------*/



.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}





/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/



.comment-content a {
    word-wrap: break-word;
}



.bypostauthor {
    display: block;
}





/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/





/* Globally hidden elements when Infinite Scroll is supported and in use. */



.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}





/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */



.infinity-end.neverending .site-footer {
    display: block;
}





/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/



.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}





/* Make sure embeds and iframes fit their containers. */



embed,
iframe,
object {
    max-width: 100%;
}





/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/



.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}



    .wp-caption img[class*="wp-image-"] {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }



    .wp-caption .wp-caption-text {
        margin: 0.8075em 0;
    }



.wp-caption-text {
    text-align: center;
}





/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/



.gallery {
    margin-bottom: 1.5em;
}



.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}



.gallery-columns-2 .gallery-item {
    max-width: 50%;
}



.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}



.gallery-columns-4 .gallery-item {
    max-width: 25%;
}



.gallery-columns-5 .gallery-item {
    max-width: 20%;
}



.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}



.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}



.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}



.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}



.gallery-caption {
    display: block;
}





/*==================================================

			CONSTRUCTION-CSS-STARTS

====================================================*/





/*-----------------------------------------------

				WIDGETS

------------------------------------------------*/



.widget {
    margin: 0 0 40px;
}





    /* Make sure select elements fit in widgets. */



    .widget select {
        max-width: 100%;
    }



.widget_construction_lite_recent_post .recent-posts-content {
    padding: 0;
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



.widget_construction_lite_recent_post .image-recent-post {
    width: 20%;
    float: left;
}



    .widget_construction_lite_recent_post .image-recent-post img {
        display: block;
        width: 100%;
    }



.widget_construction_lite_recent_post .date-title-recent-post {
    width: 75%;
 


    float: left;
    margin-left: 2%;
}



.widget_construction_lite_recent_post .recent-post-title {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}



.widget_construction_lite_recent_post .recent-post-date {
    display: block;
    color: #777777;
    text-transform: uppercase;
    font-size: 12px;
}


/*.container-fluid{
    padding:70px!important
}*/
.widget-title,
.comments-area .comment-reply-title,
.comments-area .comments-title {
    

    color: #454545;
    text-transform: capitalize;
    font-size: 20px;
    margin: 0 0 10px;
    padding-bottom: 15px;
    position: relative;
    border-bottom: 2px solid #e3e3e3;
}



    .widget-title:after,
    .comments-area .comment-reply-title:after,
    .comments-area .comments-title:after {
        content: '';
        position: absolute;
        width: 60px;
        height: 2px;
        background-color: #fea100;
        bottom: -2px;
        left: 0;
    }



.widget_search .widget-title {
    display: none;
}



.widget_search .search-form {
    position: relative;
}



.widget_search .search-field {
    width: 100%;
    color: #a8a8a8;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 45px 15px 10px;
    border: none;
    border-radius: 0;
    -webkit-appearance: textfield;
}



.widget_search .search-submit {
    position: absolute;
    top: 50%;
    right: 15px;
    background: url('images/search.webp') no-repeat;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    font-size: 0;
}



    .widget_search .search-submit:hover {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }



.widget ul {
    padding: 0;
    margin: 0;
    list-style: none;
}



.widget-area ul li {
    border-bottom: 1px solid #d2d2d2;
    padding: 15px 0;
   
   
    font-size: 14px;
}



.widget_nav_menu ul ul {
    margin-left: 15px;
}



.widget-area ul li:last-child {
    border-bottom: 0;
}



.widget_nav_menu ul ul li:last-child {
    padding-bottom: 0;
}



/*.widget_nav_menu ul li a,
.widget_pages ul li a,
.widget_meta ul li a {
    color: #555555;
}
*/


.widget_recent_comments ul li a {
    color: #aaaaaa;
}



.widget a:hover {
    color: #fea100;
}



.widget_tag_cloud .tagcloud {
    margin-top: 25px;
}



    .widget_tag_cloud .tagcloud a {
        text-transform: uppercase;
        padding: 12px 16px;
        background-color: #ffffff;
        font-size: 14px !important;

      
        display: inline-block;
        margin: 0 12px 12px 0;
    }



        .widget_tag_cloud .tagcloud a:hover {
            background-color: #fea100;
            color: #ffffff;
        }





/*----Calender-Css----*/





/*end*/



.ak-container {
    width: 1260px auto;
    margin: 0 auto;
    padding:0px 60px
}
.pad-0-60 {
    padding: 0px 70px
}



.site-content {
    /*padding-bottom: 140px;*/
    background-color: #f5f5f5;
    margin-top: -70px;
    padding-top: 0px;
}



.home.blog .site-content {
    padding-bottom: 140px;
}



.home .site-content {
    padding-bottom: 0;
    background-color: #f5f5f5;
}


/*--------------------------------

			TOP HEADER

---------------------------------*/
.top-bar {
    background-color: #404043;
    height: 40px;
    padding: 5px;
}

.top-bar-content .fa {
    font-size: 15px;
    color: #f0871e
}

.top-bar-content a {
    color: white !important;
}

.top-bar-content {
    color: #fff;
    text-align: right;
    text-align: right;

}

/*--------------------------------

			HEADER

---------------------------------*/



.site-branding {
    float: none;
    padding: 0;
}



.site-title {
    font-size: 28px;
    text-transform: uppercase;
    

    margin-bottom: 10px;
    margin-top: 0;
}



    .site-title a {
        color: #fea100;
    }



.site-description {
    font-size: 16px;

    margin-top: 0;
    margin-bottom: 0;
}



.site-header {
    border-bottom: 0px solid #F6F6F6;
}



.blog .site-header {
    margin-bottom: 30px;
}



.site-header .ak-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}



.site-header .ak-search {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9999;
    background: #FFF;
    padding: 20px;
    clear: both;
}



.site-header .search-icon {
    float: left;
}



.site-header .ak-search label {
    float: left;
}



    .site-header .ak-search label input[type="search"] {
        font-size: 14px;
        padding: 4.5px 7px;
        height: 32px;
        -webkit-appearance: textfield;
    }



.site-header .ak-search input[type="submit"] {
    background-color: #fea100;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 9px 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #fea100;
    border-radius: 0;
    text-shadow: none;
}





/*--------------------------------------------------------------

## MENUS

--------------------------------------------------------------*/



.main-navigation {
    display: block!important;
    float: right;
    max-width: initial;
    text-align: right;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;

}



    .main-navigation .primary-menu {
        float: left;
    }



    .main-navigation .search-toggle {
        float: left;
        margin-left: 30px;
    }



    .main-navigation ul {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding-left: 0;
    }



    .main-navigation li {
        display: inline-block;
        position: relative;
        font-size: 16px;
        text-transform: uppercase;
        margin: 0 15px;
        
    }



    .main-navigation ul.menu > li:last-child {
        margin-right: 0;
    }



    .main-navigation a {
        display: block;
        text-decoration: none;
        color: #00003f;
        padding: 15px 0;
        
    }



    .main-navigation ul ul {
        background-color: #ffffff;
        position: absolute;
        top: 100%;
        left: -20px;
        z-index: 99999;
        text-align: left;
        min-width: 200px;
        opacity: 0;
        visibility: hidden;
        transition: all 350ms ease-in-out;
        -webkit-transition: all 350ms ease-in-out;
        -moz-transition: all 350ms ease-in-out;
    }



        .main-navigation ul ul ul {
            top: 0;
        }



    .main-navigation ul.menu > li:last-child ul {
        right: -20px;
        left: auto;
    }



        .main-navigation ul.menu > li:last-child ul ul {
            right: 0;
        }



    .main-navigation ul ul a {
        /*width: 200px;*/
        padding: 15px;
    }



    .main-navigation ul ul li {
        margin: 0;
        padding: 0;
        font-size: 14px;
        border-bottom: 1px solid #f0f0f0;
        text-transform: initial;

        width: 100%;
        
    }



    .main-navigation li:hover > a,
    .main-navigation li.focus > a {
        color: #fea100;
    }



    .main-navigation ul ul:hover > a,
    .main-navigation ul ul .focus > a {
    }



    .main-navigation ul ul a:hover,
    .main-navigation ul ul a.focus {
    }



    .main-navigation ul li:hover > ul,
    /*.main-navigation ul li.focus>ul {

	left: 0;

	visibility: visible;

	opacity: 1;

}*/
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: 100%;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
    }



    .main-navigation ul.menu > li:last-child:hover ul {
        right: 0;
    }



    .main-navigation ul.menu > li:last-child ul li:hover ul,
    .main-navigation ul.menu > li:last-child ul li.focus ul {
        right: 100%;
        transform: translateX(-1px);
        -webkit-transform: translateX(-1px);
        -moz-transform: translateX(-1px);
    }



    .main-navigation .current_page_item > a,
    .main-navigation .current-menu-item > a,
    .main-navigation a:hover {
        color: #fea100;
    }





    /* Small menu. */



    .menu-toggle,
    .main-navigation.toggled ul {
        display: block;
    }



@media screen and (min-width: 37.5em) {

    .menu-toggle {
        display: none;
    }

    /*.main-navigation ul {

		display: inline-block;

	}*/

}





/*toggle*/



#site-navigation #toggle {
    display: none;
    width: 28px;
    margin: 15px 0;
    float: right;
    cursor: pointer;
}



    #site-navigation #toggle div {
        width: 100%;
        height: 3px;
        background-color: #fea100;
        margin: 3px 0;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
    }



    #site-navigation #toggle.on div.one {
        -webkit-transform: rotate(45deg) translate(3px, 3px);
        transform: rotate(45deg) translate(3px, 3px);
    }



    #site-navigation #toggle.on div.two {
        opacity: 0;
    }



    #site-navigation #toggle.on div.three {
        -webkit-transform: rotate(-45deg) translate(5px, -6px);
        transform: rotate(-45deg) translate(5px, -6px);
    }





/*--------------------------------

			SLIDER

---------------------------------*/



.mail-slider-header-wrap {
    position: relative;
}



.slider-text-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);

}



    .slider-text-content .slider-title {
        font-size: 34px;
        color: #ffffff;
 
        text-transform: uppercase;
        
        max-width: 80%;
        margin-bottom: 30px;
    }

        .slider-text-content .slider-title h3 {
            margin-top: 20px;
        }

.slider-content {
    font-size: 18px;
    
    text-transform: none;
    color: rgba(255, 255, 255,1);
    max-width: 60%;

}

    .slider-content a {
        color: #fff;
        border: 1px solid #fff;
        padding: 10px;
    }

        .slider-content a:hover {
            background: #fff !important;
            color: #1869bd;
            border: 1px solid #fff !important;
        }



    .slider-content div {
        margin-top: 50px;
    }



        .slider-content div a {
            font-size: 14px;
            
            text-transform: uppercase;
            color: #ffffff;
            background-color: transparent;
            border: 2px solid #ffffff;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            padding: 12px 20px;
            margin-right: 20px;
            display: inline-block;
        }



    .slider-content a:hover {
        background-color: #fea100;
        border-color: #fea100;
    }



.mail-slider-header-wrap .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    opacity: 0;
    transition: all 350ms ease-in-out;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}



.mail-slider-header-wrap .owl-prev,
.mail-slider-header-wrap .owl-next {
    position: absolute;
    background-color: #000000;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    text-indent: -99999px;
    opacity: 0.6;
    transition: all 350ms ease-in-out;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
}



.mail-slider-header-wrap .owl-prev {
    left: 0;
    margin-left: 10px;
}



.mail-slider-header-wrap .owl-next {
    right: 0;
    margin-right: 10px;
}



    .mail-slider-header-wrap .owl-prev:before,
    .mail-slider-header-wrap .owl-next:before {
        content: '';
        position: absolute;
        background: url('images/slider-arrow.webp') no-repeat;
        width: 100%;
        height: 18px;
        top: 50%;
        margin-top: -9px;
    }



.mail-slider-header-wrap .owl-prev:before {
    left: 0;
    background-position: 14px 0;
}



.mail-slider-header-wrap .owl-next:before {
    right: 0;
    background-position: -20px 0;
}



.mail-slider-header-wrap:hover .owl-nav {
    opacity: 1;
}



.mail-slider-header-wrap .owl-prev:hover,
.mail-slider-header-wrap .owl-next:hover {
    background-color: #fea100;
}





/*-------------------------

		SECTIONS

-----------------------------*/



.section-title {
    font-size: 14px;

    text-transform: uppercase;

}



    .section-title h5 {
        margin: 0 0 10px;
        
    }



.section-sub-title {
    color: #454545;
    text-transform: uppercase;

    
}



    .section-sub-title h2 {
        padding-bottom: 10px;
        margin: 0 0 40px;
        position: relative;
       
        font-size: 38px;
    }



        .section-sub-title h2:before {
            content: '';
            position: absolute;
            background-color: #fea100;
            width: 40px;
            height: 3px;
            bottom: 0;
            left: 0;
        }





/*------------------------------

		ABOUT-SECTION

------------------------------*/



.about_section {
    padding: 105px 0 105px 0;
    overflow: hidden;
}



.about-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



    .about-content-wrap .left-about-content {
        width: 50%;
        margin-top: 30px;
        float: left;
    }



    .about-content-wrap .right-about-content {
        float: right;
        width: 44%;
        position: relative;
        text-align: right;
        margin-left: 6%;
    }



        .about-content-wrap .right-about-content:before {
            content: '';
            position: absolute;
            width: 430px;
            height: 410px;
            background-color: transparent;
            border: 20px solid #dfdfdf;
            top: -15%;
            left: 20px;
            z-index: -1;
        }



    .about-content-wrap .about-posts h5 {
        margin: 0;
        
    }



.about-post-title a {
    font-size: 22px;
    color: #343434;
    display: inline-block;
    margin-bottom: 25px;
   
}



    .about-post-title a:hover {
        color: #fea100;
    }



.about-post-content {
    font-size: 14px;
    color: #696868;
 
    max-width: 90%;
    margin-bottom: 25px;
}



.about-button a {
    display: inline-block;
    padding: 12px 30px;
    border: 2px solid #e6e6e6;
    font-size: 14px;
    color: #343434;
    background-color: transparent;
    text-transform: capitalize;
}



    .about-button a:hover {
        background-color: #fea100;
        color: #ffffff;
        border-color: #fea100;
    }





/*----------------------------------------

		FEATURES-SECTION

------------------------------------------*/



.feature_section .section-title-sub-wrap {
    text-align: center;
    margin-bottom: 240px;
}



.feature_section .section-sub-title h2:before,
.team_section .section-sub-title h2:before,
.shop_section .section-sub-title h2:before {
    left: 50%;
    margin-left: -20px;
}



.feature_section .posts-feature {
    background-color: #fea100;
    color: #ffffff;
    padding: 60px 0 0;
}



.feature_section .feature-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
}



    .feature_section .feature-post:nth-of-type(odd) {
        float: left;
        width: 34%;
        text-align: right;
        margin-right: 16%;
    }



    .feature_section .feature-post:nth-of-type(even) {
        float: right;
        width: 34%;
        margin-left: 16%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }



    .feature_section .feature-post:nth-of-type(2n+1) {
        clear: left;
    }



.title-content-feature {
    width: -moz-calc(100% - 75px);
    width: -webkit-calc(100% - 75px);
    width: calc(100% - 75px);
}

.feature_section .feature-post:nth-of-type(odd) .title-content-feature {
    padding-right: 20px;
}

.feature_section .feature-post:nth-of-type(even) .title-content-feature {
    padding-left: 20px;
}

.feature-post .feature-title h3 {
    font-size: 16px;
    
    margin: 0 0 15px;

    text-transform: uppercase;
}



.feature-post .feature-title a {
    color: #ffffff;
}



.feature-post .feature-content {
    font-size: 14px;
    
}



.feature-post .feature-image {
    width: 75px;
    height: 75px;
    border: 3px solid #ffffff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    text-align: center;

}



    .feature-post .feature-image img {
        vertical-align: middle;
    }



.posts-feature .ak-container {
    position: relative;
}



.posts-feature .section-feature-image {
    position: absolute;
    bottom: 0;
    left: 50%;
    max-width: 320px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}



    .posts-feature .section-feature-image img {
        display: block;
        width: 100%;
    }





/*-------------------------------

			TEAM-SECTION

---------------------------------*/



.team_section {
    padding: 80px 0 0;
    text-align: center;
    overflow: hidden;
}



    .team_section .widget_construction_lite_team {
        float: left;
        width: 31%;
        margin-left: 2.33%;
        margin-bottom: 0;
    }



.team-members-contents {
    margin-left: -2.33%;
}



.team-members .member-image img {
    display: block;
    margin: 0 auto;
}



.team-members .member-image {
    -webkit-transition: transform 350ms ease-in-out;
    -webkit-transition: -webkit-transform 350ms ease-in-out 0s;
    transition: -webkit-transform 350ms ease-in-out 0s;
    transition: transform 350ms ease-in-out 0s;
    transition: transform 350ms ease-in-out 0s, -webkit-transform 350ms ease-in-out 0s;
}



.team-sub-wrap {
    position: relative;
    top: 0;
    border-top: 1px solid #dddddd;
    background-color: #ffffff;
    padding: 40px 0 80px 0;
    -webkit-transition: transform 350ms ease-in-out;
    -webkit-transition: -webkit-transform 350ms ease-in-out 0s;
    transition: -webkit-transform 350ms ease-in-out 0s;
    transition: transform 350ms ease-in-out 0s;
    transition: transform 350ms ease-in-out 0s, -webkit-transform 350ms ease-in-out 0s;
}







    .member-name-designation-social .member-name {
        font-size: 16px;
        
        text-transform: uppercase;
        margin: 0 0 15px;
        color: #343434;
    }



        .member-name-designation-social .member-name h5 {
            margin: 0;
        }



    .member-name-designation-social .member-designation {
        font-size: 13px;
    
        text-transform: uppercase;
        margin: 0 0 28px;
        color: #6a6a6a;

        padding-bottom: 28px;
        position: relative;
    }



        .member-name-designation-social .member-designation:after {
            content: '';
            background-color: #fea100;
            width: 30px;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -15px;
        }



.member-social-profile a {
    margin: 0 10px;
    color: #999999;
    display: inline-block;
}



    .member-social-profile a:hover {
        color: #fea100;
    }



.member-description {
    position: absolute;
    font-size: 15px;
    
    padding: 0 30px;
    margin-top: 40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease-in-out;
    -webkit-transition: all 350ms ease-in-out 0s;
    transition: all 350ms ease-in-out 0s;
}



.team_section .widget_construction_lite_team:hover .member-description {
    opacity: 1;
    visibility: visible;
}



.team_section .widget_construction_lite_team:hover .team-sub-wrap {
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    /*bottom: 80px;*/
}



.team_section .widget_construction_lite_team:hover .member-image {
    -webkit-transform: translateY(-20px);
}





/*-------------------------------

		PORTFOLIO-SECTION

---------------------------------*/



.portfolio_section,
.testimonial_section {
    padding: 80px 0;
    background-color: #f7f7f7;
}



    .portfolio_section .images-content {
        position: relative;
        overflow: hidden;
    }



        .portfolio_section .images-content:before {
            content: '';
            position: absolute;
            background-color: rgba(0, 0, 0, 0.7);
            width: 0%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 1;
            transition: all 350ms ease-in-out;
            -webkit-transition: all 350ms ease-in-out;
            -moz-transition: all 350ms ease-in-out;
        }



    .portfolio_section .work-title {
        position: absolute;
        bottom: 0;
        right: 100%;
        font-size: 24px;
        color: #ffffff;
        text-transform: uppercase;
     
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        width: 80%;
        transition: all 350ms ease-in-out;
        -webkit-transition: all 350ms ease-in-out;
        -moz-transition: all 350ms ease-in-out;
    }



        .portfolio_section .work-title h3 {
            
        }



    .portfolio_section .images-content:hover:before {
        width: 100%;
    }



    .portfolio_section .images-content:hover .work-title {
        right: 0;
        left: 0;
        padding: 0 20px;
        opacity: 1;
        visibility: visible;
    }



    .portfolio_section .owl-nav {
        position: absolute;
        width: 18px;
        height: 32px;
        top: 50%;
        margin-top: -16px;
        font-size: 0;
        width: 100%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }



        .portfolio_section .owl-nav .owl-prev {
            left: 10px;
            position: absolute;
        }



        .portfolio_section .owl-nav .owl-next {
            right: 10px;
            position: absolute;
        }



        .portfolio_section .owl-nav .owl-prev,
        .portfolio_section .owl-nav .owl-next {
            transition: all ease 0.4s;
            -webkit-transition: all ease 0.4s;
            -ms-transition: all ease 0.4s;
        }



            .portfolio_section .owl-nav .owl-prev:before {
                content: '\f104';
                font-family: FontAwesome;
                position: absolute;
                font-size: 76px;
                color: #fff;
            }



            .portfolio_section .owl-nav .owl-next:before {
                content: '\f105';
                font-family: FontAwesome;
                position: absolute;
                font-size: 76px;
                color: #fff;
                right: 0;
            }



            .portfolio_section .owl-nav .owl-prev:hover:before,
            .portfolio_section .owl-nav .owl-next:hover:before {
                color: #fea100;
                transition: all ease 0.4s;
                -webkit-transition: all ease 0.4s;
                -ms-transition: all ease 0.4s;
            }



            .portfolio_section .owl-nav .owl-prev:hover {
                background-position: 0 -39px;
            }



            .portfolio_section .owl-nav .owl-next:hover {
                background-position: -30px -39px;
            }





/*-----------------------------------

			BLOG-SECTION

-------------------------------------*/



.blog_section {
    padding: 80px 0 60px;
}



    .blog_section .blogs-loop {
        float: left;
        width: 48%;
        margin-left: 2%;
        margin-bottom: 30px;
    }

        .blog_section .blogs-loop:nth-of-type(2n+1) {
            clear: left;
        }

    .blog_section .blogs-contents {
        margin-left: -2%;
    }



    .blog_section .blogs-loop .blog-left {
        float: left;
        width: 45%;
    }



    .blog_section .blog-left img {
        display: block;
        width: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: transform 0.6s ease-in-out;
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    }



    .blog_section .blog-left .image-date {
        position: relative;
        overflow: hidden;
    }



    .blog_section .blog-left .blog-date {
        position: absolute;
        bottom: 15px;
        right: 15px;
        padding: 20px;
 
        text-align: center;
        background-color: #fea100;
        color: #ffffff;
        text-transform: uppercase;
    }



    .blog_section .blog-date .blog-day {
        font-size: 36px;
        
        display: block;
    }



    .blog_section .blog-date .blog-month {
        font-size: 20px;
        
        display: block;
    }



    .blog_section .blog-left .image-date:hover img {
        -webkit-transform: rotate(15deg) scale(1.3);
        transform: rotate(15deg) scale(1.3);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }



    .blog_section .blogs-loop .blog-right {
        float: left;
        width: 50%;
        margin-left: 5%;
    }



    .blog_section .blogs-loop .blog-title {
        font-size: 16px;
        
        color: #343434;
        position: relative;
        text-transform: uppercase;

    }



        .blog_section .blogs-loop .blog-title h5 {
            margin: 0 0 10px;
            padding-bottom: 10px;
        }



        .blog_section .blogs-loop .blog-title:after {
            content: '';
            position: absolute;
            width: 30px;
            height: 2px;
            background-color: #fea100;
            bottom: 0;
            left: 0;
        }



    .blog_section .blogs-loop .author-comment {
        
        font-size: 12px;
        text-transform: uppercase;
        color: #6a6a6a;
        margin-bottom: 20px;

    }



    .blog_section .blogs-loop .blog-author a {
        color: #6a6a6a;
        margin-right: 20px;
    }



    .blog_section .blogs-loop .blog-content {
        font-size: 15px;
        

    }



        .blog_section .blogs-loop .blog-content a {
            display: block;
            margin-top: 20px;
            color: #343434;
            text-transform: capitalize;
        }



    .blog_section .blogs-loop a:hover {
        color: #fea100;
    }





/*------------------------------

		CTA-SECTION

----------------------------*/



.cta_section {
    background: url('images/call-to-action-bg.webp') no-repeat;
    padding: 80px 0;
    text-align: center;
    color: #ffffff;
    position: relative;
    background-size: cover !important;
}



    .cta_section:before {
        content: '';
        position: absolute;
        background-color: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }



    .cta_section .cta-weap {
        position: relative;
        z-index: 2;
    }



.title-cta {
    font-size: 30px;
    
    text-transform: uppercase;
    position: relative;

    margin-bottom: 35px;
    padding-bottom: 15px;

}



    .title-cta:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 66px;
        height: 3px;
        margin-left: -33px;
        background-color: #fea100;
    }



.desc-cta {
    font-size: 24px;
    max-width: 45%;
    margin: 0 auto 35px;

}



.cta-button a {
    background-color: #fea100;
    border: 2px solid #fea100;
    display: inline-block;
    padding: 17px 26px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 14px;
    

}



    .cta-button a:hover {
        background-color: transparent;
    }





/*-----------------------------

	TESTIMONIAL-SECTION

------------------------------*/



.testimonial_section .test-psots-wrap {
    margin-top: 45px;
    position: relative;
}



.testimonial_section .image-test {
    max-width: 75px;
    height: 75px;
    width: 100%;
    border-radius: 50%;
    float: left;
}



    .testimonial_section .image-test img {
        border-radius: 50%;
    }



.testimonial_section .title-desc-test {
    float: left;
    margin-left: 8px;
    width: -moz-calc(100% - 80px - 8px);
    width: -webkit-calc(100% - 80px - 8px);
    width: calc(100% - 80px - 8px);
}



.testimonial_section .test-desc {
    background-color: #f0f0f0;
    color: #777777;
    padding: 18px;
    border-radius: 10px;
    margin-bottom: 40px;
    font-size: 14px;
    position: relative;
}



    .testimonial_section .test-desc:after {
        content: '';
        position: absolute;
        left: 20px;
        bottom: -23px;
        width: 0;
        border-style: solid;
        border-width: 12px;
        border-color: #f0f0f0 transparent transparent #f0f0f0;
    }



.testimonial_section .top-quote:before {
    width: 33px;
    height: 28px;
    position: absolute;
    top: 15px;
    left: 15px;
    content: '\f10d';
    display: block;
    font-size: 28px;
    font-family: 'FontAwesome';
    color: #FBC000;
}



.testimonial_section .bottom-quote:before {
    width: 33px;
    height: 28px;
    position: absolute;
    bottom: 15px;
    right: 70px;
    content: '\f10e';
    font-size: 28px;
    font-family: 'FontAwesome';
    color: #FBC000;
}



.testimonial_section .test-desc p {
    margin: 30px 0 20px 30px;
}



.testimonial_section .test-title {
    font-size: 12px;
    
    color: #000000;
    text-transform: uppercase;
    
}



    .testimonial_section .test-title span {
        display: block;
        font-size: 13px;
        
        font-style: italic;
      
        margin-top: 6px;
    }



.test-psots-wrap .owl-nav div {
    background: url('images/testimonial-arrow.webp') no-repeat;
    position: absolute;
    top: 50%;
    width: 18px;
    height: 32px;
    margin-top: -16px;
    text-indent: -99999px;
    opacity: 0;
}



.test-psots-wrap .owl-nav .owl-prev {
    left: 0;
    background-position: 0 0;
}



.test-psots-wrap .owl-nav .owl-next {
    right: 0;
    background-position: -39px 0;
}



.test-psots-wrap .owl-nav .owl-prev:hover {
    background-position: 0 -40px;
}



.test-psots-wrap .owl-nav .owl-next:hover {
    background-position: -39px -40px;
}



.test-psots-wrap:hover .owl-nav div {
    opacity: 1;
}



.test-psots-wrap .owl-dots {
    text-align: center;
}



.test-psots-wrap .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #666666;
    margin: 0 2px;
    display: inline-block;
}



    .test-psots-wrap .owl-dot:hover,
    .test-psots-wrap .owl-dot.active {
        background-color: #fea100;
    }





/*-------------------------------

		CLIENTS-SECTION

---------------------------------*/



.client_section {
    padding: 80px 0;
}



.client-logo-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    overflow: hidden;
}



    .client-logo-wrap .client-contents {
        width: 16.667%;
        padding: 20px 0;
        background-color: transparent;
        position: relative;
        -webkit-transition: all 350ms ease-in-out;
        transition: all 350ms ease-in-out;
        min-height: 160px;
        max-height: 200px;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }



        .client-logo-wrap .client-contents:before {
            content: '';
            position: absolute;
            height: 100%;
            top: 0;
            left: -1px;
            border-left: 1px solid #e9e9e9;
        }



        .client-logo-wrap .client-contents:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 0;
            left: 0;
            top: auto;
            bottom: -1px;
            border-bottom: 1px solid #e9e9e9;
        }



        .client-logo-wrap .client-contents img {
            display: block;
            margin: 0 auto;
        }



        .client-logo-wrap .client-contents:hover {
            background-color: #e9e9e9;
        }





/*=====================INNER-PAGES===============*/





/*-----------------------------

		INNER-BLOG-PAGE

-----------------------------*/



.header-banner-container {
    position: relative;
    margin-bottom: 65px;
    background-size: cover !important;
    background-image: url('images/call-to-action-bg.webp');
    background-position: center;
}



    .header-banner-container .ak-container {
        position: relative;
        padding-top: 75px;
        padding-bottom: 75px;
    }



    .header-banner-container:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 99;
    }



    .header-banner-container .page-title-wrap h1.page-title {
        position: relative;
        z-index: 99;
    }



    .header-banner-container .page-title {
        font-size: 30px;
        color: #ffffff;
        text-transform: uppercase;
        
        margin: 0 0 15px;

    }



.taxonomy-description {
    color: #FFF;
}



#construction-breadcrumb {
    background: rgba(255, 255, 255, 0.6);
    padding: 4px 15px 4px;
    color: #000;
    position: absolute;
    z-index: 999;
    width: 100%;
    bottom: 0;
}



    #construction-breadcrumb a,
    #construction-breadcrumb span.current {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
  
    }



        #construction-breadcrumb a:hover {
            text-decoration: underline;
        }



.content-area {
    float: left;
    width: 71%;
}



#secondary {
    float: right;
    width: 27%;
    /*background-color: #f1f1f1;*/
    /*padding: 50px 40px;*/
}



.entry-title {
    font-size: 18px;
    color: #454545;
    
    text-transform: uppercase;
    position: relative;

    padding-bottom: 10px;
    margin: 0 0 20px;
}



    .entry-title a {
        color: #454545;
    }



article.post .entry-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #fea100;
}



article.post a.read-more {
    display: inline-block;
    padding: 12px 14px;
    background-color: #fea100;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;

    border-radius: 5px;
}



    article.post a.read-more i {
        margin-left: 12px;
        font-size: 15px;
    }



    article.post a.read-more:hover {
        background-color: #454545;
    }



.comment-author-date {
    font-size: 12px;
    text-transform: uppercase;
    color: #777777;

    margin-bottom: 15px;
}



    .comment-author-date a {
        color: #777777;
    }



        .comment-author-date a:hover,
        .entry-title a:hover {
            color: #fea100;
        }



    .comment-author-date span {
        margin-right: 27px;
    }



        .comment-author-date span .fa {
            margin-right: 7px;
        }



.entry-content p {
    margin-top: 0;

    font-size: 15px;
}



article .entry-header img {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 0px;
}





/*----PAGINATIONS---*/



.navigation.pagination {
    text-align: center;
}



.nav-links .page-numbers {
    background-color: #f8f8f8;
    border: 1px solid #d1d1d1;
    padding: 15px;
    display: inline-block;
    font-size: 14px;

}

.nav-links .page-numbers.current,
.nav-links a.page-numbers:hover {
    background-color: #fea100;
    color: #ffffff;
    border-color: #fea100;
}



.search.search-results .site-content {
    -webkit-box-shadow: 3px 3px 8px #f1f1f1 inset;
    box-shadow: 3px 3px 8px #f1f1f1 inset;
}





/*-------------------------------

		DETAIL-PAGE

---------------------------------*/





/*--------------------------------

		COMMENTS-AREA

------------------------------------*/



.comments-area {
    margin-top: 50px;
}



.comment-notes {
    font-size: 14px;
    color: #777777;
    font-style: italic;
}



.comments-area label {
    font-size: 14px;
    
    display: block;
}



.comment-form-author,
.comment-form-email,
.comment-form-url {
    display: inline-block;
    width: 31.5%;
    margin-right: 2%;
}



.comment-form-url {
    margin-right: 0;
}



    .comment-form-author input,
    .comment-form-email input,
    .comment-form-url input {
        width: 100%;
        height: 50px;
    }



.comments-area span.required {
    color: #fea100;
}



.comments-area .form-submit {
    text-align: right;
}



.comments-area input[type=submit] {
    color: #ffffff;
    background-color: #fea100;
    border-radius: 20px;
    text-transform: uppercase;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    padding: 15px 25px;

    font-size: 14px;
    
    border-color: #fea100;
    -webkit-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}



    .comments-area input[type=submit]:hover {
        background-color: #454545;
        border-color: #454545;
    }



.comments-area ol {
    list-style: none;
    margin: 30px 0 80px 0;
    padding: 0;
}



.comments-area .comment-author img {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    float: left;
    margin-right: 30px;
    padding: 4px;
    width: 80px;
    height: 80px;
}



.comment-wrapper {
    margin-bottom: 10px;
}



.comments-area ol ol.children {
    margin-left: 30px;
}



.comments-area .comment-metadata {
    display: inline-block;
    margin: 3px 0 8px 0;
    font-size: 14px;
    color: #aaaaaa;
}



.comments-area .comment-author .fn a {
    display: inline-block;
    margin: 0;
    
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
}



.comment-edit-link {
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
}



    .comment-edit-link:before {
        content: '\f044';
        position: absolute;
        font-family: 'FontAwesome';
        font-size: 14px;
        left: 0;
    }



.comments-area em {
    font-size: 14px;
    font-style: italic;
    color: #aaaaaa;
    padding-left: 16px;
}



.comments-area .comment-content {
    margin: 10px 10px 10px 110px;
    
    color: #737373;
    border-top: 2px solid #efefef;
    font-size: 16px;
}



.comment-content p {
    margin-top: 0;
}



.comments-area .reply {
    text-align: right;
}



    .comments-area .reply .comment-reply-link {
        display: inline-block;
        padding: 8px 15px;
        color: #fea100;
        border: 1px solid #d7d4d4;
        border-radius: 20px;
        font-size: 10px;
        
        text-transform: uppercase;

    }



.comments-area a:hover,
.comments-area .comment-author .fn a:hover {
    color: #fea100;
}



.comments-area .reply .comment-reply-link:hover {
    background-color: #fea100;
    color: #ffffff;
    border-color: #fea100;
}



.page-content .search-form input[type="search"] {
    height: 50px;
    width: 60%;
    padding: 10px 20px;
    -webkit-appearance: textfield;
}



.page-content .search-form input[type="submit"] {
    background-color: #fea100;
    color: #ffffff;
    padding: 10px 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #fea100;
    height: 50px;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 0;
    -webkit-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}



    .page-content .search-form input[type="submit"]:hover {
        background-color: #414141;
        border-color: #414141;
    }



.error-404 p {
    margin-top: 0;
}





/*features-page*/



.feature-cat-post article .entry-header img {
    background-color: #fea100;
    padding: 20px;
}





/*-------------------------------------------

			CONTACT-US-PAGE

-------------------------------------------*/



.page-template-contact-template .content-area {
    float: none;
    width: 100%;
    clear: both;
}



.contact-area,
.map-area {
    float: left;
    width: 49%;
}



.map-area {
    margin-left: 2%;
}



.contact-area .contact-titl {
    


    text-transform: capitalize;
    font-size: 21px;
    margin-bottom: 25px;
}



.contact-area .contact-desc {
    margin-bottom: 25px;
}



.contact-area .contact-form-post .your-name,
.contact-area .contact-form-post .your-email {
    display: inline-block;
    width: 49.5%;
    vertical-align: top;
}



.contact-area .contact-form-post input {
    padding: 5px 10px;
    height: 50px;
    font-size: 14px;
    color: #aaaaaa;
    width: 100%;
}



.contact-area .contact-form-post .your-message textarea {
    padding: 5px 10px;
    font-size: 14px;
    color: #aaaaaa;
    width: 100%;
    height: 110px;
}



.contact-area .contact-form-post input[type=submit] {
    width: auto;
    background-color: #fea100;
    color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;

    padding: 10px 18px;
    text-transform: uppercase;
    border-color: #fea100;
    border-radius: 0;
    transition: all 350ms ease-in-out;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
}



    .contact-area .contact-form-post input[type=submit]:hover {
        background-color: #454545;
        border-color: #454545;
    }



.contact-area .contact-form-post .your-subject,
.contact-area .contact-form-post .your-message {
    display: block;
}



.contact-area .contact-form-post p br {
    display: none;
}



.map-area p {
    margin: 0;
}





/*-------------------------------

			FOOTER

-------------------------------*/



.site-footer {
    text-align: left;
    background-color: #404043;
    color: #ffffff;
    font-size: 13px;
}





/*------------------------------

		TOP-FOOTER

------------------------------*/



.top-footer {
    padding-top: 80px;
    margin-bottom: 80px;
}



.footer-logo {
    margin-bottom: 40px;
}



.top-footer-desc {
    font-size: 14px;
    max-width: 50%;
    margin: 0 auto 40px;
}



.top-footer .social-icons .fa_link_wrap {
    display: inline-block;
    font-size: 14px;
    margin: 0 3px;
    text-align: center;
    position: relative;
}



    .top-footer .social-icons .fa_link_wrap a .fa_wrap {
        width: 40px;
        height: 40px;

        display: inline-block;
        color: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        transition: all 350ms ease-in-out;
        -webkit-transition: all 350ms ease-in-out;
        -moz-transition: all 350ms ease-in-out;
    }



.top-footer .social-icons a .link_wrap {
    opacity: 0;
    visibility: hidden;
    display: none;
    font-size: 10px;

    background-color: #eeeeee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 5px 8px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    color: #000000;
}



    .top-footer .social-icons a .link_wrap:before {
        content: '';
        position: absolute;
        top: -10px;
        left: 50%;
        width: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        border-style: solid;
        border-width: 5px;
        border-color: transparent transparent #eeeeee transparent;
    }



.top-footer .social-icons a:hover .link_wrap {
    opacity: 1;
    visibility: visible;
    display: block;
}



.top-footer .social-icons .fa_link_wrap a:hover .fa_wrap {
    border-color: #fea100;
    color: #fea100;
}





/*-------------------------------

		BOTTOM-FOOTER

---------------------------------*/



.bottom-footer {
    margin-top: 80px;
    padding-bottom: 40px;
}



    .bottom-footer .footer-1,
    .bottom-footer .footer-2,
    .bottom-footer .footer-3 {
        float: left;
        width: 28.33%;
        margin-left: 5%;
    }



    .bottom-footer .bottom-footer-wrapper {
        margin-left: -5%;
        text-align: left;
    }



    .bottom-footer .widget-title {
        font-size: 14px;
        color: #ffffff;
        text-transform: uppercase;
        
        position: relative;
        padding-bottom: 18px;
        margin: 0 0 50px;
        border-bottom: 0;
    }



        .bottom-footer .widget-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 3px;
            background-color: #fea100;
        }



    .bottom-footer .widget {
        font-size: 13px;
        color: #ffffff;
        margin-bottom: 40px;
    }



    .bottom-footer .aptf-single-tweet-wrapper {
        border-bottom: 1px solid #616161;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }



.widget_aptf_widget .aptf-tweet-content .aptf-tweet-name {
    color: #fea100 !important;
}



.bottom-footer .aptf-tweet-date a,
.footer-info-widget .footer-info {
    color: #b2b2b2;
}



.bottom-footer .widget_construction_lite_recent_post .date-title-recent-post {
    color: #ffffff;
    text-transform: uppercase;
}



.bottom-footer .widget_construction_lite_recent_post .recent-post-date {
    font-size: 12px;
    color: #b2b2b2;
}



.bottom-footer .widget_construction_lite_recent_post .recent-posts-content a {
    color: #ffffff;
    font-size: 13px;
}



.bottom-footer .footer-info-widget .title-info span {
    display: inline-block;
    margin-bottom: 20px;
}



.footer-info-widget .info-footer-title {
    text-transform: uppercase;
    margin-right: 10px;
}



.site-footer .site-info {
    padding: 0px 0;
    border-top: 1px solid #444;
    color: #CCC;
    position: relative;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    background: #404043;
}



    .site-footer .site-info a {
        color: #FFF;
    }



        .site-footer .site-info a:hover,
        .bottom-footer a:hover,
        .bottom-footer .widget_construction_lite_recent_post .recent-posts-content a:hover {
            color: rgba(254, 161, 0, 1);
        }



.slider-content div span a {
    background-color: #fea100;
    border-color: #fea100;
}



    .slider-content div span a:hover {
        background-color: transparent;
        border: 2px solid #ffffff;
        border-color: #ffffff;
    }





/*==============

calendar_wrap

==============*/



.calendar_wrap caption {
    background: #fea100;
    color: #ffffff;

    text-align: center;
}



.calendar_wrap table {
    border-collapse: collapse;
    width: auto;
}



    .calendar_wrap table th {
        border: 1px solid #ccc;
        
        padding: 8px 0px;
        text-align: center;
        width: 5%;
    }



    .calendar_wrap table td {
        border: 1px solid #ccc;
        padding: 8px 0px;
        color: #000;
        width: 5%;
        text-align: center;
        font-size: 14px;
    }



        .calendar_wrap table td #prev,
        .calendar_wrap table td#next {
            text-align: left;
            padding-left: 10px;
            padding-right: 10px;
        }



        .calendar_wrap table td #next {
            text-align: right;
        }



.post-password-form input[type="submit"] {
    background: #fea100;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    padding: 10px 20px;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;

    border-radius: 5px;
}



    .post-password-form input[type="submit"]:hover {
        background: #454545;
    }



.site-header {
    position: fixed;
    z-index: 999;
    /*background-color: #575555;*/
    background-color: transparent;
    width: 100%;
    padding: 0 0 0 0;
    top: 0;
    color: #ffff
}
/*padding:20px 0 0 0;*/
.header-banner-container {
    margin-top: 97px;
}

.main-navigation .primary-menu {
    float: right;
}
.primary-menu .menu .menu-item a {
    color: #ffff;
}
.primary-menu .menu .contact a {
    background-color: #f48f2f;
    padding: 4px 15px 4px 15px;
    font-size: 15px !important;
    color: #ffff !important;
    border-radius: 20px;
    height: 30px !important;
/*    border: 1px solid rgb(64, 64, 67);*/
}
    .primary-menu .menu .contact a:hover{
        color:#fff!important
    }
    .main-navigation .search-toggle a {
        padding-top: 35px;
    }

.lang-toggler {
    padding-top: 0px;
    text-align: right;
    display: none;
}

.widget ul.menu li a {
    
    font-size: 18px;
}

.widget_nav_menu ul ul.sub-menu {
    margin-left: 0;
}

    .widget_nav_menu ul ul.sub-menu li a {
      
        font-size: 14px;
    }

.site-branding a img {
    width: 170px;
    height: auto;
}

.site-header .search-links {
    display: inline-block;
    margin-left: 395px;
}

    .site-header .search-links span {
        /*background-color: #fff;*/
        height: 40px;
        width: 40px;
        margin: 0 5px;
        display: inline-block;
        text-align: center;

        float: left;
    }

    .site-header .search-links form {
        display: inline-block;
    }

    .site-header .search-links span i {
        color: #fff;
        font-size: 20px;
    }

    .site-header .search-links span.search {
        width: auto;
        height: 40px;
        background-color: transparent;
        margin-left: 0px;
        margin-right: 10px;
    }

        .site-header .search-links span.search i {
            height: 40px;
            width: 40px;
            background-color: #0b85ca;
            float: left;
        }

    .site-header .search-links input {
        height: 40px;
        float: left;
        background-color: #e3e3e3;
        width: 116px;
        display: inline-block;
        margin-left: 30px;
    }

    .site-header .search-links.mobile {
        display: none;
    }

#construction-breadcrumb {
    z-index: 99;
}

.main-navigation .primary-menu {
    padding-top: 0px;
}

.main-navigation li a {
    padding: 0px 5px;
    font-size: 17px ;
}

.main-navigation li {
    margin: 0 5px;
    text-transform: capitalize;
}

.main-navigation .menu li:first-child {
    margin-left: 0;
    font-size: 20px;
}

.main-navigation .menu li.current-menu-parent a {
    border-bottom: 5px solid #00003F;
}

.main-navigation .menu li.current-menu-parent .sub-menu li a {
    border-bottom: 0;
}

.main-navigation li.menu-item-512:after {
    display: none;
}

.main-navigation .menu li a {
    border-bottom: 5px solid transparent;
}

.main-navigation .menu li.menu-item-type-custom > a:after {
    content: 'â–¼';
    font-size: 10px;
    margin-left: 5px;
    vertical-align: middle;
}

/*.main-navigation .menu li a:hover {
    border-bottom: 5px solid #f38b28;
    background-color: #e0e0e0;
}*/

.main-navigation .menu li a:hover ul {
    border: 0;
    margin: 0;
}

.bgGray {
    border-bottom: 5px solid #00003f !important;
    background-color: #e0e0e0;
}

.main-navigation ul ul.sub-menu li:hover {
    border-bottom: 0px solid #f0f0f0 !important;
    color: #fff !important;
}

.main-navigation ul ul.sub-menu li a {
    border-bottom: 0.5px solid transparent;
    padding: 15px 10px;
}

    .main-navigation ul ul.sub-menu li a:hover {
        color: #000 !important;
        border-bottom: 0.5px solid transparent;
        background-color: #f0f0f0;
    }

.main-navigation ul ul {
    background-color: #41b6e6;
    padding: 10px 10px 10px 10px;
}

.jobportal-detail .list-data .job-type i, .jobportal-detail .list-data .job-location i, .jobportal-detail .list-data .job-date i {
    width: 100px;
    display: inline-block;
    font-style: normal;
    
    color: #173a64 !important;
}

.main-navigation .current-menu-item > a {
    color: #fff !important;
}

.main-navigation .current_menu_parent .sub-menu li a {
    color: #fff !important;
}

.main-navigation .current_page_item > a {
    color: #00003f !important;
}

.main-navigation .menu-item-has-children > a {
    /*color: #00003f !important;*/
}

.jobportal-detail {
    background-color: #e3e3e3;
}

    .jobportal-detail .sjb-detail {
        margin: 0;
    }

    .jobportal-detail .header-banner-container {
        margin-top: 0;
        padding: 0 -50px;
    }

.mltlngg-lang-button-icons img.mltlngg-current-lang {
    display: none;
}

.hideShow {
    visibility: visible !important;
    opacity: 1 !important;
    left: 0 !important;
    transition: height 1s !important;
    height: auto;
    display: block !important;
}

.header-banner-container {
    display: none;
}

.widget-area { /*background-color:#fff!important;*/
    padding: 0 0 0px 0 !important;
}

    .widget-area .widget {
        margin-bottom: 15px;
    }

    .widget-area .crp_related_widget {
        padding: 0 30px;
    }

        .widget-area .crp_related_widget ul li {
            padding-left: 10px;
            padding-right: 10px;
            border-bottom: 1px solid #a7a8aa;
        }

            .widget-area .crp_related_widget ul li.current {
                background-color: #000;
            }

            .widget-area .crp_related_widget ul li:hover {
                background-color: #e3e3e3;
            }

            .widget-area .crp_related_widget ul li a {
                color: #000;
            }

    .widget-area .widget-title {
        padding: 12px 18px 15px;
        background-color: #0b85ca;
        color: #fff;
        border-bottom: 0;
    }

        .widget-area .widget-title:after {
            display: none;
        }

.lang-toggler .mltlngg-lang {
    width: 50px;
    height: 50px;
}

.main-navigation ul ul {
    transition: unset;
}

.footer-mega-col {
    background-color: #404043;
    position: relative;
    padding-top: 20px;
    z-index: 9999;
    width: 100%;
    bottom: 0px;
}

    .footer-mega-col .widget-title {
        color: #fff;
    }

    .footer-mega-col .menu-home-container .menu .menu-item a {
        font-size: 14px;
    }

        .footer-mega-col .menu-home-container .menu .menu-item a[href="#!"] {
            cursor: auto;
        }

        .footer-mega-col .menu-home-container .menu .menu-item a:hover {
            color: #fff;
        }

    .footer-mega-col .menu-home-container .menu .menu-item .sub-menu {
        margin-left: 15px;
    }

    .footer-mega-col .widget_contactinformation_widget i.fa, .footer-mega-col .widget_contactinformation_widget div, .footer-mega-col .widget_contactinformation_widget div a {
        color: #fff;
        font-size: 14px;
    }

.curve-bottom { /*background:url(images/curve-dark-blue-2.svg) no-repeat;*/
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 90px;
    z-index: 99;
    background-size: cover;
}

    .curve-bottom a {
        display: block;
        text-align: center;
        color: #060606;
        font-size: 20px;
        padding-top: 15px;
    }

        .curve-bottom a i {
            font-size: 60px;
        }

        .curve-bottom a#smooth-up {
            padding-top: 65px;
            color: #a7a8aa;
        }

        .curve-bottom a:hover {
            color: #060606;
        }

        .curve-bottom a:visited {
            color: #060606;
        }

.mail-slider-header-wrap {
    height: 70vh;
}

    .mail-slider-header-wrap .owl-carousel, .mail-slider-header-wrap .owl-carousel .owl-stage-outer, .mail-slider-header-wrap .owl-carousel .owl-stage-outer .owl-stage, .mail-slider-header-wrap .owl-carousel .owl-stage-outer .owl-stage .owl-item, .mail-slider-header-wrap .owl-carousel .owl-stage-outer .owl-stage .owl-item -slider, .mail-slider-header-wrap .owl-carousel .owl-stage-outer .owl-stage .owl-item .content-slider .slider-image, .mail-slider-header-wrap .owl-carousel .owl-stage-outer .owl-stage .owl-item .content-slider .slider-image img {
        height: 70vh;
    }

#primary-fullwidth {
    width: 100%!important;
}
.about {
    padding-top: 110px
}

.about-bg-img {
    background-image: url(/Content/img/AboutSlide.webp);
    background-size: cover;
    height: 500px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: initial;
}
/*.about {
    border: 1px solid #cacaca;
    background-color: #fff;
}

    .about h4 {
        background-color: #153965;
        color: #fff;
        margin-top: 0;
        padding: 10px;
        font-size: 16px;
        
    }

    .about p {
        padding: 10px;
    }

        .about p img {
            width: 280px;
            height: auto;
        }

        .about p a {
            color: skyblue;
            text-decoration: underline;
        }
*/
.login form {
    background-color: #0E1F57 !important;
}

.about-DP h4 {
    color: #173a64;
    font-size: 16px;
 
}

.about-DP p {
    
    font-size: 14px;
}

.feedback-page h1 {
    color: #173a64;
    font-size: 36px;
    margin: 0 0 36px 0;
}

.feedback-page h3 {
    font-size: 22px;
    
    color: #173a64;
}

.feedback-page .page-inner {
    margin-bottom: 30px;
}

.feedback-page p {
    margin-bottom: 10px;
    font-size: 14px;
}

    .feedback-page p a {
        text-decoration: underline;
        color: #337ab7;
    }

    .feedback-page p label {
        
        font-size: 14px;
        
    }

        .feedback-page p label span input {
            background-color: #fff !important;
            color: #000;
            
        }

        .feedback-page p label span textarea {
            color: #000;
            
            padding-left: 10px;
        }

    .feedback-page p input[type="submit"] {
        background-color: #337ab7 !important;
        
        box-shadow: none;
    }

#smooth-up {
    font-size: 20px;
    color: #f28d2c;
    margin-left: 133px; /*display:block;*/
    text-align: center;
    margin-bottom: 0px;
    padding-top: 10px;
}

    #smooth-up i {
        font-size: 70px;
        color: #fff;
        background-color: #f28d2c;
        width: 70px;
        border-radius: 20px;
        height: 70px;
    }

@media screen and (max-width: 1024px) and (min-width: 768px) {

    #site-navigation #toggle {
        margin: 27px 0;
    }

    .main-navigation .search-toggle a {
        padding-top: 27px;
    }

    .lang-toggler {
        padding: 0 0 0 10px;
    }
}


@media screen and (max-width: 870px) {
    .res-top05 {
        top: 0.5% !important
    }
    .site-branding {
        display: inline-block;
        width: auto;
        padding: 0;
        text-align: center;
    }
    .HomeVideo iframe {
        padding-left: 0px !important;
    }
    .bg-container {
        width: 100% !important;
        top: 8% !important;
        padding-left: 1rem !important;
    }
    .title {
        font-size: 22px !important;
        padding: 0 !important;
    }

    .footer-bt-img img {
    /*    margin-left: -14px !important;*/
        margin-top: 10px !important;
    }

   
    .watch-button .btn-primary {
        font-size: 10px !important;
        margin-top: 12px !important;
    }
    .bgimg-support h1 {
        font-size: 40px !important
    }
.rep-img{
        width: 100%!important;
    height: auto!important;
}
    .user-colm-padding {
        padding: 20px;
    }

    .site-header {
        position: relative;
        padding-top: 0;
    }

    .lang-toggler {
        padding-top: 0;
        position: relative;
        float: left !important;
        margin: 0 0 15px -70px;
        left: 50%;
    }

    .responsive-setting {
        overflow-y: scroll !important;
    }

    .main-navigation {
        text-align: center !important;
        margin-bottom: 0px;
        max-width: 100%;
        text-align: right !important;
    }

    .entry-content img {
        width: auto ;
        height: auto ;
    }

    #site-navigation #toggle {
        display: inline-block !important;
        vertical-align: top;
        margin: 0;
    }

    .row-padding-register {
        padding: 20px;
    }

    .useful-links .ezcol-one-quarter {
        margin-left: 0px !important;
    }

    .main-navigation .search-toggle {
        float: none !important;
        display: inline-block;
        vertical-align: top;
    }

        .main-navigation .search-toggle a {
            padding: 0 0 0 10px;
        }

    .header-banner-container {
        margin-top: 0px;
    }

    .job-portal-header div {
        padding: 0;
    }

    .main-navigation .primary-menu {
        background-color: rgb(64 64 67) !important;
        padding-top: 0px;
        padding-bottom: 17px;
        border-bottom-left-radius: 18px;
        border-bottom-right-radius: 18px;
    }

        .main-navigation .primary-menu .menu {
            width: 100%;
            text-align: left;
        }

            .main-navigation .primary-menu .menu li a {
                color: #fff !important;
            }

    .main-navigation .menu li a {
        border: 0 !important;
    }

        .main-navigation .menu li a:hover {
            border-bottom: 0 !important;
        }

    .jobportal-detail {
        margin-top: 0;
    }

        .jobportal-detail .sjb-detail {
            margin: 0;
        }

        .jobportal-detail header, .jobportal-detail .job-description, .jobportal-detail .jobpost-form {
            padding: 0px;
        }

    .widget-area {
        width: 100% !important;
    }

    .site-content {
        margin-top: 0;
    }

    .main-navigation .menu li:first-child {
        margin-left: 35px;
    }

    .main-navigation li {
        margin-left: 35px !important;
    }

    .main-navigation ul ul.sub-menu li a {
        padding: 8px !important;
    }

    .main-navigation ul ul.sub-menu li {
        margin-left: 0 !important;
    }

    .site-header .search-links {
        display: none;
    }

}

@media screen and (max-width: 400px) and (min-width:320px) {
    .main-navigation {
        text-align: center !important;
    }
}

@media screen and (min-width: 320px) and (max-width:400px) {
    .main-navigation {
        margin-top: 0 !important;
    }

    .site-header .search-links.mobile {
        margin-top: 10px;
    }
   /* .footer {
        height: 113vh !important;
    }*/
    .main-navigation .primary-menu {
        margin-top: 108px;
    }
}
.custom-logo {
    transition: all 2s ease-in-out;
}
@media (min-width:770px) and (max-width:1060px) {
    .custom-logo {
        /* margin-left: 80px; */
        /* margin-top: 10px; */
        margin-bottom: 14px !important;
    }

    .main-navigation .primary-menu {
        position: absolute;
        top: -14%;
        width: 100%;
        float: right;
        font-size: 0px;
        width: 60%;
        margin-left: 354px;
    }
}
/*waqas code*/
@media (min-width:990px) and (max-width:1100px) {

    .main-navigation {
        float: left !important;
    }

    .logo-main-wrapper {
        text-align: left !important;
    }

    .main-navigation .primary-menu {
        top: 0px !important;
    }

    .nav > li > a {
        padding-right: 80px !important;
    }
}


@media (max-width:961px) {
    .site-header .search-links input {
        margin-left: 10px;
    }

    .custom-logo {
        margin-top: 10px;
    }

    .fmgc-columns {
        border-right: 0px !important;
    }

    .media-releases.news ul li .news-snippit {
        width: 100% !important;
    }

    .media-releases.news ul li .news-img img {
        height: 50% !important;
        width: 100% !important;
    }

    .media-releases.news ul li .news-img {
        height: auto !important;
        width: auto !important;
    }

    .about img {
        float: left;
        width: 100% !important;
        padding-left: 0px !important;
        padding-bottom: 20px;
    }

    .mail-slider-header-wrap .owl-carousel .owl-stage-outer .owl-stage .owl-item .content-slider .slider-image img {
        height: 50vh;
    }

    .mail-slider-header-wrap {
        height: 60vh;
    }

    .navbar-nav > li > a {
        bottom: 60px;
        width: 15%;
        float: right;
        padding: 0px !important;
    }

    #site-navigation #toggle {
    }

    .form-paddingimargin {
        margin: 0px !important;
        padding: 15px;
    }

    input[type="submit"] {
        font-size: 1.75rem;
    }

    .site-content {
        margin-bottom: 0px !important;
    }

    .main-navigation {
        position: absolute;
        top: 25px;
        left: 0px;
        margin-right: 0px;
        float: left !important;
    }

    #site-navigation #toggle {
        margin-left: 12px !important;
        float: right;
    }

    .main-navigation .primary-menu {
        position: absolute;
        top: 0%;
        width: 100%;
        z-index: 99999;
        /*background-color: #f5f5f5;
        border-bottom: 2px double #fea100;*/
        height: auto;
        overflow-x: hidden;
        /*-webkit-box-shadow: 0 1px 10px -3px #aaa inset;*/
        /*box-shadow: 0 1px 10px -3px #aaa inset;*/
        margin-top: 31px;
        left: -12px !important;
    }

    .navbar-nav > li > a {
        color: #0b85ca;
        
        margin-top: 13px;
    }
}

/*end*/

@media screen and (min-width: 320px) and (max-width:770px) {
    .main-navigation {
        /*margin-top: 35px;*/
    }


        .main-navigation .primary-menu {
            /*margin-top: 43px;*/
        }

    .site-header .search-links.mobile {
        display: block;
        margin-left: 0;
        text-align: center;
    }

    .responsive-button {
        width: 100%;
    }

    .site-header .search-links.mobile form {
        vertical-align: middle;
    }

    .site-header .search-links.mobile span {
        float: none;
        margin-bottom: 10px;
    }
}

@media screen (min-width:776px) and (max-width:1014px) {
    .site-header .search-links.mobile {
        display: block;
        margin-left: 0;
        text-align: center;
    }
}



/*@media screen and (min-width: 770px) and (max-width:961px) {
	.site-branding .search-links{margin-left:auto;}	
}*/

.careers-frame {
    margin-top: 20px;
}

.divframe {
    background: #fff;
    border: 1px solid #cacaca;
}

    .divframe span {
        display: block;
        padding: 5px;
        padding-left: 12px;
        color: #fff;
        font-size: 16px;
    }

    .divframe.col1 span {
        background-color: #cb003d;
    }

    .divframe.col2 span {
        background-color: #ffb700;
    }

    .divframe.col3 span {
        background-color: #ff8400;
    }

    .divframe.col4 span {
        background-color: #cacaca;
    }

    .divframe label {
        display: block;
        padding: 10px 12px 0px 12px;
        height: 55px;
        overflow: hidden;
        margin-bottom: 8px;
        color: #337ab7;
    }

    .divframe p {
        display: none;
    }

.traiff {
    
}

    .traiff h1 {
        
        color: #173a64;
    }

    .traiff h2 {
        
        color: #173a64;
        font-size: 28px;
    }

    .traiff h4 {
        
        color: #173a64;
        font-size: 16px;
        margin: 16px 0;
    }

    .traiff p {
        
        font-size: 14px;
        margin-bottom: 10px;
    }
/*
        .traiff p a {
            text-decoration: underline;
            color: #23527c;
        }*/

    .traiff ul {
        padding-left: 20px;
    }
.ContactAnchors a{
    text-decoration:none!important;
}
    .ContactAnchors a:hover {
        color: #f48f2f!important
    }
.traiff ul li a {
    text-decoration: underline;
    color: #23527c;
}

        .traiff ul li {
            list-style-type: none;
            margin-bottom: 21px;
        }

            .traiff ul li:before {
                color: #0b85ca;
                content: '';
                font-family: fontawesome;
                margin-left: -1.5em;
                padding-right: .5em;
                position: relative;
            }
    /*.traiff table thead tr{background-color:#00529c; color:#fff;}*/
    .traiff table tr th {
        background-color: #00529c;
        color: #fff;
    }

    .traiff table tbody tr td {
        color: #173a64;
    }

    .traiff table tbody tr:nth-child(odd) {
        background-color: #e6e6e6;
    }

.about img {
    float: left;
    width: 280px;
    margin-right: 10px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.about span {
    float: left;
    width: 248px;
}

    .about span a {
        display: block;
    }


.career-banner {
    margin-bottom: 30px;
    position: relative;
    margin-left: -47px;
    margin-right: -47px;
    margin-top: -35px;
}

    .career-banner img {
    }

    .career-banner .bannercaptions {
        position: absolute;
        top: 80px;
        width: 500px;
        left: 100px;
    }

    .career-banner p {
        font-size: 43px;
 
        color: #fff;
    }

        .career-banner p span {
            
        }

.block-vision {
    margin-bottom: 20px;
}

.mission-vision p {
    margin-bottom: 10px;
    
    font-size: 14px;
}

.mission-vision h2 {
    font-size: 28px;
    color: #173a64;
    
    margin-bottom: 0;
    margin-top: 10px;
}

.mission-vision ul {
    padding-left: 15px;
}

.mission-vision label {
    list-style-type: none;
    margin-bottom: 1.5em;
    color: #13195c;
    font-size: 16px;
}

.mission-vision ul li strong {
}

.mission-vision ul li:before {
    color: #0b85ca;
    content: '';
    font-family: fontawesome;
    margin-left: -1.5em;
    padding-right: .5em;
    position: relative;
}

.mission-vision iframe {
    width: 100%;
}

.whistle-blowing h4 {
    font-size: 16px;
    
    color: #13195c;

}

.whistle-blowing .speakup-img {
    float: right;
}

.whistle-blowing .inline-content h3 {
    display: inline;
    font-size: 22px;
    color: #13195c;
    
}

.whistle-blowing .inline-content p {
    font-size: 16px;
    color: #13195c;
}

    .whistle-blowing .inline-content p strong a {
        color: #337ab7;
        text-decoration: underline;
    }

    .whistle-blowing .inline-content p .btn-primary {
        color: #fff;
        background-color: #337ab7;
        border-radius: 3px;
        padding: 10px;
        margin-bottom: 5px;
        display: inline-block;
    }

.clear {
    clear: both;
}

.addtoany_list.a2a_kit_size_32 a {
    margin-right: 15px;
}

.fmgc-columns {
    border-right: 1px solid #acacac;
}

    .fmgc-columns:last-child {
        border-right: 0;
    }

.widget-area .widget_widget_crp .widget-title:before {
    content: '';
    background: url(images/list-img.webp) no-repeat;
    display: inline-block;
    height: 25px;
    width: 25px;
    background-size: 20px;
    margin-right: 5px;
    background-position: bottom;
}

.home-section .update-msg {
    /*text-align: center;
        padding: 10px 15px;
        margin-bottom: 15px;
        font-size: 16px;*/
    text-align: center;
    padding: 10px 15px;
    margin-bottom: 50px;
    margin-top: 50px;
    font-size: 16px;
}

    .home-section .update-msg p {
        background-color: #f7941d;
        color: #fff;
        
        padding: 10px;
        margin: 0;
    }

.home-section .boxs h5 {
    padding: 10px 20px;
    color: #fff;
    margin: 0;
    font-size: 22px;
    
}

    .home-section .boxs h5 i {
        margin-right: 5px;
    }

    .home-section .boxs h5.color1 {
        background-color: #cb003d;
    }

    .home-section .boxs h5.color2 {
        background-color: #003764;
    }

    .home-section .boxs h5.color3 {
        background-color: #ff8400;
    }

    .home-section .boxs h5.color4 {
        background-color: #A69C95;
    }



.home-section .boxs .padding-box {
    /*padding: 20px;*/
    background-color: #fff;
}

    .home-section .boxs .padding-box img {
        width: 100%;
        height: 300px;
    }

    .home-section .boxs .padding-box .link-color1 a {
        color: #cb003d;
    }

    .home-section .boxs .padding-box .link-color2 a {
        color: #003764;
    }

    .home-section .boxs .padding-box .link-color3 a {
        color: #ff8400;
    }

    .home-section .boxs .padding-box .link-color4 a {
        color: #A69C95;
    }

    .home-section .boxs .padding-box p {
        margin-bottom: 0px;
        
    }

    .home-section .boxs .padding-box strong {
        color: #0082cc;
        
    }

    .home-section .boxs .padding-box a {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .home-section .boxs .padding-box p a {
        
    }

.home-section .boxs.about-box p {
    
}

.blog_section {
    padding-top: 0;
}

.home {
    margin-top: 0;
    padding-top: 0px;
}

.clear {
    clear: both;
}

.contact-us div {
    margin: 20px 0;
}

.contact-us h1 {
    font-size: 36px;
    color: #13195c;
    
}

.contact-us strong {
    color: #13195c;
    font-size: 16px;
}

.contact-us span {
    display: block;
    color: #13195c;
    font-size: 16px;
}

    .contact-us span a {
        color: #0a5498;
        text-decoration: underline;
    }

.traiff {
    
}

    .traiff h1 {
        
        color: #173a64;
    }

    .traiff h2 {
        
        color: #173a64;
        font-size: 28px;
    }

    .traiff h4 {
        
        color: #173a64;
        font-size: 16px;
        margin: 16px 0;
    }

    .traiff p {
        font-size: 14px;
        margin-top: 10px;
    }

 /*       .traiff p a {
            text-decoration: underline;
            color: #23527c;
        }*/

    .traiff ul {
        padding-left: 20px;
    }

        .traiff ul li a {
            text-decoration: underline;
            color: #23527c;
        }

        .traiff ul li {
            list-style-type: none;
            margin-bottom: 21px;
        }

            .traiff ul li:before {
                color: #0b85ca;
                content: '';
                font-family: fontawesome;
                margin-left: -1.5em;
                padding-right: .5em;
                position: relative;
            }

    .traiff table thead tr {
        background-color: #00529c;
        color: #fff;
    }

    .traiff table tbody tr td {
        color: #173a64;
    }

    .traiff table tbody tr:nth-child(odd) {
        background-color: #e6e6e6;
    }

.ceo-msg .col-lg-8 h1 {
    font-size: 36px;
    
    color: #13195c;

    margin-top: 0;
}

.ceo-msg .col-lg-8 p {
    color: #13195c;
    font-size: 16px;
}

.ceo-msg .facility {
    padding: 0;
    color: #13195c;
    margin: 5px 0;
}

    .ceo-msg .facility div {
        padding: 0;
        margin: 5px 0 0 0;
    }

.useful-links .ezcol-one-quarter {
    background-color: #fff;
    margin-bottom: 1.33%;
    height: 200px;
    width: 24%;
    margin-right: 1.33%;
    display: flex;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
}

    .useful-links .ezcol-one-quarter a {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

.useful-links .ezcol-last {
    margin-right: 0;
}

.why-dp {
    color: #13195c;
}

    .why-dp h2 {
        
        font-size: 25px;
    }

    .why-dp .col-lg-4, .why-dp .col-lg-8 {
        padding: 0;
        font-size: 16px;
    }

        .why-dp .col-lg-8 a {
            color: #23527c;
        }

.all-jobs {
    background-color: transparent;
}

    .all-jobs h3 {
        color: #01447a;
    }

    .all-jobs .job-portal-header {
        background-color: #01447a;
    }

        .all-jobs .job-portal-header div {
            padding-left: 10px;
        }

    .all-jobs .sjb-listing {
        background-color: #fff;
    }

        .all-jobs .sjb-listing .list-data:nth-child(even) {
            background-color: #f5f5f5;
        }

        .all-jobs .sjb-listing .list-data {
            padding: 10px 20px 10px;
        }

            .all-jobs .sjb-listing .list-data .row {
                margin: 0;
            }

            .all-jobs .sjb-listing .list-data .align .job-type, .all-jobs .sjb-listing .list-data .align .job-location {
                color: #173a64 !important;
            }

                .all-jobs .sjb-listing .list-data .align .job-type i, .all-jobs .sjb-listing .list-data .align .job-location i {
                    color: #173a64 !important;
                }

            .all-jobs .sjb-listing .list-data .align .job-info h4 span {
                color: #337ab7;
            }


.login {
}

.login-form {
    background-color: transparent;
    width: 40%;
    color: #13195c;
    display: block;
    margin: 0 auto;
}

    .login-form h1 {
        
    }

    .login-form p {
        color: #13195c;
    }

    .login-form .login-field-icon {
        top: 9px;
        right: 5px;
    }

    .login-form .form-group a {
        color: #13195c;
    }

    .login-form .form-group input {
        display: inline-block;
        width: auto;
        float: right;
        padding-right: 25px;
    }

        .login-form .form-group input.btn {
            background-color: #003e7a !important;
            color: #fff !important;
            display: inline-block;
            width: auto !important;
            padding: 10px 20px !important;
            box-shadow: none;
            font-size: 14px;
        }

            .login-form .form-group input.btn:hover {
                background-color: #003e7a !important;
            }

    .login-form .form-group .lbl {
        margin: 10px 0;
        display: inline-block;
        color: #847c7c;
        
        color: #13195c;
    }

    .login-form .btn {
        display: block;
        width: auto !important;
        background-color: #f28d2c !important;
        float: left !important;
    }

.profilepress-reg-status {
    background-color: #30b106 !important;
}

.clear {
    clear: both;
}

.our-services {
    color: #13195c;
    font-size: 16px;
}

    .our-services h1, .our-services h2 {
        
    }

    .our-services p {
        color: #13195c;
        font-size: 16px;
        text-align: justify;
        margin-bottom: 10px;
    }

    .our-services div.col-md-4 img {
        width: 127px;
        float: none;
    }

    .our-services div img, .our-services div span {
        display: block;
    }

        .our-services div span label {
            display: block;
        }

    .our-services div .name {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .our-services div .desig {
        font-size: 16px;
    }

    .our-services .bodytext tbody tr:nth-child(odd) {
        background-color: #ccced3;
    }

a:hover {
    cursor: pointer !important;
}

.media-releases h1 {
    color: #ffffff;
    font-size: 33px;
    
}

.media-releases ul {
    list-style-type: none;
    margin-left: 0;
}

    .media-releases ul li {
        background-color: #fff;
        padding: 10px;
        margin-bottom: 10px;
    }

        .media-releases ul li .img-thumb {
            display: inline-block;
            width: 20%;
            float: left;
        }

        .media-releases ul li .title-desc {
            display: inline-block;
            width: 80%;
            float: left;
        }

            .media-releases ul li .title-desc a {
                color: #00003f;
                font-size: 28px;
            }

            .media-releases ul li .title-desc p {
                color: #13195c;
                font-size: 16px;
            }

/*.media-releases.news h1 {

    margin: 0px !important;
    padding: 20px;
    text-align: center;
    background-color: #f6aa00;
    padding: 20px;
}*/

    .media-releases.news h1 i {
        margin-right: 5px;
    }

.media-releases.news ul li {
    background-color: transparent;
    border-bottom: 1px solid #a7a8aa;
}

    .media-releases.news ul li .news-img {
        width: 22%;
        height: 430px;
        display: inline-block;
        vertical-align: top;
    }

        .media-releases.news ul li .news-img img {
            border: 5px solid #fff;
            height: 100%;
        }

    .media-releases.news ul li .news-snippit {
        display: inline-block;
        width: 70%;
        margin-left: 20px;
    }

        .media-releases.news ul li .news-snippit .news-date {
            color: #173a64;
            margin-top: 0;
        }

        .media-releases.news ul li .news-snippit h3 {
            color: #f08d2c;
        }

        .media-releases.news ul li .news-snippit .more-link {
            color: #337ab7;
            font-size: 15px;
            
        }

.media-releases.video h1 {
    margin-left: 10px;
}

    .media-releases.video h1 i {
        margin-right: 5px;
    }

.media-releases.video ul li {
    background-color: transparent;
}

    .media-releases.video ul li h3 {
        color: #173a64;
        font-size: 22px;
        
        margin-top: 0px;
    }

.user-logout {
    display: inline-block;
    list-style-type: none;
    position: relative;
    margin-left: 0px;
}

    .user-logout li {
        padding: 8px 0px 0 5px;
        color: #00003f;
        font-size: 16px;
    }

        .user-logout li label:after {
            content: 'â–¼';
            font-size: 10px;
            vertical-align: middle;
            display: inline-block;
        }

        .user-logout li label {
            text-decoration: underline;
            padding: 0 5px 0 5px;
            float: right;
        }

            .user-logout li label:hover {
                background-color: #e0e0e0;
            }

    .user-logout > li:hover {
        border-bottom: 1px solid #fff;
    }

    .user-logout li:hover ul {
        display: block;
        margin-bottom: 0;
    }

    .user-logout li ul {
        list-style-type: none;
        display: none;
        padding-left: 0;
        position: absolute;
        top: 34px;
        width: 57%;
        margin-left: 0;
        right: 0;
    }

        .user-logout li ul li {
            padding: 3px 5px;
            background-color: #41b6e6;
            z-index: 99;
            text-decoration: none;
        }

            .user-logout li ul li:after {
                display: none;
            }

            .user-logout li ul li a {
                color: #fff;
            }

                .user-logout li ul li a:hover {
                    color: #00003f;
                }

/*waqas code*/

.table-setting table {
    background-color: white;
}

.table-setting thead {
    background-color: white;
}

    .table-setting thead tr td span {
        color: #3297fa;
    }
    /*.about p{padding-bottom:44px!important;}*/
    .table-setting thead tr td h3 {
        padding: 0px 0px 0px 0px;
        margin: 0px;
    }

.text-color div span {
    color: #3297fa;
}

.color-of-text {
    color: #173a64;
    font-size: 14px;
}
.inner-text h2{
    color:#ffff
}



.sjb-page .sjb-detail {
    margin: 20px;
    padding: 20px;
}

.sjb-page {
    background-color: white;
}

.table-alignment tr td span {
    color: #3297fa;
}

.table-alignment {
    margin-bottom: 0px !important;
}

    .table-alignment > tbody > tr > td {
        vertical-align: 0px !important;
    }
/*.table-alignment tbody tr td{
     padding-top:30px!important;
}*/


/*.img-alignment {
    background-color: #fff;margin-bottom: 1.33%;height: 200px;width: 24%;margin-right: 1.33%;display: grid;align-items: center;padding: 10px;box-sizing: border-box;
}*/
.useful-links .ezcol-one-quarter {
    background-color: #fff;
    margin-bottom: 1.33%;
    height: 200px;
    width: 24%;
    margin-right: 0px;
    margin-left: 11px;
    display: flex;
    align-items: center !important;
    padding: 10px;
}

.ms {
    margin: 0px;
    box-sizing: inherit;
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.main-navigation .menu > li.menu-item:hover > ul.sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    left: 0 !important;
    transition: height 1s !important;
    height: auto;
    display: block !important;
}

    .main-navigation .menu > li.menu-item:hover > ul.sub-menu > li {
        position: relative;
    }

.main-navigation .menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu {
    left: 180px !important;
    height: auto;
    display: block !important;
    top: 0;
    transition: height 1s !important;
    opacity: 0 !important;
    z-index: 0;
}

.main-navigation .menu > li.menu-item > ul.sub-menu > li.menu-item:hover > ul.sub-menu {
    opacity: 1 !important;
    z-index: 99999999;
    visibility: visible !important;
}

.all-vacancy-heading thead tr td {
    text-align: center;
    padding: 20px;
}

.ciw_contactinformation {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    font-size: 18px;
    font-size: 16px;

    color: #666666;
}

    .ciw_contactinformation .fa {
        border: 1px solid #B3B3B3;
        border-radius: 50%;
        color: #919191;
        float: left;
        margin-right: 14px;
        padding-bottom: 6px;
        padding-top: 7px;
        text-align: center;
        width: 30px;
    }

.ciw_address {
    margin: 0px 0px 20px 0px;
    border: 0;
}

.ciw_address_content {
    margin: 0px 0px 0px 10px;
    border: 0;
}

.ciw_company_name {
    border: 0;
}

.ciw_contact_address {
    margin-left: 30px;
    border: 0;
    padding-top: 10px;
}

.ciw_phone {
    margin: 0px 0px 20px 0px;
    border: 0;
}

.ciw_contact_phone {
    border: 0;
}

    .ciw_contact_phone a {
        color: #666666;
        text-decoration: none;
        border: 0 !important;
    }

        .ciw_contact_phone a:hover {
            color: #000000;
        }

.ciw_email {
    margin: 0px 0px 10px 0px;
    border: 0;
}

.ciw_contact_email {
    border: 0;
    border: 0;
}

    .ciw_contact_email a {
        color: #666666;
        text-decoration: none;
        border: 0 !important;
    }

        .ciw_contact_email a:hover {
            color: #000000;
        }

.traiff table tbody tr td {
    padding: 10px !important;
}

.traiff table tr th {
    padding: 10px !important;
}

.form-control-changing .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;

    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    
    font-size: 17px;

    padding: 8px 20px;
    height: 50px;
    -webkit-appearance: none;
}
    .form-control-changing .form-control::placeholder {
        color: #404043
    }
    .form-control-changing {
        margin: 30px;
    }

    .form-control-changing header {
        color: #0b85ca;
        padding-bottom: 20px;
    }

        .form-control-changing header h1 {
            margin: 0px !important;
        }

.row {
    margin: 0px !important;
}

.services-menu-hcolor {
    color: #f6aa00;
    margin-left: 26px;
}

.background-color {
    background-color: #0b3f5d;
    color: white;
    padding-left: 30px;
    padding-right: 30px;
}

    .background-color p {
        color: white;
    }

    .background-color a {
        color: white;
    }

.resgister-line-user {
    margin-top: 20px;
    font-size: 20px;
    margin-bottom: 20px;
}

.login-line-user {
    margin-top: 20px;
    font-size: 20px;
}

.user-heding h2 {
    color: #0b85ca;
}

.user-heding {
    background-color: none !important;
}

.background-color-col {
    background-color: white;
    padding: 20px;
}

.pagetitle-override h2 {
    font-size: 25px;
    text-transform: capitalize;
    margin: 0;
    padding: 10px 18px;
    color: #003e7a;
    background-color: white;
}

.form-control-changesss {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.home-page-video {
    margin: 0 auto;
}



/*Home Page TESTIMONIAL*/


/*    h2::after {
        content: "";
        width: 100px;
        position: absolute;
        margin: 0 auto;
        height: 3px;
        background: gray;
        left: 0;
        right: 0;
        bottom: -10px;
    }*/

.col-center {
    margin: 0 auto;
    float: none !important;
}

.carousel {
    margin: 40px auto;
    padding: 0 70px;
}



.overview {

    font-size: 35px !important;
    height: auto !important;
}


.carousel .item {
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    /*min-height: 290px;*/
}

    .carousel .item p {
        color: #999;
        height: 126px;
        font-size: 16px;
        overflow: hidden;
        text-align: center;
    }

    .carousel .item .img-box {
        width: 135px;
        height: 135px;
        margin: 0 auto;
        padding: 5px;
        border: 1px solid #ddd;
        border-radius: 50%;
    }

.carousel .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}

.carousel .testimonial {
    padding: 30px 0 10px;
}



.carousel .overview b {
    /*text-transform: uppercase;*/
    color: #f6aa00;
}


.carousel .carousel-control {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
    background: none;
}

.carousel-control i {
    font-size: 36px;
    color: rgba(0, 0, 0, 0.8);
    margin-left: 5px;
}

.carousel .carousel-indicators {
    bottom: -40px;
}

.carousel-indicators li, .carousel-indicators li.active {
    width: 10px;
    height: 10px;
    margin: 1px 3px;
    border-radius: 50%;
}

.carousel-indicators li {
    background: #999;
    border-color: transparent;
    box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}

    .carousel-indicators li.active {
        background: #555;
        box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
    }

.main-navigation .menu-item-has-children > a i {
    color: #f6aa00;
    font-size: 22px;
}

header .ak-container {
    margin: 14px 0px;
}

.main-navigation .primary-menu ul li:hover {
    /*background: #f6aa00;*/
    /*padding: 0px 10px;*/
    /*transition-duration: .2s, 1s;*/
    /*transition-timing-function: linear, ease-in;*/
}
.flex-shrink-0 {
    padding: 10px 15px;
    border-radius: 5px;
    height: max-content;
    background: #f48f2f;
}
.theme-color {
    color: #f0871e !important;
}
.theme-para {
    color: black;
    font-size: 14px;
}
.font {
    
    font-size: 38px;
}

    .main-navigation .primary-menu ul li .active,
    .main-navigation .primary-menu ul li a:hover {
        text-decoration: none;
        color: #ed7f30 !important;
    }

.main-navigation .primary-menu ul li:hover i {
    color: black;
}

.client-parent-div {
    background: white;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 20px 0px 20px 0px;
    border: 1px solid;
    box-shadow: 0em 0em 1em 0em rgba(0,0,0,.2);
}

    .client-parent-div img {
        height: 65px;
        width: 100%;
        filter: gray; /* IE5+ */
        -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
        -webkit-transition: all .4s ease-in-out;
    }

        .client-parent-div img:hover {
            filter: none;
            -webkit-filter: grayscale(0);
            -webkit-transform: scale(1.01);
        }

.m-t-20 {
    margin-top: 20px !important;
}

.video-home {
    width: 100% !important;
}

.heading-theme-color {
    
    color: #f6aa00;
}

.boxs .padding-box img:hover {
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .4s ease-in-out;
}

.hover-effect img {
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .4s ease-in-out;
}

    .hover-effect img:hover {
        filter: none;
        -webkit-filter: grayscale(0);
        -webkit-transform: scale(1.01);
    }

.carousel-control-prev {
    background-color: #f6aa00 !important;
    background-image: none !important;
}

.carousel-control-next {
    background-color: #f6aa00 !important;
    background-image: none !important;
}

#zkZNYFK-1600354326025 .theme-background-color {
    background-color: #f6aa00 !important;
}

.footer-mega-col .widget {
    margin: 0 0 21px !important;
}

.footer-mega-col .menu-home-container .menu .menu-item a {
    font-size: 22px !important;

}

.button-primary {
    background-color: #f0871e !important;
    width:100%;
    border:none
}

.styling-choosefile {
    font-size: 15px;
    border-radius: 1px;
    border: 1px solid #cccccc;
    padding: 10px;
}

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

    .hovereffect .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .hovereffect img {
        display: block;
        position: relative;
        -webkit-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }

    .hovereffect:hover img {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
        filter: grayscale(1) blur(3px);
        -webkit-filter: grayscale(1) blur(3px);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .hovereffect h2 {
        text-transform: uppercase;
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        background: rgba(0, 0, 0, 0.6);
    }

    .hovereffect a.info {
        display: inline-block;
        text-decoration: none;
        padding: 7px 14px;
        border: 1px solid #fff;
        margin: 50px 0 0 0;
        background-color: #f6aa00;
        margin: 50% auto;
        width: max-content;
    }

        .hovereffect a.info:hover {
            box-shadow: 0 0 5px #fff;
        }

    .hovereffect a.info, .hovereffect h2 {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
        opacity: 0;
        filter: alpha(opacity=0);
        color: #fff;
        text-transform: uppercase;
    }

    .hovereffect:hover a.info, .hovereffect:hover h2 {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

.inline-photo {
    border: 1em solid #fff;
    border-bottom: 4em solid #fff;
    border-radius: .25em;
    box-shadow: 1em 1em 2em .25em rgba(0,0,0,.2);
    margin: 2em auto;
    opacity: 0;
    transform: translateY(4em) rotateZ(-5deg);
    transition: transform 4s .25s cubic-bezier(0,1,.3,1), opacity .3s .25s ease-out;
    max-width: 600px;
    width: 90%;
    will-change: transform, opacity;
}

    .inline-photo.is-visible {
        opacity: 1;
        transform: rotateZ(-2deg);
    }


.showbox {
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

    .showbox.slideright:hover {
        transform: scale(1.1);
    }

.bg-image-contact {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}
    .bg-image-contact .p-tb-50 {
        padding: 50px 0px
    }
#jssor_1 {
    height: 600px !important;
}

.jssorb053 {
    top: -158% !important;
}


@media only screen and (max-width: 600px) {
    #jssor_1 {
        height: 140px !important;
    }

    .top-bar-content {
        text-align: left;
        font-size: 13px !important;
    }

    .top-bar {
        height: 74px;
    }

    .top-bar-content a {
        margin-left: 0px !important;
    }

    .site-header .ak-container {
        margin: 0px;
    }

    /*.carousel {
        padding: 0 40px !important;
    }*/

    .carousel .item p {
        height: 195px;
    }

    .footer-mega-col-wrap img {
        margin-left: 15px !important;
    }

    .styling-choosefile {
        font-size: 10px !important;
    }

    .form-control-changing {
        margin: 11px !important;
    }

    .site-main {
        margin: 0!important;
    }

    .content-area {
        width: 100% !important;
    }

    .video-home {
        width: 100% !important;
        height: 200px;
        margin-top: 23px;
    }


    .innerList {
        border-bottom: 0px !important;
    }

    .About_content p {
        height: auto !important;
    }

    .About_content1 p {
        height: auto !important;
    }

    .About_content2 p {
        height: auto !important;
    }

    .About_content2 {
        margin-top: 10px;
    }

    .how-img img {
        height: auto !important;
        margin: 10px 0px;
    }
}

@media (max-width: 1024px) and (min-width: 602px) {
    #jssor_1 {
        height: 456px ;
    }

    .top-bar-content {
        text-align: left;
        font-size: 13px !important;
    }

    .top-bar {
        height: 74px;
    }

    .top-bar-content a {
        margin-left: 0px !important;
    }

    .site-header .ak-container {
        margin: 0px;
    }

    .carousel {
        padding: 0 40px !important;
    }

    .carousel .item p {
        height: 195px;
    }

    .footer-mega-col-wrap img {
        margin-left: 15px !important;
    }

    .styling-choosefile {
        font-size: 10px !important;
    }

    .form-control-changing {
        margin: 11px !important;
    }

    .site-main {
       margin : 10px;
    }

    .content-area {
        width: 100% !important;
    }

    .main-navigation .primary-menu {
        margin-left: 1px !important;
    }

    .logo-main-wrapper {
        text-align: left;
    }

    .main-navigation .primary-menu {
        margin-top: -90px;
        left: 135px !important;
    }
}

@media (max-width: 1060px) and (min-width: 1025px) {
    .main-navigation .primary-menu {
        width: 100% !important;
        margin-left: 0px !important;
    }
}

@media (max-width: 768px) and (min-width: 300px) {
    #site-navigation #toggle {
        float: right !important;
    }

    .main-navigation .primary-menu {
        margin-top: 19px;
        left: -154px !important;
        width: 303px !important;
    }

    .main-navigation {
        right: 0px !important;
        left: auto;
    }
}



/* carousel */
.media-carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
    margin-top: 30px;
}
    /* Previous button  */
    .media-carousel .carousel-control.left {
        left: -12px;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 30px;
    }
    /* Next button  */
    .media-carousel .carousel-control.right {
        right: -12px !important;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 30px;
    }
    /* Changes the position of the indicators */
    .media-carousel .carousel-indicators {
        right: 50%;
        top: auto;
        bottom: 0px;
        margin-right: -19px;
    }
        /* Changes the colour of the indicators */
        .media-carousel .carousel-indicators li {
            background: #c0c0c0;
        }

        .media-carousel .carousel-indicators .active {
            background: #333333;
        }

    .media-carousel img {
        width: 250px;
        height: 100px;
    }
/* End carousel */
.thumbnail2 {
    height: 110px !important;
}
.download {
    width:100%;
    padding:0px 100px;
    background:#ffff
}
.download-paragraph {
    text-align: left;
    padding: 20px;
    background-image:url(/Content/img/download.webp);
    background-size:cover;
    border-radius: 25px;
    color: #fff;
  /*  height: 180px;*/
}
/*.download-paragraph .col-md-4 .store {
    height: 100%;
    padding: 10px;
}*/
.download-paragraph h2 {
    text-align: left;
    padding:0
}
    .download-paragraph p {
        font-size: 18px;

        
    }

    .download-paragraph img {
        height: 50px;
        margin-bottom:10px
        /*line-height:2px*/
    }

.how-img img {
    width: 190px !important;
}

.download-paragraph img {
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .4s ease-in-out;
}

.download-paragraph img:hover {
        filter: none;
        -webkit-filter: grayscale(0);
        -webkit-transform: scale(1.01);
        box-shadow: 1em 1em 1em 0em rgb(255 255 255 / 20%);
    }

.bgimg {
    background-image: url('../img/999.webp');
    background-size: cover;
    height: 600px;
    background-repeat: no-repeat;
    text-align: center;
}
.bgimg .bg-inner {
    background-color: rgba(83, 83, 83,0.8);
    width: 55%;
    height: 100%;
    padding: 50px;
}
        .bgimg .bg-inner h3{

        }
        .bgimg .bg-inner h3 {
            color: #ffffff;
            font-size: 49px;
            padding: 50px 35px 0px 35px;
            text-align: left;
            
        }
        .bgimg .bg-inner p {
            color: #ffffff;
            font-size: 18px;
            padding: 0px 35px 0px 35px;
            text-align: left;

        }
.bgimgTraining h1 {
    color: #ffffff;
    font-size: 57px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 9.2px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.95);
    padding-top: 100px;
    background-image: url('../img/T&C.webp');
}
.bgimgTraining {
    margin-top: 110px;
    background-size: cover;
    height: 262px;
    background-repeat: no-repeat;
    text-align: center;
    background-image: url('../img/T&C.webp');
}


.bgimg-support {
    background-image: url('../img/suppot.webp');
    background-size: cover;
    height: 262px;
    background-repeat: no-repeat;
    text-align: center;
}
.bgimg-contact {
    background-image: url('../img/contact00.webp');
    background-size: cover;
    height: 262px;
    background-repeat: no-repeat;
    text-align: center;
}

.bgimg-support h1{
    color: #ffffff;
    font-size: 57px;
    
    text-transform: uppercase;

    text-shadow: 0px 0px 10px rgba(0,0,0,0.95);
        padding-top: 100px;
}

.bgimg-contact h1{
    color: #ffffff;
    font-size: 57px;
    
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.95);
        padding-top: 100px;
}

 .bg-sfty-solution li{
        /**/
 margin: 12px 0px 12px 0px!important;
    padding: 0px!important;
}

 @media (min-width: 599px) and (max-width: 769px){
     #secondary {
   display: inline-block;
    float: right!important;
}
     .content-area{
         display:inline-block;
             width: 50% !important;
     }
/*     .site-main {
    height: 533px!important;
}*/

 }

@media (max-width: 1024px) and (min-width: 400px) {
    #jssor_1 {
        height: 190px !important;
    }
  
    
}

@media (max-width: 1524px) and (min-width: 1024x) {
    .footer-bottom .footer-bt-img img{
        margin-top:0!important
    }
  
    
}
@media (max-width: 1024px) and (min-width: 768px) {
    .main-navigation .primary-menu {
        margin-top: 10px;
        left: -70px !important;
        width: 100%;
    }
    .main-navigation{
        width:700px!important
    }
    .main-navigation li a{
            /*font-size: 15px !important;*/
    margin-top: -14px;
    }
    .top-bar{
        height: 40px!important;
    }
    .content-area {
        width: 100% !important
    }
    #jssor_1 {
        height: 360px !important;
    }
    .main-navigation{
        float:right
    }
    .footer-mega-col {
        position: fixed;
        bottom: 40px;
    }
    .site-footer .site-info {
        
        bottom: 0;
    }
    .bkclr{
        height:auto!important
    }
    .height-403 {
        height: auto !important
    }
    .main-navigation li {
        padding: 15px;
    }

        .main-navigation li a {
            /*font-size: 23px !important;*/
        }
    .main-navigation .primary-menu {
        height: auto !important;
        margin-top: 18px;
    }

}

@media (max-width: 800px) and (min-width: 250px) {
    .top-bar {
        height: auto !important
    }

    .top-bar-content {
        text-align: right !important
    }

    .main-navigation .primary-menu {
        height: auto !important
    }

    .how-section1 .col-md-6 {
        padding: 20px !important;
    }

    .bgimg h1 {
        font-size: 45px !important;

    }

    .text {
        transform: translate(50%, -120%) !important;
        padding: 1em 1em !important;
        min-width: 89% !important;
    }

    .height-403 {
        height: max-content !important
    }

    .bkclr {
        height: max-content !important
    }

    .image-box {
        height: auto !important
    }

    .heading {
        margin: 20px 0 15px !important;
    }
}


.welcomesection {
    background-color: #ffff;
    padding: 20px;
}
.maincontent  {
    font-size: 12px;
}
    .maincontent p {
        font-size: 12px;
        margin-bottom: 0 !important;
        display: -webkit-box;
        /* max-width: 200px; */
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    
    }
.maincontent p a {
    font-size: 16px;
    color:#ed7f30;
    text-decoration:none
}
.divcontent h3 {
    margin-left: 7px
}
    .maincontent .ReadMore a {
        font-size: 16px;
        color: #ed7f30;
        text-decoration: none;
        border: 1px solid #ed7f30;
        padding: 0px 10px;
        border-radius: 5px;
        float: right;
        margin-right: 15px;
        margin-bottom: 0px;
        margin-top:12px;
    }
/*    .maincontent .Read a {
        font-size: 16px;
        color: #ed7f30;
        text-decoration: none;
        border: 1px solid #ed7f30;
        padding: 0px 10px;
        border-radius: 5px;
        float: right;
        margin-right: 15px;
        margin-bottom: 0px;
        margin-top: 34px;
    }
    .maincontent .Read a:hover {
        background: #ed7f30;
        color: white;
    }*/

    .maincontent .ReadMore a:hover {
        background: #ed7f30;
        color: white
    }
.tawk-branding{
    display:none!important
}
.divcontent {
    background-color: #ffff;
    border-radius: 10px;
    margin: 5px;
    filter: drop-shadow(0 0 10px rgba(210, 215, 211));
    border: 1px solid #f48f2f;
}
    .divcontent .maincontent h3 {
    
        font-size: 24px;
    

    }
    .divcontent .icons {
        height: 100%;
        font-size: 16px !important;
        /* margin-top: 21px !important; */
        color: white;
        background-color: #ed7f30;
        border-radius: 50px;
        padding: 7px;
    }
.collect {
        padding: 13px
    }
.videosection {
    /*margin-top: 15px;*/
    background-color: #f48f2f;
    padding: 20px !important;
    width: 100%
}
    .videosection h1, .videosection h3 {
        text-align: center;
        padding: 35px 5px 100px 5px;
        font-size: 35px;
        width: 100%;
    }
    .videosection h3 {font-size: 26px;color:white!important}

    .videosection .row video {
        background-color: #ffff;
        height: 100% !important;
        width:600px;
    }
    .videosection p {
        font-size: 17px;
        /*color: #454545;*/
        
        
        
        text-align: justify;
    }
.features {
    background-color: #f0f8fa !important
}

.skype1-img {
    background-image: url(https://fileserver2.out2sol.global/UploadedFiles/dp-world/20230418-638174065591704989-7962-salomi%20skype1.png);
    transform: skewY(-5deg);
    background-size: 100%;
    background-repeat:no-repeat;
    top:0;
    bottom:0;
    left:0;
    right:0;
    transform-origin:top left;

}
.digital-img {
    background-image: url(https://fileserver2.salomi.com.sa/UploadedFiles/dp-world/20220912-637985760443352888-1774-SALOMI-BANNER.png);
    transform: skewY(-5deg);
    background-size: cover;
}
.feature-content {
    margin-top: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    border-radius: 5px;
    background: white
}
.feature-img {
    height: 215px;
    width: 100%;
   /* transform: skewY(-5deg);*/
    overflow: hidden;
}
    .feature-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        /* transform: skewY(5deg); */
        /* margin-top: 10px; */
    }
.feature-content .feature-text {
    margin-top: 0rem;
    padding: 20px;
    margin-bottom: 2rem;
}
        .feature-content .feature-text p {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
       
.feature-content .button {
    text-align: center;
    color: #f28e2c;
    text-decoration: none;
    font-size: 18px;
    bottom: 0;
    position: absolute;
    width: 100%;

}
.feature-content .button div {
    border: 1px solid #f28e2c;
    padding: 8px;
    margin: 0px 15px 15px 15px ;
    transition:0.2s ease-in;
}
    .feature-content .button div:hover {
        background-color: #f28e2c;
        color:#ffff;
    }
    .social-icons{
        
    padding: 40px;
    height: 100%;
    }
.footer {
    width: 100%;
    background-color: rgb(65, 64, 69, 1);
    background: url(/Content/img/footer.webp);
    /* background-size: cover; */
        color: #ffff;
        /* position: relative; */
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 8px;
    }
    .footer .footer-menu h2 {
        color: #e57e17;
        font-size: 18px;
        text-align: left;
        
        text-transform: capitalize;
    }

    .footer .row .footer-menu h4,
    .footer .row .footer-contact h4,
    .footer .row .social-icons h4 {
        color: #f48f2f;
        margin-bottom: 4px !important;
        font-size: 20px;
        text-align: left;
        text-transform: capitalize
    }
    .footer .row .footer-contact p,
    .footer .row .social-icons p{
        margin-bottom: 5px !important;
    }
    .footer .row .social-icons h6 {
        color: #ffff;
        font-size: 20px;
        text-transform: capitalize
    }
    .footer .footer-menu ul {
        margin: 0;
        padding: 0
    }
        .footer .footer-menu ul li {
            list-style: none;
            text-align: left;
            font-size: 1rem;
        }
    .footer .footer-menu ul li a {
        text-decoration: none!important;

        color: #fff
    }
.footer-contact a{
   color:white
}


.social-icons {
    padding: 0
}
.social-icons h2 {
    color: #ffff;
    font-size: 18px;
    text-align: center;
    
    text-transform: capitalize;
    padding-bottom:10px

}
    .social-icons .icons

    .how-section1 .best-practice h1 {
        color: #454545;
        
        padding:10px 0px
    }
.how-section1 .best-practice {
    width: 100%;
    background-color: #f4f4f4;
    color: #454545;
    padding: 20px 0px
}

.best-practice p {
    font-size: 16px;
    text-align: justify;
}
.bg-sfty-solution h2 {
    font-size:30px;

}
.innerList {
    padding-left: 17px;
    color:black
}
.innerList-pl-0{
    padding:0
}
.how-section1 ul li .row .bg-sfty-solution .innerList li {
    font-size:16px;
    list-style-type: disc;



}
.how-section1 ul li .row .bg-sfty-solution .innerList .listnone {
    list-style-type: none;
    padding: 0px;
}
    .how-section1 ul li .row .bg-sfty-solution .innerList .listnone p {
        color:black
    }
    .site-content {
        background-color: #ffff
    }
.bg-img-support {
    background:url('/Content/img/99999.webp');
    background-size:100% 100%;
}
.support-content {
    padding: 39px 24px;
    background-color: #fff;
    border-radius: 10px;
    font-size: 20px;
    text-align: center;
    font-size: 20px;
}
.m-b-10, .m-b {
    margin-bottom: 10px;
    border-radius:5px
}
.bg-white{
    background-color:#fff
}
.submit-btn{
    padding:0!important
}
.bg-white .choose-file {
    width: 96%;
}
.m-t-10{
    margin-top:15px
}
.bg-white .form-group {
    margin-bottom: 0 !important
}
.bg-white .choose-file .styling-choosefile {
    margin: 10px;
    width: 100%
}
.support-main-content {
    padding: 40px;
}
.m-t-15{
    margin-top:15%
}
.res-logo {
    display: none
}
.m-t-8 {
    margin-top: 8%
}
.m-t-12 {
    margin-top: 12%
}
#primary-fullwidth {
    margin-bottom: 20px;
}
.bgclr h2 {
    text-align: left !important;

    text-transform:uppercase;
    font-size:26px;

}
.bgclr {
    background-color: #F3F3F3;

}
    .bgclr .para {

      
        font-size:17px;


    }
.bi-content {
    background-color: #F3F3F3 !important
}

.site-footer .site-info {
    background-color: #f48f2f !important;
    color: white !important;
    font-size: 16px;
}
.site-footer .site-info .footer-text .col-md-4 {
    padding: 0px 0px
}
    .site-footer .site-info .footer-text .col-md-4 a{
        color:black!important
    }
.footer-bottom {
    padding: 0px 0px;
}
    .footer-bottom .footer-bt-text p {
        font-size: 1rem;
    }
.footer-bt-img img {
    height: 60px;
    margin-top: 0px;
   /* margin-left: -15px;*/
}
.bi-head-img{
    background:url('/Content/img/gerre.webp');
    height:600px;
    background-size:cover
}
 .bottom-content {
    background-color: #ffff;

}
.bottom-content .bt-icon{
    padding-left:65px
}
.site-main .bottom-content.row .container {
    padding-left: 60px !important
}
.bottom-content .items {
    font-size: 12px;
}
         .bottom-content .items h4 {
            font-size: 20px;
            
    
        }
    .bottom-content .items p {
        color: #f48f2f;
        font-size: 15px;
        margin-bottom: 0;
    }
        .bottom-content .items img {
            height: 20px
        }
    .site-main .bottom-content .col-md-3{
        width:300px
    }
    .site-main .bottom-content .col-md-1 .col-md-3 {
        padding: 10px 30px;
    }
    .site-main .bottom-content .col-md-1 .arrow img {
        height: 20px
    }
.site-main .bottom-content .col-md-1 .arrow {
    padding: 66px 0px;
    text-align: center
}

.image-slider {
    z-index: 0;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 700px;
    overflow:hidden
}

.image-slide {
    height: 700px;
    margin: 0 auto;
}

.slick-slide.slick-center {
    transform: scale(1.2);
    transition: transform .8s 1.4s cubic-bezier(.84, 0, .08, .99);
}

.slick-slide {
    transition: transform .7s cubic-bezier(.84, 0, .08, .99);
}
.pl{
    position:relative;
}
.slider-control {
    margin: 0%;
    position: absolute;
    z-index: 2;
    left: 15%;
    transform: translate(-50%, -50%);
    display: flex;
    margin-top: 40%
}
.button-large {
    border-radius: 0 !important;
    margin: 0;
    padding:15px;
    border-radius:5px!important
}
button {
    color: #fff;
    background: none;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, .3);
    font-size: 16px;
    border-radius: 50%;
    margin: .4em;
    display: inline-block;
}

    button:hover {
        background-color: gray
    }

    button:focus {
        outline: none;
    }
     .width45{
        
    width: 45.5%!important;

    }
.block-1 {
    z-index: 1;
    position: absolute;
    height: 700px;
    width: 50%;
    left: 0%;
    background-color: rgb(7 6 6 / 80%);
}

.block-2 {
    z-index: 1;
    position: absolute;
    height:auto;
    width: 25%;
    left: 25%;
    background: rgba(15,15,15,1);
}

.block-3 {
    z-index: 1;
    position: absolute;
    height:auto;
    width: 5%;
    right: 0%;
    background: rgba(15,15,15,1);
}

.overlay {
    z-index: 1;
    position: absolute;
    height:100%;
    width: 20%;
    left: 5%;
}

.text-slider-wrapper {
    z-index: 2;
    position: absolute;
    width: 100%;
    top: 30%;
}

.text-slider {
    margin: 0%;
    padding: 0%;
    height:auto;
    width: 50%
}
.text-slide h1 {
    color: #fff;
    font-size: 35px;
  
    text-transform: capitalize;
    padding-left: 10%;
    padding-top:30px;

    

}

.text-slide p {
    color: #fff;
    font-size: 30px;

    padding-left: 10%;
    
}
.contact-site-main {
    background-color:transparent;
    /*
    padding: 60px 0px;*/
}
.entry-content .head-quarters {
    padding: 11px 15px 11px 15px;
}
.entry-content .information p i {
    padding: 5px 10px;
    font-size: 17px;
}
.entry-content .information p .fa-envelope {
    padding: 5px 10px;
    font-size: 17px
}
.flex-shrink-0 img {
    padding: 4px 0px;
    height: 27px;
}
.head-quarters h1 {
    font-size: 39px;
    
    color: #404043 
}
.head-quarters p {
    font-size: 14px
}
.contact-site-main .contact-artical {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 0px 5px ;
    border: 1px solid #f48f2f;
}
.contact-site-main .contact-artical2 {
    background-color: #fff;
    border-radius: 10px;
}
@media(max-width: 990px) {
    .block-2, .overlay {
        display: none;
    }

    .block-1 {
        width: 50%;
    }

    .block-3 {
        width: 12%;
    }

    .slide-slick {
        display: none !important;
    }

    .text-slide h1 {
        font-size: 19px !important;
    }

    .text-slide p {
        font-size: 15px !important;
        color: #fff
    }

    .text-slider-wrapper {
        position: absolute;
    }

    .slider-control-sf {
        bottom: 50% !important;
    }

    .slider-control {
        left: 22.5%;
    }

        .slider-control .prev .arrow-btn,
        .slider-control .next .arrow-btn {
            padding: 4px !important
        }
}
    .about-section h1 {
        
        
        
        font-size:34px;
        padding:5px 0px 
    }
.about-section p {
    
/*    font-size: 20px;*/
    text-align: justify;
}


.p-35{
    padding:35px 0px
}
.bg-whitesmoke {
    background-color: #f5f5f5
}

.bg-whitesmoke .container {
    padding: 25px 0px;
}
.bg-whitesmoke .container .col-md-3,
.bg-whitesmoke .container .col-md-9 {
    padding: 30px;
}
    .bg-whitesmoke .container .col-md-9 h1 {
        font-size: 40px;
        color: #302e2e;
        
   
        
    }
    .bg-whitesmoke .container .col-md-9 h3 {
        font-size: 32px;
        
        color: #302e2e;

    }
.bg-whitesmoke .container .col-md-3 img{
    height:150px
}
.captcha a{
    color:black !important

}
.case-banner {
    height: 650px;
    background-color: #e5862c
}
.casestudy-section {
    background-color:#eeeeee
}
.card {
    background: #ffffff none repeat scroll 0 0;
    margin: 10px 0;
    padding: 20px;
    border: 0 solid #e7e7e7;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgb(149 149 149 / 17%);
}
    .casestudy-section .container .card {
        padding: 0;
        background-color: #ffff;
        border-radius: 10px;
        margin: 10px;
        width: 31.5%;
        float: left;
        filter: drop-shadow(0 0 10px rgba(210, 215, 211));
    }
    .casestudy-section .container .card {
        padding: 20px;
        height:365px
    }
    .casestudy-section .container h1 {
        
        text-align: center;
        
        color: #302e2e;
        font-size: 50px;
        padding: 20px
    }
    .casestudy-section .container .row .info-con {
        /*margin-top: 20px;*/
    }
        .casestudy-section .container .row .info-con .inner-img img {
            margin: auto;
            height: 87px;
        }
        .casestudy-section .container .row .info-con .text-area p {
            font-size: 17px;
            
        }
    /*.casestudy-section .container .card img {
        height: 75px
        max-width: fit-content;
        margin: auto;
        height: 87px;
    }*/
.info-con {
    background-color: #fff;
    filter: drop-shadow(0 0 10px rgba(210, 215, 211));
    padding:20px;
    height:auto;
    border-radius:10px
}
.case-banner-content h1 {
    margin: 70px 0px 25px 0px;
    color: #201e1e;
    font-size: 50px;
    
}

.case-banner .row .col-md-6 .caseimg {
    height: 75px !important;
    margin: 30px;
}

.case-banner .row .casimg {
    text-align: right;
}
.case-banner .row .laptopimg{
    padding-top:80px
}
.case-banner .row .laptopimg img {
    height: 400px
}
.img-500{
    height:500px
}
.fa-times-circle{
    cursor:pointer
}
.img-370 {
    height: 370px;
}
.img-230{
    height:230px
}
.banner-content {
    font-size: 22px;
    padding: 40px 45px;
    color: #201e1e;
    
}

.free-btn {
    width: 170px;
    border: none;
    outline: none;
    background-color: #201e1e !important;
    color: #ffff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 10px;
    
}
.m-b-0{
    margin-bottom:0!important
}
.arabic :hover{
    text-decoration:none;
    list-style:none
}


.wrap {
    position: relative;
}

.video-bg {
    position: relative;
    height: 100%;
    background: #000;
    overflow: hidden;
}

    .video-bg::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.6);
    }

    .video-bg iframe {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100vw;
        height: 60vw;
    }
.d-block{
    display:block!important
}
.m-t-20{
    margin-top:20px
}
.bg-content {
    position: absolute;
    top: 0;
  /*  left: 5%;*/
    width: 100%;
    height: 100%;
    color: #fff;
}

.bg-container {
    position: absolute;
    top: 30%;
    width: 50%;


}

.title {
    text-align: left;
    font-size: 50px;
    
}
.about-vdo {
    background-color: rgba(0,0,0,.9);
}
.watch-button {
    margin-top: 60px
}
.button-large {
    font-size: 18px;
    
}
.title, .watch-button {
    text-transform: capitalize;
}
    .watch-button .btn-primary:nth-child(2n+0) {
        background-color: transparent
    }
    .watch-button:hover > .btn-primary {
        background-color: #e47200;
        border: 2px solid #e47200;
        outline: none
    }
    .watch-button:hover > .btn-primary:nth-child(2n+0) {
        background-color: #e47200;
    }
    .watch-button .btn-primary {
        background-color: #e47200;
        border: 2px solid #e47200;
        outline: none;
        
        font-size:18px
    }

.media-releases.news ul li {
    background-color: transparent;
    border-bottom: none;
}
.watch-video iframe {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 30vw;
}
.large-title-heading {
    font-size: 3rem;
    margin: 0px 0 24px;
    text-align: left;
    color: black
}

.how-section1 {
/*    background-color: #f4f4f4;*/
    margin-top: 0px;
    padding: 0%;
}

    .how-section1 h4 {
        
        
        
        font-size: 30px;
        padding:5px 0px;
    }

    .how-section1 .subheading {
        color: #3931af;
        font-size: 20px;
    }

.how-img {
    background-image: url(../img/manage-sd.webp);
    text-align: center;
    background-repeat:no-repeat;
    background-size:cover
}

.how-img img {
    width: 100%;
}

.hero-text {
    overflow: hidden;
}

    .hero-text h2 {
        margin-bottom: 50px;
    }

    .hero-text .hero {
        position: relative;
    }

        .hero-text .hero .hero-slide a:hover span {
            color: #033a71;
        }

.hero .hero-slide img {
    width: 100%;
    height: 700px;
    /*height: 650px;*/
    object-fit: cover;
    object-position: inherit;
    filter: brightness(0.3)
}

.hero .hero-slide .header-content {
    top: 20%;
    margin-left: 8rem;
    max-width: 550px;
    width: 100%;
    padding: 15rem 2rem;
}

.slide-content {
    padding: 10px 20px 10px 0;
}

    .slide-content .h1 {
        font-size: 62px;
    }

.btn-primary {
    background-color: #5302FE;
    border-radius: 0;
}
.contact-btn {
    padding: 10px !important;
    
    font-size: 18px !important;
    background-color: #f0871e !important;
    border: none !important;
    outline: none !important
}

/*.p-t-20{
    padding-top:8%
}*/
.slick-dots {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
 
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            border-radius: 50%;
            border: 1px solid #ffff;
            outline: none;
        }

            .slick-dots li button::before {
                font-size: 18px;
                color: #fff;
                opacity: 1;
            }

.slick-active button {
    background-color: #f0871e
}

/** Text Animation **/

@-webkit-keyframes fadeInUpSD {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpSD {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpSD {
    -webkit-animation-name: fadeInUpSD;
    animation-name: fadeInUpSD;
}

.slick-active .slide-content {
    animation-name: fadeInUpSD;
    animation-duration: 1s;
    opacity: 1;
    width: 100%;
    padding: 10px 20px 30px 0;
}

/* Media Queries */



.slide-content p {
    font-size: 16px
}

.content-area {
    width: 100%;
}

#secondary {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.site-main {
    background: white;
    margin: 20px 0px 20px 20px;
    padding: 20px;
}

.btn-primary {
    background-color: #f0871e ;
}

.entry-content h1 {
    color: #f6aa00 !important;
}

@media only screen and (max-width: 600px) {
    .site-main {
        margin: 10px;
    }

    .content-area {
        width: 100% !important;
    }

    #secondary {
        width: 100% !important;
    }

    .bg-image-contact {
        height: 100%;
    }
   
}

.container #secondary .contact-text-area {
    height: 150px
}

@media (min-width: 602px) and (max-width: 1024px) {
    .site-main {
        margin: 10px;
    }
    .top-context {

        width: 100%;

    }
    .top-bar {
        height: 39px;
    }

    .top-bar-content {
        text-align: right;
        font-size: 13px !important;
    }

    #secondary {
        width: 100% !important;
    }

    .bg-image-contact {
        height: fit-content;
    }
}

#CaptchaInputText {
    position: relative;
    width: 50%;
    font-size: 18px;
    border-radius: 5px;
    border: 2px solid black;
    background: aliceblue;
    text-transform: uppercase;
}


#captcha > a {
    color: black !important;
}

.watch-video2{
    height:100%;
    position:fixed;
    z-index:9999;
    background-color:black
}

.click-video {
    background-color: rgba(0,0,0,.9);
    height: 100vh;
    width: 100%;
    position: fixed;
    top:0;
    z-index: 9999;
    transition: 0.5s ease-in-out;
}
.click-video{
    display:none;
}
.m-t-8{
   margin-top: 8%
}
.videobl {
    display: block;
}
.clvideo{
    display:none;
}
.mt0{
    margin-top:0!important
}
.p-b-5{
    padding-bottom:5px
}
.nowrap {
    flex-wrap: nowrap !important
}
.p-l-5 {
    padding-left: 5px;
}
.vr-page .vr-bgimage {
    height: 740px;
    background: rgb(147,83,20);
    background: linear-gradient(90deg, rgba(147,83,20,1) 0%, rgba(205,117,32,1) 35%, rgba(223,113,10,1) 100%);
    background-image: url('/Content/img/vr-header.webp');
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(0.4)
}
.vr-section{
    height:auto;
    background-color:#ffff;
    position:relative
}
    .vr-section .row .col-md-3,
    .section-middle .img {
        width: 100%;
        width: 100%;
        height: 100%;
    }
    .section-middle .img{
        filter: brightness(0.9)

    }
.div-text {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba( 95, 48, 4,0.5);
    color: #ffff;
    padding: 30px;
    

}
.max-width-21 {
}
.p-15 {
    padding: 15px
}
.m-t-5{
    margin-top:8%
}
.mt-30{
    margin-top:-30px!important
}

    .vr-section .row .p-10 {
        padding: 26px 20px;
        background-color: #fff;
        box-shadow: 0px 5px 10px 0px rgb(171 163 163 / 50%)
    }
    .vr-section .row .image{
        height:200px;
    }
    .vr-section .row .image img{
        height:100%;
        width:100%
    }
    .section-middle .card {
        height: 100%;
        width: 100%;
        border: 0
    }
.middle-text-right .card :hover  .middle-text-right .card img{
    opacity: 0
}
.middle-text-right .card-body .card-text {
    color: #ffff;
    
}
.head-text h1,
.head-text p {
    padding: 10px 15px
}
.section-middle .middle-text h1 {
    
    font-size: 34px;

    padding-right: 17%;
    
    
}
/*.section-middle .middle-text  p,
.section-middle .middle-text-right p {
    
    font-size: 18px
}*/

.VrCards {
    background: white !important;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 10px;
    margin-bottom:20px;
}
    .VrCards img{
        height:350px;
        margin-bottom:20px;
    }
    .VrCards a, .VrCards p, .VrCards h3 {
       color:black!important;
       text-decoration:none!important;

    }
.GamingVideos {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 20px;
}
.GamingVideos p{
    margin: 0px;
}
    .pabs {
        background-color: rgba(49,46,127,0.5);
        position: absolute;
        bottom: 0;
        color: #ffff
    }
.middle-text-right .card .middle-right-bgimg:hover .middle-text-right .card  .pabs {
    transform: scale(1.1);
    background-color: rgba(49,46,127,0.5);
    transition: all .5s;
    
}
.middle-text-right .card .middle-right-bgimg{
    filter:brightness(0.6)
}

.middle-text-right .card .middle-right-bgimg:hover {
    transform: scale(1.1);
    background-color: rgba(49,46,127,0.5);
    transition: all .5s;
}
.middle-text-right .card .card-body{
    position:absolute;
    left:0;
    bottom:0
}
.nowrap{
    flex-wrap:nowrap!important
}
.scale-img {
    transition: all .5s;
    position:relative
}
.scale-img:hover {
    transform: scale(1.1);
    transition: all .5s;
}

.middle-text-right {
    overflow: hidden;
    position: absolute;
    padding: 0 !important
}
.middle-text-right .middle-right-bgimg .div {
    height: 100%;
    width: 100%;
}
.middle-text-right .middle-right-bgimg {
    background-image: url('/Content/img/wp3091475.webp');
    height: 100%;
    width: 100%;
    background-size: 100% 100%;
    transition: all .5s;
    background-position: center;
    background-color: black;
    background-repeat: no-repeat;
}
.info-img{
    position:relative
}
    .info-img .inner-text {
        color: #ffff;
        
        font-size: 18px;
        transition: all 1s
    }
info-img :hover {
    transform: scaleY(1.1);
    transition: all 1s;
    height: 100%;
    background-color: rgba( 163, 92,21,0.4);
    transition: all 1s
}
.p-t-8{
    padding-top:8%
}
.info-img .inner-text:hover {
    height: 100%;
    width:100%;
    /*background-color: rgba( 163, 92 ,21 ,0.4);*/
    background-color: rgba( 95, 48, 4,0.4);
    /*filter:brightness(0.6);*/
    transition: all 1s
}
.info-img .inner-text .divtext {
    position: absolute;
    bottom: 0;
    
    padding: 30px;
    transition: all 1s
}
    .p-t10p{
        padding-top: 17%;
    }
/*.top-8{
    top:8.4%!important
}*/
.top-context h1 {
    font-size: 35px;
    padding-bottom: 15px;
    padding-right: 70px;
    
    
}
.top-context {
    position: absolute;
    top: 20%;
    left: 10%;
    color: #fff;
    width: 50%;
    padding: 20px;
    height:auto
}
 .top-context {
    color: #ffff;
    padding: 10px 75px 10px 0px;
    font-size: 18px ;
    
}
    .top-context p {
        font-size: 18px;

        padding-right: 50px;
   
        text-align:justify
    }
.top-innerbg {
    height: 600px;
}
    .top-innerbg img {
        height: 100%;
        width: 100%;
    }
    .mb-30 {
        margin-bottom: 30px;
    }
.of-hide{
    overflow:hidden
}

.divtext h1 {
    padding: 10px 0px;
    
}
.divtext p {
    
    /*text-align:justify;*/
 
}
.info-img:hover .divtext {
    transform: translateY(-5%);
    transition: all .5s ease-in-out;
    opacity: 1
}
.divtext{
    opacity:0
}

.p-0{
    padding:0
}
.same-img-css {
    background-size: 100% 100%;
    transition: all .5s;
    background-position: center;
    background-color: black;
    background-repeat: no-repeat;
    height: 370px;
    width: 100%;
    margin: 0 auto
}
.inner-text{
    overflow:hidden
}

.b-img1 {
    background-image: url('/Content/img/image_2023_05_18T08_35_32_260Z.webp');
    filter: brightness(0.8);
    background-repeat: no-repeat;
}
.b-img2 {
    background-image: url('/Content/img/image_2023_05_18T08_38_38_712Z2.webp');
    filter: brightness(0.8);
    background-repeat: no-repeat;
}
.b-img3 {
    background-image: url('/Content/img/safetycrain.webp');
    filter: brightness(0.8);
    background-repeat: no-repeat;
}
.b-img4 {
    background-image: url('/Content/img/withled.webp');
    filter: brightness(0.8);
    background-repeat: no-repeat;
}
.sadafco-logo{
   
    width:130px!important;
    margin:0 auto
}
.vr-info h2 {
    font-size: 23px;
    color: #f15922
}

.vr-info p {
    
    
    font-size:16px
}
}
.head-text{
    padding:0px 15px
}
.head-text p{
   
    text-align:justify
}
.bottom-bg-img {
    background-image: url(/Content/img/white-data-bg.webp);
    background-size:100% 100%;
    background-repeat:no-repeat;
    padding:60px
}
    .bottom-bg-img h1 {
        
        font-size:34px;
    

    }
.inner-bgimg1 {
    background-image: url(/Content/img/sadafcohq.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 140px
}
.inner-bgimg2 {
    background-image: url(/Content/img/DPWorld11.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 140px
}
.inner-bgimg3 {
    background-image: url(/Content/img/CCCC.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 140px
}
.about-bootom .inner-text h4 {
    
    font-size: 18px;
    padding: 15px;
    
 
}
.about-bootom .inner-text p {
    
/*    font-size: 13px;*/
    padding: 0px 15px;

    
}
.b-c{
    border: 1px solid #e0dada;
    height:auto
}
 .access-icon {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index:999;
    /*background: yellow;*/
    padding: 20px;
    border: 1px solid;
}
.accessabity-section {
    position: fixed;
    top: 30%;
    right: 0;
    background-color: whitesmoke;
    height: auto;
    z-index: 999;
    /*display:none*/
}
.ba-we-love-subscribers .ba-logo ul {
    margin: 0 !important
}
    .accessabity-section .accessabity-tools h1 {
        padding: 25px 20px;
        
        font-size:20px
    }
.c-p {
    cursor: pointer;
}





.ba-we-love-subscribers-wrap .ba-we-love-subscribers .ba-logo ul .menu-item {
    padding: 5px 10px;
    list-style: none;
    font-size: 15px;
    text-align:left
    
}
.GrayClass {
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1);
    /* Google Chrome, Safari 6+ & Opera 15+ */
    /*-moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);*/
}

/*.RemoveGrayScale {
    filter: none;
    -webkit-filter: grayscale(0);
}*/
.highcontrast .about-section h1,
.highcontrast .bg-whitesmoke .container .col-md-9 h3,
.highcontrast  .site-footer .site-info .footer-text .col-md-4  a {
    color: #fff !important;
}
.highcontrast {
    background-color: #3b3939 !important;
    color: #fff !important;
}













.ba-we-love-subscribers {
    width: 230px;
    height: 50px;
    background-color: #fff;
    box-shadow: 0px 12px 45px rgba(0, 0, 0, .15);
    
    text-align: center;
    margin: 0 0 10px 0;
    overflow: hidden;
    display:none
}
.tawk-button{
    height:30px!important
}
.ba-we-love-subscribers.open {
    height: auto;
    display: block
}

    .ba-we-love-subscribers.popup-ani {
        -webkit-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    .ba-we-love-subscribers .ba-logo:hover {
        opacity: 1;
    }

.ba-we-love-subscribers-fab {
    width: 65px;
    height: 65px;
    background-color: #f48f2f;
    float: right;
    box-shadow: 0px 12px 45px rgba(0, 0, 0, .3);
    z-index: 5;
    position: relative;
}
.m-14{
    margin:14px!important
}

.ba-we-love-subscribers-fab .img-fab {
    /* height:30px;
   width:30px;*/
    margin: 14px 14px;
    text-align: center;
    /*background-image: url("https://4.bp.blogspot.com/-1J75Et4_5vc/WAYhWRVuMiI/AAAAAAAAArE/gwa-mdtq0NIqOrlVvpLAqdPTV4VAahMsQCPcB/s1600/barrel-we-love-subscribers-img.png");*/
    /*background-position: -1px -53px;*/
}
.p-10{
    padding:10px
}
.close {
    margin: 15px !important
}
.img-fab
.ba-we-love-subscribers-fab .wrap {
    transform: rotate(0deg);
    -webkit-transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23);
    transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23);
}
.h-auto{
    height:auto!important
}
.ba-we-love-subscribers-wrap {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 999;

}
.t-70{
    top:70px!important;
    position:fixed!important
}

.t-10{
    top:10.7%!important
}
.ba-settings {
    position: absolute;
    top: -25px;
    right: 0px;
    padding: 10px 20px;
    background-color: #555;
    border-radius: 5px; 
    color: #fff;
}
.ba-logo h1 {
    padding: 0px 15px;
    
    font-size: 22px
}



@media (max-width: 768px) {
    #carouselExampleSlidesOnly {
        margin-top: 0px !important
    }
    .carousel-item img {
        margin-top: 0px !important
    }

    .large-title-heading {
        font-size: 25px!important;
    }
    .UnsafeResp {
        top: 12%!important;
        right: 33%!important;
    }
    .forklistResp {
        top: 45%!important;
        left: 58%!important;
    }
    .NearMissResp {
        top: 75%!important;
        right: 33%!important;
    }
    .heighPermitResp {
        left: 33%!important;
    }
    .ViolationResp {
        top: 60%!important;
        left: 32%!important;
    }
    .FireExtResp {
        top: 13%!important;
        left: 8%!important;
    }
    .nav-mobile{
        height:0!important
    }
    .CsTool {
        width: 270px!important;
    }
        .CsTool img {
            height: 100px !important;
            width: 100% !important;
        }
    .RepsFireBox {
        bottom: 48px
    }
    .CleanCheckResp {
        bottom: 8rem!important;
        right: 1rem!important;
    }
    .RespHeightPermit {
        right: 6rem!important;
        bottom: 3rem!important;
    }
    .ResViolationBox {
        right: 5rem!important;
        bottom: 8rem!important;
    }
    .UnsafeRespBox {
        right: 10rem!important;
        bottom: 3rem!important;
    }
    .RespForkilftBox {
        bottom: 6rem!important;
        right: 10rem!important;
    }
    .RespNearMissBox {
        right: 10rem!important;
        bottom: 9rem!important;
    }
    .RespSnapShotBox {
        right: 15rem!important;
        bottom: 6rem!important;
    }
}

ul li a:hover, ul li a.activated, ul li a.activated:hover {
    color: #f48f2f !important
}

.activated {
    color: #f48f2f !important
}

.navigation {
    height: 40px!important;
    /* background: #262626; */
    margin-top: 14px!important;
}

a {
/*    text-decoration: none !important;*/
    cursor: pointer !important
}

/*.OpenCardAnimation .animate__rotateInDownLeft {
    animation-duration: 1s;*/ /* don't forget to set a duration! */
/*}*/


.zoom-in-zoom-out {
    animation: zoom-in-zoom-out 1s ease-out;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(0, 1);
    }

    50% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}
.VrFirstBgImg {
    background-image: url(../img/vrsafetytraining.webp);
    background-position: center;
    background-size: Cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}
.graySection {
    background-image: url(../img/inovacao_foto.webp);
    background-position: center;
    background-size: cover;
    padding: 1rem 20px;
    -webkit-animation: slide 30s linear infinite;
    background-repeat: no-repeat;
}
.icons a i {
    text-align:center
}
.bg-img {
    background-image: url(../img/corona.webp);
    opacity: 1;
    height: 100%;
    width: 100%;
}
.ContactPageheader {
    background-position: top;
    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .6)), url(../img/Contacform.webp) center center no-repeat;
    background-size: cover;
    height: 265px;
}
.VRSection {
    background-image: url(../img/vrvector.webp);
    background-position: center;
    background-size: contain;
    height: 200px;
    /* background-repeat: no-repeat; */
}
.footer-bt-text p {
    margin-bottom: 4px !important;
}
.wrapper {
    display: flex;
    justify-content: space-around;
    height: 180px;
}
    .wrapper .card {
        transition: 0.5s ease-in-out;
        background: #ffffff none repeat scroll 0 0;
        margin: 10px 0;
        padding: 20px;
        border: 0 solid #e7e7e7;
        border-radius: 5px;
        box-shadow: 0 5px 20px rgb(149 149 149 / 34%);
        display:flex
    }
    .wrapper .card .heading-section img{
        margin-top: 20px;
        height: 45px;
        width: 45px;
    }
        .wrapper .card i {
            margin-top: 20px;
            height: 45px;
            width: 45px;
            background-color: #ea7f37;
            color: white;
            padding: 11px 13px;
            font-size: 25px;
            border-radius: 50px;
        }
        .wrapper .card .heading-section h3 {
            margin-top: 26px;
            margin-left: 10px;
        }
        .wrapper .card .heading-section {
            display: flex
        }
        .wrapper .card:hover {
            transform: translateY(20px);
        }
        .wrapper .card:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            z-index: 2;
            transition: 0.5s all;
            opacity: 0;
            background: #ed7f30;
            border-radius: 5px;
        }
        .wrapper .card:hover:before {
            opacity: 1;
        }
        .wrapper .card .info {
            z-index: 3;
            position: relative;
            color: white;
            transition: 0.5s all;
            opacity: 0;
            transform: translateY(30px);
        }
        .wrapper .card:hover .info {
            opacity: 1;
            transform: translateY(0px);
        }
        .wrapper .card .info p {
            color: black;
            margin-top: -120px;
        }
        .wrapper .card .info a {
            font-size: 16px;
            background: white;
            color: #ed7f30;
            text-decoration: none;
            border: 1px solid #ed7f30;
            padding: 0px 10px;
            border-radius: 5px;
            float: right;
            margin-bottom: 0px;
            margin-top: -33px;
        }
        .wrapper .card .ReadMore a {
            font-size: 16px;
            color: #ed7f30;
            text-decoration: none;
            border: 1px solid #ed7f30;
            padding: 0px 10px;
            border-radius: 5px;
            float: right;
            margin-right: 15px;
            margin-bottom: 0px;
            margin-top: 12px;
        }


.toast {
    position: relative;
    bottom: 50px;
}

.footer-text p{
    margin:0px!important
}
.p-0{
    padding:0!important
}
.LineTruncate {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ReadMore {
    /* background: #f48f2f; */
    padding: 5px;
    color: #f48f2f;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
    font-weight: bolder;
}
    .ReadMore a {
        color: #ffffff;
    }
.ContentBox {
    margin-top: 15px !important;
    padding: 0;
}
.AboutCompany .text-primary {
    color: #f48f2f !important
}
@media (min-width: 300px) and (max-width: 500px){
    .ContentBox {
        padding: 10px !important;
    }
}

    @media (max-width: 768px) {
        .hero-text .hero .hero-slide a {
            padding-top: 0.8rem;
        }
        .navigation {
            margin-top: 0 !important
        }

        #nav-toggle {
            top: 5px !important;
        }

        .nav-list {
            margin-top: 15px !important;
            padding-left: 15px;
        }

        .hero-text .hero .hero-slide a span {
            font-size: 20px;
            margin-top: 0.5rem;
        }

        .hero .hero-slide .header-content {
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            margin: 0 auto;
        }

        @-webkit-keyframes fadeInUpSD {
            0% {
                opacity: 0;
                -webkit-transform: translateY(100px);
                transform: translateY(100px);
            }

            100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        @keyframes fadeInUpSD {
            0% {
                opacity: 0;
                -webkit-transform: translateY(100px);
                transform: translateY(100px);
            }

            100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        .fadeInUpSD {
            -webkit-animation-name: fadeInUpSD;
            animation-name: fadeInUpSD;
        }

        .slick-active .slide-content {
            animation-name: fadeInUpSD;
            animation-duration: 1s;
            opacity: 1;
            width: 100%;
            padding: 10px 20px 30px 0;
        }
    }



@keyframes scroll {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}
.HeadingBox h1, .HeadingBox p {
    margin-bottom: 5px!important;
    margin-top:0px!important
}
.HeadingBar {
    height: 3px;
    margin: 0 auto;
    width: 100px;
    background: orange
}
.Logoslider {
    overflow: hidden;
    position: relative;
    height: 100px;
    width: 100%;
    margin-top: 20px;
}

.slide-track {
    display: flex;
    width: max-content;
    animation: scroll 30s linear infinite;
}

.Logoslide {
    flex: 0 0 auto;
    width: 250px;
    height: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .Logoslide img {
        height: 80px;
        width: auto;
    }

.btn{font-size:14px;}
.btn-outline-primary {
    border-color: #424242;
    color: #f08e2c;
    font-size: 14px;
    border-radius: 5px;
}
.btn-outline-primary:hover {
    background: #f08e2c;
    color: white;
    border-color: #f08e2c;
}
.btn-outline-secondary {
    border-color: #424242;
    color: #f08e2c;
    font-size: 14px;
    border-radius: 5px;
}
.btn-primary {
    background-color: #f1861f !important;
    border: none !important;
    border-radius:5px;
}

.btn-primary:hover, .btn-primary:focus {
    background: #212529 !important
}







.salomi-hero-section {
    background: radial-gradient(circle at top left, #ffffff, #f3f5f8);
    padding: 25px 0;
    overflow: hidden;
}

/* Typography */
.product-kicker {
    display: block;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #f1861f;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.hero-title {
    font-weight: 700;
    line-height: 1.3;
    color: #242424;
    margin-bottom: 10px;
}

.accent-text {
    color: #f1861f;
    font-weight: 600;
}

.hero-description {
    font-size: 1.15rem;
    line-height: 1.6;
    color: #5f6368;
    max-width: 700px;
    margin-bottom: 15px;
}

/* Buttons */
.cta-group {
    display: flex;
    gap: 16px;
}

.btn-enterprise-primary {
    background-color: #f1861f;
    color: white;
    padding: 14px 23px;
    border-radius: 4px; /* Microsoft style is slightly squared/refined */
    font-weight: 600;
    border: none;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 103, 184, 0.2);
}

    .btn-enterprise-primary:hover {
        background-color: #db7e22;
        transform: translateY(-2px);
        color: white;
    }

.btn-enterprise-secondary {
    background-color: transparent;
    color: #242424;
    padding: 14px 23px;
    border-radius: 4px;
    font-weight: 600;
    border: 1px solid #d1d1d1;
    transition: all 0.2s ease;
}

    .btn-enterprise-secondary:hover {
        background-color: #f0f0f0;
        border-color: #a1a1a1;
    }

/* Video Presentation */
.video-container-card {
    position: relative;
    background: #ffffff;
    padding: 8px; /* Frame look */
    border-radius: 12px;
    box-shadow: 0 40px 80px rgba(0,0,0,0.12);
    transition: transform 0.4s ease;
}

    .video-container-card:hover {
        transform: scale(1.02);
    }

.browser-dots {
    padding: 10px 15px;
    display: flex;
    gap: 6px;
}

    .browser-dots span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #e0e0e0;
    }

.product-video {
    width: 100%;
    border-radius: 6px;
    display: block;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .hero-title {
        font-size: 2.5rem;
    }

    .salomi-hero-section {
        padding: 30px 0;
    }

    .hero-content-wrapper {
        text-align: center;
        margin-bottom: 50px;
    }

    .hero-description {
        margin: 0 auto 30px;
    }

    .cta-group {
        justify-content: center;
    }
}

.FeatureBox {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 0px;
    flex-wrap: wrap;
}

.Featureitem {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    padding: 1rem 10px;
    border-radius: 8px;
    width: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: transform 0.3s ease;
}

    .Featureitem i {
        font-size: 1.5rem; /* Slightly larger for better balance */
        color: #f39841;
        display: block;
    }

    .Featureitem h3 {
        margin: 0;
        line-height: 1.4;
        word-wrap: break-word;
    }
    .Featureitem:hover {
        box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
    }
.Featuresicon {
    width: 50px;
    height: 50px;
    background: #f9f9f9;
    color: #f39841;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-size: 1.8rem; */
    margin-bottom: 10px;
    transition: 0.3s;
}

/* Responsive adjustments for mobile */
@media (max-width: 480px) {
    .Featureitem {
        width: calc(50% - 20px); /* 2 items per row on very small screens */
        min-width: 120px;
        padding: 1rem 0.5rem;
    }

        .Featureitem i {
            font-size: 2rem;
        }

        .Featureitem h3 {
            font-size: 0.85rem !important;
        }
}


.industry-section {
/*    background: radial-gradient(circle at left top, rgb(255, 255, 255), rgb(243, 245, 248));*/
    padding: 2rem;
    margin: 1rem 0 0 0;
}

.IndustriesBox {
    text-align: center;
    margin-top: 2rem;
    min-width: 210px;
    background: #fafbfc;
    padding: 20px;
    margin-right: 1rem;
    border-radius: 5px;
    width: 200px;
    min-height: 155px;

}
.IndustriesBox p{margin:0}
    .IndustriesBox i {
        font-size: 2.5rem;
        margin-bottom: 15px;
        color: #f28e2c;
    }

.WhychooseUs ul li{

}
.WhychooseUs {
    background: radial-gradient(circle at left top, rgb(255, 255, 255), rgb(243, 245, 248));
    padding: 2rem;
    margin: 1rem 0 0 0;
}

@media (max-width:500px){
    .video-bg{
        height:300px;
    }
    .watch-button{
        margin-top:20px
    }
}


/* Core Layout */
.SafetyPageHeader-Wrap {
    background-image: url(https://out2sol.global/Content/img/digital-transformation-agencies.webp);
    min-height: 650px;
    height: 80vh;
    max-height: 800px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    color: #404043;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background-size: cover;
}


/* Flex Grid */
.SafetyPageHeader-FlexRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    position: relative;
    z-index: 5;
    margin-top: 10rem;
}

.SafetyPageHeader-ContentCol, .SafetyPageHeader-VideoCol {
    flex: 1;
}

/* Status & Typography */

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 140, 0, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 140, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 140, 0, 0);
    }
}

.SafetyPageHeader-Title {
    font-size: clamp(38px, 5vw, 64px);
    font-weight: 800;
    line-height: 1;
    margin-bottom: 25px;
    letter-spacing: -1px;
}

.text-gradient {
    background: linear-gradient(135deg, #ff8c00 0%, #ffb347 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.SafetyPageHeader-Description {
    font-size: 19px;
    line-height: 1.6;
    color: #404043;
    margin-bottom: 40px;
    max-width: 100%;
}

/* Modern Video Card */
.SafetyPageHeader-VideoPerspective {
    perspective: 1000px;
}

.SafetyPageHeader-VideoCard {
    background: #1a1d21;
    border-radius: 12px;
    padding: 8px;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 50px 100px -20px rgba(0,0,0,0.7);
    transform: rotateY(0deg) rotateX(0deg);
    transition: 0.5s ease;
}

    .SafetyPageHeader-VideoCard:hover {
        transform: rotateY(0deg) rotateX(0deg);
    }

.SafetyPageHeader-CardHeader {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
}

.dots {
    display: flex;
    gap: 6px;
}

    .dots span {
        width: 8px;
        height: 8px;
        background: #333;
        border-radius: 50%;
    }

.live-tag {
    font-size: 10px;
    font-weight: 800;
    background: rgba(255,255,255,0.1);
    padding: 2px 8px;
    border-radius: 4px;
    color: #888;
}

.SafetyPageHeader-VideoElement {
    width: 100%;
    border-radius: 6px;
    display: block;
}

/* Professional Buttons */
.SafetyPageHeader-ButtonGroup {
    display: flex;
    gap: 20px;
    align-items: center;
}

.SafetyPageHeader-BtnPrimary {
    background: #ff8c00;
    color: #fff;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(255, 140, 0, 0.2);
    transition: 0.3s;
}

    .SafetyPageHeader-BtnPrimary:hover {
        background: #ff9d26;
        transform: translateY(-3px);
        box-shadow: 0 15px 30px rgba(255, 140, 0, 0.3);
    }

.SafetyPageHeader-BtnOutline {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #404043;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

    .SafetyPageHeader-BtnOutline:hover {
        color: #ff8c00;
    }

/* Responsive Adjustments */
@media (max-width: 1100px) {
    .SafetyPageHeader-FlexRow {
        gap: 30px;
    }
}

@media (max-width: 991px) {
    .SafetyPageHeader-Wrap {
        height: auto;
        max-height: none;
        padding: 100px 0;
    }

    .SafetyPageHeader-FlexRow {
        flex-direction: column;
        text-align: center;
    }

    .SafetyPageHeader-Description {
        margin-left: auto;
        margin-right: auto;
    }

    .SafetyPageHeader-ButtonGroup {
        justify-content: center;
    }

    .SafetyPageHeader-VideoCard {
        transform: none;
        margin-top: 40px;
    }

    .SafetyPageHeader-Status {
        justify-content: center;
    }
}

/* Mobile Dropdown - Hidden by default */
.mobile-tabs-container {
    display: none;
    margin-bottom: 20px;
}

.mobile-select {
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    border: 2px solid #ddd;
    font-size: 16px;
    background-color: white;
    cursor: pointer;
    outline: none;
}

    .mobile-select:focus {
        border-color: #f0871e;
    }

/* Desktop Tabs Navigation */
.TabsNavigationContainer {
    display: flex;
    align-items: center;
    position: relative;
    gap: 10px;
}

.FeatureTabsBox {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    padding: 10px 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex: 1;
}

    .FeatureTabsBox::-webkit-scrollbar {
        display: none;
    }

.FeatureTabs {
    background: white;
    padding: 15px 25px;
    border-radius: 8px;
    min-width: fit-content;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    border: 2px solid transparent;
    color: #555;
}

    /* Active & Hover States */
    .FeatureTabs:hover {
        background: #fffcf9;
        border-color: #f0871e66;
    }

    .FeatureTabs.active {
        border-color: #f0871e;
        background: white;
        color: #f0871e;
    }

    .FeatureTabs i {
        font-size: 1.5rem;
    }

/* Arrow Buttons */
.scroll-btn {
    background: #f0871e;
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: 0.3s;
}

    .scroll-btn:hover {
        background: #212121;
    }

/* Content Area */
.FeaturesTabsContent {
    margin-top: 25px;
}
.FeaturesTabsContent ul li{
    list-style:none;
    margin-top:10px;
}

.tab-panel {
    display: none; /* Hidden by default */
}

    .tab-panel.active {
        display: block; /* Show active panel */
        animation: fadeIn 0.4s ease;
    }


@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Breakpoint */
@media (max-width: 768px) {
    .TabsNavigationContainer {
        display: none; /* Hide horizontal tabs on mobile */
    }
    .FeaturesTabsContent ul {
        display:flex;
        flex-wrap:wrap;
    }
    .mobile-tabs-container {
        display: block; /* Show dropdown on mobile */
    }
}