/*----------------------------------------*/
/*----- Basic typo -----*/
/*----------------------------------------*/
:root{
--color-text: rgb(65 65 70);
--color-headings: rgb(65 65 70);
--color-blue: rgb(0 130 195);
--color-purple: rgb(135 20 120);
--color-red: rgb(240 0 30);
--color-orange: rgb(255, 130, 5);
--color-white: #ffffff;
--color-gradient: linear-gradient(90deg, rgb(0 130 195) 0%, rgb(135 20 120) 30%, rgb(240 0 30) 60%, rgb(255 130 5) 100%);
}

body {color: rgb(65 65 70);background-color: #fff;font-size: 18px;line-height: 1.5em;}
h1, h1 a { color: var(--color-blue); }
h2, h2 a {color: rgb(0 0 0);}
h3, h3 a { color: var(--color-headings); }
h4, h4 a { color: var(--color-headings); }
h5, h5 a { color: var(--color-orange); }
h6, h6 a { color: var(--color-orange); }
a { color: var(--color-red); }
a:hover { color: var(--color-blue); }
.color-headings { color: rgb(65 65 70);} 
.color-text { color: rgb(65 65 70);}
/*----------------------------------------*/
/*----- Backgrounds -----*/
/*----------------------------------------*/
.bg-theme { background-image: linear-gradient(90deg, rgb(0 130 195) 0%, rgb(135 20 120) 30%, rgb(240 0 30) 60%, rgb(255 130 5) 100%) }
.bg-trans { background-color: transparent !important; }
.bg-white { background-color: #fff !important; }
.bg-dark { background-color: #000000!important; }
.bg-blue { background-color: rgb(0 130 195) !important; }
.bg-red { background-color: rgb(240 0 30) !important; }
.bg-purple { background-color: rgb(135 20 120) !important; }
.bg-light {/* background-color: #fcdfc7 !important; */}
.bg-orange { background-color: rgb(255 130 5) !important; }
/* bottom border to hero heading */
.dtr-hero-heading::after { background-image: linear-gradient(90deg, #fff 4%, var(--color-red) 4%, var(--color-red) 96%, #fff 96%)}
/*----------------------------------------*/
/*----- Overlays -----*/
/*----------------------------------------*/
.dtr-overlay { background-color: rgba(0, 0, 0, .5); }
.dtr-overlay-dark { background-color: rgba(45, 52, 54, .8); }
.dtr-overlay-white { background-color: rgba(255, 255, 255, .8); }
.dtr-overlay-purple {
  background-image: linear-gradient(90deg, #141b28 0%, #000 30%, #141b28 60%, #000 100%);
  /* opacity: 0.9; */
  background-image: linear-gradient(330deg, #141b28 10%, #000 100%);
  opacity: 0.9;
}.dtr-overlay-blue {background-color: rgb(0 0 0 / 50%);}
/*----------------------------------------*/
/*----- Text -----*/
/*----------------------------------------*/
/*== dark ==*/
.color-dark { color: rgb(65 65 70); }
/*== white ==*/
.color-white, .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white a { color: #fff; }
/*== white muted ==*/
.color-white-muted, .color-white-muted h1, .color-white-muted h2, .color-white-muted h3, .color-white-muted h4, .color-white-muted h5, .color-white-muted h6, .color-white-muted a { color: rgba(255,255,255,.6); }
/*== red ==*/
.color-red { color: var(--color-red); }
/*----------------------------------------*/
/*----- Borders -----*/
/*----------------------------------------*/
.border-white { border-color: #fff !important; }
.border-white-muted, .border-white-muted li { border-color: rgba(255,255,255,0.10) !important; }
.border-grey { border-color: #dfe6e9 !important; }
.border-dark { border-color: #34222e !important; }
/*----------------------------------------*/
/*----- Buttons -----*/
/*----------------------------------------*/
#submit, input[type="submit"] { background-color: #34222e; border-color: #34222e; color: #fff; }
#submit:hover, input[type="submit"]:hover { color: #fff; }
.dtr-btn i { color: inherit !important; }
/*--== white ==--*/
.btn-white { background-color: #fff; border-color: #fff; color: #34222e; }
.btn-white:hover { background-color: #fff; border-color: #fff; color: #34222e; }
/*--== dark buttons ==--*/
.btn-dark { background-color: #34222e; border-color: #34222e; color: #fff; }
.btn-dark:hover { background-color: #34222e; border-color: #34222e; color: #fff; }
/* bordered */
.btn-dark-outline { background-color: #fff; border-color: #34222e; color: #34222e; }
.btn-dark-outline:hover { background-color: #34222e; border-color: #34222e; color: #fff; }
/* transparent */
.btn-dark-transparent { background-color: transparent; border-color: var(--color-white); color: var(--color-white); }
.btn-dark-transparent:hover { background-color: var(--color-red); border-color: var(--color-red); color: #fff; }
/*--== red buttons ==--*/
.btn-red { background-color: var(--color-red); border-color: var(--color-red); color: #fff; }
.btn-red:hover { background-color: var(--color-red); border-color: var(--color-red); color: #fff; }
/* bordered */
.btn-red-outline { background-color: #fff; border-color: var(--color-red); color: var(--color-red); }
.btn-red-outline:hover { background-color: var(--color-red); border-color: var(--color-red); color: #fff; }
/* transparent */
.btn-red-transparent { background-color: transparent; border-color: transparent; color: var(--color-red); }
.btn-red-transparent:hover { background-color: var(--color-red); border-color: var(--color-red); color: #fff; }
/*----------------------------------------*/
/*----- Forms -----*/
/*----------------------------------------*/
label, input, select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] {color: #000;}
select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] {/* background-color: #34222e; */}
select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] {border-color: #b5b5b5;}
textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="search"]:focus {/* background-color: #34222e; */border-color: #000000;outline: none;color: #000;}
.dtr-form .error {color: #fe7272;/* position: absolute; */}
/* placeholder */
::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.8) !important;
opacity: 1;
}
:-moz-placeholder {
color: rgba(0, 0, 0, 0.8) !important;
opacity: 1;
}
::-moz-placeholder {
color: rgba(0, 0, 0, 0.8) !important;
opacity: 1;
}
:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.8) !important;
opacity: 1;
}
/* Browser fix : Change Autocomplete styles in Chrome*/
/*input:-webkit-autofill,*/
/*input:-webkit-autofill:hover,*/
/*input:-webkit-autofill:focus,*/
/*textarea:-webkit-autofill,*/
/*textarea:-webkit-autofill:hover,*/
/*textarea:-webkit-autofill:focus,*/
/*select:-webkit-autofill,*/
/*select:-webkit-autofill:hover,*/
/*select:-webkit-autofill:focus {*/
/*  border-color: #34222e;;*/
/*  -webkit-text-fill-color:#fff;*/
/* transition: background-color 5000s ease-in-out 0s;*/
/*}*/
/*----------------------------------------*/
/*----- Header -----*/
/*----------------------------------------*/
/* default - light header */
#dtr-header-global { background-color: #ffffff; color: #fff; display: none;}
#dtr-header-global.on-scroll { background-color: #fff; }
/*----------------------------------------*/
/*----- Menu -----*/
/*----------------------------------------*/
/* classes for menu colors to use in html - as name suggests */
/* light-nav-on-load / light-nav-on-scroll / dark-nav-on-load / dark-nav-on-scroll */
/* menu for dark background */
.dtr-menu-light .nav-link { color: var(--color-headings); }
.dtr-menu-light .active, .sfHover a { color: var(--color-red); }
.dtr-menu-light .nav-link:hover { color: var(--color-red); }
.dtr-menu-light .active:hover { color: var(--color-red); }
/* menu for light background */
.dtr-menu-dark .nav-link { color: var(--color-headings) }
.dtr-menu-dark .active, .sfHover a { color: var(--color-red); }
.dtr-menu-dark .nav-link:hover { color: var(--color-red); }
.dtr-menu-dark .active:hover { color: var(--color-red); }
/* dropdown link color */
.sf-menu .sub-menu li a { color: rgba(14,21,58,0.7); }
.sf-menu .sub-menu li a:hover, .sf-menu .sub-menu li .active { background: rgba(14,21,58,0.05); color: #34222e; }
.sf-menu .sub-menu { background-color: #fff; }
.sf-menu .sub-menu a { border-bottom-color: #eeeef1; }
/*===== Responsive header Menu =====*/
/* default - for light background */
.dtr-hamburger-lines, .dtr-hamburger-lines:after, .dtr-hamburger-lines:before { background-color: #34222e; }
.slicknav_nav, .slicknav_menu { background-color: #fff; }
.slicknav_nav li, .slicknav_nav .dropdown-item { border-color: rgba(14,21,58,0.10); }
.slicknav_nav, .slicknav_nav a, .slicknav_menu .slicknav_menutxt { color: #34222e; }
.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav .slicknav_row:hover a, .slicknav_nav a.active { color: var(--color-red); }
.slicknav_nav .dropdown-item.active, .slicknav_nav .dropdown-item:hover, .slicknav_nav .dropdown-item:focus { background-color: transparent; }
/* for dark background */
.dtr-responsive-dark-header .dtr-hamburger-lines, .dtr-responsive-dark-header .dtr-hamburger-lines:after, .dtr-responsive-dark-header .dtr-hamburger-lines:before { background-color: #fff; }
.dtr-responsive-dark-header .slicknav_nav, .dtr-responsive-dark-header .slicknav_menu { background-color: #34222e; }
.dtr-responsive-dark-header .slicknav_nav li, .dtr-responsive-dark-header .slicknav_nav .dropdown-item { border-color: rgba(255,255,255,0.10); }
.dtr-responsive-dark-header .slicknav_nav, .dtr-responsive-dark-header .slicknav_nav a, .dtr-responsive-dark-header .slicknav_menu .slicknav_menutxt { color: #fff; }
.dtr-responsive-dark-header .slicknav_nav a:hover, .dtr-responsive-dark-header .slicknav_nav .slicknav_row:hover, .dtr-responsive-dark-header .slicknav_nav .slicknav_row:hover a, .dtr-responsive-dark-header .slicknav_nav a.active { color: var(--color-red); }
.dtr-responsive-dark-header .slicknav_nav .dropdown-item.active, .dtr-responsive-dark-header .slicknav_nav .dropdown-item:hover, .dtr-responsive-dark-header .slicknav_nav .dropdown-item:focus { background-color: transparent; }
/*----------------------------------------*/
/*----- Footer -----*/
/*----------------------------------------*/
#dtr-footer { background-color: #000; }
#dtr-footer h1, #dtr-footer h2, #dtr-footer h3, #dtr-footer h4, #dtr-footer h5, #dtr-footer h6 { color: #fff; }
#dtr-footer, #dtr-footer a { color: #fff; }
#dtr-footer a:hover { color: #fff; }
.dtr-list-copyright li::after { border-right-color: #5d4e58; }
/*----------------------------------------*/
/*----- Elements -----*/
/*----------------------------------------*/
/*====== preloader =====*/
.dtr-preloader { background-image: linear-gradient(90deg, rgb(0 130 195), rgb(135 20 120), rgb(240 0 30), rgb(255 130 5)) }
.dtr-loader { color: #fff; }
/*===== blockquote =====*/
.dtr-blockquote { border-left-color: #34222e; }
/*===== Accordion =====*/
.dtr-accordion .accordion-item {/* background-color: transparent; */}
.dtr-accordion .accordion-button { background-color: #fff; color: var(--color-headings); }
.dtr-accordion .accordion-button:not(.collapsed) {/* background-color: var(--color-blue); */color: #fff;    background-image: linear-gradient(330deg, #040404 10%, #091536 100%);;}
.dtr-accordion .accordion-button:not(.collapsed)::after { color: var(--color-white);  }
.dtr-accordion .accordion-button::after { color: var(--color-headings); }
.dtr-accordion .accordion-body {/* background-color: var(--color-blue); *//* color: #fff; */}
.dtr-accordion .accordion-body a { color: var(--color-white); font-weight: 700; }
.dtr-accordion .accordion-body a:hover { opacity: 0.8;}
/*===== feature =====*/
.dtr-feature-circle-icon .dtr-feature-img, .dtr-feature-square-icon .dtr-feature-img { background-color: var(--color-red); border-color: var(--color-red); color: #fff; }
.dtr-box-feature:hover { background-color: #fff; }
/*===== Testimonial =====*/
.dtr-testimonial-content { background-color: #fff; }
.dtr-testimonial-content::before { color: var(--color-red); }
.dtr-testimonial-content::after { border-right-color: #fff; }
/* .dtr-testimonial-user img { border-color: var(--color-red); } */
/*===== blog item slider =====*/
.dtr-blog-category, .dtr-blog-category a { color: #34222e; }
.dtr-blog-category::before { color: inherit; }
/*===== Video Box =====*/
.dtr-video-button { background-color: #fff; }
.dtr-video-button:after { color: var(--color-red) }
.pulse { background: rgba(255, 255, 255, 0.4); }
/*===== social =====*/
/*== default ==*/
.dtr-social-list a { background-color: #fff; color: #34222e !important; }
.dtr-social-list a:hover { background-color: var(--color-red); color: #fff !important; }
/*== social dark ==*/
.dtr-social-dark .dtr-social-list a {background-color: #000;color: #fff !important;}
.dtr-social-dark .dtr-social-list a:hover { background-color: var(--color-red); color: #fff !important; }
/*== social colored ==*/
.dtr-social-colored .dtr-social-list a, .dtr-social-dark .dtr-social-list a:hover { color: #fff !important; }
.dtr-social-colored .dtr-social-list a { background-color: #34222e; }
.dtr-social-colored a.dtr-facebook { background-color: #3b5998; }
.dtr-social-colored a.dtr-twitter { background-color: #1da1f2; }
.dtr-social-colored a.dtr-pinterest { background-color: #e60023; }
.dtr-social-colored a.dtr-google { background-color: #ea4335; }
.dtr-social-colored a.dtr-linkedin { background-color: #2867b2; }
.dtr-social-colored a.dtr-instagram { background-color: #405de6; }
.dtr-social-colored a.dtr-skype { background-color: #00aff0; }
.dtr-social-colored a.dtr-youtube { background-color: #ff0000; }
.dtr-social-colored a.dtr-whatsapp { background-color: #25d366; }
.dtr-social-colored a.dtr-vimeo { background-color: #1ab7ea; }
.dtr-social-colored a.dtr-telegram { background-color: #0088cc; }
/*== only icon with no bg color ==*/
.dtr-social-only-icon .dtr-social-list a { background-color: transparent; color: #34222e !important; }
.dtr-social-only-icon a:hover { color: var(--color-red) !important; }
/*----------------------------------------*/
/*----- Misc -----*/
/*----------------------------------------*/
.dtr-border-top, .dtr-border-right, .dtr-border-bottom, .dtr-border-left, .dtr-border-top-2px, .dtr-border-right-2px, .dtr-border-bottom-2px, .dtr-border-left-2px, .dtr-border-2px, .dtr-border-list li { border-color: rgba(14,21,58,0.10); }
/*===== slick carousel =====*/
.dtr-slick-slider .slick-prev:before, .dtr-slick-slider .slick-next:before { color: #34222e; }
.dtr-slick-slider .slick-prev, .dtr-slick-slider .slick-next { background-color: #fff; border-color: #fff; }
.dtr-slick-slider .slick-prev:hover, .dtr-slick-slider .slick-next:hover { background-color: #34222e; border-color: #34222e; }
.dtr-slick-slider .slick-prev:hover:before, .dtr-slick-slider .slick-next:hover:before { color: #fff; }
.dtr-slick-slider ul.slick-dots li button { background-color: #d6c1b5; opacity: 1; }
.dtr-slick-slider ul.slick-dots li button:hover, .dtr-slick-slider ul.slick-dots li.slick-active button { background-color: var(--color-red); opacity: 1; }
/*===== accent bg hover =====*/
.accent-color { color: var(--color-red) !important; }
/*===== accent link hover =====*/
.accent-color-hover:hover { color: var(--color-red) !important; }