/* 1a. Containers */




/* 1b. Colors */

 
 
 
 
 
 
 
 
 
 




:root{
  --primary_color: var( --color_change,#303036);
  --secondary_color: var( --color_sec,#186adc);
  --tertiary_color: var( --color_change,#63636b);
  --quaternary_color: var( --color_change,#000000);
  --yellow_color: var( --color_change,#ffd24d);
  --grey_color: var( --color_change,#D4D4E1); 
  --light_grey_color: var( --color_change,#f0f4f8);
  --blue_one_color: var(--color_sec,#1859B4);
  --blue_two_color: var(--color_sec,#0467F1);
  --white_color: var( --color_change,#ffffff);
  --body_color:var(--color_body,);
  --tertiary_font: "Source Sans Pro";

}

/* 1c. Typography */


























/* 1d. Buttons */








/*------------------------ Gradient Button 1 Starts ------------------------*/











/*------------------------ Gradient Button 1 Ends --------------------------*/

/* -----------------------Transparent Button------------------------------- */














/* -----------------------Transparent Button------------------------------- */



/* 1e. Forms */













/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */









.content-wrapper {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 15px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1320px;
}
.wrapper-padd{
  padding:0px;
}


.section-bg{
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

.d-flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.align-c{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.justify-c{
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media(max-width:1024px){
  .mob-center{
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media(max-width: 767px){
  .d-block{
    display: block;
  }
}





html {
  font-size: 16px;
}

body {
  font-family: 'Istok Web', serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #63636b;
  overflow-x: hidden;
  font-size: 16px;
}

/* Paragraphs */

p {
  font-family: 'Istok Web', serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 26px;
}

/* Anchors */

a {
  font-family: 'Istok Web', serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #63636b;
  line-height: 26px;

}

a:hover,
a:focus {
  font-family: 'Istok Web', serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0048b8;
}

a:active {
  font-family: 'Istok Web', serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2a98ff;
}

/* Headings */

h1,
.h1 {
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color:  var(--primary_color);
  font-size: 56px;
  text-transform: none;
  line-height: 73px;
}

h2,
.h2 {
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: var(--primary_color);
  font-size: 40px;
  text-transform: none;
  line-height: 56px;
}

h3,
.h3 {
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: var(--primary_color);
  font-size: 35px;
  text-transform: none;
  line-height: 29px;
}

h4,
.h4 {
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: var(--primary_color);
  font-size: 24px;
  text-transform: none;
  line-height: 31px;
}

h5,
.h5 {
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: var(--primary_color);
  font-size: 18px;
  text-transform: none;
  line-height: 23px;
}

h6,
.h6 {
  font-weight: 400; text-decoration: none; font-style: normal;
  color: var(--secondary_color );
  font-size: 16px;
  text-transform: none;
  line-height: 26px;
}

@media (min-width: 768px) and (max-width: 1024px){
  h1{
    font-size:47px;
    line-height: 42px;
  }
  h2{
    font-size:32px;
  }
  h3{
    font-size:28px;
  }
  h4{
    font-size:20px;
  }
  h5{
    font-size:18px;
  }
  h6{
    font-size:16px;
  }
}

@media (max-width: 767px){
  h1{
    font-size:25px;
    line-height: 30px;
  }
  h2{
    font-size:32px;
  }
  h3{
    font-size:28px;
  }
  h4{
    font-size:20px;
  }
  h5{
    font-size:18px;
  }
  h6{
    font-size:16px;
  }
}

/* Blockquote */

blockquote {
  border-left-color: #186adc;
}





button,
.button {
  border: 1px solid #303036;

  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;

  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(48, 48, 54, 0.0)

;
  border-radius: 6px;
  color: #494A52;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color:#fff;
  background-color: rgba(8, 8, 14, 1.0);
  border-color: #08080e;
}



button:active,
.button:active {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: rgba(88, 88, 94, 1.0);
  border-color: ;
}
.transparent_button a,
.transparent_button a.cta_button{
  position: relative;
  z-index: 10;
  outline: none;
  text-align: center;
  overflow:hidden;
  line-height:26px;
  display: inline-block;
  border: 1px solid #303036;
;
  padding-top: 12px;
padding-right: 28px;
padding-bottom: 12px;
padding-left: 28px;
;
  font-family: 'Istok Web', serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(48, 48, 54, 0.0)

;
  border-radius: 6px;
  color: #303036;
  text-transform: none;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.transparent_button a:hover,
.transparent_button a.cta_button:hover,
{
  color: #FFFFFF;
}
.transparent_button a:hover:before,
.transparent_button a.cta_button:hover:before{
  background-color: 

  
  
    
  


  rgba(48, 48, 54, 1.0)

;
  border-color: #303036;
  /*   color: #FFFFFF; */
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  webkit-transform: scale(1) translateZ(0);
  -moz-transform: scale(1) translateZ(0);
  -ms-transform: scale(1) translateZ(0);
  -o-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
  cursor: pointer;
}
.transparent_button a:before,
.transparent_button a.cta_button:before{
  content: "";
  width: 150%;
  height: 0;
  padding-top: 150%;
  object-fit: contain;
  background-color: #666666;
  position: absolute;
  top: 100%;
  left: 50%;
  margin: -75%;
  opacity: 1;
  border-radius: 50%;
  -webkit-transform: scale(0) translateZ(0);
  -moz-transform: scale(0) translateZ(0);
  -ms-transform: scale(0) translateZ(0);
  -o-transform: scale(0) translateZ(0);
  transform: scale(0) translateZ(0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: -1;
}


.transparent_button a.cta_button:active,
.transparent_button a.cta_button:active {
  font-family: 'Istok Web', serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(48, 48, 54, 1.0)

;
  border-color: #303036;
}



.gradient-cta a.cta_button {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  line-height:26px;
  color: #FFFFFF;
  padding:12px 28px;
  cursor: pointer;
  border-radius: 6px;
  background: linear-gradient(to right, 

  
  
    
  


  rgba(24, 89, 180, 1.0)

 0%, 

  
  
    
  


  rgba(4, 103, 241, 1.0)

 100%);
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.gradient-cta a.cta_button:hover:after {
  webkit-transform: scale(1) translateZ(0);
  -moz-transform: scale(1) translateZ(0);
  -ms-transform: scale(1) translateZ(0);
  -o-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  color: #FFFFFF;
  background: linear-gradient(to right, 

  
  
    
  


  rgba(24, 89, 180, 1.0)

 0%, 

  
  
    
  


  rgba(24, 89, 180, 1.0)

 100%);
}

.gradient-cta a.cta_button:after {
  content: "";
  width: 150%;
  height: 0;
  padding-top: 150%;
  object-fit: contain;
  background-color: var(--secondary_color);
  position: absolute;
  top: 100%;
  left: 50%;
  margin: -75%;
  opacity: 1;
  border-radius: 50%;
  -webkit-transform: scale(0) translateZ(0);
  -moz-transform: scale(0) translateZ(0);
  -ms-transform: scale(0) translateZ(0);
  -o-transform: scale(0) translateZ(0);
  transform: scale(0) translateZ(0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: -1;
}


.dnd-section, .content-wrapper--vertical-spacing {
  padding: 0px 0rem;
}




form,
.submitted-message {
  font-family: 'Istok Web', serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

.form-title {
  color: #186adc;
}

/* Labels */

form label {
  color: ;
}

/* Help text */

form legend {
  color: ;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 1px solid #d4d4e1;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: ;
  border-radius: 6px;
  width: 100% !important;
  outline: none;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: ;
}

::-moz-placeholder {
  color: ;
}

:-ms-input-placeholder {
  color: ;
}

::placeholder {
  color: ;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: ;
}

.fn-date-picker td.is-selected .pika-button {
  background: var(--primary_color);
}

.fn-date-picker td .pika-button:hover {
  background-color: var(--primary_color); !important;
}

.fn-date-picker td.is-today .pika-button {
  color: var(--primary_color);;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  background: transparent -webkit-gradient (linear, left top, right top, from(

  
  
    
  


  rgba(24, 89, 180, 1.0)

), to(

  
  
    
  


  rgba(4, 103, 241, 1.0)

)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient (90deg, 

  
  
    
  


  rgba(24, 89, 180, 1.0)

 50%, 

  
  
    
  


  rgba(4, 103, 241, 1.0)

 100%) 0% 0% no-repeat padding-box;
  background-color: var(--color_change, 

  
  
    
  


  rgba(24, 89, 180, 1.0)

);
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  padding:12px 28px;
  text-transform: none;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  line-height: 29px;
  border:none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: var(--color_change, 

  
  
    
  


  rgba(24, 89, 180, 1.0)

);
  border-color: unset;
  background: transparent -webkit-gradient (linear, left top, right top, from(

  
  
    
  


  rgba(4, 103, 241, 1.0)

), to(

  
  
    
  


  rgba(24, 89, 180, 1.0)

)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient (90deg, 

  
  
    
  


  rgba(4, 103, 241, 1.0)

 20%, 

  
  
    
  


  rgba(24, 89, 180, 1.0)

 100%) 0% 0% no-repeat padding-box;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: var(--color_change, 

  
  
    
  


  rgba(24, 89, 180, 1.0)

);
  border-color: unset;
}





/* Table */

table {
  
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  
  padding: 18px;

  border-color: ;
  color: ;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(48, 48, 54, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: ;
}




/* 
.header {
background-color: 

  
  
    
  


  rgba(24, 106, 220, 1.0)

;
} */

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: ;
  font-family: Istok Web;
}

.menu__child-toggle-icon {
  border-top-color: ;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: ;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: ;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: ;
}

.menu__child-toggle-icon:active {
  border-top-color: ;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: ;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #303036;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #303036;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: ;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(24, 106, 220, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(24, 106, 220, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Istok Web;
}

.header__language-switcher-label-current:after {
  border-top-color: ;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(24, 106, 220, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: ;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(24, 106, 220, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: ;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #63636b;
}

.blog-post__tag-link {
  color: #63636b;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #3b3b43;
}

.blog-post__tag-link:active {
  color: #8b8b93;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: ;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: ;
}

.blog-related-posts__title-link:active {
  color: ;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #0270E0;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #0048b8;
}

#comments-listing .comment-reply-to:active {
  color: #2a98ff;
}





.hs-search-results__title {
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: ;
}





/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  text-transform: none;
}

.blog-index__post-title-link {
  color: ;
}

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: ;
}

.blog-index__post-title-link:active {
  color: ;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #63636b;
}

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: #63636b;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: #3b3b43;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: #8b8b93;
}

.pagination__link-icon svg {
  fill: #63636b;
}

/* Pricing card */

.card__price {
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: ;
  font-size: 35px;
}

.card__body svg {
  fill: #303036;
}

/* Social follow */

.social-links__icon {
  background-color: #303036;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #08080e;
}

.social-links__icon:active {
  background-color: #58585e;
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: ;
  font-size: 35px;
}






.bg-bottom {
  background-position: bottom
}

.bg-center {
  background-position: center
}

.bg-left {
  background-position: left
}

.bg-left-bottom {
  background-position: left bottom
}

.bg-left-top {
  background-position: left top
}

.bg-right {
  background-position: right
}

.bg-right-bottom {
  background-position: right bottom
}

.bg-right-top {
  background-position: right top
}

.bg-top {
  background-position: top
}

.bg-repeat {
  background-repeat: repeat
}

.bg-no-repeat {
  background-repeat: no-repeat
}

.bg-repeat-x {
  background-repeat: repeat-x
}

.bg-repeat-y {
  background-repeat: repeat-y
}

.bg-repeat-round {
  background-repeat: round
}

.bg-repeat-space {
  background-repeat: space
}

.bg-auto {
  background-size: auto
}

.bg-cover {
  background-size: cover
}

.bg-contain {
  background-size: contain
}

.border-collapse {
  border-collapse: collapse
}

.border-separate {
  border-collapse: separate
}

.bg-fixed {
  background-attachment: fixed
}

.bg-local {
  background-attachment: local
}

.bg-scroll {
  background-attachment: scroll
}

.bg-primary {
  background-color: #303036
}
.bg-secondary {
  background-color: #186adc
}
.bg-grey {
  background-color: #fafafa
}
.border-grey {
  border-color :#e7e7e7;
}
.border-primary {
  border-color: #303036
}

.border-secondary {
  border-color: #186adc
}

.border-white {
  border-color: #fff
}

.border-blue {
  border-color: #0C63FF
}

.white-bg{
  background-color: #ffffff;
}

.black-bg{
  background-color: #4a4a4a;
}
.blue-bg{
  background-color: #0C63FF;
}

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

.left-align {
  text-align: left; 
}

.right-align {
  text-align: right; 
}

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

.align-left{
  text-align: left;
}

.align-right{
  text-align: right;
}

.border-bottom-grey{
  border-bottom: 1px solid #e7e7e7;
}
.d-none{
  display : none;
}
.m-auto{
  margin : auto;
}
.overlay:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.4);
  z-index: -1;
}
.body-container-wrapper ul,
.body-container-wrapper li{
  margin-bottom:15px;
}

.section-bg{
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important; 
}
.divider {
  background-color: #e7e7e7;
  width: 100%;
  height: 2px;
  background-size: cover;
}
a{
  margin-bottom:0;
}

.all-text-white,
.all-text-white h1,
.all-text-white h2,
.all-text-white h3,
.all-text-white p,
.all-text-white h4,
.all-text-white h5,
.all-text-white h6,
.all-text-white li,
.all-text-white .fa,
.all-text-white a{
  color:#ffffff;
}
.text-white,
.text-white-h1 h1,
.text-white-h2 h2,
.text-white-h3 h3,
.text-white-h4 h4,
.text-white-h5 h5,
.text-white-h6 h6,
.text-white-p p,
.text-white-a a{
  color:#ffffff;
}

.all-text-black,
.all-text-black h1,
.all-text-black h2,
.all-text-black h3,
.all-text-black p,
.all-text-black h4,
.all-text-black h5,
.all-text-black h6,
.all-text-black li,
.all-text-black .fa,
.all-text-black a{
  color: #000000;
}
.text-black,
.text-black-h1 h1,
.text-black-h2 h2,
.text-black-h3 h3,
.text-black-h4 h4,
.text-black-h5 h5,
.text-black-h6 h6,
.text-black-p p,
.text-black-a a{
  color:#000000;
}


.all-text-primary,
.all-text-primary h1,
.all-text-primary h2,
.all-text-primary h3,
.all-text-primary p,
.all-text-primary h4,
.all-text-primary h5,
.all-text-primary h6,
.all-text-primary li,
.all-text-primary .fa,
.all-text-primary a{
  color: var(--primary_color);
}
.text-primary_h1 h1,
.text-primary_h2 h2,
.text-primary_h3 h3,
.text-primary_h4 h4,
.text-primary_h5 h5,
.text-primary_h6 h6,
.text-primary_p p
{
  color: var(--primary_color);
}

.all-text-secondary,
.all-text-secondary h1,
.all-text-secondary h2,
.all-text-secondary h3,
.all-text-secondary p,
.all-text-secondary h4,
.all-text-secondary h5,
.all-text-secondary h6,
.all-text-secondary li,
.all-text-secondary .fa,
.all-text-secondary a{
  color:var(--secondary_color);
}

.text-secondary_h1 h1,
.text-secondary_h2 h2,
.text-secondary_h3 h3,
.text-secondary_h4 h4,
.text-secondary_h5 h5,
.text-secondary_h6 h6,
.text-secondary_p p
{
  color: var(--secondary_color);
}

.all-text-tertiary,
.all-text-tertiary h1,
.all-text-tertiary h2,
.all-text-tertiary h3,
.all-text-tertiary p,
.all-text-tertiary h4,
.all-text-tertiary h5,
.all-text-tertiary h6,
.all-text-tertiary li,
.all-text-tertiary .fa,
.all-text-tertiary a{
  color: #63636b;
}

.text-tertiary_h1 h1,
.text-tertiary_h2 h2,
.text-tertiary_h3 h3,
.text-tertiary_h4 h4,
.text-tertiary_h5 h5,
.text-tertiary_h6 h6,
.text-tertiary_p p
{
  color: #63636b;
}

.svg-color-white,
.svg-color-white svg{
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
.svg-color-secondary svg{
  fill: var(--color_change,#186adc);
  stroke: var(--color_change,#186adc);
}
.svg-color-tertiary svg:hover{
  fill: #63636b;
  stroke: #63636b;
}
.ul-li-icon ul {
  list-style: none;
  margin-left: 28px;
}
.ul-li-icon ul li {
  position: relative;
  z-index: 1;
  list-style: none;
}
.arrow_link a{
  color: var-(--primary_color);
  font-weight: 400;
  position: relative;
}
.arrow_link a:after {
  position: absolute;
  content: "\2192";
  font-size: 23px;
  right: 20px;
  bottom: 0;
  top: 13px;
  transition: .3s ease-in-out all;
}

.list-ordered ul {
  list-style: none;
  counter-reset: li;
}
.list-ordered li:before {
  counter-increment: li;
  content: counter(li, decimal-leading-zero);
  color: #335DFF;
  background: rgba(51, 93, 255, 0.2);
  border-radius: 2px;
  margin-right: 0.5em;
  padding : 4px;
}
.text-margin-zero h1,
.text-margin-zero h2,
.text-margin-zero h3,
.text-margin-zero p,
.text-margin-zero h4,
.text-margin-zero h5,
.text-margin-zero h6,
.text-margin-zero .fa,
.text-margin-zero a{
  margin:0;
}
.text-align-center,
.text-align-center h1,
.text-align-center h2,
.text-align-center h3,
.text-align-center p,
.text-align-center h4,
.text-align-center h5,
.text-align-center h6,
.text-align-center .fa,
.text-align-center a{
  text-align: center;
}
.text-align-right,
.text-align-right h1,
.text-align-right h2,
.text-align-right h3,
.text-align-right p,
.text-align-right h4,
.text-align-right h5,
.text-align-right h6,
.text-align-right .fa,
.text-align-right a{
  text-align: right;
}
.text-align-left,
.text-align-left h1,
.text-align-left h2,
.text-align-left h3,
.text-align-left p,
.text-align-left h4,
.text-align-left h5,
.text-align-left h6,
.text-align-left .fa,
.text-align-left a{
  text-align: left;
}
.text-upper h1,
.text-upper h2,
.text-upper h3,
.text-upper p,
.text-upper h4,
.text-upper h5,
.text-upper h6,
.text-upper .fa,
.text-upper a{
  text-transform: uppercase;
}
.text-upper-h1 h1,
.text-upper-h2 h2,
.text-upper-h3 h3,
.text-upper-p p,
.text-upper-h4 h4,
.text-upper-h5 h5,
.text-upper-h6 h6,
.text-upper-fa .fa,
.text-upper-a a{
  text-transform: uppercase;
}

.text-lower h1,
.text-lower h2,
.text-lower h3,
.text-lower p,
.text-lower h4,
.text-lower h5,
.text-lower h6,
.text-lower .fa,
.text-lower a{
  text-transform: lowercase;
}

.text-normal h1,
.text-normal h2,
.text-normal h3,
.text-normal p,
.text-normal h4,
.text-normal h5,
.text-normal h6,
.text-normal .fa,
.text-normal a{
  text-transform: initial;
}

/* Font-weight */

.font-weight-nine,
.font-weight-nine h1,
.font-weight-nine h2,
.font-weight-nine h3,
.font-weight-nine h4,
.font-weight-nine h5,
.font-weight-nine h6,
.font-weight-nine li,
.font-weight-nine p,
.font-weight-nine a {
  font-weight:900;
}
.font-weight-nine-h1 h1,
.font-weight-nine-h2 h2,
.font-weight-nine-h3 h3,
.font-weight-nine-h4 h4,
.font-weight-nine-h5 h5,
.font-weight-nine-h6 h6,
.font-weight-nine-li li,
.font-weight-nine-p p,
.font-weight-nine-a a {
  font-weight:900;
}

.font-weight-eight,
.font-weight-eight h1,
.font-weight-eight h2,
.font-weight-eight h3,
.font-weight-eight h4,
.font-weight-eight h5,
.font-weight-eight h6,
.font-weight-eight li,
.font-weight-eight p,
.font-weight-eight a {
  font-weight:800;
}
.font-weight-eight-h1 h1,
.font-weight-eight-h2 h2,
.font-weight-eight-h3 h3,
.font-weight-eight-h4 h4,
.font-weight-eight-h5 h5,
.font-weight-eight-h6 h6,
.font-weight-eight-li li,
.font-weight-eight-p p,
.font-weight-eight-a a {
  font-weight:800;
}

.font-weight-seven,
.font-weight-seven h1,
.font-weight-seven h2,
.font-weight-seven h3,
.font-weight-seven h4,
.font-weight-seven h5,
.font-weight-seven h6,
.font-weight-seven li,
.font-weight-seven p,
.font-weight-seven a {
  font-weight:700;
}
.font-weight-seven-h1 h1,
.font-weight-seven-h2 h2,
.font-weight-seven-h3 h3,
.font-weight-seven-h4 h4,
.font-weight-seven-h5 h5,
.font-weight-seven-h6 h6,
.font-weight-seven-li li,
.font-weight-seven-p p,
.font-weight-seven-a a {
  font-weight:700;
}

.font-weight-six,
.font-weight-six h1,
.font-weight-six h2,
.font-weight-six h3,
.font-weight-six h4,
.font-weight-six h5,
.font-weight-six h6,
.font-weight-six li,
.font-weight-six p,
.font-weight-six a {
  font-weight:600;
}

.font-weight-six-h1 h1,
.font-weight-six-h2 h2,
.font-weight-six-h3 h3,
.font-weight-six-h4 h4,
.font-weight-six-h5 h5,
.font-weight-six-h6 h6,
.font-weight-six-li li,
.font-weight-six-p p,
.font-weight-six-a a {
  font-weight:600;
}

.font-weight-five,
.font-weight-five h1,
.font-weight-five h2,
.font-weight-five h3,
.font-weight-five h4,
.font-weight-five h5,
.font-weight-five h6,
.font-weight-five li,
.font-weight-five p,
.font-weight-five a {
  font-weight:500;
}
.font-weight-five-h1 h1,
.font-weight-five-h2 h2,
.font-weight-five-h3 h3,
.font-weight-five-h4 h4,
.font-weight-five-h5 h5,
.font-weight-five-h6 h6,
.font-weight-five-li li,
.font-weight-five-p p,
.font-weight-five-a a {
  font-weight:500;
}

.font-weight-four,
.font-weight-four h1,
.font-weight-four h2,
.font-weight-four h3,
.font-weight-four h4,
.font-weight-four h5,
.font-weight-four h6,
.font-weight-four li,
.font-weight-four p,
.font-weight-four a {
  font-weight:400;
}
.font-weight-four-h1 h1,
.font-weight-four-h2 h2,
.font-weight-four-h3 h3,
.font-weight-four-h4 h4,
.font-weight-four-h5 h5,
.font-weight-four-h6 h6,
.font-weight-four-li li,
.font-weight-four-p p,
.font-weight-four-a a {
  font-weight:400;
}
.font-weight-three,
.font-weight-three h1,
.font-weight-three h2,
.font-weight-three h3,
.font-weight-three h4,
.font-weight-three h5,
.font-weight-three h6,
.font-weight-three li,
.font-weight-three p,
.font-weight-three a {
  font-weight:300;
}
.font-weight-three-h1 h1,
.font-weight-three-h2 h2,
.font-weight-three-h3 h3,
.font-weight-three-h4 h4,
.font-weight-three-h5 h5,
.font-weight-three-h6 h6,
.font-weight-three-li li,
.font-weight-three-p p,
.font-weight-three-a a {
  font-weight:300;
}


.spacing-normal,
.spacing-normal h1,
.spacing-normal h2,
.spacing-normal h3,
.spacing-normal h4,
.spacing-normal h5,
.spacing-normal h6,
.spacing-normal li,
.spacing-normal p,
.spacing-normal a{
  letter-spacing: .3px;
}

/*========End==================*/

.margin-zero,
.margin-zero h1,
.margin-zero h2,
.margin-zero h3,
.margin-zero h4,
.margin-zero h5,
.margin-zero h6,
.margin-zero li,
.margin-zero p,
.margin-zero a {
  margin-bottom: 0;
}

/* Extra css */


.path_soft_footer .footer_subcribe_form form ::-webkit-input-placeholder {
  color: #ffffff;
}

.row-fluid-wrapper.row-depth-1.row-number-30.dnd_area-row-6-padding.dnd_area-row-6-vertical-alignment.dnd-section.dnd_area-row-6-force-full-width-section {
  padding: 0px;
}