@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700&display=swap');

/*@import "responsive.css";*/

@import "bootstrap.css";

@import "animate.css";

@import "../css/icomoon.css";

@import "font-awesome.css";

/*@import "shortcodes.css";*/







/* Reset Browsers

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

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    font-family: inherit;

    font-size: 100%;

    font-style: inherit;

    font-weight: inherit;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block
}



html {

    font-size: 65%;

    overflow-y: scroll;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

}



*,

*:before,

*:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



body {

    background: #fff;

    line-height: 1;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

nav,

section {

    display: block
}



ol,

ul {

    list-style: none
}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



caption,

th,

td {

    font-weight: normal;

    text-align: left;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: '';

    content: none;

}



blockquote,

q {

    quotes: none
}



a img {

    border: 0
}



img {

    max-width: 100%;

    height: auto;

}



select {

    max-width: 100%
}





/* General

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



body,

button,

input,

select,

textarea {

    font-family: 'Roboto', sans-serif;

    color: #101010;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;

    overflow-x: hidden;

    overflow-y: auto;

}



img {

    height: auto;

    max-width: 100%;

    vertical-align: middle;

    -ms-interpolation-mode: bicubic
}



p {

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

}



strong,

b,

cite {

    font-weight: bold;

}



dfn,

cite,

em,

i,

blockquote {

    font-style: italic;

}



blockquote {

    position: relative;

    background-color: var(--primary-color4);

    margin: 0px;

    padding: 50px 0 50px 40px;

    border-left: 8px solid var(--primary-color);

    border-radius: 6px;

}



blockquote>p:last-child {

    margin-bottom: 0;

}



blockquote cite {

    position: absolute;

    right: 0;

    bottom: 0;

}



blockquote em,

blockquote i {

    font-style: normal;

}



abbr,

acronym {

    border-bottom: 1px dotted #e0e0e0;

    cursor: help;

}



mark,

ins {

    text-decoration: none;

}



sup,

sub {

    font-size: 75%;

    height: 0;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}



sup {

    top: -6px;

}



sub {

    bottom: -3px;

}



small {

    font-size: 75%;

}



big {

    font-size: 125%;

}



address {

    font-style: italic;

    margin: 0 0 20px;

}



code,

kbd,

tt,

var,

samp,

pre {

    margin: 20px 0;

    padding: 4px 12px;

    background: #f5f5f5;

    border: 1px solid #e0e0e0;

    overflow-x: auto;

    -webkit-hyphens: none;

    -moz-hyphens: none;

    hyphens: none;

    border-radius: 0;

    height: auto;

}





/* Elements

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



html {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



*,

*:before,

*:after {

    -webkit-box-sizing: inherit;

    -moz-box-sizing: inherit;

    box-sizing: inherit;

}



hr {

    margin-bottom: 20px;

    border: dashed 1px #ccc;

    height: 1px;

    background-image: linear-gradient(90deg, #ccc, #ccc 75%, transparent 75%, transparent 100%);

    background-size: 7px 1px;

    border: none;

}





/* List */



ul,

ol {

    padding: 0;

}



ul {

    list-style: disc;

    line-height: 0.5;

}



ol {

    list-style: decimal;

}



li>ul,

li>ol {

    margin-bottom: 0;

}



li {

    list-style: none;

}



ul li,

ol li {

    padding: 0.1em 0;

}



dl,

dd {

    margin: 0 0 20px;

}



dt {

    font-weight: bold;

}



del,

.disable {

    text-decoration: line-through;

    filter: alpha(opacity=50);

    opacity: 0.5;

}





/* Table */



table,

th,

td {

    border: 1px solid #fddbdb;

}



table {

    border-collapse: separate;

    border-spacing: 0;

    border-width: 1px 0 0 1px;

    margin: 0 0 30px;

    table-layout: fixed;

    width: 100%;

    font-size: 1.3rem;

}



#myTabContent table img {

    height: 50px;



}



#myTabContent table {

    font-size: 16px;



}

#myTabContent table .btn-st {

    padding: 5px 10px;

}



#myTabContent table td {

    vertical-align: middle;

    text-align: center;

}





.flat-list-services .nav-tabs {

    font-size: 20px;

    line-height: 2;



}



.flat-list-services .nav-tabs .nav-link.active {
    background-color: #212121;
    color: #fff;
    font-weight: bolder;
    border: 2px solid;

}



caption,

th,

td {

    font-weight: normal;

    text-align: center;

}



th {

    border-width: 0 1px 1px 0;

    font-weight: bold;

}



td {

    border-width: 0 1px 1px 0;

}



th,

td {

    padding: 28px 12px;

    line-height: 2rem;

}

thead {

    font-size: 1.5rem;

    background-color: #ff0000;

    color: #fff;

    line-height: 4rem;

}



td:nth-child(2) {

    text-align: left;

}



/* Media */



embed,

object,

video {

    margin-bottom: 20px;

    max-width: 100%;

    vertical-align: middle;

}



p>embed,

p>iframe,

p>object,

p>video {

    margin-bottom: 0;

}



/* Forms

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





/* Fixes */



button,

input {

    line-height: normal;

}



button,

input,

select,

textarea {

    font-size: 100%;

    line-height: inherit;

    margin: 0;

    vertical-align: baseline;

}



input,

textarea {

    font-size: 14px;

    max-width: 100%;

    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));

    /* Removing the inner shadow on iOS inputs */

}



textarea {

    overflow: auto;

    /* Removes default vertical scrollbar in IE6/7/8/9 */

    vertical-align: top;

    /* Improves readability and alignment in all browsers */

}



input[type="checkbox"] {

    display: inline;

}



button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

    line-height: 1;

    cursor: pointer;

    -webkit-appearance: button;

    border: 0;

}



input[type="checkbox"],

input[type="radio"] {

    padding: 0;

    width: 18px;

    height: 18px;

    margin-right: 11px;

    cursor: pointer;

    vertical-align: sub;

    /* Addresses excess padding in IE8/9 */

}



input[type="search"] {

    -webkit-appearance: textfield;

    /* Addresses appearance set to searchfield in S5, Chrome */

}



input[type="search"]::-webkit-search-decoration {

    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

    -webkit-appearance: none;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}





/* Remove chrome yellow autofill */



input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset
}





/* Reset search styling */



input[type="search"] {

    outline: 0
}



input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

    display: none
}





/* Input normal */



select,

textarea,

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"] {

    color: #777;

    border: 1px solid #e7e7e7;

    padding: 18px 26px;

    letter-spacing: 0px;

    line-height: inherit;

    width: 100%;

    border-radius: 4px;

    margin-bottom: 28px;

    height: auto;

    text-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: border ease .238s;

    -moz-transition: border ease .238s;

    transition: border ease .238s;

}





/* Contact Form 7 */



.wpcf7-form select,

.wpcf7-form textarea,

.wpcf7-form input {

    margin-bottom: 0;

}





/* Input focus */



textarea:focus,

input[type="text"]:focus,

input[type="password"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="time"]:focus,

input[type="week"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="color"]:focus {

    border-color: var(--primary-color);

    outline: 0;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



textarea::placeholder,

input[type="text"]::placeholder,

input[type="password"]::placeholder,

input[type="datetime"]::placeholder,

input[type="datetime-local"]::placeholder,

input[type="date"]::placeholder,

input[type="month"]::placeholder,

input[type="time"]::placeholder,

input[type="week"]::placeholder,

input[type="number"]::placeholder,

input[type="email"]::placeholder,

input[type="url"]::placeholder,

input[type="search"]::placeholder,

input[type="tel"]::placeholder,

input[type="color"]::placeholder {

    font-size: 16px;

    font-weight: 400;

    line-height: 26px;

    color: #878787;

}





/* Button */



button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

    font-weight: 700;

    font-size: 15px;

    background-color: var(--primary-color);

    color: #ffff;

    border-radius: 4px;

    padding: 18px 23px;

    display: inline-block;

    font-family: 'DM Sans', sans-serif;

    -webkit-appearance: none;

    -webkit-transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    transition: all ease 0.3s;

}





/* Button hover + focus */



button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover,

button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus {

    outline: 0;

}





/* Placeholder color */



::-webkit-input-placeholder {

    color: #999;

}



:-moz-placeholder {

    color: #999;

}



::-moz-placeholder {

    color: #999;

    opacity: 1;

}



.error {

    font-size: 16px;

    color: red;

    margin-bottom: 10px;

    -webkit-transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    transition: all ease 0.3s;

}





/* Since FF19 lowers the opacity of the placeholder by default */



:-ms-input-placeholder {

    color: #999;

}



/* Typography

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



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 600;

    line-height: 1.5;

    text-rendering: optimizeLegibility;

}



h1 {

    font-size: 2.428em;

}





/* 34px */



h2 {

    font-size: 2em;

}





/* 30px */



h3 {

    font-size: 1.714em;

}





/* 24px */



h4 {

    font-size: 1.428em;

}





/* 20px */



h5 {

    font-size: 1.2em;

}





/* 18px */



h6 {

    font-size: 1.142em;

}





/* 16px */



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

    color: inherit
}





/* Extra classes

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


.back-ground-style-video {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    min-width: 100%;
    min-height: 100%;
}


.back-ground-style {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}



.no-margin {

    margin: 0px !important;

}



.no-border {

    border: 0px !important;

}



.no-letter-spacing {

    letter-spacing: 0px !important;

    ;

}



.border-radius-4,

.border-radius-4 img {

    border-radius: 4px;

}



.border-radius-8,

.border-radius-8 img {

    border-radius: 8px;

}



.border-radius-10,

.border-radius-10 img {

    border-radius: 10px;

}



.max-width-770 {

    max-width: 770px !important;

}



.max-width-680 {

    max-width: 680px !important;

}



.font-heading {

    font-family: 'Montserrat', sans-serif;

}



.font-size-40 {

    font-size: 40px !important;

}



.font-size-35 {

    font-size: 35px !important;

}



.font-size-30 {

    font-size: 30px !important;

}



.font-size-28 {

    font-size: 28px !important;

}



.font-size-16 {

    font-size: 16px !important;

}



.font-size-14 {

    font-size: 14px !important;

}



.font-weight-700 {

    font-weight: 700 !important;

}



.font-weight-600 {

    font-weight: 600 !important;

}



.font-weight-500 {

    font-weight: 500 !important;

}



.font-weight-400 {

    font-weight: 400 !important;

}



.line-height-62 {

    line-height: 62px !important;

}



.line-height-50 {

    line-height: 50px !important;

}



.line-height-39 {

    line-height: 39px !important;

}



.line-height-35 {

    line-height: 35px !important;

}



.line-height-32 {

    line-height: 32px !important;

}



.line-height-29 {

    line-height: 29px !important;

}



.line-height-28 {

    line-height: 28px !important;

}



.line-height-27 {

    line-height: 27px !important;

}



.line-height-26 {

    line-height: 26px !important;

}



.line-height-25 {

    line-height: 25px !important;

}



.line-height-24 {

    line-height: 24px !important;

}



.line-height-normal {

    line-height: normal !important;

}



.letter-spacing-1-4 {

    letter-spacing: 1.4px !important;

}



.letter-spacing-1-1 {

    letter-spacing: 1.1px !important;

}



.letter-spacing-1-8 {

    letter-spacing: 1.8px !important;

}



.letter-spacing-03 {

    letter-spacing: 0.3px !important;

}



.letter-spacing-01 {

    letter-spacing: 0.1px !important;

}



.letter-spacing-005 {

    letter-spacing: -0.05px !important;

}



.font-size-icon {

    font-size: 50px;

}



.text-under {

    text-decoration-line: underline;

}



.text-accent {

    color: var(--primary-color) !important;

}



.text-white {
    color: #fff !important;
}


.text-red {
    color: #ff0000 !important;
}


.text-pri {

    color: var(--primary-color);

}



.text-808 {

    color: #808080 !important;

}



.text-center {

    text-align: center;

}



.text-left {

    text-align: left;

}



.list-center {

    justify-content: center;

}



.text-777 {

    color: #777 !important;

}



.text-666 {

    color: #666 !important;

}



.bg-light-grey {

    background-color: #f3f4f6 !important;

}



.bg-white-column {

    background-color: #fff !important;

}



.bg-light-snow {

    background-color: #fafafb;

}



.bg-f7f {

    background-color: #f7f7f7 !important;

}



.bg-ffc {

    background-color: #ffc30c !important;

}



.bg-row-1 {

    background: url('assets/img/page/bg-quote.jpg') center center no-repeat;

    background-size: cover;

}



.bg-row-2 {

    background: url('assets/img/page/bg-iconbox.jpg') center center no-repeat;

    background-size: cover;

}



.padding-top-45 {

    padding-top: 45px;

}



.padding-top-17 {

    padding-top: 17px;

}



.padding-top-16 {

    padding-top: 16px;

}



.padding-left-13 {

    padding-left: 13px;

}



.padding-left-7 {

    padding-left: 7px;

}



.padding-right-100 {

    padding-right: 100px;

}



.margin-top-55 {

    margin-top: 55px;

}



.margin-top-53 {

    margin-top: 53px;

}



.margin-top-51 {

    margin-top: 51px;

}



.margin-top-48 {

    margin-top: 48px;

}



.margin-top-40 {

    margin-top: 40px;

}



.margin-top-37 {

    margin-top: 37px;

}



.margin-top-33 {

    margin-top: 33px;

}



.margin-top-30 {

    margin-top: 30px;

}



.margin-top-28 {

    margin-top: 28px;

}



.margin-top-27 {

    margin-top: 27px;

}



.margin-top-22 {

    margin-top: 22px;

}



.margin-top-20 {

    margin-top: 20px;

}



.margin-top-18 {

    margin-top: 18px;

}



.margin-top-17 {

    margin-top: 17px;

}



.margin-top-15 {

    margin-top: 15px;

}



.margin-top-14 {

    margin-top: 14px;

}



.margin-top-13 {

    margin-top: 13px;

}



.margin-top-11 {

    margin-top: 11px;

}



.margin-top-10 {

    margin-top: 10px;

}



.margin-top-7 {

    margin-top: 7px;

}



.margin-top-5 {

    margin-top: 5spx;

}



.margin-top-3 {

    margin-top: 3px;

}



.margin-bottom-58 {

    margin-bottom: 58px;

}



.margin-bottom-52 {

    margin-bottom: 52px;

}



.margin-bottom-50 {

    margin-bottom: 50px;

}



.margin-bottom-47 {

    margin-bottom: 47px;

}



.margin-bottom-45 {

    margin-bottom: 45px;

}



.margin-bottom-43 {

    margin-bottom: 43px;

}



.margin-bottom-40 {

    margin-bottom: 40px;

}



.margin-bottom-35 {

    margin-bottom: 35px;

}



.margin-bottom-31 {

    margin-bottom: 31px;

}



.margin-bottom-30 {

    margin-bottom: 30px;

}



.margin-bottom-20 {

    margin-bottom: 20px;

}



.margin-bottom-25 {

    margin-bottom: 25px;

}





.margin-bottom-27 {

    margin-bottom: 27px;

}



.margin-bottom-38 {

    margin-bottom: 38px;

}



.margin-bottom-18 {

    margin-bottom: 18px;

}



.margin-bottom-17 {

    margin-bottom: 17px;

}



.margin-bottom-15 {

    margin-bottom: 15px;

}



.margin-bottom-14 {

    margin-bottom: 14px;

}



.margin-bottom-12 {

    margin-bottom: 12px;

}



.margin-right-18 {

    margin-right: 18px;

}



.margin-bottom-10 {

    margin-bottom: 10px;

}



.margin-bottom-8 {

    margin-bottom: 8px;

}



.margin-bottom-5 {

    margin-bottom: 5px !important;

}



.margin-right-100 {

    margin-right: 100px;

}



.margin-right-10 {

    margin-right: 10px;

}



.margin-right-12 {

    margin-right: 12px;

}



.margin-right-8 {

    margin-right: 8px;

}



.margin-right-6 {

    margin-right: 6px;

}



.margin-right-15 {

    margin-right: 15px;

}



.margin-left-10 {

    margin-left: 10px;

}



.margin-left-15 {

    margin-left: 15px;

}



.position-relative {

    position: relative;

}



.right-38 {

    right: 38px !important;

}



.maxwidth-99 {

    max-width: 99% !important;

}



.float-left {

    float: left;

}



.float-right {

    float: right;

}



.display-flex {

    display: flex;

    display: -webkit-flex;

}



.align-items-center {

    align-items: center !important;

}



.box-8 {

    float: left;

    margin-right: 15px;

    width: calc(66.666667% - 15px);

}



.box-6 {

    float: left;

    margin-right: 15px;

    width: calc(50% - 15px);

}



.box-4 {

    float: left;

    margin-left: 15px;

    width: calc(33.333333% - 15px);

}



/* link style

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

a {

    text-decoration: none;

    color: var(--primary-color6);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



a:hover,

a:focus {

    color: var(--primary-color);

    text-decoration: none;

    outline: 0;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.link-style-2 a {

    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 1.5rem;
    line-height: 2rem;
}



.link-style-2 a img {

    width: 27px;

    margin-right: 5px;

}





.link-style-2 a img:hover {

    width: 30px;

}



.link-style-2 a:hover,

.link-style-2 a:focus {

    color: var(--primary-color)
}



.link-style-3 a {

    color: var(--primary-color);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.link-style-3 a:hover,

.link-style-3 a:focus {

    color: #fff;

}



.link-style-4 a {

    color: #808080;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.link-style-4 a:hover {

    color: var(--primary-color);

}



.link-style-5 a {

    color: #fff;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.link-style-6 a {

    color: var(--primary-color);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.link-style-6 a:hover,

.link-style-6 a:focus {

    color: var(--primary-color6);

}



.link-style-7 a {

    color: #fff;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.link-style-7 a:hover,

.link-style-7 a:focus {

    color: var(--primary-color6);

}



.read-more {

    position: relative;

    font-family: 'DM Sans', sans-serif;

    font-size: 15px;

    font-weight: 700;

    line-height: 26px;

}



.read-more::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0%;

    height: 2px;

    background-color: var(--primary-color);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.read-more:hover::before {

    opacity: 1;

    visibility: visible;

    width: 100%;

}



.read-more::after {

    content: "\e92b";

    font-family: 'icomoon';

    font-size: 10px;

    color: var(--primary-color);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



/* text global

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



.section-14px-regular {

    font-size: 14px;

    letter-spacing: 0;

    font-weight: 400;

    line-height: 26px;

}



.section-14px-regular-montserrat {

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    letter-spacing: 0;

    font-weight: 500;

    line-height: 30px;

}



.section-16px-regular {

    font-size: 16px;

    letter-spacing: 0;

    font-weight: 400;

    line-height: 35px;

}



.desc-slider {

    font-size: 17px;

    font-weight: 500;

    line-height: 32px;

}



.section-16px-regular-montserrat {

    font-size: 16px;

    font-family: 'Montserrat', sans-serif;

    letter-spacing: 0;

    font-weight: 400;

    line-height: 28px;

}



.section-17px-regular {

    font-size: 17px;

    letter-spacing: 0;

    font-weight: 400;

    line-height: 30px;

}



.section-20px-regular {

    font-size: 20px;

    letter-spacing: 0;

    font-weight: 400;

    line-height: 45px;

}



.section-20px-montserrat {

    font-size: 20px;

    font-family: 'Montserrat', sans-serif;

    letter-spacing: 0;

    font-weight: 700;

    line-height: 26px;

}



.section-22px-montserrat {

    font-size: 22px;

    font-family: 'Montserrat', sans-serif;

    letter-spacing: 0;

    font-weight: 700;

    line-height: 26px;

}



.section-24px-medium {

    font-size: 24px;

    letter-spacing: 0;

    font-weight: 500;

    line-height: 30px;

}



.section-24px-montserrat {

    font-size: 2rem;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 1.5rem;
    margin-top: 40px;
    margin-bottom: 12px;

}




.section-30px-montserrat {

    font-size: 2.5rem;

    font-family: 'Montserrat', sans-serif;

    letter-spacing: 0;

    font-weight: 700;

    line-height: 46px;

}



.section-45px-montserrat {

    font-size: 45px;

    font-family: 'Montserrat', sans-serif;

    letter-spacing: 0;

    font-weight: 700;

    line-height: 60px;

}



.section-65px-montserrat {

    font-size: 5rem;

    font-family: 'Montserrat', sans-serif;

    letter-spacing: 0;

    font-weight: 700;

    line-height: 5rem;

}



.section-title-page {

    font-family: 'Montserrat', sans-serif;

    font-size: 45px;

    font-weight: 700;

    line-height: 60px;

}



.section-subtitle {

    position: relative;

    display: inline;

    font-size: 17px;

    font-family: 'DM Sans', sans-serif;

    font-weight: 700;

    line-height: 22px;

    color: var(--primary-color);

}





/* Root

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



:root {

    /* color */

    /*    --primary-color : #C3323A; */

    --primary-color: #ff0000;

    --primary-color2: #262626;

    --primary-color3: #FCF3F3;

    --primary-color4: #FFF5F5;

    --primary-color5: #FFDCDE;

    --primary-color6: #181818;

    --primary-color7: #FFEBEB;

}



/* parallax

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



.parallax-1 {

    background: linear-gradient(121deg, #020d1bb3 38%, rgb(7 35 72 / 77%) 67%), url(../images/background-section/manager-leading-a-brainstorming-meeting-MLRVAYD.jpg);

}





.parallax-2 {

    background: url(../images/background-section/background-about-rf.jpg);

    background-size: cover;

}



.parallax {

    width: 100%;

    background-attachment: fixed;

    background-position: 50% 0;

    background-repeat: repeat;

}





.aboutL {
    padding: 60px 20px;
    background: url('../images/background-section/get-touch.png') center center no-repeat;
    background-size: cover;
}



.aboutM {
    padding: 60px 20px;
    background: url('../images/background-section/get-touch2.jpg') center center no-repeat;
    background-size: cover;

}







/* hover effect

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



.grow-up-hover {

    overflow: hidden;

    border-radius: 10px;

    -webkit-transition: all 0.8s ease;

    -moz-transition: all 0.8s ease;

    -ms-transition: all 0.8s ease;

    -o-transition: all 0.8s ease;

    transition: all 0.8s ease;

}



.grow-up-hover:hover img {

    transform: scale(1.1);

}



.hover-up {

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.hover-up:hover {

    transform: translateY(-7%);

}



/* Top Bar

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



#top-bar {

    position: relative;

    z-index: 1;

    background-color: var(--primary-color2);

}



#top-bar .top-bar-inner-wrap {

    display: table;

    width: 100%;

    /* padding: 16px 0px 17px 0px; */

}



#top-bar .top-bar-content {

    display: table-cell;

    width: 35%;

    text-align: left;

    vertical-align: middle;

}



#top-bar .top-bar-socials {

    display: table-cell;

    width: 65%;

    text-align: right;

    vertical-align: middle;

    padding-right: 50px;

}





/* Top Bar Content */



#top-bar .top-bar-content .inner {

    margin: 0px 7.4%;

    /*text-align: center;*/

}



#top-bar .top-bar-content .content {

    position: relative;

    display: inline-block;

    padding: 0px 22px 0px 21px;

    margin: 0px 13px;

}



#top-bar .top-bar-content .content:before {

    content: "";

    position: absolute;

    font-family: "FontAwesome";

    color: var(--primary-color);

    top: 0;

    font-size: 20px;

}



#top-bar .top-bar-content .content.phone:before {

    content: "\f082";

    left: -10px;

}



#top-bar .top-bar-content .content.mail:before {

    content: "\f081";

    left: -14px;

}





/* Style 1 */



.topbar-style-1 #top-bar {

    background-color: #262626;

}





/* Style 2 */



.topbar-style-2 #top-bar {

    background-color: #e9e9e9;

}



.topbar-style-2 #top-bar .top-bar-socials .icons a:before,

.topbar-style-2 #top-bar .top-bar-content .content:after {

    background-color: #d5d4d4;

}



.topbar-style-2 #top-bar .top-bar-socials .icons a {

    padding: 0px 10.5px;

}



.topbar-style-2 #top-bar .top-bar-socials .text {

    padding-right: 11px;

}





/* Style 3 */



.topbar-style-3 #top-bar {

    background-color: rgba(0, 0, 0, 0.2);

}



.topbar-style-3 #top-bar,

.topbar-style-3 #top-bar a {

    color: rgba(255, 255, 255, 0.7);

}



.topbar-style-3 #top-bar .top-bar-inner-wrap {

    border-bottom: 1px solid rgba(255, 255, 255, 0.15);

}



.topbar-style-3 #top-bar .top-bar-content .content {

    padding: 0px 12px 0px 22px;

    margin: 0 4px;

}



#top-bar .top-bar-socials .content {

    margin-right: 30px;

}



#top-bar .top-bar-socials .content a {

    font-size: 14px;
    /* background-color: #ff0000; */
    color: #fff;
    border-color: transparent;
    border-radius: 0px;
    padding: 8px 28px;
    border: 2px solid #ff0000;
    margin: 8px;
    border-radius: 48px;

}
span.ufnumsicon.custom-ab-img{
    padding: 14px;
}



#top-bar .top-bar-socials .content a:hover {

    background-color: #ff0000;
    color: #fff;

}



.topbar-style-3 #top-bar .top-bar-content .content:first-child {

    margin-left: 0px;

}



.topbar-style-3 #top-bar .top-bar-socials .icons a:before,

.topbar-style-3 #top-bar .top-bar-content .content:after {

    background-color: rgba(126, 121, 122, 0.7);

}



.topbar-style-3 #top-bar .top-bar-socials .icons a {

    padding: 0px 10.5px;

}



.topbar-style-3 #top-bar .top-bar-socials .text {

    padding-right: 10px;

    font-size: 13px;

}





/* Header

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



#site-header {

    position: relative;

    background-color: #fff;

}



#site-header-inner {

    position: relative;

    margin: 0px 2.5%;

}



#site-header .wrap-inner {

    padding-top: 0px;

    padding-bottom: 0px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.menu-has-search #site-header #main-nav {

    right: 28px;

}



.menu-has-search #site-header #header-search {

    display: block;

}



#site-header #header-search {

    position: absolute;

    right: 15px;

    top: 50%;

    z-index: 10;

    display: none;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}





/* Site Logo */



#site-logo {

    float: left;

    max-width: 100%;

    line-height: 100px;

}



#site-logo .main-logo img {

    width: 70%;

}





/* Main Nav */



#main-nav ul {

    margin: 0px;

}



#main-nav ul li {

    position: relative;

    list-style: none;

}



#main-nav>ul>li {

    float: left;

    padding: 0px 10px;

}



#main-nav>ul>li>a {

    display: block;

    font-size: 18px;

    font-weight: 500;

    color: #101010;

    position: relative;

    line-height: 60px;

}



#main-nav>ul>li>a::before {

    content: "";

    position: absolute;

    bottom: 45px;

    left: 0;

    width: 0%;

    height: 3px;

    background-color: var(--primary-color);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



#main-nav>ul>li>a:hover::before {

    opacity: 1;

    visibility: visible;

    width: 100%;

}



#main-nav>.menu>li.menu-item-has-children>a::after {

    content: '\f107';

    font-family: 'FontAwesome';

    font-weight: 700;

    margin-left: 4px;

}



/* Sub Menu */



#main-nav .sub-menu {

    position: absolute;

    top: 100%;

    left: 0;

    width: 250px;

    background-color: #ffff;

    border-radius: 6px;

    border-top: solid 3px var(--primary-color6);

    box-shadow: -2px 6px 23px #b4b4b44f;

    z-index: 9999;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    -webkit-transform: translateY(15px);

    -moz-transform: translateY(15px);

    -ms-transform: translateY(15px);

    -o-transform: translateY(15px);

    transform: translateY(15px);

}



.megadiv {

    position: relative;

    left: 241px;

}





#main-nav .right-sub-menu {

    left: auto;

    right: 0;

}



#main-nav .sub-menu li a {

    display: block;

    font-size: 16px;

    color: var(--primary-color6);

    padding: 20px;

    font-weight: 600;

}



#main-nav .sub-menu li:not(:last-child) a {

    border-bottom: 1px solid #e1e1e18e;

}



#main-nav li:hover .sub-menu {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



#main-nav .sub-menu li a:hover,

#main-nav .sub-menu li.current-item a,

#main-nav>ul>li>a:hover {

    color: var(--primary-color);

}





/* Mobile Menu */



#main-nav-mobi {

    display: block;

    margin: 0 auto;

    width: 100%;

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 9999;

    background-color: var(--primary-color6);

}



#main-nav-mobi ul {

    display: block;

    list-style: none;

    margin: 0;

    padding: 0;

}



#main-nav-mobi ul li {

    margin: 0;

    text-align: left;

    cursor: pointer;

    padding: 0;

    border-top: 1px solid #43516991;

    position: relative;

}



#main-nav-mobi ul>li>a {

    color: #fff;

    display: inline-block;

    font-size: 16px;

    line-height: 48px;

    padding: 0 15px;

    font-weight: 500;

}



#main-nav-mobi ul>li.current-menu-item>a,

#main-nav-mobi .current-item>a,

#main-nav-mobi ul>li>a:hover {

    color: var(--primary-color);

}



#main-nav-mobi .sub-menu .menu-item a {

    margin-left: 15px;

}





#main-nav-mobi .menu-item-has-children .arrow {

    cursor: pointer;

    display: inline-block;

    font-size: 20px;

    font-family: "FontAwesome";

    line-height: 48px;

    position: absolute;

    right: 15px;

    text-align: center;

    top: 0;

    width: 48px;

}



#main-nav-mobi .menu-item-has-children .arrow:before {

    content: "\f107";

    color: #fff;

}



#main-nav-mobi .menu-item-has-children .arrow.active:before {

    content: "\f107";

}



#main-nav-mobi ul ul li {

    background-color: var(--primary-color6);

    border-top: 1px solid #43516991;

}





/* Search icon */



#site-header .header-search-icon {

    display: block;

    font-size: 14px;

    line-height: 100px;

}





/* Search Form */



#site-header .header-search-form {

    position: absolute;

    right: 0px;

    top: 100%;

    width: 270px;

    opacity: 0;

    visibility: hidden;

}



#site-header .header-search-field {

    width: 300px;

    margin: 0;

    padding-top: 13px;

    padding: 10px 50px 10px 20px;

    background-color: #fff;

    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);

}



#site-header .header-search-submit {

    position: absolute;

    right: 0;

    top: 0;

    padding: 16px;

}



#site-header .header-search-form.show {

    filter: alpha(opacity=100);

    opacity: 1;

    visibility: visible;

}





/* Mobile Menu Button */



.mobile-button {

    display: none;

    position: absolute;

    width: 26px;

    height: 26px;

    float: right;

    top: 50%;

    right: 60px;

    background-color: transparent;

    cursor: pointer;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



.mobile-button:before,

.mobile-button:after,

.mobile-button span {

    background-color: var(--primary-color);

    -webkit-transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    transition: all ease 0.3s;

}



.mobile-button:before,

.mobile-button:after {

    content: '';

    position: absolute;

    top: 0;

    height: 3px;

    width: 100%;

    left: 0;

    top: 50%;

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}



.mobile-button span {

    position: absolute;

    width: 100%;

    height: 3px;

    left: 0;

    top: 50%;

    overflow: hidden;

    text-indent: 200%;

}



.mobile-button:before {

    -webkit-transform: translate3d(0, -7px, 0);

    -moz-transform: translate3d(0, -7px, 0);

    transform: translate3d(0, -7px, 0);

}



.mobile-button:after {

    -webkit-transform: translate3d(0, 7px, 0);

    -moz-transform: translate3d(0, 7px, 0);

    transform: translate3d(0, 7px, 0);

}



.mobile-button.active span {

    opacity: 0;

}



.mobile-button.active:before {

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    -moz-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

}



.mobile-button.active:after {

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    -moz-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

}





/* Header Fixed */



#site-header.is-fixed {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 20%);

    z-index: 9999;

}



#site-header.is-fixed.is-small .wrap-inner {

    padding-top: 0;

    padding-bottom: 0;

}



#site-header.is-fixed.is-small .header-search-icon,

#site-header.is-fixed.is-small .nav-top-cart-wrapper .nav-cart-trigger,

#site-header.is-fixed.is-small #main-nav>ul>li>a {

    line-height: 76px;

}



.is-small #main-nav>ul>li>a:hover::before {

    opacity: 0;

}



.is-small #main-nav .sub-menu {

    top: 116%;

}



/* Style 1 */



#site-header #main-nav {

    position: absolute;

    right: 65px;

    top: 50%;

    z-index: 99;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



.header-style-1.menu-has-search #site-header #main-nav {

    right: 44px;

}



#site-header #main-nav>ul>li.current-menu-item>a,

#site-header #main-nav>ul>li:hover>a {

    color: var(--primary-color);

}



.icon-Group-1199 {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    font-size: 31px;

}







/* Absolute */



.site-header-absolute #site-header-wrap {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 100;

}





/* Pagination

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



.themesflat-pagination {

    margin-top: 61px;

}



.themesflat-pagination ul {

    margin: 0px;

    position: relative;

}



.themesflat-pagination ul li {

    display: inline-block;

    padding: 0px;

    margin-right: 8.5px;

}



.themesflat-pagination ul li .page-numbers {

    display: inline-block;

    font-size: 17px;

    font-weight: 700;

    color: var(--primary-color6);

    text-align: center;

    width: 45px;

    height: 45px;

    border: 1px solid var(--primary-color5);

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    line-height: 45px;

    background-color: var(--primary-color5);

}



.themesflat-pagination ul li .page-numbers:hover,

.themesflat-pagination ul li .page-numbers.current {

    background-color: var(--primary-color);

    color: #fff;

    border-color: var(--primary-color);

}



.themesflat-pagination ul li .next,

.themesflat-pagination ul li .prev {

    font-size: 14px;

    font-weight: 700;

    color: #878787;

}



.themesflat-pagination ul li .next:hover,

.themesflat-pagination ul li .prev:hover {

    color: var(--primary-color);

}





/* flat title page 

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



.flat-title-page {

    background-image: url(../images/mark-page/mark-page.png);
    
    
    

    /* background-color: var(--primary-color); */

    height: 410px;

}



.flat-title-page .breadcrumbs {

    margin: 0 auto;

    padding: 128px 0 104px 0;

}



.flat-title-page .breadcrumbs-inner li a:after {

    content: '\f054';

    font-family: 'FontAwesome';

    padding: 0 6px;

    color: #ffffff;

}



/* flat blog 

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

.flat-blog {

    padding: 130px 0;

}



/* articel content */

.main-post-box {

    padding: 30px 30px 25px 30px;

    border-radius: 10px;

    margin-bottom: 20px;

    background-color: var(--primary-color4);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.main-post-box .featured-post {

    margin-bottom: 20px;

}



.main-post-box:hover {

    box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);

}



.main-post-box .entry-image {

    border-radius: 10px;

    text-align: center;

}



.main-post-box .entry-image img {

    border-radius: 6px;

}



.main-post-box .post-content p {

    padding-right: 100px;

    margin-top: 20px;

}



.post-meta {

    display: flex;

    margin-bottom: 29px;

}



.post-meta li {

    padding: 2px 10px;

    margin-right: 9px;

    background-color: var(--primary-color5);

    border-radius: 3px;

    font-size: 14px;

    line-height: 26px;

}



.post-meta li::before {

    font-size: 20px;

}



.author::before {

    content: '\e94b';

    font-family: 'icomoon';

    color: var(--primary-color);

    padding-right: 7px;

}



.education::before {

    content: '\f19d';

    font-family: 'FontAwesome';

    color: var(--primary-color);

    padding-right: 7px;

}



.date::before {

    content: '\f073';

    font-family: 'FontAwesome';

    color: var(--primary-color);

    padding-right: 7px;

}



.phone:before {

    content: '\f095';

    font-family: 'FontAwesome';

}



.job::before {

    content: '\f0b1';

    font-family: 'FontAwesome';

    color: var(--primary-color);

    padding-right: 7px;

}



.client::before {

    content: '\e92d';

    font-family: 'icomoon';

    color: var(--primary-color);

    padding-right: 7px;

}



.globe::before {

    content: '\e953';

    font-family: 'icomoon';

    color: var(--primary-color);

    padding-right: 7px;

}



.share::before {

    content: '\f1e0';

    font-family: 'FontAwesome';

    color: var(--primary-color);

    padding-right: 7px;

}



.comment::before {

    content: '\f075';

    font-family: 'FontAwesome';

    color: var(--primary-color);

    padding-right: 7px;

}



.post-inner .post-media img {

    border-radius: 8px;

    margin-bottom: 20px;

}



/* side bar */

.side-bar .widget-search-box {

    background-color: var(--primary-color4);

    padding: 33px 30px 2px 30px;

    border-radius: 6px;

}



.widget-gallery-instagram-box {

    background-color: var(--primary-color4);

    padding: 33px 30px;

    border-radius: 6px;

}



.side-bar .widget-search-box {

    margin-bottom: 42px;

}



.widget-title {

    position: relative;

}



.widget-title:after {

    content: "";

    position: absolute;

    bottom: -12px;

    left: 0;

    height: 3px;

    width: 30%;

    background-color: var(--primary-color);

}



.widget-socials-media-item li {

    margin-bottom: 30px;

}



.widget-socials-media {

    margin-bottom: 15px;

}



.search-form {

    position: relative;

}



.search-field {

    padding: 17px 20px !important;

    border: solid 1px #ffff !important;

    background-color: #ffff !important;

}



.search-submit {

    position: absolute;

    right: 5px;

    top: 5px;

    padding: 12px 23px 12px 23px;

}



.search-submit::after {

    content: '\f002';

    font-family: 'FontAwesome';

    font-size: 20px;

}



.widget-popular-post {

    margin-bottom: 10px;

}



.widget-popular-post-inner .widget-post-item {

    font-size: 0;

    line-height: 0;

    margin: -10px;

}



.widget-popular-post-inner .widget-post-item li {

    margin: 10px;

    display: inline-block;

    vertical-align: top;

    width: calc(50% - 20px);

    margin-bottom: 20px;

}



.widget-popular-post-inner .thumb-content .date::before {

    padding-right: 7px;

    color: var(--primary-color);

}



.widget-gallery-instagram {

    margin-bottom: 40px;

}



.widget-gallery-instagram .thumb-instagram {

    position: relative;

}



.widget-gallery-instagram .thumb-instagram:hover .thumb-overlay-effect {

    opacity: 1;

}



.widget-gallery-instagram .thumb-overlay-effect {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgb(0 0 0 / 36%);

    border-radius: 4px;

    opacity: 0;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.widget-gallery-instagram .thumb-overlay-effect .instagram-icon-thumb::after,

.widget-gallery-instagram .thumb-overlay-effect .instagram-icon-thumb {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    content: '\f16d';

    font-family: 'FontAwesome';

    font-size: 15px;

    color: #fff;

}



.widget-gallery-instagram .thumb-overlay-effect .instagram-icon-thumb {

    width: 36px;

    height: 36px;

    display: inline-block;

    background-color: #ffaa189e;

    border-radius: 50%;

}



.widget-gallery-instagram .widget-gallery-item {

    font-size: 0;

    line-height: 0;

    margin: -5px;

}



.widget-gallery-instagram .widget-gallery-item img {

    border-radius: 4px;

}



.widget-gallery-instagram .widget-gallery-item li {

    margin: 5px;

    display: inline-block;

    vertical-align: top;

    width: calc(33.33% - 10px);

}



.widget-recent-post {

    margin-bottom: 45px;

}



.widget-recent-post-item li {

    display: flex;

    align-items: center;

    margin-bottom: 29px;

}



.widget-recent-post-item .thumb-image {

    width: 38%;

}



.widget-recent-post-item .thumb-content {

    width: 65%;

    padding: 20px 33px 24px 22px;

}



.icon-socials {

    font-size: 33px;

    padding: 10px;

    border-radius: 3px;

}



.icon-facebook-app-logo1 {

    background-color: #1079D5;

}



.icon-twitter1 {

    background-color: #1FC2E4;

}



.icon-linkedin-11 {

    background-color: #E65400;

}



.icon-instagram1 {

    background-color: #C614D9;

}



.icon-youtube1 {

    background-color: #D80E19;

}



.widget-socials-media-item li {

    display: inline-block;

    margin-right: 13px;

}



.widget-tags-item {

    background-color: var(--primary-color4);

    padding: 35px 14px 13px 30px;

    border-radius: 6px;

}



.widget-tags-item li {

    margin-right: 10px;

    margin-bottom: 22px;

    display: inline-block;

}



.widget-tags-item li a:hover,

.widget-tags-item li .active {

    background-color: var(--primary-color);

    color: #fff;

}



.widget-tags-item .tags-item {

    padding: 11px;

    border-radius: 4px;

    background-color: var(--primary-color7);

}



.list-note-content li::before {

    content: '\f192';

    color: var(--primary-color) !important;

    margin-right: 5px !important;

}



.flat-blog .post-gallery {

    margin: 4px -15px 0;

    padding-top: 20px;

    padding-bottom: 10px;

    display: flex;

    flex-wrap: wrap;

}



.flat-blog .gallery-item {

    width: 50%;

    margin-bottom: 17px;

    padding: 0 15px;

}



.entry-tags {

    display: flex;

    flex-wrap: wrap;

    align-items: baseline;

}



.entry-tags li::after {

    content: '|';

    padding: 0 10px;

    color: #808080;

}



.flat-portfolio-single .entry-tags li::after {

    content: ',';

    padding: 0 10px;

    color: #fff;

}



.entry-tags li:first-child::after,

.entry-tags li:last-child::after {

    content: '';

}



.tags-post::before {

    font-family: 'icomoon';

    content: '\e946';

    color: var(--primary-color) !important;

    font-size: 20px;

    margin-right: 10px !important;

}



#comment {

    background-color: #F6F6F6;

    padding: 70px;

}



#contactform .name-wrap,

#contactform .email-wrap {

    width: 49.2%;

    float: left;

    margin-right: 1.6%;

}



.subject-wrap {

    width: 100%;

}



#contactform .email-wrap {

    margin-right: 0;

}



/* flat about

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

.flat-about {

    padding: 60px 0 40px 0;

    background-image: url(../images/mark-page/mark-about-index.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: -101px 237px;

}



.flat-about .about-title-box {

    position: relative;

}



.flat-about .about-title-box h2 {

    float: left;

    margin: 37px 0 44px 54px;

}



.flat-about .subtitle-about {

    position: absolute;

    left: -33px;

    top: 70px;

    transform: rotate(-90deg);

    color: var(--primary-color);

}



.flat-about .subtitle-about::before {

    content: '';

    position: absolute;

    left: -115px;

    top: 50%;

    bottom: 0;

    height: 1px;

    width: 100px;

    background-color: var(--primary-color);

}



.flat-about .group-post-about {

    position: relative;

}



.flat-about .post-big {

    text-align: center;

    margin-right: 10%;

    -webkit-animation: move2 5s infinite;

    animation: move2 5s infinite;

}



.flat-about .post-big img {

    border-radius: 160px 10px 80px 10px;

    -webkit-border-radius: 160px 10px 80px 10px;

    -moz-border-radius: 160px 10px 80px 10px;

}



.flat-about .post-sm {

    position: absolute;

    z-index: -1;

    top: 52%;

    right: 29px;

    -webkit-animation: move3 5s infinite;

    animation: move3 5s infinite;

}



.flat-about .post-sm img {

    border-radius: 10px 70px 10px 50px;

    -webkit-border-radius: 10px 70px 10px 50px;

    -moz-border-radius: 10px 70px 10px 50px;

}



.flat-about .post-sm-2 {

    position: absolute;

    z-index: -1;

    bottom: 155px;

    left: -7px;

}



.flat-about .about-years {

    position: absolute;

    left: 66px;

    bottom: -89px;

}



.flat-about .about-years span {

    font-weight: 700;

    font-family: 'Montserrat';

    margin-right: 7px;

    font-size: 68px;

    background: -webkit-linear-gradient(#FF0000, #391113);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.flat-about .about-years .content {

    display: inline-block;

}



.flat-about .content-right {

    margin-top: 40px;

}



.icon-content-box {

    display: inline-flex;

    margin-right: 45px;

}



.icon-content-box .icon {

    margin-right: 12px;

}





/* flat skill about

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

.flat-about-skill {

    margin-top: 28px;

}



.flat-about-skill .skill-box-1,

.flat-about-skill .skill-box-2,

.flat-about-skill .skill-box-3 {

    position: relative;

    border-radius: 10px 0 0 10px;

    padding: 128px 25px 0 38px;

    height: 426px;

    background-color: var(--primary-color);

    color: #fff;

    background-image: url(/assets/images/background-section/path-skill-box-1.png);

    background-repeat: no-repeat;

}



.flat-about-skill .skill-box-2 {

    padding: 81px 0px 0 31px;

    border-radius: 0;

    margin-left: -30px;

    background-color: var(--primary-color6);

    background-image: url(/assets/images/background-section/path-skill-box-1.png);

}



.flat-about-skill .skill-box-3 {

    padding: 81px 28px 0 31px;

    border-radius: 0 130px 10px 0;

    margin-left: -30px;

    background-color: var(--primary-color6);

    background-image: unset;

}



.flat-about-skill .skill-box-4 {

    padding: 81px 28px 0 31px;

    border-radius: 0 130px 10px 0;

    margin-left: -30px;

    background-color: var(--primary-color6);

}



.label-progress {

    display: flex;

    justify-content: space-between;

}



.progress-animated {

    animation-duration: 5s;

    animation-name: myanimation;

    transition: all 5s ease 0s;

}



/* flat services

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



.flat-services {

    padding: 29px 0 25px 0;

}



.section-title {

    text-align: center;

    margin-left: auto;

    margin-right: auto;

}



.section-subtitle::after,

.section-subtitle::before {

    content: '';

    position: absolute;

    height: 1px;

    width: 75px;

    background-color: var(--primary-color);

    top: 50%;

    margin: 0 15px;

}



.section-subtitle::before {

    left: -100px;

}



.flat-services .services-box {
    position: relative;
    /* background-color: var(--primary-color4); */
    padding: 44px 10px 24px 26px;
    margin-bottom: 31px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 20px;
    border: 1px solid #facccc;
    box-shadow: 0px 4px 34px -24px rgb(0 0 0 / 80%);
    -webkit-box-shadow: 0px 4px 34px -24px rgb(0 0 0 / 80%);
    -moz-box-shadow: 0px 4px 34px -24px rgb(0 0 0 / 80%);
}



.flat-services .ib {

    padding: 10px 10px 30px 26px;

    border-radius: 6px;

}



.flat-services .ib .services-desc {

    display: none;

}







.flat-services .services-box::after {

    position: absolute;

    content: "\e947";

    font-family: 'icomoon';

    color: #ff0000;

    font-size: 40px;

    right: 24px;

    top: 29px;

    z-index: 10;

}



.flat-services .services-box:hover,

.flat-services .services-box.active,

.flat-services .services-box:hover a,

.flat-services .services-box.active a,

.flat-services .services-box:hover .read-more::after,

.flat-services .services-box.active .read-more::after,

.flat-services .services-box:hover::after,

.flat-services .services-box.active::after,

.flat-services .services-box:hover .services-box-overlay {

    color: #fff;

    opacity: 1;

}



.flat-services .services-box .read-more::after {

    font-size: 15px;

}



.flat-services .services-box:hover,

.flat-services .services-box.active {

    background-color: var(--primary-color);

}



.flat-services .services-box:hover .wraper-effect,

.flat-services .services-box .wraper-effect.active {

    right: -150px;

    bottom: -150px;

}



.flat-services .services-box .services-desc {

    padding: 12px 0 27px 0;

    line-height: 28px;

}



.flat-services .services-box:hover .icon-services,

.flat-services .services-box .icon-services.active {

    background-color: #fff;

}



.services-box {

    text-align: center;

}





.flat-services .icon-services,

.flat-list-services .icon-services {

    padding: 20px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    background-color: var(--primary-color5);

}



.flat-services .services-content {

    margin-top: 28px;

}



.flat-services .wraper-effect {

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    position: absolute;

    transition: all .5s;

    height: 350px;

    width: 350px;

    background-image: url(../images/background-section/mark-services-box.png);

    right: -100%;

    bottom: -100%;

}



/* flat counter

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

.flat-counter {

    background-size: cover;

    background-repeat: no-repeat;

    padding: 120px 0 130px 0;

}


.flat-counter .counter-box {
    background-color: #fff;
    padding: 45px 28px 38px 30px;
    /* box-shadow: 14px 0px 23px #f2818147; */
    border-radius: 20px;
    border: 1px solid #facccc;
    box-shadow: 1px 4px 20px -10px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 1px 4px 20px -10px rgb(0 0 0 / 50%);
    -moz-box-shadow: 1px 4px 20px -10px rgb(0 0 0 / 50%);
}



.ufnums .counter-box {

    background-color: #fff;

    padding: 80px 28px 38px 30px;

    box-shadow: 4px 19px 73px #f8000047;

    border-radius: 40px;

    margin: 40px;

    text-align: center;

}

.ufnums sup {

    font-size: 30px;

    top: -20px;

    color: black;

}



.ufnumsicon {

    padding: 25px;

    box-shadow: 4px 19px 73px #f8000047;

    border-radius: 65px;

    position: absolute;



}



.flat-counter .icon-box {

    display: flex;
    margin-bottom: 13px;

}



.flat-counter .number-content {

    font-weight: 900;

    margin-bottom: 17px;

    color: var(--primary-color);

}



.flat-counter .icon-counter {

    font-size: 58px;

    flex-shrink: 0;

}



.flat-counter .content-icon {

    flex-shrink: 1;

    padding-left: 15px;

}



.flat-counter .az-box {

    border-left: 2px solid #ff0000;

    box-shadow: none;



}



.flat-counter .az-box:hover {

    box-shadow: 15px 19px 4px #db848447;

    border-radius: 1px;

    /*box-shadow: 4px 19px 73px #b4b4b447;*/



}







/* flat working-project

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

.flat-working-project {

    background-color: #101010;

    background-image: url(../images/mark-page/mark-working.png);

    background-size: cover;

    padding: 20px 0 99px 0;

}



.flat-working-project .section-title {

    margin: 10px auto 24px auto;

    color: #fff;

}





/* flat steps

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

.flat-steps {

    background-image: url(../images/mark-page/mark-steps.png);

    background-size: cover;

    padding: 20px 0 99px 0;

    text-align: center;

}



.flat-steps .steps {

    background-repeat: no-repeat;

    background-size: contain;

    width: 310px;

    height: 250px;

    background-position: center;

    padding: 100px 110px 20px 64px;

    text-align: left;

}



.flat-steps .step-1 {

    background-image: url(../images/steps/1.png);

}

.flat-steps .step-2 {

    background-image: url(../images/steps/2.png);

}

.flat-steps .step-33 {

    background-image: url(../images/steps/33.png);

}



.flat-steps .step-3 {

    background-image: url(../images/steps/3.png);

}



.flat-steps .step-4 {

    background-image: url(../images/steps/4.png);

}





.flat-steps .section-subtitle::before,

.flat-steps .section-subtitle::after {

    display: none;

}





/* flat client

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

.flat-client {

    padding: 131px 0 102px 0;

    background-color: #F9F9F9;

    background-image: url(../images/mark-page/mark-client.png);

}



.flat-client .section-title {

    text-align: left;

}



.flat-client .section-title {

    margin: 15px 0 14px 0;

}



.flat-client .client-user img {

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    width: 88px;

    height: 88px;

    margin-top: 15px;

}



.flat-client .client-slider-box {

    display: flex;

    background-color: #fff;

    /*    padding           : 24px 20px 20px 33px; */

    padding: 5px;

    border-radius: 6px;

    box-shadow: 1px 9px 11px #b4b4b421;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}











.flat-client .swiper-slide-active .client-slider-box {

    background-color: var(--primary-color);

}



.flat-client .swiper-slide-active,

.flat-client .swiper-slide-active a,

.flat-client .swiper-slide-active .name-author::after {

    color: #fff !important;

}



.flat-client .client-slider-box .client-user {

    flex-shrink: 0;

}



.flat-client .client-slider-box .client-content {

    position: relative;

    flex-shrink: 1;

    padding-left: 38px;

}



.flat-client .client-user-author .name-author::after {

    position: absolute;

    content: "\e940";

    font-family: "icomoon";

    right: 15px;

    color: var(--primary-color);

}



.flat-client .client-user-author p {

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-word;

}



.flat-client .section-subtitle::before {

    display: none;

}



.flat-client .brand-client {

    margin-bottom: 63px;

}



.flat-client .brand-client span {

    margin-right: 10px;

}



.flat-client .client-content-box {

    margin-top: 67px;

}



.flat-client .ripto {

    border-radius: 80px;

    background-image: linear-gradient(40deg, rgb(238, 26, 26), rgb(113, 104, 236) 100%, transparent 75%, transparent 100%);

}



.flat-client .ripto2 {

    border-radius: 80px;

    background-image: linear-gradient(40deg, rgb(40, 255, 255), rgb(87, 238, 180) 100%, transparent 75%, transparent 100%);



}

.flat-client .ripto3 {

    border-radius: 80px;

    background-image: linear-gradient(40deg, rgb(238, 243, 164), rgb(188, 160, 201) 100%, transparent 75%, transparent 100%);



}



/* flat team

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

.flat-team {

    padding: 30px 0;

    background-image: url(../images/mark-page/mark-team.png);

    background-repeat: no-repeat;

}



.flat-team .section-title {

    float: left;

    text-align: left;

}



.flat-team .section-main-title {

    margin-top: 15px;

}



.flat-team .section-subtitle::before {

    display: none;

}



.flat-team .team-button,

.flat-about-client .team-button {

    position: absolute;

    bottom: 15px;

    right: 50px;

    z-index: 10;

}



#button-team-prev,

#button-team-next {

    padding: 6px;

    margin-right: 4px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    object-fit: cover;

    border: solid 1px var(--primary-color);

}



#button-team-prev {

    background-color: #fff;

    color: var(--primary-color);

}



#button-team-prev::after,

#button-team-next::after {

    content: '\f177';

    font-family: 'FontAwesome';

    font-size: 15px;

}



#button-team-next::after {

    content: '\f178';

}



.flat-about-client #button-team-next {

    border: 1px solid #fff;

}



.flat-team .team-button .clone-btn-prev:hover::after,

.flat-about-client .team-button .clone-btn-prev:hover::after {

    color: #fff !important;

}



.flat-team .team-post {

    position: relative;

    padding: 20px 0;

}



.flat-team .team-post .layer-images {

    position: absolute;

    top: 4px;

    bottom: 0;

    left: 31px;

    right: 0;

    background: url(../images/image-slider/layer-images.png);

    background-position: top;

    background-repeat: no-repeat;

    border-radius: 8px;

    z-index: -1;

}



.flat-team .team-post img {

    height: 282.23px;

    -webkit-mask-image: url(../images/image-slider/mask-team.png);

    mask-image: url(../images/image-slider/mask-team.png);

    -webkit-mask-position: center center;

    mask-position: center center;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

}



.social-media {

    text-align: center;

    margin-top: -2px;

    margin-bottom: 15px;

}



.social-media li {

    display: inline-block;

    margin: 0 5px;

    width: 33px;

    height: 30px;

    object-fit: cover;

    line-height: 33px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    background: var(--primary-color5);

    font-size: 16px;

    text-align: center;

}



.team-facebook::after {

    content: '\f09a';

    font-family: "FontAwesome";

}



.team-twitter::after {

    content: '\f099';

    font-family: "FontAwesome";

}



.team-linkedin::after {

    content: '\f0e1';

    font-family: "FontAwesome";

}



/* flat latest new

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

.flat-latest {

    padding: 130px 0 59px 0;

    background-image: url(../images/mark-page/mark-latest-new.png);

    background-size: cover;

    background-repeat: no-repeat;

}
.why-color-inner h2{
    color: #fff;
    margin-bottom: 30px  !important;
}
.why-color-inner h4{
    color: #fff;
}

.flat-latest2 {

    padding: 240px 0 30px 0;

    /* background-image: url(../images/mark-page/mark-latest-new2.jpg); */

    background-image: url(), linear-gradient(135deg, #1e222dc9 11%, #1e222de8 72%), url(../images/mark-page/mark-latest-new2.jpg);

    background-size: cover;

    background-repeat: no-repeat;

}



.flat-latest .latest-post img {

    border-radius: 10px;

    width: 100%;

}



.flat-latest .latest-content,
.flat-latest2 .latest-content {

    /* background-color: #fff; */

    margin: 20px;

    transform: translateY(-100px);

    border-radius: 10px 10px 50px 10px;

    /* box-shadow: 1px 9px 11px #110a0acc; */

    padding: 50px;

}

flat-latest2 .latest-content {

    background-color: #fff;

    padding: 25px 10px 19px 20px;

    transform: translateY(-100px);

    border-radius: 10px 10px 50px 10px;

    box-shadow: 1px 9px 11px #b4b4b459;

}



.flat-latest .section-main-title {

    margin: 15px 0 35px 0;

}



.flat-latest .latest-content .author-post::after {

    content: '/';

    margin: 0 8px;

    color: var(--primary-color);

}



.flat-latest .read-more::after {

    font-size: 12px;

}



.flat-latest .read-more::before {

    display: none;

}





/* flat about 2nd

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

.flat-about-2nd {

    padding: 30px 0;

}



.flat-about-2nd .about-content-right .section-title,

.flat-about-education .section-title {

    text-align: left;

}



.flat-about-2nd .section-subtitle::before,

.flat-about-education .section-subtitle::before {

    display: none;

}



.about-post {

    position: relative;

}



.about-post img {

    height: 453.11px;

    object-fit: cover;

    -webkit-mask-image: url(../images/image-box/mask-about-2nd.png);

    mask-image: url(../images/image-box/mask-about-2nd.png);

    -webkit-mask-position: center center;

    mask-position: center center;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

}



.about-post .mark-about-post {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 80%;

    -webkit-animation: move3 5s infinite;

    animation: move3 5s infinite;

    background-image: url(../images/background-section/mark-about-post.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    border-radius: 8px;

    z-index: -1;

}



.about-post .mark-video .icon {

    position: absolute;

    top: 62%;

    left: 135px;

    z-index: 200;

}



.about-post .mark-video .icon::after {

    content: '\f04b';

    font-family: 'FontAwesome';

    color: #fff;

    border: 4px solid #fff;

    padding: 17px 20px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    font-size: 24px;

    z-index: 200;

}



.about-post .mark-video .icon::before {

    position: absolute;

    top: -50px;

    left: -30px;

    content: '';

    width: 132px;

    height: 171px;

    z-index: -1;

    background-image: url(../images/mark-page/mark-play-video.png);

    background-repeat: no-repeat;

    background-size: cover;

}



/* flat work

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

.flat-work {

    padding: 40px 0;

}



.flat-work .section-title,

.flat-work .section-subtitle {

    color: #fff !important;

}



.flat-work .section-subtitle::after,

.flat-work .section-subtitle::before {

    background-color: #fff;

}



.flat-work .work-box {

    display: flex;

    padding: 32px 40px;

    background-color: #fff;

    border-radius: 4px;

}



.flat-work .work-box-left {

    width: 33.333333%;

    flex-direction: column;

    display: flex;

    justify-content: center;

}



.flat-work .work-box-center {

    display: flex;

    align-items: center;

    width: 25%;

}



.flat-work .work-box-right {

    width: 41.666667%;

}



.flat-work .work-box-left .job::before,

.flat-work .work-box-left .date::before,

.flat-about-education .date::before,

.flat-about-education .education::before {

    padding-right: 16px;

}



.flat-work .work-box-left .date::before,

.flat-about-education .date::before {

    color: var(--primary-color6);

    font-size: 20px;

}



.flat-work .swiper-button-next,

.flat-work .swiper-button-prev,

.flat-about-education .swiper-button-next,

.flat-about-education .swiper-button-prev,

.flat-about-client .swiper-button-next,

.flat-about-client .swiper-button-prev {

    display: none;

}



/* flat about education

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

.flat-about-education {

    padding: 129px 0;

}



.flat-about-education .about-education-box {

    background-color: var(--primary-color4);

    padding: 34px 40px 40px 40px;

    border-radius: 4px;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.flat-about-education .swiper-slide-active .about-education-box {

    background-color: var(--primary-color);

}



.flat-about-education .swiper-slide-active div,

.flat-about-education .swiper-slide-active .education::before,

.flat-about-education .swiper-slide-active .date::before {

    color: #fff !important;

}



.flat-about-education .swiper-slide-active .about-education-preview {

    border-bottom: dashed 1px #fff;

}



.flat-about-education .about-education-preview {

    margin-bottom: 18px;

    border-bottom: dashed 1px var(--primary-color6);

}



.flat-about-education .button-carousel {

    position: absolute;

    bottom: -26px;

    right: 0;

}



.flat-about-education .button-carousel .btn-style-2 {

    background-color: unset;

    border: none;

    margin-right: -20px;

}



.flat-about-education .clone-btn-next::after,

.flat-about-education .clone-btn-prev::after {

    color: var(--primary-color);

}



/* flat brand

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

.flat-brand {

    padding: 20px 0;

    /* background-image: url(../images/background-section/brand-background.jpg); */
    background-color: #f7f7f7;
    margin-bottom: -10px;

}
span.no-background a img {
    max-width: 18px;
    margin-top: -2px;
}


.flat-brand .brand-content img {

    opacity: 0.4;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.flat-brand .brand-content img:hover {

    opacity: 1;

}



/* flat about client

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

.flat-about-client {

    padding: 120px 0 35px 0;

    background-image: url(../images/background-section/client-feedback-background.jpg);

}



.flat-about-client .content-about-client-left {

    position: relative;

}



.flat-about-client .content-about-client-left .client-post-main {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    padding: 20px;

    background-color: var(--primary-color5);

    border-radius: 50%;

}



.flat-about-client .content-about-client-left img,

.flat-about-client .client-avatar img {

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    object-fit: cover;

}



.flat-about-client .client-post-main img {

    width: 190px;

    height: 190px;

}



.flat-about-client .content-about-client-left .client-post-1 {

    position: absolute;

    top: 200px;

}



.flat-about-client .client-post-1 img {

    width: 102px;

    height: 102px;

}



.flat-about-client .content-about-client-left .client-post-2 {

    position: absolute;

    top: -165px;

    right: -4px;

}



.flat-about-client .client-post-2 img {

    width: 56px;

    height: 56px;

}



.flat-about-client .content-about-client-left .client-post-3 {

    position: absolute;

    top: 151px;

    right: 0;

}



.flat-about-client .client-post-3 img {

    width: 90px;

    height: 90px;

}



.flat-about-client .content-about-client-left .client-post-4 {

    position: absolute;

    bottom: 141px;

    right: 50%;

}



.flat-about-client .client-post-4 img {

    width: 110px;

    height: 110px;

}



.flat-about-client .content-about-client-left .client-post-5 {

    position: absolute;

    left: -55px;

    bottom: -58px;

}



.flat-about-client .client-post-5 img {

    width: 120px;

    height: 120px;

}



.flat-about-client .about-client-content-box {

    background-color: var(--primary-color);

    background-image: url(../images/mark-page/mark-client-feedback.jpg);

    background-size: cover;

    border-radius: 50px 10px 60px 10px;

}



.flat-about-client .about-client-content-box .content-client,

.flat-about-client .about-client-content-box .client-info-inner {

    color: #fff;

}



.flat-about-client .content-client::before,

.flat-about-client .content-client::after {

    content: "\f10d";

    font-family: "FontAwesome";

    margin: 0 10px;

}



.flat-about-client .content-about-client-right {

    padding-top: 82px;

    margin-left: 18px;

}



.flat-about-client .content-about-client-right .section-title {

    margin-bottom: 37px;

}



.flat-about-client .content-about-client-right .client-box {

    padding: 35px 50px 94px 60px;

}



.flat-about-client .content-client::after {

    content: "\f10e";

}



.flat-about-client .client-avatar {

    width: 66px;

    height: 66px;

}



.flat-about-client .client-info {

    display: flex;

    display: -webkit-flex;

}



.flat-about-client .client-info-inner {

    margin-left: 12px;

}



.flat-about-client .team-button .clone-btn-next,

.flat-about-client .team-button .clone-btn-prev:hover {

    border: 1px solid #fff;

}



/* flat latest style 2

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

.flat-latest.style-2 {

    padding: 130px 0 31px 0;

    background-image: unset;

}



.flat-latest.style-2 .section-title {

    margin-bottom: 47px;

}



.flat-latest.style-2 .section-title h2 {

    color: var(--primary-color6);

    margin-top: 14px;

}



.flat-latest.style-2 .latest-content {

    border-radius: 10px;

}



/* flat list services 

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

.flat-list-services {

    padding: 30px 0;

    background-image: url(../images/mark-page/mark-our-services.png);

    z-index: 1;

}





.flat-list-services .post-services {

    position: relative;

    margin-bottom: 63px;

    flex-shrink: 0;

    height: 63px;

}



.flat-list-services .post-services img {

    width: 20%;

    -webkit-mask-image: url(../images/image-box/mask-services-post.png);

    mask-image: url(../images/image-box/mask-services-post.png);

    -webkit-mask-position: bottom;

    mask-position: bottom;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    -webkit-mask-size: cover;

}



.flat-list-services .post-services::after {

    content: '';

    position: absolute;

    top: -30px;

    bottom: -30px;

    left: 0;

    right: 0;

    background: url(../images/image-box/layer-services.jpg);

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover;

    border-radius: 8px;

    z-index: -1;

}



.flat-list-services .icon-item-services {

    position: absolute;

    left: 29px;

    bottom: -15px;

}



.flat-list-services .icon-services {

    padding: 20px;

    background-color: #fff;

    box-shadow: 0px 7px 41px #b4b4b470;

}



.flat-list-services .icon-services.font-size-icon {

    font-size: 43px;

}



.flat-list-services .list-services-box {

    margin-bottom: 26px;

    box-shadow: 4px 5px 25px #b4b4b4b3;

    border-radius: 6px;

    overflow: hidden;

    display: flex;

    flex-direction: column;

}





.flat-service-details .list-services-box {

    box-shadow: 4px 5px 25px #b4b4b4b3;

    border-radius: 6px;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    padding-top: 4rem;
    padding-left: 3rem;
    padding-right: 4rem;
    padding-bottom: 36px;

}
.vps-icon img {
    max-width: 100px;
    margin-bottom: 18px;
    margin-top: -20px;
}
.about-title-box img {
    max-width: 352px;
}



.flat-service-details .list-services-box:hover {

    background-image: url(../images/image-box/forex-vps.png);

    background-position: 50% 15%;

    border-radius: 20px;

}







.flat-about-client .round-box {

    box-shadow: 4px 5px 25px #b4b4b4b3;

    border-radius: 20px;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    padding: 15px;

    width: 38%;

    margin: auto;

    margin: 15px auto;



}



.flat-about-client .round-box:hover {

    /* filter: brightness(10);

    -webkit-filter: brightness(10);

    -moz-filter: brightness(10);

    -o-filter: brightness(10);

    -ms-filter: brightness(10); */

    background-color: #00000012;

}







.r2 {

    position: absolute;

    right: 20px;



}





.list-services-box-2 {

    max-width: 125px;

    margin-bottom: 26px;

    box-shadow: 4px 9px 25px #b4b4b4b3;

    border-radius: 7px;

    overflow: hidden;

    display: flex;

    flex-direction: column;

}



.flat-list-services .content-services {

    padding: 1px 20px 27px 30px;

    flex: 1;

}



.flat-list-services .content-services-inner {

    margin-bottom: 22px;

}



.content-services-inner li {

    margin: 15px;

    font-size: 14px;

}



.content-services-inner .icon {

    margin-right: 7px;

}







.flat-list-services .content-services .read-more::after,

.flat-about-work .about-work-content .read-more::after {

    color: var(--primary-color6);

    margin-left: 1%;

}



.flat-list-services .content-services .read-more:hover::after {

    color: var(--primary-color);

}



.flat-list-services .content-services .read-more:hover::after,

.flat-about-work .about-work-content .read-more:hover::after {

    margin-left: 3%;

}



.flat-list-services .button-readmore {

    margin-top: auto;

}



/* flat about work

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

.flat-about-work {

    padding: 130px 0;

    background-image: url(../images/mark-page/flat-work-2.jpg);

}



.flat-about-work .about-work-post img {

    border-radius: 100px 10px 10px 10px;

}



.flat-about-work .about-work-content .section-subtitle::before {

    display: none;

}



.flat-about-work .about-work-content {

    margin-left: 10.4%;

    color: #fff;

}



.flat-about-work .about-work-content .read-more::after {

    color: #fff;

}



.flat-about-work .button-readmore {

    display: inline;

}



.flat-about-work .icon {

    position: relative;

    display: inline-block;

    margin-right: 35px;

    color: var(--primary-color);

    border: 1px solid #fff;

    background-color: #fff;

    padding: 22px 23px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    font-size: 13px;

}



.flat-about-work .icon::before {

    content: "";

    position: absolute;

    left: -13px;

    top: -13px;

    right: -13px;

    bottom: -13px;

    border: 1px solid #fff;

    border-radius: 50%;

}



.flat-about-work .icon::after {

    content: '\f04b';

    font-family: 'FontAwesome';

}



.flat-about-work .ripple,

.flat-about-work .ripple::before,

.flat-about-work .ripple::after {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 82px;

    height: 85px;

    border-radius: 50%;

    -ms-border-radius: 50%;

    transform: translate(-50%, -50%);

    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);

    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);

    box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);

    -webkit-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

}



.flat-about-work .ripple::before {

    content: "";

    position: absolute;

    -webkit-animation-delay: 0.9s;

    animation-delay: 0.9s;

}



.flat-about-work .ripple::after {

    content: "";

    position: absolute;

    -webkit-animation-delay: 0.6s;

    animation-delay: 0.6s;

}



/* flat contact me

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

.flat-contact-me {

    padding: 130px 0;

}



.flat-contact-me .contact-me-content .section-subtitle::before {

    display: none;

}



.flat-contact-me .contact-me-content .btn-st {

    border: 1px solid var(--primary-color);

}



.flat-contact-me .contact-me-content .btn-st:hover {

    color: var(--primary-color);

    border: 1px solid var(--primary-color);

}



/* flat services details

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

.flat-service-details {

    padding: 35px 0;

}



.flat-service-details .post-inner .post-media img {

    margin-bottom: 32px;

}



.flat-service-details p {

    word-break: break-all;

    line-height: 28px;

}



.flat-service-details .post-question a::before {

    content: "\f04b";

    font-family: "FontAwesome";

    font-size: 15px;

    margin-right: 17px;

    color: var(--primary-color);

}



.flat-service-details .post-question {

    margin-bottom: 11px;

}



.flat-service-details .post-question li a {

    font-size: 16px;

    font-weight: 400;

    line-height: 50px;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-word;

}



.flat-service-details .post-quotes {

    position: relative;

    background-color: #F5F5F5;

    border-radius: 10px;

    padding: 83px 67px;

}



.flat-service-details .post-quotes::before {

    position: absolute;

    left: 65px;

    top: 30px;

    content: "\f10e";

    font-family: "FontAwesome";

    font-size: 60px;

    color: var(--primary-color5);

    z-index: 2;

}



.flat-service-details .widget-our-services {

    margin-bottom: 25px;

}



.flat-service-details .widget-title-box {

    padding: 40px 32px;

    background-color: var(--primary-color4);

    border-radius: 6px;

    margin-bottom: 30px;

}



.flat-service-details .side-bar .list-services li {

    position: relative;

    border-radius: 6px;

    padding: 40px 32px;

    margin-bottom: 10px;

    background-repeat: no-repeat;

    background-size: cover;

}



.panel-group {

    margin-bottom: 24px;

}

#wrapper .fxtm-faq .faq-top-questions .panel {

    position: relative;

    background: #f7f7f7;

    cursor: pointer;

}

.panel-group .panel {

    margin-bottom: 0;

    border-radius: 2px;

    overflow: hidden;

}

.panel {

    margin-bottom: 24px;

    background-color: #ffffff;

    border: 1px solid transparent;

    border-radius: 2px;

    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);

    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);

}

#wrapper .fxtm-faq .faq-top-questions .panel .panel-heading {

    padding: 0;

}

.panel-group .panel-heading {

    border-bottom: 0;

}

.panel-heading {

    padding: 10px 15px;

    border-bottom: 1px solid transparent;

    border-top-right-radius: 1px;

    border-top-left-radius: 1px;

    background-color: #fff5f4;

}

.panel-title {

    margin-top: 0;

    margin-bottom: 0;

    font-size: 17px;

    color: inherit;

}

#wrapper .fxtm-faq .faq-top-questions .panel .panel-heading a {

    display: block;

    padding: 15px 15px 15px 60px;

    text-decoration: none;

    position: relative;

    outline: none;

}

.panel-title>a {

    color: #ff0000;

}

#wrapper .fxtm-faq .faq-top-questions .panel .panel-collapse .panel-body {

    padding-left: 60px;

}

.panel-group .panel-heading+.panel-collapse .panel-body {

    border-top: 1px solid #dddddd;

}

#wrapper .fxtm-faq .faq-top-questions .panel {

    position: relative;

    background: #f7f7f7;

    cursor: pointer;

}

.panel-group .panel+.panel {

    margin-top: 5px;

}

.panel-group .panel {

    margin-bottom: 0;

    border-radius: 2px;

    overflow: hidden;

}

.panel {

    margin-bottom: 24px;

    background-color: #ffffff;

    border: 1px solid transparent;

    border-radius: 2px;

    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);

    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);

}

#wrapper .fxtm-faq .faq-top-questions .panel .panel-collapse .panel-body {

    padding-left: 60px;

}

.panel-group .panel-heading+.panel-collapse .panel-body {

    border-top: 1px solid #dddddd;

}



.panel-body p {

    padding-left: 30px;

}





.flat-service-details .side-bar .list-services .activ {
    background-image: url(../images/background-section/list-menu-services-1.jpg);
}


.flat-service-details .side-bar .list-services .nactiv {
    background-image: url(../images/background-section/list-menu-services-2.jpg);
}



.flat-service-details .list-services li:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    /*    background-color  : #292b2c; */

    opacity: 0.8;

    border-radius: 5px;

    -webkit-transition: all .7s ease;

    transition: all .7s ease;

}



.flat-service-details .list-services li:hover:before {

    opacity: 0;

}



.flat-service-details .side-bar .title-list-services {

    position: relative;

}



.flat-service-details .side-bar .widget-socials-media {

    margin-bottom: 56px;

}



.flat-service-details .side-bar .widget-contact {

    position: relative;

    height: 348px;

    border-radius: 10px;

    background-image: url(../images/image-box/contact-services-details.jpg);

    margin-bottom: 30px;

}



.flat-service-details .side-bar .widget-contact::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0.8;

    border-radius: 10px;

    background-color: var(--primary-color);

}



.flat-service-details .side-bar .phone {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    right: 0;

    text-align: center;

    color: #fff;

}



.flat-service-details .side-bar .phone::before {

    font-size: 45px;

    margin-right: 24px;

}



.flat-service-details .flat-latest.style-2 {

    padding: 84px 0 0 0;

}



.flat-service-details .flat-latest .section-title {

    text-align: left;

}



.flat-service-details .flat-latest .section-title h4::before {

    display: none;

}



/* Flat portfolio

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

.flat-portfolio {

    padding-top: 130px;

}



.flat-portfolio .portfolio-box .portfolio-post img {

    border-radius: 10px;

    width: 50%;

}



.flat-portfolio .portfolio-box {

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

    min-height: 300px;

    text-align: center;

}



.flat-portfolio .portfolio-box .mark-item {

    position: absolute;

    top: 9.4%;

    right: 9%;

    padding: 26px 31px;

    border-radius: 50%;

    object-fit: cover;

    background-color: #fff;

    color: var(--primary-color);

    opacity: 0;

}



.flat-portfolio .portfolio-content .title-item {

    position: absolute;

    bottom: 8%;

    left: 9%;

    color: #fff;

    opacity: 0;

}



.flat-portfolio .portfolio-box .mark-item::after {

    content: '\f067';

    font-family: 'FontAwesome';

    font-size: 45px;

}



.flat-portfolio .portfolio-box .portfolio-post::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    -webkit-transition: all .7s ease;

    transition: all .7s ease;

    background-color: var(--primary-color);

    border-radius: 10px;

}



.flat-portfolio .portfolio-box:hover .portfolio-post::after,

.flat-portfolio .portfolio-box.active .portfolio-post::after {

    opacity: 0.8;

}



.flat-portfolio .portfolio-box:hover .mark-item,

.flat-portfolio .portfolio-box:hover .title-item,

.flat-portfolio .portfolio-box.active .mark-item,

.flat-portfolio .portfolio-box.active .title-item {

    opacity: 1;

}



/* portfolio details

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

.flat-portfolio-single {

    padding: 133px 0 59px 0;

}



.flat-portfolio-single .post-media img {

    border-radius: 10px;

}



.flat-portfolio-single .post-media {

    position: relative;

    margin-bottom: 33px;

}



.flat-portfolio-single .post-media-content {

    position: absolute;

    bottom: 8.5%;

    left: 0;

    background-color: var(--primary-color6);

    color: #fff;

    padding: 29px 30px 21px 30px;

}



.flat-portfolio-single .entry-socials {

    display: flex;

    display: -webkit-flex;

}



.flat-portfolio-single .entry-socials li {

    padding: 0 10px;

}



.flat-portfolio-single hr {

    margin: 20px 0;

}



.flat-portfolio-single .quotes {

    display: flex;

    margin-top: 26px;

    margin-bottom: 22px;

}



.flat-portfolio-single .media-author:first-child span {

    margin-right: 15px;

}



.flat-portfolio-single .quotes-2 {

    padding: 24px 45px 24px 45px;

}



.flat-portfolio-single .post-list-content {

    margin-bottom: 43px;

}



.flat-portfolio-single .post-images {

    margin-bottom: 25px;

}



.flat-portfolio-single .section-title {

    text-align: left;

}



.flat-portfolio-single .flat-latest.style-2 {

    padding: 110px 0 0px 0;

    background-image: unset;

}



/* flat team member

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

.flat-team-member {

    padding: 130px 0;

}



.flat-team-member .team-member-box {

    margin-bottom: 26px;

}



.flat-team-member .section-title {

    margin-bottom: 45px;

}



.flat-team-member .team-images {

    position: relative;

    padding: 10px;

    background-color: var(--primary-color4);

}



.flat-team-member .team-images img {

    border-radius: 0 30px 0 0;

}



.flat-team-member .team-images .team-socials {

    position: absolute;

    bottom: 10px;

    left: 10px;

}



.flat-team-member .entry-socials li {

    display: flex;

    justify-content: center;

    width: 57px;

    background-color: var(--primary-color);

}



.flat-team-member .entry-socials li a {

    font-family: 'DM Sans', sans-serif;

    font-size: 17px;

    font-weight: 700;

    line-height: 42px;

}



.flat-team-member .team-info {

    text-align: center;

    margin-top: 26px;

}



.flat-team-member .team-info .team-name {

    margin-bottom: 8px;

}



/* Contact

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

.flat-contact {

    padding: 130px 0;

}



.flat-contact .about-content-left .section-title {

    text-align: left;

}



.flat-contact .section-subtitle::before {

    display: none;

}



.flat-contact .about-post {

    margin-left: -100px;

}



.flat-contact .contact-content-right {

    margin-top: 5px;

}



.flat-contact .contact-content-right h3 {

    margin-bottom: 80px;

    line-height: 34px;

}



.flat-contact .form-contact {

    margin-left: 6%;

}



/* flat contact map

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



.flat-contact-map .contact-map-box {

    width: 100%;

}



.flat-contact-map .contact-map-box .map-contact {

    width: 100%;

    height: 736px;

}





/* Footer

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



#footer {

    background: url('../images/mark-page/mark-footer.png') no-repeat center center;

    background-color: #101010;

    background-size: cover;

    position: relative;

    z-index: 1;

    padding: 30px 0 15px 0;

}



#footer-top {

    padding-bottom: 129px;

}



#footer .button-footer {

    float: right;

    margin-top: 35px;

    margin-right: 4px;

}



#footer .logo-footer img {

    width: 183.6px;

}



#footer .subcribe-form-footer {

    position: relative;

    padding: 17px 60px 20px 2px;

    border: none;

    background-color: unset;

    border-bottom: solid 2px;

    border-radius: 0;

}



#footer .subcribe-form-footer::placeholder {

    font-size: 17px;

}



#footer .btn-subcribe-footer {

    position: absolute;

    right: 109px;

    background-color: unset;

}



#footer .btn-subcribe-footer::after {

    content: "\e92b";

    font-family: "icomoon";

    font-size: 15px;

    color: var(--primary-color);

}



#footer .footer-widgets-nav-menu {

    display: flex;

    display: -webkit-flex;

}



#footer .menu-1,

#footer .menu-2 {

    width: 30%;

    padding: 37px 10px 10px 36px;

}



#footer .menu-2 {

    padding: 37px 10px 10px 27px;

}



#footer .menu-3 {

    padding: 37px 0px 10px 33px;

}



#footer .footer-widgets-nav-menu .widget-title-link-wrap {

    font-size: 20px;

    font-weight: 400;

    margin: 8px 0;

}



#footer .menu-3 li {

    margin-bottom: 4px;

}



#footer .widget-list-contact {

    margin-top: 21px;

}



#footer .widget-list-contact li {

    border-bottom: solid 1px #3d3d3d;

}



#footer .widget-list-contact li:last-child {

    border-bottom: unset;

}



#footer .link-wrap li::before {

    content: "\e92b";

    font-family: "icomoon";

    font-size: 7px;

    color: var(--primary-color);

    margin-right: 7%;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



#footer .link-wrap li a {

    position: relative;

    font-size: 16px;

    line-height: 43px;

    color: #fff;

}



#footer .link-wrap {

    margin-top: 18px;

    margin-left: -35px;

}



#footer .link-wrap li a::before {

    position: absolute;

    content: "";

    width: 100%;

    height: 1px;

    top: 100%;

    left: 0;

    background: var(--primary-color);

    transition: transform 0.3s;

    transform: scaleX(0);

    transform-origin: left;

}



#footer .link-wrap li a:hover::before,

#footer .link-wrap li:hover::before,

#footer .link-wrap li:hover {

    transform: scaleX(1);

    transform-origin: left;

    color: var(--primary-color);

    margin-right: 11%;

}



#footer .meta-phone::before,

#footer .meta-mail::before,

#footer .meta-address::before,

.list-note-content li::before {

    font-family: 'FontAwesome';

    color: #fff;

    margin-right: 20px;

}



#footer .meta-phone::before {

    content: "\f095";

}



#footer .meta-mail::before {

    content: "\f0e0";

}



#footer .meta-address::before {

    content: "\f041";

}



.widget-social-footer {

    position: absolute;

    top: 52.3%;

    left: 4.5%;

}



.widget-social-header {

    position: absolute;

    top: 37.9%;

    right: 2.1%;

    color: var(--primary-color6);

    z-index: 200;

}



.widget-social-footer-item,

.widget-social-footer-item h3,

.flat-about .subtitle-about {

    font-family: 'DM Sans', sans-serif;

    font-size: 17px;

    font-weight: 700;

    line-height: 38px;

}



.widget-social-footer-item h3 {

    margin-top: 20px;

    transform: rotate(-90deg);

    color: var(--primary-color);

}



/* Bottom

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



#bottom {

    background-color: #101010;

    font-size: 16px;

    line-height: 38px;

    color: #fff;

    letter-spacing: 1.6px;

    padding: 20px 0 42px 0;

}





/* Scroll Top

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



#scroll-top {

    position: fixed;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    text-align: center;
    z-index: 1;
    right: 14px;
    bottom: 23px;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    overflow: hidden;
}



#scroll-top.show {
    right: 8%;
    opacity: 1;
    visibility: visible;
}



#scroll-top:before,

#scroll-top:after {

    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



#scroll-top:before {
    z-index: -1;
    background-color: var(--primary-color);

}



#scroll-top:after {

    content: "\f077";
    font-family: "FontAwesome";
    font-size: 18px;
    color: #fff;

}



#scroll-top:hover {

    transform: translateY(-7%);

}





/* Boxed

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



.home-boxed #page {

    z-index: 0;

    width: 92.708%;

    margin: 0 auto;

    background: #fff;

    height: 100%;

    overflow: hidden;

    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);

    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);

    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);

}





/* Media Queries

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



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



    .hentry .post-tags,

    #top-bar .top-bar-content {

        width: 70%;

    }



    .hentry .post-socials,

    #top-bar .top-bar-socials {

        width: 30%;

    }



    #bottom ul.bottom-nav>li {

        padding: 0px 10px;

    }



    .has-effect-icon.w40 .elm-link>a {

        width: 35px;

        height: 35px;

        line-height: 35px;

    }



    .right-38 {

        right: 0px !important;

    }



    .hentry .box-excerpt .text {

        overflow: inherit;

    }



    .widget.widget_list .inner {

        padding: 15px;

    }



    .themesflat-row.gutter-mobile .span_1_of_3 {

        width: 50%;

    }



    .divider.h35 {

        height: 35px;

        display: block;

        clear: both;

    }

}



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

    #site-header .mobile-button {

        display: block;

    }



    #main-nav,

    .menu-has-search #site-header #header-search,

    .menu-has-cart #site-header .nav-top-cart-wrapper,

    #top-bar .top-bar-content,

    .switcher-container,

    .row-information {

        display: none;

    }



    #top-bar .top-bar-socials {

        width: 100%;

        display: block;

        text-align: center;

    }



    #main-content {

        padding: 60px 0px;

    }



    #featured-title .featured-title-heading-wrap,

    #featured-title #breadcrumbs {

        width: 50%;

    }



    .sidebar-right #site-content,

    .sidebar-right #sidebar,

    .sidebar-left #sidebar,

    .sidebar-left #site-content,

    .sidebar-right.width-71 #site-content,

    .sidebar-right.width-73 #site-content {

        float: none;

        width: 100%;

    }



    .site-header-absolute #site-header-wrap {

        position: relative;

    }



    .header-style-3 #site-header {

        background-color: #3e3e3e;

    }



    .topbar-style-3 #top-bar {

        background-color: #262626;

    }



    .themesflat-row .span_1_of_3 {

        width: 50%;

    }



    .themesflat-row.gutter-30>[class*="col"]:nth-child(3) {

        clear: both;

    }



    #footer {

        padding: 60px 0px;

    }



    #bottom .bottom-bar-menu,

    #bottom .bottom-bar-content {

        width: 50%;

        text-align: center;

        vertical-align: top;

    }



    .themesflat-row.separator.drank>[class*="span_"],

    .themesflat-row.separator.light>[class*="col"] {

        border-left: 0px;

    }



    .widget.widget_instagram .instagram-wrap.g10 .instagram_badge_image img {

        width: 100%;

        display: block;

    }



    .comment-list.style-2 article {

        padding: 15px;

    }



    .themesflat-row .col.span_1_of_4 {

        width: 100%;

    }



    .divider.h35 {

        height: 35px;

        display: none;

        height: 0;

    }

}



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

    #site-header .wrap-inner {

        padding: 20px 0px;

    }



    #bottom .bottom-bar-content,

    #bottom .bottom-bar-menu {

        width: 100%;

        display: block;

    }



    #bottom .bottom-bar-menu {

        margin-top: 10px;

    }



    .hentry .box-excerpt .thumb {

        margin: 0px 0px 27px 0px;

        float: none;

    }



    .comment-respond {

        padding-top: 35px;

    }



    .custom.tparrows,

    .custom .tp-bullet {

        display: none;

    }



    .separator-solid .flat-content-wrap {

        border-bottom: 0px;

    }



    .themesflat-row .span_1_of_3,

    .themesflat-row .span_1_of_6,

    .themesflat-row.gutter-mobile .span_1_of_3,

    .themesflat-row .span_1_of_4 {

        width: 100%;

    }



    .padding-left-13 {

        padding: 0px !important;

    }



    .widget.widget_instagram .instagram_badge_image img {

        display: block;

        width: 100%;

    }

}



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



    #featured-title #breadcrumbs,

    .hentry .post-tags,

    .hentry .post-socials,

    #featured-title .featured-title-heading-wrap {

        display: block;

        width: 100%;

        text-align: left;

    }



    .hentry .post-tags a {

        margin-bottom: 15px;

    }



    .themesflat-pagination .page-prev-next>li {

        width: 100%;

        border-left: 0px;

        border-top: 1px solid #e7e7e7;

    }



    .themesflat-pagination .page-prev-next>li:first-child {

        border-top: 0px;

    }



    .comment-list .children {

        display: none;

    }



    .comment-list .comment-meta .comment-time {

        padding-left: 0px;

    }



    .comment-list .comment-meta .comment-time:before {

        width: 0px;

        height: 0px;

        background-color: transparent;

    }



    #contactform .name-wrap,

    #contactform .email-wrap {

        width: 100%;

        margin-right: 0px;

    }



    .comment-list.style-2 article {

        padding: 10px;

    }



    .comment-list.style-2 .comment-meta .comment-position:before {

        width: 0px;

        height: 0px;

        background-color: transparent;

    }



    .comment-list.style-2 .comment-meta .comment-position {

        padding-left: 0px;

    }



    .comment-list article .gravatar {

        float: none;

        margin: 0px;

    }



    .comment-list article .comment-content {

        position: relative;

        margin-top: 15px;

    }



    .comment-list .comment-reply {

        top: auto;

        right: 0;

        left: 0;

        bottom: 0;

    }



    .comment-list article .comment-content p {

        padding-bottom: 0px;

    }



    #comments .comment-list article .comment-content .comment-text {

        padding-bottom: 30px;

    }



    .comment-list.style-2 article .gravatar {

        margin: 0px;

    }

}



.flat-alert {

    color: #268e28;

    font-size: 15px;

    line-height: 23px;

    margin-bottom: 30px;

    background-color: #5cb85c1a;

    padding: 20px;

    border-radius: 4px;

}



.close {

    color: #268e28;

}



.close:hover {

    color: var(--primary-color);

}


.quotes, .quotes-sec , .quotes-third, .quotes-fourth, .quotes-fifth
 {display: none;}
 .flat-slider .main-slide-button{
    position: absolute;
    bottom: 18px;
    right: 0;
    left: 0;
    z-index: 50;
 }
 .flat-slider .main-slide-button span.swiper-pagination-bullet {
    margin: 0 8px;
    width: 10px;
    height: 10px;
    background: #fff;
}
.flat-slider .main-slide-button .swiper-pagination{
    position: relative !important ;
}
.text-end img {
    position: absolute;
    max-width: 130px;
    right: 62px;
    top: 8px;
}
.list-note-content li small {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    display: flex;
    justify-content: center;
}
.post-images {
    padding: 30px 30px 0;
    font-size: medium;
    box-shadow: rgb(180 180 180 / 70%) 4px 5px 25px;
}
.list-note-content li span.text-accent {
    font-size: 14px;
}
.list-note-content li {
    text-align: center;
}

.aboutL .services-content {
    margin-bottom: 33px;
    padding-bottom: 32px;
}
span.icon-services, span.icon-services2, span.icon-service3, span.icon-service4 {
    padding-top: 26px;
}
span.custom-tick-img img {
    max-width: 28px;
    margin-right: 10px;
    margin-top: -4px;
}
.indices-bg{
    height: 400px;
}
.content-icon .icon-circle-right:before {
    content: "\ea42";
    color: #ff0000 !important;
}


#fc-embed-link-button {
    display: none !important;
}
span.expire-disable {
    font-size: 14px;
    float: right;
    color: red;
}
a.flex-disable {
    pointer-events: none;
}
p.slider-para-style {
    text-align: center;
    color: red;
    font-weight: 700;
    font-size: 18px;
    margin-top: 16px;
}
ul.ul-style-online li {
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: 700;
}
.flex-custom {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 100%;
    margin-top: 38px;
}
.bg-red {
    background: red;
    padding: 22px 6px !important;
    border-radius: 10px;
}
.w-equall{
    width: 19.99%;
    text-align: center;
}
.bg-trans {
    padding: 24px;
    border-radius: 10px;
    border: 1px solid #ff0000
}
.sm-icon {
    margin: 0 5px;
    padding: 20px 6px;
}
.sm-icon img {
    max-width: 60px;
}
.w-equall h4 {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}
span.no-background a {
    border-color: transparent;
    font-size: 14px;
    color: #fff;
}
h3.sub-title-slider.section-24px-montserrat.last-slide-heading {
    line-height: 26px;
}

span.no-bg-icon a {
    font-size: 16px;
}
span.no-bg-icon a img {
    width: 28px;
    margin-right: 8px;
}

.tab-fx-currency .nav-link {
    font-size: 18px;
    padding: 14px 114px 20px;
    font-weight: 500;
}
.tab-fx-currency .nav-link.active {
    border: none;
    border-bottom: 2px solid red !important;
    color: #ff0000;
}
.tab-fx-currency .nav-link:focus, .tab-fx-currency .nav-link:hover{
   border: none;
   color: #ff0000;
}
.container.space-top {
    margin: 0 auto;
    padding: 70px 0;
}

.tab-fx-currency  .img-div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cont-div h4 {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 500;
}
.cont-div h2.section-19px-montserrat {
    font-size: 16px;
    font-weight: 500;
}
img.img-icon-fx {
    max-width: 50px;
    display: flex;
    margin-bottom: 18px;
    justify-content: center;
}

section.bg-trading-fx {
    background: #1e222d;
    padding: 70px 0;
    margin-bottom: 40px;
}
section.bg-trading-fx h2 {
    font-size: 36px;
    color: #fff;
    border-bottom: 2px solid #ff0000;
    max-width: 310px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
section.bg-trading-fx p {
    font-size: 16px;
    color: #e4e4e4;
    line-height: 28px;
    margin-bottom: 24px;
}
.dark-color{
    background-color: #1e222d;
    padding: 80px 0 !important;
}

ul.why-li li {
    margin-bottom: 10px;
}


.pricing-table-account ul li {
    border-radius: 5px;
    position: relative;
    /* text-align: center; */
    background: whitesmoke;
    padding: 24px 20px 24px 52px;
    border-bottom: 1px solid gainsboro;
}
.pricing-table-account h3 {
    font-size: 32px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
    text-align: center;
}
.pricing-table-account ul li h4 {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    line-height: 14px;
    margin-bottom: 4px;
}
.pricing-table-account ul li h6 {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.pricing-table-account ul li h4 img {
    max-width: 24px;
    margin-right: 6px;
    margin-left: -30px;
}
.account-wrap-price .header {
    text-align: center;
    margin: 10px 0 60px;
}
.account-wrap-price .header h2 {
    font-size: 40px;
    font-family: 'Poppins', sans-serif;
}
.account-wrap-price .header p{
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
}
section.account-wrap-price {
    padding: 70px 0 80px;
}

.flex-data {
    display: flex;
    align-items: center;
    width: 100%;
}
.equall-data-inner{
    width: 20%;
}
.inner-flex-c {
    display: flex;
    align-items: center;
    justify-content: center;
}
section.line-color-number {
    background: #1e222d;
    padding: 50px 0;
    margin-bottom: 40px;
}
.numb-flex h4 {
    font-size: 44px;
    font-family: 'Poppins', sans-serif;
    color: red;
    font-weight: 700;
    margin-right: 18px;
}
.da-flex h4 {
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
    color: #fff;
}
.heading-ico h2 {
    font-size: 32px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #1e222d;
    margin-bottom: 40px;
}
.inner-heading-small p {
    display: flex;
    align-items: center;
    line-height: 22px;
    font-size: 17px;
}
.inner-heading-small {
    margin-bottom: 34px;
}
p.mr-font-btm {
    margin-bottom: 30px !important;
    max-width: 1000px;
    margin: 0 auto;
}
h2.section-45px-montserrat.margin-top-15.mr-bottom {
    margin-bottom: 30px;
}
section.flat-working-project.main-top-i {
    padding: 80px 0 0;
}


.platform-available-on-outer {
    display: flex;
    width: 100%;
    gap: 20px;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.platform-available-on-wraper {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    gap: 20px;
}
.tixee-page-platform-available-on p {
    margin-bottom: 0px;
    font-size: 17px;
    color: #062848;
}
.platform-available-on-wraper-grid {
    display: grid;
    --platform-available-on-gap: 20px;
    grid-column-gap: var(--platform-available-on-gap);
    grid-row-gap: var(--platform-available-on-gap);
    gap: var(--platform-available-on-gap);
    grid-template-columns: repeat(6, 1fr);
    justify-items: end;
    justify-content: end;
}
.platform-name-wrapper {
    text-align: center;
    position: relative;
    border-right: 1px solid #000;
    padding-right: 25px;
}
.platform-name-wrapper p {
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
}
.sm-icon-wrap {
    background: linear-gradient(60deg, rgba(255, 255, 255, 1) 0%, rgb(250 0 0 / 12%) 12%, rgba(239, 238, 235, 1) 27%, rgba(255, 255, 255, 1) 47%, rgb(255 0 0 / 22%) 81%, rgba(255, 255, 255, 1) 100%);
    padding: 30px 0;
}
.platform-name-wrapper img {
    max-width: 74px;
    margin-bottom: -4px;
}
.img-fx-mb {
    text-align: center;
    margin: -58px 0 6px;
}
img.margin-top-15.-mb-60 {
    margin-bottom: -82px;
}

.bg-zero-sp{
    
    background-image: url(), linear-gradient(135deg, #1e222d42 11%, #1e222db5 72%), url(../images/brand/zero-spread.png);
    background-position: 50% 100%, 0 0, 50% 50%;
    background-size: 2000px, auto, cover;
    background-repeat: no-repeat, repeat, repeat;
    color: #0e3081;
    text-align: left;
    width: 100%;
    height: 100%;
    
}
.contein {
    text-align: center;
    padding: 120px 0 90px;
}
.contein h5 {
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    line-height: 56px;
    /* font-family: 'Lobster Two', cursive; */
}
section.swap-main-sect {
    padding: 60px 0;
}
.contein h5 span {
    font-size: 50px;
    color: red;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 5.2px;
    margin-bottom: -42px;
    display: flex;
    justify-content: center;
}
.section.swap-main-sect  .ba-swap{
    position: relative;
}
section.swap-main-sect .ba-swap::after{
    content: "";
    position: absolute;
    top: 0;
    right: -16px;
    bottom: 0;
    background-color: #ff0000;
    height: 100%;
    width: 92px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    z-index: -1;
}
section.swap-main-sect .ba-swap::before{
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    background-color: #ff0000;
    height: 100%;
    width: 92px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    z-index: -1;
}
.row.ba-swap {
    padding: 42px 0;
}
.flex-sm-sec {
    display: flex;
    align-items: center;
}
.sm-larg h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 6px;
}
.sm-larg p {
    font-size: 16px;
}
.home-page-ic .inner-heading-small {
    margin-bottom: 52px;
    margin-top: 22px;
}
section.meta-icon-section.home-page-ic {
    padding: 90px 0;
}
.spacing-fr-w img {
    padding: 10px 16px;
}
.icon-item-services-sm span.icon-services {
    position: absolute;
    left: 14px;
    top: 24px;
    padding: 8px;
    min-width: 80px;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-item-services-sm span.icon-services img {
    width: 77%;
    margin-top: 5px;
    margin-left: 2px;
}
.col-md-8.vps-sm-icos {
    padding: 10px 90px;
}

.vps-sm-icos .heading-ico {
    text-align: center;
}
img.sm-call {
    max-width: 64px;
    margin: 0 18px;
}
h2#vps-head {
    font-size: 32px;
}
.about-min-cs{
    margin-top: -110px;
}
.pos-ab-white{
    position: absolute;
    margin-top: -400px;
    left: 30px;
}
section#flat-design {
    padding: 80px 0 10px;
    margin-bottom: -120px;
}
section#flat-design  .latest-title.margin-bottom-20 {
    box-shadow: rgb(180 180 180 / 70%) 4px 5px 25px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    padding: 4px 8px 20px;
    border-radius: 10px;
    width: 215px;
    margin-top: -20px;
}
section#flat-design .latest-post img {
    width: 80% !important;
}
section#flat-design .latest-content{
    margin-left: 90px;
}
section#flat-design  .sp-deading h4 {
    font-size: 54px;
    color: red;
    font-family: "Bebas Neue", cursive;
    letter-spacing: 2.2px;
    margin-bottom: -6px;
    display: flex;
    justify-content: center;
}

section#flat-design  .sp-deading p {
    font-weight: 800;
    color: #000;
    text-align: center;
}
.bor-title h4.section-22px-montserrat {

    font-size: 30px;
    margin-bottom: 54px;
    position: relative;
}
.bor-title h4.section-22px-montserrat:after {
    content: "";
    width: 150px;
    height: 4px;
    position: absolute;
    bottom: -20px;
    left: 0;
    background-color: #ff0000;
}
.services-content.bor-title {
    padding-right: 130px;
    padding-top: 20px;
}
.heading-setting h2.section-45px-montserrat {
    margin-bottom: -33px;
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 800;
}
.heading-setting .sub-title-slider {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}
#w-terms h3 {
    color: #000;
    font-size: 30px;
    font-weight: 700 !important;
    position: relative;
    margin-bottom: 38px;
}
#w-terms p {
    color: #000;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: 500;
}
#w-terms h3:after{
    content: "";
    width: 150px;
    height: 3px;
    position: absolute;
    bottom: -20px;
    left: 0;
    background-color: #ff0000;
}
.flat-service-details .post-question li{
    position: relative;
    padding: 0;
    padding-left: 16px;
}
.flat-service-details .post-question li:before{
    content: "";
    position: absolute;
    top: 4px;
    left: -4px;
    background-image: url(../images/logo/check-mark.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.flat-service-details .post-question a::before{
    content: inherit !important;
}

.btbt h4.section-45px-montserrat {
    color: #000 !IMPORTANT;
}
.btbt h2.section-19px-montserrat {
    color: #000 !important;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 12px;
    font-weight: 400;
}
.flat-counter.btbt {
    padding: 0px 0 130px 0;
}
/* BLOG CSS */
.row.back-shadow {
    background-color: #fff;
    box-shadow: -1px 2px 5px rgb(55 33 167 / 16%);
    position: relative;
    z-index: 2;
    border-top: 4px solid #ff0000 !important;
    display: flex;
    align-items: center;
}
h2.main-title-blog {
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    padding-right: 60px;
    margin-bottom: 16px;
}
.main-heading-blog a {
    font-size: 19px;
    margin-top: 10px;
    color: #ff0000;
    text-decoration: underline;
}
.main-heading-blog p {
    font-size: 16px;
    margin-bottom: 17px;
}
.row.back-shadow .col-md-5 {
    padding: 0;
}
.forex_news_title {
    font-size: 1.57rem;
    font-weight: 500;
    color: #000000;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    height: 48px;
}
.webinar_detail_text {
    font-size: 15px;
    font-weight: 400;
    color: #f00;
    margin-left: 0rem;
    margin-top: 8px;
    margin-bottom: 8px;
    font-style: italic;
}
 .webinar_detail_text span {
    display: initial;
    font-weight: 400;
    font-size: 85%;
    color: #a2a2a2;
}
.live_video_slider_text {
    min-height: auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 28px;
    height: 64px;
}
a.read_more span {
    font-size: 14px;
    text-decoration: none;
    color: #212121;
    font-weight: 500;
    text-transform: uppercase;
    background: #fff;
    padding: 8px 18px;
    border-radius: 100px;
    border: 1px solid #212121;
}
ul.row.ul-items-articals {
    margin-top: 40px;
}
ul.row.ul-items-articals .col-md-3 {
    padding: 0 6px;
}
.items-articals {
    background-color: #fff;
    box-shadow: -1px 2px 5px rgb(55 33 167 / 16%);
    position: relative;
    z-index: 2;
    padding: 0 0 16px;
    margin-bottom: 28px;
}
.articals-img img {
    height: 270px;
}
ul.row.ul-items-articals li.col-md-3:first-child {
    max-width: 100%;
    display: flex;
    flex: 0 0 100%;
}
ul.row.ul-items-articals li.col-md-3:first-child .items-articals {
    display: flex;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    align-items: center;
    border-top: 4px solid #ff0000;
    padding-bottom: 0;
}
ul.row.ul-items-articals li.col-md-3:first-child .items-articals .img-wrap-new {
    /* width: 90%; */
    flex: 0 0 41.666667%;
}
ul.row.ul-items-articals li.col-md-3:first-child .items-articals .articals-img {
    width: 100%;
}
ul.row.ul-items-articals li.col-md-3:first-child .items-articals .articals-img img {
    width: 100%;
    height: 100%;
}
ul.row.ul-items-articals li.col-md-3:first-child .content-wrap-new .forex_news_title{
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    height: 100%;
}

ul.row.ul-items-articals li.col-md-3:first-child .items-articals .content-wrap-new {
    width: 40%;
    flex: 0 0 54.666667%;
    padding-left: 52px !IMPORTANT;
}
ul.row.ul-items-articals li.col-md-3:first-child .short-descr {
    display: flex;
    align-items: center;
}
ul.row.ul-items-articals li.col-md-3:first-child .short-descr img {
    width: 20px;
    margin-right: 5px;
}
ul.row.ul-items-articals li.col-md-3:first-child .short-descr span {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
ul.row.ul-items-articals li.col-md-3:first-child .web-source {
    display: flex;
    align-items: center;
    margin-right: 26px;
}
ul.row.ul-items-articals li.col-md-3:first-child .short-descr {
    display: flex;
    align-items: center;
    padding: 12px 0px;
}
.short-descr img {
    width: 15px;
    margin-right: 4px;
}
.web-news-date {
    align-items: center;
    display: flex;
}
.short-descr span {
    font-size: 11px;
    color: #7a7979;
}
.web-source {
    margin-right: 18px;
}
.short-descr {
    display: flex;
    align-items: center;
    padding: 6px 0 14px;
}
.container.custom-header {
    width: 1400px !important;
}