:root {
	  --bg-color: #DEDDED;
      --text-color: #081639;
	  --bs-gutter-x: 1rem; 
  	  --bs-gutter-y: 0; 
	  --shadow: -150px 540px 145px 120px rgb(255, 255, 255);
	  --shadow-light: 1350px 125px 145px 90px rgb(255, 255, 255);
	  --advantages-shadow: 0px 270px 90px 110px #383BDE;
	  --website_shadow: -2600px 350px 400px 550px rgb(248, 9, 9, 0.85);
	  --services_shadow: 1350px -120px 150px 220px rgb(255, 255, 255);
	  --design-shadow: 0px 270px 220px 220px #383BDE;
	  --landing-shadow: 0px 250px 180px 250px #383BDE;
	  --seo-shadow: -25px 180px 75px 90px #383BDE;
	  --design-glow: 540px 1000px 120px 70px rgb(255, 255, 255);
	  --design-glow-2: 920px 770px 120px 120px rgb(255, 255, 255), 1250px 950px 120px 120px rgb(255, 255, 255);
	  --landing-glow: 730px 780px 140px 110px rgb(255, 255, 255);
	  --landing-glow-2: 1200px 775px 140px 130px rgb(255, 255, 255);
	  --glow-product: 1200px 800px 115px 130px rgb(255, 255, 255);
	  --glow-2-product: 125px 100px 115px 130px rgb(255, 255, 255);
	  --glow-3-product: 0px 0px 110px 40px rgb(255, 255, 255);
	  --background-product: inset 0px -60px 35px -45px #383BDE;
	  --title-seo-rate: rgb(255, 255, 255);
	  --advantages-shadow-sm: 0px 230px 70px 70px #383BDE;
	  --design-shadow-sm: 0px 0px 100px 100px #383BDE;
	  --landing-shadow-sm: 0px -35px 80px 80px #383BDE;
	  --seo-sm-shadow: -25px 140px 50px 90px #383BDE;
	  --close-btn-color: rgba(0, 0, 0);
	  --bottom-color: rgba(0, 0, 0);
	  --footer-shadow: 20px 110px 40px 135px rgb(56, 59, 222);
	  --footer-shadow-2: 30px 95px 40px 75px rgb(255, 255, 255);
	  --glow-product-smm: 730px 780px 140px 110px rgb(255, 255, 255);
	  --glow-product-serm_2: 900px 800px 100px 110px rgb(255, 255, 255);
	  --color-order-modal: #ffffff;
    }

    /* Тёмная тема */
    [data-theme="dark"] {
      --bg-color: #100831;
      --text-color: #ffffff;
	  --shadow: -100px 540px 95px 36px rgb(255, 255, 255),  -100px 540px 202px 112px #383BDE;
	  --shadow-light: none;
	  --advantages-shadow: 0px 225px 120px 45px #383BDE, 0px 120px 25px 85px rgba(217, 217, 217, 0.15);
	  --website_shadow: -2200px 200px 300px 500px rgb(74, 8, 39);
	  --services_shadow: 1300px -125px 95px 65px rgb(255, 255, 255),  1300px -125px 202px 150px #383BDE;
	  --design-shadow: 0px 160px 200px 70px #383BDE, 0px -10px 100px 190px rgba(217, 217, 217, 0.15);
	  --landing-shadow: 0px 120px 160px 80px #383BDE, 0px -10px 100px 190px rgba(217, 217, 217, 0.15);
	  --seo-shadow: 0px 230px 100px 70px #383BDE, 0px 115px 25px 85px rgba(217, 217, 217, 0.15);
	  --design-glow: 820px 800px 100px 30px rgb(255, 255, 255),  820px 800px 180px 80px #383BDE;
	  --design-glow-2: 1070px 900px 100px 30px rgb(255, 255, 255), 1070px 900px 180px 80px #383BDE;
	  --landing-glow: 730px 800px 120px 15px rgb(255, 255, 255),  700px 800px 170px 100px #383BDE;
	  --landing-glow-2: 1150px 780px 150px 20px rgb(255, 255, 255);
	  --glow-product: 1150px 790px 95px 80px rgb(255, 255, 255),  1150px 760px 120px 210px #383BDE;
	  --glow-2-product: 0px 0px 95px 60px rgb(255, 255, 255), 0px 0px 120px 210px #383BDE;
	  --glow-3-product: 0px 0px 100px 40px rgb(255, 255, 255);
	  --background-product: inset 0px -30px 19px -23px #383BDE, inset 0px -50px 15px -20px rgba(217, 217, 217, 0.15);
	  --title-seo-rate: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	  --advantages-shadow-sm: 0px 240px 100px 35px #383BDE, 0px 150px 15px 55px rgba(217, 217, 217, 0.15);
	  --design-shadow-sm: 0px 60px 100px 90px #383BDE, 0px -30px 100px 190px rgba(217, 217, 217, 0.15);
	  --landing-shadow-sm: 0px 40px 100px 90px #383BDE, 0px -30px 100px 190px rgba(217, 217, 217, 0.15);
	  --seo-sm-shadow: 0px 145px 60px 70px #383BDE, 0px 90px 25px 75px rgba(217, 217, 217, 0.15);
	  --close-btn-color: rgb(255, 255, 255);
	  --bottom-color:  rgb(255, 255, 255);
	  --footer-shadow: 20px 110px 50px 115px rgb(56, 59, 222);
	  --footer-shadow-2: 30px 100px 45px 70px rgb(255, 255, 255);
	  --glow-product-smm: 700px 800px 90px 15px rgb(255, 255, 255),  700px 800px 120px 90px #383BDE;
	  --glow-product-serm_2: 900px 800px 120px 5px rgb(255, 255, 255),  900px 800px 130px 100px #383BDE;
	  --color-order-modal: #000000;
    }

	[data-theme="dark"] .d_browser_themes .d_dark_theme {
  	background-image: url("../images/dark_theme.svg");
	}

	[data-theme="dark"] .d_browser_themes .d_light_theme {
		background-image: url("../images/light_theme.svg");
	}

	[data-theme="dark"] .d_browser_themes .d_ru {
  		background-image: url("../images/ru.svg");
	}

	[data-theme="dark"] .d_browser_themes .d_en {
		background-image: url("../images/en.svg");
	}

	[data-theme="dark"] .d_browser_themes .d_en:hover {
		filter: brightness(0.5);
	}

	[data-theme="dark"] .d_browser_themes .d_ru:hover {
		filter: brightness(0.5);
	}


	[data-theme="dark"] .d_webdolina .d_line {
  	background-image: url("../images/line.svg");
	}

	[data-theme="dark"] .d_webdolina .d_arrow {
		background-image: url("../images/arrow.svg");
	}

	[data-theme="dark"] .d_advantages .d_line {
  	background-image: url("../images/line.svg");
	}

	[data-theme="dark"] .d_advantages .d_arrow {
		background-image: url("../images/arrow.svg");
	}

	[data-theme="dark"] .d_portfolio .d_close_modal {
	filter: invert(1) brightness(1);
	}

	[data-theme="dark"] .d_portfolio .d_close_modal:hover {
	filter: invert(1) brightness(0.6);
	}
	
	[data-theme="dark"] .d_navbar .d_toggler_icon {
	filter: invert(1) brightness(1);
	}

	[data-theme="dark"] .d_browser_themes .d_close_modal {
	filter: invert(1) brightness(1);
	}

	[data-theme="dark"] .d_browser_themes .d_close_modal:hover {
	filter: invert(1) brightness(0.6);
	}


body {
	background-color: var(--bg-color);
}

.d_text_size {
	font-size: 20px;
}

.d_title_size {
	font-size: 50px;
}

.d_title_2_size {
	font-size: 32px;
}





/*--------------------------------------------------------------
# d_navbar
--------------------------------------------------------------*/
.d_navbar {
	color: var(--text-color) !important; 
	border-bottom: 1px solid #6B7AFF;
	--bs-navbar-color: none;
	--bs-navbar-hover-color: none;
	background-color: var(--bg-color) !important;
}

.d_navbar .d_width {
	max-width: 1440px;
	padding-left: 73px;
	padding-right: 73px;
}

.d_navbar .d_logo {
	background-image: url("../images/vector.svg");
	background-repeat: no-repeat;
	width: 250px;
	height: 50px;
	margin-top: 15px;
}

.d_navbar_bottom {
	border-color: var(--bottom-color);
}

.d_navbar .d_toggler_icon {
    filter: brightness(1);
}

.d_navbar .d_collapse {
	flex-grow: 0;
}

.d_navbar .d_headers {
	min-width: 450px;
}

.d_navbar .d_link:hover {
    color: #007bff
}

.d_navbar .d_order {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; 
  width: 120px;
  height: 34px;
  text-decoration: none;
  color: #ffffff;
  z-index: 1; 
}

.d_navbar .d_order::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../images/orange.svg");
  background-repeat: no-repeat;
  transition: 0.15s ease; 
  z-index: -1; 

}

.d_navbar .d_order:hover::before {
  opacity: 0.7; 
}

.d_navbar .d_order_text {
  color: var(--order-color);
  position: relative; 
  z-index: 2;
}




/*--------------------------------------------------------------
# d_browser_themes
--------------------------------------------------------------*/
.d_browser_themes {
	background-color: var(--bg-color);
}

.d_browser_themes .d_container {
	margin-top: 81px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

.d_browser_themes  .d_theme_button {
    display: flex;
    justify-content: flex-end;
}

.d_browser_themes .d_ru {
    display: inline-block; 
    height: 20px;
    width: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 10px;
    filter: brightness(1);
    transition: all 0.3s ease;
    text-decoration: none;
    border: none;
	background-image: url("../images/dark_ru.svg");
    margin-right: 10px;
}

.d_browser_themes .d_en {
    display: inline-block; 
    height: 20px;
    width: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 10px;
    filter: brightness(1);
    transition: all 0.3s ease;
    text-decoration: none; 
    border: none;
	background-image: url("../images/dark_en.svg");
}

.d_browser_themes .d_ru:hover {
    filter: brightness(1) opacity(0.4);
}

.d_browser_themes .d_en:hover {
    filter: brightness(1) opacity(0.4);
}

.d_browser_themes .d_light_theme {
	background-image: url("../images/dark_light.svg");
	height: 40px;
	width: 75px;
	background-repeat: no-repeat;
	margin-top: 10px;

}

.d_browser_themes .d_bottom {
	margin-top: 15px;
	margin-right: 10px;
}

.d_browser_themes .d_dark_theme {
	background-image: url("../images/dark_dark.svg");
	height: 40px;
	width: 25px;
	background-repeat: no-repeat;
	margin-top: 10px;
}

/*--------------------------------------------------------------
# modal d_browser_themes
--------------------------------------------------------------*/

.btn.btn-link.modal-btn {
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.d_browser_themes  .modal-content {
  border-radius: 0 !important;
}

.d_browser_themes .d_custom_modal_size {
	max-width: none;
	width: 400px;
}

.d_browser_themes .d_modal_edges {
	border-radius: 25px !important;
	overflow: hidden !important;
	background-color: var(--bg-color);
}

.d_browser_themes .d_required_field {
	color: #F80909;
}

.d_browser_themes .d_close_modal {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1;
	opacity: 1;
	padding: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: 0.2s ease;
	filter: brightness(1);
}

.d_browser_themes .d_close_modal:hover {
	opacity: 0.7;
	filter: brightness(0.6);
}

.d_browser_themes .d_text {
	color: var(--text-color);
	padding-bottom: 15px;
}

.d_browser_themes .d_buttom {
    position: relative;
    border: 0;
    border-radius: 35px;
    z-index: 1;
    overflow: hidden;
    transition: 0.15s ease;
}

.d_browser_themes .d_buttom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
    z-index: -1;
}

.d_browser_themes .d_buttom::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-order-modal); 
    z-index: 0;
    opacity: 0;
    transition: 0.15s ease;
}

.d_browser_themes .d_buttom:hover::after {
    opacity: 0.3; 
}

.d_browser_themes .d_buttom_text {
    position: relative;
    z-index: 2;
    color: #ffffff;
}





.d_browser_themes .d_icon_2 {
	font-size: 30px;
	color: var(--text-color);
}
.d_browser_themes .d_icon_3 {
	padding-left: 10px;
	font-size: 30px;
	color: var(--text-color);
}



/*--------------------------------------------------------------
# d_webdolina
--------------------------------------------------------------*/
.d_webdolina_arrow_line {
	background-color: var(--bg-color);
  	background-image: url("../images/xmlid_173.svg");
 	background-position: top center;
	background-repeat: no-repeat;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 100px;
}

.d_webdolina .d_biglogo {
 	font-size: 240px;
    font-weight: 700;
    background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
    background-clip: text;
    color: transparent;
	display: flex;
  	justify-content: center;
  	align-items: center;
	margin-top: 30px;
	padding-bottom: 200px;
}




/*--------------------------------------------------------------
# d_arrow_line
--------------------------------------------------------------*/
.d_arrow_line .container_arrow {
	padding-bottom: 55px;
}

.d_arrow_line .d_arrow {
	font-family: "bootstrap-icons" !important;
	font-size: 170px;
	display: block;	
	transform: rotate(-45deg);
	color: var(--text-color); 
	height: 10px;
	width: 10px;
}

.d_arrow_line .d_line {
	color: var(--text-color); 
	border-bottom: 6px solid;
	margin-left: 300px;
	margin-right: 300px;
	padding-bottom: 25px;
}

.btn-outline-success {
	--bs-btn-color: none;
	--bs-btn-border-color: none;
	--bs-btn-hover-bg: none;
	--bs-btn-active-bg: none;
}




/*--------------------------------------------------------------
# d_about_us
--------------------------------------------------------------*/
.d_about_us {
	margin-top: 25px;
}

#about {
  scroll-margin-top: 90px;
}

.d_about_us .d_title {
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	background-clip: text;
	color: transparent;
	display: inline-block;
	font-weight: 600;
	padding-bottom: 25px;
}

.d_about_us .d_text {
	color: var(--text-color); 
	padding-right: 40px;
}

.d_about_container {
	position: relative;
}

.d_about_us .d_glow {
	position: absolute;
	box-shadow: var(--shadow);
	height: 40px;
	width: 180px;
	border-radius: 50%;
}

.d_about_us .d_light_glow {
	position: absolute;
	box-shadow: var(--shadow-light);
	height: 50px;
	width: 50px;
	border-radius: 50%;
}

.d_about_us .d_text_2 {
	color: var(--text-color);
	padding-left: 50px;
}

.d_about_us .d_text_3 {
	color: var(--text-color); 
	display: flex;
  	justify-content: flex-end;
  	align-items: flex-end;
	padding: 10px;
	line-height: 0.5;
	font-weight: 600;
}




/*--------------------------------------------------------------
# d_advantages
--------------------------------------------------------------*/
.d_advantages {
	position: relative;
	margin-bottom: 50px;
}

#advantages {
  scroll-margin-top: 70px;
}

.d_advantages .d_block_title {
	padding-bottom: 25px;
	padding-top: 25px;
}

.d_advantages .d_title {
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	background-clip: text;
	color: transparent;
	display: inline-block;
	font-weight: 600;
	height: 70px;
}

.d_advantages .d_сontent_block {
	padding-left: 35px;
	padding-right: 25px;
	padding-top: 35px;
	padding-bottom: 35px;
	position: relative;
	overflow: hidden;
	height: 220px;
}


.d_advantages .d_background {
	bottom: 225px;
	position: absolute;
	box-shadow: var(--advantages-shadow);
	width: 500px;
	z-index: -1;
}

.d_advantages .d_title_2 {
	color: var(--text-color);
	font-weight: 600;
	padding-bottom: 5px;

}

.d_advantages .d_text {
	color: var(--text-color); 
}




/*--------------------------------------------------------------
# d_services
--------------------------------------------------------------*/
.d_services {
	margin-top: 10px;
}

#services {
	scroll-margin-top: 80px;
}

.d_services .d_services_container {
	position: relative;
}

.d_services .d_services_glow {
	position: absolute;
	box-shadow: var(--services_shadow);
	border-radius: 50%;
	height: 50px;
	width: 50px;
}

.d_services .d_title {
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	background-clip: text;
	color: transparent;
	display: inline-block;
	font-weight: 600;
	padding-bottom: 25px;
	padding-top: 10px;
}




/*--------------------------------------------------------------
# d_website_creation
--------------------------------------------------------------*/
.d_website_creation .d_background {
	position: relative;
  	z-index: 1;
	overflow: hidden;
}

.d_website_creation .d_shadow {
	position: absolute;
	box-shadow: var(--website_shadow);
	width: 2500px;
	z-index: -1;

}

.d_website_creation .d_title {
	color: var(--text-color); 
	font-weight: 600;
	padding-bottom: 5px;
	padding-top: 30px;
}

.d_website_creation  .d_text {
	color: var(--text-color); 
	padding-bottom: 40px;
}




/*--------------------------------------------------------------
# d_product_list
--------------------------------------------------------------*/
.d_product_list {
	margin-top: 25px;
}

.d_product_list .d_background {
	position: relative;
  	z-index: 1;
 	transition: 0.3s ease;
	min-height: 135px;
	box-shadow: none;
}

.d_product_list .d_accordion_background {
	--bs-body-bg: none;
	--bs-accordion-border-color: none;
	--bs-accordion-active-bg: none;
	--bs-accordion-active-color: none;
}

.d_product_list .d_background h2:hover {
	box-shadow: var(--background-product);
	transition: 0.3s ease;
}

.d_product_list .d_shadow_container {
	position: absolute;
	opacity: 0;
	transition: 0.5s ease;
    pointer-events: none;
    z-index: -1;
}

.d_product_list .d_glow_website {
	position: absolute;
	box-shadow:	var(--glow-product);
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.d_product_list .d_glow_website_2 {
	position: absolute;
	top: 650px;   
 	left: 900px; 
	box-shadow:	var(--glow-2-product);
	width: 1px;
	height: 200px;
	transform: rotate(150deg);
	border-radius: 50%;
	filter: blur(20px); 
} 

.d_product_list .d_glow_website_3 {
	position: absolute;
	top: 780px;   
 	left: 950px; 
	width: 200px;
	box-shadow: var(--glow-3-product);
	opacity: 1;
}

.d_product_list .d_glow_smm {
	position: absolute;
	box-shadow: var(--glow-product-smm);
	height: 0px;
	width: 350px;
	border-radius: 10%;
	right: 1750px;
	top: 230px;
}

.d_product_list .d_glow_serm {
	position: absolute;
	box-shadow: var(--glow-product-smm);
	height: 20px;
	width: 350px;
	border-radius: 10%;
	right: 1800px;
	top: 790px;
}

.d_product_list .d_glow_serm_2 {
	position: absolute;
	box-shadow: var(--glow-product-serm_2);
	height: 60px;
	width: 350px;
	border-radius: 10%;
	right: 1800px;
	top: 950px;
}

.d_product_list .d_glow_serm_3 {
	position: absolute;
	box-shadow: var(--glow-product-serm_3);
	height: 70px;
	width: 80px;
	border-radius: 10%;
	right: 1735px;
	top: 930px;
}



.target-element {
  opacity: 1;
  transition: 0.3s ease;
}

#toggle-opacity:checked ~ .d_shadow_3 {
  opacity: 0;
}

.d_product_list .d_сontent_block {
	align-items: normal;
	height: 140px;
	padding-left: 60px;
}


.d_product_list .d_сontent_block:focus {
  box-shadow: none;
}

.d_product_list .d_сontent_block::after {
  display: none !important;
}


.d_product_list .d_content_arrow {
	position: absolute;
	display: flex;
	justify-content: end;
	top: 45px;
	bottom: 0px;
  	right: 20px;
  	overflow: hidden;
	height: 150px;
}

.d_product_list .d_arrow {
	font-family: "bootstrap-icons";
	font-size: 90px;
	display: block;	
	transform: rotate(-135deg);
	color: var(--text-color); 
    transition: 0.4s;
	transform-origin: 45px 65px;

}

.accordion-button:not(.collapsed) .d_arrow {
	transform: rotate(-45deg);
}

.d_product_list .d_background:has(.accordion-button[aria-expanded="true"]) {
  box-shadow: none;
}

.d_product_list .d_product {
	color: var(--text-color);
	font-size: 32px;
}

.d_product_list .d_price {
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	color: transparent;
	background-clip: text;
	font-weight: 500;
	padding-bottom: 10px;
}

.d_product_list .d_list {
	margin-top: 10px;
}

.d_product_list .d_сontent_list {
	display: flex;
	margin-bottom: 25px;

}

.d_product_list .d_check_marks {
	background-image: url("../images/check_marks.svg");
	height: 30px;
	width: 40px;
	background-repeat: no-repeat;
	padding-right: 50px;
}

.d_product_list .d_text {
	color: var(--text-color); 
}

.d_product_list .d_order {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; 
  width: 144px;
  height: 40px;
  text-decoration: none;
  color: #ffffff;
  z-index: 1; 
  margin-left: auto;
  margin-right: auto;
}

.d_product_list .d_order::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../images/orange.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: 0.15s ease;
  z-index: -1; 
}

.d_product_list .d_order:hover::before {
  opacity: 0.7; 
}

.d_product_list .d_order_text {
  color: var(--order-color);
  position: relative; 
  z-index: 2; 
  font-size: 20px;
}




/*--------------------------------------------------------------
# d_website_design
--------------------------------------------------------------*/
.d_website_design {
	margin-top: 50px;
}

.d_website_design .d_background {
	position: relative;
  	z-index: 1;
	overflow: hidden;
}

.d_website_design .d_shadow {
	position: absolute;
	box-shadow: var(--website_shadow);
	width: 2500px;
	z-index: -1;

}

.d_website_design .d_inverted_cube {
	position: absolute;
	background-image: url("../images/inverted_cube.svg");
  	background-repeat: no-repeat;
	height: 260px;
	width: 260px;
	margin-top: 375px;
}

.d_website_design .d_cube {
	position: absolute;
	background-image: url("../images/cube.svg");
  	background-repeat: no-repeat;
	height: 360px;
	width: 360px;
	margin-left: 880px;
}

.d_website_design .d_title {
	color: var(--text-color); 
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-top: 30px;
}

.d_website_design .d_text {
	color: var(--text-color); 
	padding-bottom: 40px;
}

.d_website_design .d_text_modern {
	color: var(--text-color); 
	padding-bottom: 34px;
	text-align: right;
}


/*--------------------------------------------------------------
# d_design_services
--------------------------------------------------------------*/
.d_design_services {
	margin-top: 50px;
}

.d_design_services .d_glow_container {
	position: relative;
}

.d_design_services .d_glow {
	position: absolute;
	box-shadow: var(--design-glow);
	height: 40px;
	width: 100px;
}

.d_design_services .d_glow_2 {
	position: absolute;
	box-shadow: var(--design-glow-2);
	height: 40px;
	width: 100px;
}

.d_design_services .d_title {
	color: var(--text-color);
	font-weight: 600;
	margin-bottom: 25px; 
}

.d_design_services .d_background {
	position: absolute;
	box-shadow: var(--design-shadow);
	width: 370px;
	z-index: -1;
	margin-top: 335px;
}

.d_design_services .d_product {
	margin-top: 35px;
	color: var(--text-color);
	font-size: 32px;
}

.d_design_services .d_price {
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	color: transparent;
	background-clip: text;
	font-weight: 500;
	padding-bottom: 10px;
}

.d_design_services .d_сontent_list {
	display: flex;
	margin-bottom: 25px;
	margin-top: 25px;
	padding-left: 1px;
}

.d_design_services .d_check_marks {
	background-image: url("../images/check_marks.svg");
	height: 30px;
	width: 40px;
	background-repeat: no-repeat;
	padding-right: 50px;
}

.d_design_services .d_text {
	color: var(--text-color);
}

.d_design_services .d_сontent_block {
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 15px;
	padding-bottom: 35px;
	position: relative;
	overflow: hidden;
	height: 544px;
}




/*--------------------------------------------------------------
# d_design_landing
--------------------------------------------------------------*/
.d_design_landing {
	margin-top: 50px;
}

.d_design_landing .d_glow_container {
	position: relative;
}

.d_design_landing .d_glow {
	position: absolute;
	box-shadow: var(--landing-glow);
	height: 30px;
	width: 600px;
	border-radius: 10%;
}

.d_design_landing .d_glow_2 {
	position: absolute;
	height: 40px;
	box-shadow: var(--landing-glow-2);
	width: 100px;
	border-radius: 50%;
}


.d_design_landing .d_title {
	color: var(--text-color);
	font-weight: 600;
	margin-bottom: 25px; 
}

.d_design_landing .d_сontent_block {
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 15px;
	padding-bottom: 35px;
	position: relative;
	overflow: hidden;
	height: 460px;
}

.d_design_landing .d_background {
	position: absolute;
	box-shadow: var(--landing-shadow);
	width: 370px;
	z-index: -1;
	margin-top: 305px;
}

.d_design_landing .d_product {
	margin-top: 35px;
	color: var(--text-color);
	font-size: 32px;
}

.d_design_landing .d_price {
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	color: transparent;
	background-clip: text;
	font-weight: 500;
	padding-bottom: 10px;
}

.d_design_landing .d_сontent_list {
	display: flex;
	margin-bottom: 25px;
	margin-top: 25px;
	padding-left: 1px;
}

.d_design_landing .d_check_marks {
	background-image: url("../images/check_marks.svg");
	height: 30px;
	width: 40px;
	background-repeat: no-repeat;
	padding-right: 50px;
}

.d_design_landing .d_text {
	color: var(--text-color);
}




/*--------------------------------------------------------------
# d_seo
--------------------------------------------------------------*/
.d_seo {
	margin-top: 50px;
}

.d_seo .d_background {
	position: relative;
  	z-index: 1;
	overflow: hidden;
}

.d_seo .d_shadow {
	position: absolute;
	box-shadow: var(--website_shadow);
	width: 2500px;
	z-index: -1;

}

.d_seo .d_rocket {
	position: absolute;
	background-image: url("../images/rocket.svg");
  	background-repeat: no-repeat;
	height: 300px;
	width: 300px;
	margin-top: 225px;
}

.d_seo .d_title {
	color: var(--text-color); 
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-top: 30px;
}

.d_seo .d_text {
	color: var(--text-color); 
	padding-bottom: 40px;
}

.d_seo .d_experience {
	color: var(--text-color); 
	padding-top: 110px;
	text-align: right;
	padding-bottom: 34px;
}




/*--------------------------------------------------------------
# d_seo_rate
--------------------------------------------------------------*/
.d_seo_rate {
	margin-top: 5px;	
}

.d_seo_rate .d_сontent_block {
	padding-left: 55px;
	padding-right: 35px;
	position: relative;
	overflow: hidden;
	margin-left: 10px;
	height: 170px;
}

.d_seo_rate .d_background {
	position: absolute;
	box-shadow: var(--seo-shadow);
	width: 370px;
	z-index: -1;
}

.d_seo_rate .d_product {
	margin-top: 40px;
	color: var(--text-color);
	font-size: 32px;
}

.d_seo_rate .d_price {
	background: var(--title-seo-rate);
	color: transparent;
	background-clip: text;
	font-weight: 500;
	padding-bottom: 10px;
}

.d_seo_rate .d_price_2 {
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	color: transparent;
	background-clip: text;
	font-weight: 500;
	padding-bottom: 10px;
}


/*--------------------------------------------------------------
# d_smm
--------------------------------------------------------------*/
.d_smm {
	margin-top: 50px;
}

.d_smm .d_background {
	position: relative;
  	z-index: 1;
	overflow: hidden;
}

.d_smm .d_shadow {
	position: absolute;
	box-shadow: var(--website_shadow);
	width: 2500px;
	z-index: -1;

}

.d_smm .d_message {
	position: absolute;
	background-image: url("../images/message.svg");
  	background-repeat: no-repeat;
	height: 340px;
	width: 340px;
	margin-top: 225px;
}

.d_smm .d_message_small {
	position: absolute;
	background-image: url("../images/message_small.svg");
  	background-repeat: no-repeat;
	height: 190px;
	width: 190px;
	margin-top: 420px;
	margin-left: 450px;
}

.d_smm .d_title {
	color: var(--text-color); 
	font-weight: 600;
	padding-bottom: 5px;
	padding-top: 30px;
}

.d_smm .d_text_1 {
	color: var(--text-color); 
	padding-bottom: 40px;
	padding-right: 60px;
}

.d_smm .d_text_2 {
	color: var(--text-color); 
	padding-bottom: 40px;
	padding-left: 40px;
	text-align: end;
}


.d_smm .d_experience {
	padding-top: 110px;
}

/*--------------------------------------------------------------
# d_serm
--------------------------------------------------------------*/
.d_serm {
	margin-top: 50px;
}

.d_serm .d_background {
	position: relative;
  	z-index: 1;
	overflow: hidden;
}

.d_serm  .d_shadow {
	position: absolute;
	box-shadow: var(--website_shadow);
	width: 2500px;
	z-index: -1;

}

.d_serm .d_folder {
	position: absolute;
	background-image: url("../images/folder.svg");
  	background-repeat: no-repeat;
	height: 340px;
	width: 340px;
	margin-left: 1000px;
}


.d_serm  .d_title {
	color: var(--text-color); 
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-top: 30px;
}

.d_serm  .d_text {
	color: var(--text-color); 
	padding-bottom: 40px;
}

.d_text_web {
	color: var(--text-color);
	text-align: end; 
	padding-bottom: 34px;
}

.d_serm  .d_experience {
	padding-top: 110px;
}


/*--------------------------------------------------------------
# d_technical_support
--------------------------------------------------------------*/
.d_technical_support {
	margin-top: 50px;
	margin-bottom: 50px;
}

.d_technical_support .d_background {
	position: relative;
  	z-index: 1;
	overflow: hidden;
}

.d_technical_support .d_shadow {
	position: absolute;
	box-shadow: var(--website_shadow);
	width: 2500px;
	z-index: -1;
}

.d_technical_support .d_notebook {
	position: absolute;
	background-image: url("../images/notebook.svg");
  	background-repeat: no-repeat;
	height: 350px;
	width: 340px;
	margin-top: 225px;
	
}

.d_technical_support .d_title {
	color: var(--text-color); 
	font-weight: 600;
	padding-bottom: 5px;
	padding-top: 30px;
}

.d_technical_support .d_text {
	color: var(--text-color); 
	padding-bottom: 40px;
}

.d_technical_support .d_experience {
	padding-top: 155px;
	padding-left: 50px;
}

/*--------------------------------------------------------------
# d_portfolio
--------------------------------------------------------------*/

.d_portfolio {
	margin-top: 20px;
	margin-bottom: 50px;
}

#portfolio {
	scroll-margin-top: 80px;
}

.d_portfolio .d_title {
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	background-clip: text;
	color: transparent;
	display: inline-block;
	font-weight: 600;
	padding-bottom: 25px;
	padding-top: 10px;
}

.d_portfolio .d_padding_left {
	padding-left: 0px;
}

.d_portfolio .d_image {
	background-image: url("../images/tire_service.svg");
	height: 200px;
	width: 420px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.d_portfolio .d_text {
	color: var(--text-color); 
	text-decoration: underline;
}

.d_portfolio .d_text_2 {
	color: var(--text-color);

}
/*--------------------------------------------------------------
# d_portfolio modal window
--------------------------------------------------------------*/
.btn.btn-link.modal-btn {
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.d_portfolio  .modal-content {
  border-radius: 0 !important;
}

.d_portfolio  .custom_modal_size {
	max-width: none;
	width: 1370px;
}

.d_portfolio  .d_modal_edges {
	border-radius: 25px !important;
	overflow: hidden !important;
	background-color: #100831;
}


.d_portfolio  .d_close_modal {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1;
	opacity: 1;
	padding: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: 0.2s ease;
	filter: brightness(1);
}

.d_portfolio  .d_close_modal:hover {
	opacity: 0.7;
	filter: brightness(0.6);
}

.d_portfolio .d_modal_content {
	background-color: var(--bg-color);
		padding: 30px;
}

.d_portfolio .d_title_modal {
	color: var(--text-color);
	margin-left: 50px;	
}

.d_portfolio .d_image_modal {
	background-image: url("../images/vitamed.svg");
	height: 490px;
	width: 870px;
	margin-left: 15px;
	margin-top: 40px;
}

.d_portfolio  .d_info_tasks {
	margin-top: 60px;
	margin-left: 40px;
}

.d_portfolio  .d_title_info {
	color: var(--text-color);
	padding-bottom: 5px;
}

.d_portfolio  .d_info_row {
  color: var(--text-color);
  display: flex;
  margin-bottom: 14px;
}

.d_portfolio  .d_info_label {
width: 170px;
}

.d_portfolio .d_info_value {
width: 200px;
}

.d_portfolio  .d_title_tasks {
	color: var(--text-color);
}

.d_portfolio  .d_text_tasks {
	color: var(--text-color);
}

/*--------------------------------------------------------------
# d_footer
--------------------------------------------------------------*/

.d_footer {
	margin-top: 300px;
}

.d_footer .d_shadow_container {
	position: relative;

}

.d_footer .d_shadow {
	position: absolute;
	box-shadow: 350px 100px 170px 260px rgb(56, 59, 222);
	width: 700px;
	z-index: -1;
	height: 1px;
	border-radius: 50%;
	filter: blur(20px);

}

.d_footer .d_shadow_2 {
	position: absolute;
	box-shadow: 70px 75px 90px 110px rgb(255, 255, 255);
	z-index: -1;
	height: 1px;
	width: 400px;
	border-radius: 90%;
	filter: blur(20px);
}

.d_footer .d_shadow_3 {
	position: absolute;
	box-shadow: 50px 150px 90px 90px rgb(255, 255, 255);
	z-index: -1;
	height: 1px;
	width: 1200px;
	border-radius: 5%;
	filter: blur(20px);
}

.d_footer .d_shadow_4 {
	position: absolute;
	box-shadow: 1240px 70px 110px 70px rgb(255, 255, 255);
	height: 70px;
	width: 60px;
	z-index: -1;
}

.d_footer .d_title {
	color: black;
	margin-bottom: 20px;
	z-index: 1;
}

.d_footer .d_social_network {
	margin-top: 10px;
	margin-bottom: 80px;
}

.d_footer .d_icon_telegram {
	color: black;
	font-size: 25px;
}

.d_footer .d_icon {
	padding-left: 10px;
	color: black;
	font-size: 25px;
}

.d_footer .d_text {
	color: black;

}

@media (max-width: 576px) {

	.d_text_size {
		font-size: 16px;
	}

	.d_title_size {
		font-size: 32px;
	}

	.d_title_2_size {
		font-size: 24px;
	}

/*--------------------------------------------------------------
# d_navbar
--------------------------------------------------------------*/

.d_navbar .d_width {
	padding-left: 16px;
	padding-right: 16px;
}

.d_navbar .d_order {
  position: relative; 
  padding: 10px 30px 10px 30px;
  width: 120px;
  height: 34px;
  text-decoration: none;
  color: #ffffff;
  z-index: 1;
  margin-bottom: 5px; 
}

.d_navbar .d_order::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../images/orange.svg");
  background-repeat: no-repeat;
  transition: opacity 0.3s ease; 
  z-index: -1; 
}

.d_navbar .d_order:hover::before {
  opacity: 0.7; 
}

.d_navbar .d_order_text {
  color: var(--order-color);
  position: relative; 
  z-index: 2;
}

/*--------------------------------------------------------------
# d_browser_themes
--------------------------------------------------------------*/

.d_browser_themes .d_en {
	height: 20px;
	width: 27px;
	margin-top: 10px;
	padding-right: 2px;
}


.d_browser_themes .d_dark_theme {
	height: 40px;
	width: 29px;
	margin-top: 10px;
	padding-right: 4px;
}

/*--------------------------------------------------------------
# modal d_browser_themes
--------------------------------------------------------------*/

.d_browser_themes .d_custom_modal_size {
	max-width: none;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

.d_browser_themes .d_modal_edges {
	border-radius: 25px !important;
	overflow: hidden !important;
	background-color: var(--bg-color);
}


.d_browser_themes .d_close_modal {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1;
	opacity: 1;
	padding: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: 0.2s ease;
	filter: brightness(1);
}

.d_browser_themes .d_close_modal:hover {
	opacity: 0.7;
	filter: brightness(0.6);
}

.d_browser_themes .d_text {
	color: var(--text-color);
	margin-top: 10px;
}

.d_browser_themes .d_text_2 {
	color: var(--text-color);
}

.d_buttom {
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	filter: brightness(1);
	border: 0;
	border-radius: 35px;

}

.d_buttom:hover { 
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	border: 0;
	filter: brightness(0.6);
}

/*--------------------------------------------------------------
# d_webdolina
--------------------------------------------------------------*/

	.d_webdolina_arrow_line {
		background-size: 100%;
		height: 100%;
		background-repeat: no-repeat;
		padding-bottom: 10px;
	}

	.d_webdolina .d_biglogo {
		font-size: 68px;
		padding-bottom: 50px;
		
	}	




/*--------------------------------------------------------------
# d_arrow_line
--------------------------------------------------------------*/

	.d_arrow_line .container_arrow {
		padding-bottom: 45px;
	}

	.d_arrow_line .d_arrow {
		font-size: 100px;
	}


	.d_arrow_line .d_line {
		border-bottom: 4px solid;
		margin-left: 4px;
		margin-right: 4px;
		padding-bottom: 0px;
	}




/*--------------------------------------------------------------
# d_about_us
--------------------------------------------------------------*/

	.d_about_us {
		margin-top: 15px;
		margin-bottom: 30px;
		
	}	

	#about {
  		scroll-margin-top: 87px;
	}

	.d_about_us .d_title {
		padding-left: 4px;
		padding-bottom: 0px;
		margin-bottom: 7px;
	}


	.d_about_us .d_container{
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
	}

	.d_about_us .d_text {
		padding-left: 16px;
		padding-right: 16px;
	}

	.d_about_us .d_glow {
		box-shadow: none;
	}

	.d_about_us .d_glow {
		background-image: none;

	}

	.d_about_us .d_text_2 {
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 7px;
	}


	.d_about_us .d_text_3{
		display: block;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		padding: 25px 0px 0px 0px;

	}



	
/*--------------------------------------------------------------
# d_advantages
--------------------------------------------------------------*/

	.d_advantages {
		margin-top: 15px;
		margin-bottom: 0px;
	}

	#advantages {
  		scroll-margin-top: 90px;
	}

	.d_advantages .d_block_title {
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.d_advantages .d_title {
		height: 40px;
		padding-left: 2px;
	}

	.d_advantages .d_сontent_block {
		padding-left: 35px;
		padding-right: 25px;
		padding-top: 15px;
		padding-bottom: 35px;
		position: relative;
		overflow: hidden;
		height: 160px;
	}


	.d_advantages .d_background {
		bottom: 230px;
		position: absolute;
		box-shadow: var(--advantages-shadow-sm);
		width: 500px;
		z-index: -1;
	}

	.d_advantages .d_title_2 {
		color: var(--text-color);
		font-weight: 600;
		padding-bottom: 0px;

	}

	.d_advantages .d_text {
		color: var(--text-color); 
	}

/*--------------------------------------------------------------
# d_services
--------------------------------------------------------------*/
.d_services {
	margin-top: 15px;
}

#services {
  	scroll-margin-top: 90px;
}

.d_services .d_services_glow {
	box-shadow: none;
}

.d_services .d_title {
	padding-bottom: 5px;
	padding-top: 0px;
	padding-left: 4px;
}

/*--------------------------------------------------------------
# d_website_creation
--------------------------------------------------------------*/
.d_website_creation .d_indentation {
	padding-top: 10px;
	padding-bottom: 10px;
}

.d_website_creation .d_title {
	padding-bottom: 5px;
	padding-top: 0px;
	padding-left: 4px;
}

.d_website_creation  .d_text {
	color: var(--text-color); 
	padding-bottom: 7px;
	padding-left: 4px;
	padding-right: 16px;
	
}




/*--------------------------------------------------------------
# d_product_list
--------------------------------------------------------------*/
.d_product_list {
	margin-top: 0px;
}

.d_product_list .d_background {
	position: relative;
  	z-index: 1;
 	transition: 0.3s ease;
	min-height: 35px;
	box-shadow: none;
}

.d_product_list .d_glow_website {
	box-shadow:	none;
	width: 0px;
	height: 0px;
}

.d_product_list .d_glow_website_2 {
	top: 0px;   
 	left: 0px; 
	width: 0px;
	height: 0px;
} 

.d_product_list .d_glow_website_3 {
	top: 0px;   
 	left: 0px; 
	width: 0px;
	box-shadow: none;
}

.d_product_list .d_glow_smm {
	box-shadow: none;
	height: 0px;
	width: 0px;
	right: 0px;
	top: 0px;
}

.d_product_list .d_glow_serm {
	box-shadow: none;
	height: 0px;
	width: 0px;
	right: 0px;
	top: 0px;
}

.d_product_list .d_glow_serm_2 {
	box-shadow: none;
	height: 0px;
	width: 0px;
	right: 0px;
	top: 0px;
}

.d_product_list .d_glow_serm_3 {
	box-shadow: none;
	height: 0px;
	width: 0px;
	right: 0px;
	top: 0px;
}

.d_product_list .d_сontent_block {
	align-items: normal;
	height: 110px;
	padding-left: 34px;
}

.d_product_list .d_content_arrow {
	top: 5px;
	bottom: 0px;
  	right: 15px;
  	overflow: hidden;
	height: 150px;
}

.d_product_list .d_arrow {
	font-family: "bootstrap-icons";
	font-size: 70px;
	display: block;	
	transform: rotate(-135deg);
	color: var(--text-color); 
    transition: 0.4s;
	transform-origin: 35px 51px;

}

.d_product_list .d_product {
	font-size: 24px;
}

.d_product_list .d_price {
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	color: transparent;
	background-clip: text;
	font-weight: 500;
	padding-bottom: 10px;
}

.d_product_list .d_list {
	margin-top: 10px;
}

.d_product_list .d_сontent_list {
	display: flex;
	margin-bottom: 25px;

}

.d_product_list .d_check_marks {
	background-image: url("../images/check_marks.svg");
	height: 30px;
	width: 40px;
	background-repeat: no-repeat;
	margin-right: 5px;
}

.d_product_list .d_order {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; 
  width: 144px;
  height: 40px;
  text-decoration: none;
  color: #ffffff;
  z-index: 1; 
  margin-left: auto;
  margin-right: auto;
}

.d_product_list .d_order::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../images/orange.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: 0.15s ease;
  z-index: -1; 
}

.d_product_list .d_order:hover::before {
  opacity: 0.7; 
}

.d_product_list .d_order_text {
  color: var(--order-color);
  position: relative; 
  z-index: 2; 
  font-size: 20px;
}




/*--------------------------------------------------------------
# d_website_design
--------------------------------------------------------------*/
.d_website_design {
	margin-top: 0px;
	margin-bottom: 0px;
}

.d_website_design .d_shadow {
	position: absolute;
	box-shadow: var(--website_shadow);
	width: 2500px;
	z-index: -1;

}

.d_website_design .d_inverted_cube {
	background-image: none;
	height: 0px;
	width: 0px;
	margin-top: 0px;
}

.d_website_design .d_cube {
	background-image: none;
	height: 0px;
	width: 0px;
	margin-left: 0px;
}

.d_website_design .d_title {
	color: var(--text-color); 
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 4px;
}

.d_website_design .d_text {
	color: var(--text-color); 
	padding-bottom: 7px;
	padding-left: 16px;
	padding-right: 16px;
}

.d_website_design .d_text_modern {
	color: var(--text-color); 
	padding-bottom: 10px;
	text-align: left;
	padding-left: 16px;
	padding-right: 16px;
}

/*--------------------------------------------------------------
# d_design_services
--------------------------------------------------------------*/
.d_design_services {
	margin-top: 30px;
}

.d_design_services .d_glow {
	box-shadow: none;
	height: 0px;
	width: 0px;
}

.d_design_services .d_glow_2 {
	box-shadow: none;
	height: 0px;
	width: 0px;
}

.d_design_services .d_title {
	font-weight: 600;
	margin-bottom: 0px;
	padding-left: 4px;
}

.d_design_services .d_background {
	position: absolute;
	box-shadow: var(--design-shadow-sm);
	width: 370px;
	z-index: -1;
	margin-top: 335px;
}

.d_design_services	.d_title_2_size {
		font-size: 24px;
	}

.d_design_services .d_product {
	margin-top: 0px;
}

.d_design_services .d_price {
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	color: transparent;
	background-clip: text;
	font-weight: 500;
	padding-bottom: 10px;
}

.d_design_services .d_сontent_list {
	display: flex;
	margin-bottom: 25px;
	margin-top: 0px;
	padding-left: 1px;
}

.d_design_services .d_check_marks {
	background-image: url("../images/check_marks.svg");
	height: 30px;
	width: 40px;
	background-repeat: no-repeat;
	padding-right: 50px;
}

.d_design_services .d_сontent_block {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 5px;
	position: relative;
	overflow: hidden;
	height: 350px;
}

/*--------------------------------------------------------------
# d_design_landing
--------------------------------------------------------------*/
.d_design_landing {
	margin-top: 15px;
}

.d_design_landing .d_glow_container {
	position: relative;
}

.d_design_landing .d_glow {
	box-shadow: none;
	height: 0px;
	width: 0px;
}

.d_design_landing .d_glow_2 {
	height: 40px;
	box-shadow: none;
	width: 0px;
}


.d_design_landing .d_title {
	color: var(--text-color);
	font-weight: 600;
	margin-bottom: 0px; 
	padding-left: 4px;
}

.d_design_landing .d_сontent_block {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 25px;
	position: relative;
	overflow: hidden;
	height: auto;
}

.d_design_landing .d_background {
	position: absolute;
	box-shadow: var(--landing-shadow-sm);
	width: 370px;
	z-index: -1;
	margin-top: 305px;
}

.d_design_landing .d_product {
	margin-top: 0px;
	color: var(--text-color);
	font-size: 24px;
}

.d_design_landing .d_price {
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	color: transparent;
	background-clip: text;
	font-weight: 500;
	padding-bottom: 10px;
}

.d_design_landing .d_сontent_list {
	display: flex;
	margin-bottom: 25px;
	margin-top: 0px;
	padding-left: 1px;
}

.d_design_landing .d_check_marks {
	background-image: url("../images/check_marks.svg");
	height: 30px;
	width: 40px;
	background-repeat: no-repeat;
	padding-right: 50px;
}

.d_design_landing .d_text {
	color: var(--text-color);
}

/*--------------------------------------------------------------
# d_seo
--------------------------------------------------------------*/
.d_seo {
	margin-top: 0px;
	margin-bottom: 0px;
}

.d_seo .d_rocket {
	background-image: none;
	height: 0px;
	width: 0px;
	margin-top: 0px;
}

.d_seo .d_title {
	font-weight: 600;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 3px;

	
}

.d_seo .d_text {
	padding-bottom: 7px;
	padding-left: 16px;
	padding-right: 16px;
}

.d_seo .d_experience {
	padding-top: 0px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 10px;
	text-align: start;
}

/*--------------------------------------------------------------
# d_seo_rate
--------------------------------------------------------------*/
.d_seo_rate {
	margin-top: 0px;	
}

.d_seo_rate .d_сontent_block {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 35px;
	padding-right: 35px;
	position: relative;
	overflow: hidden;
	margin-left: 0px;
	height: auto;
}

.d_seo_rate .d_background {
	position: absolute;
	box-shadow: var(--seo-sm-shadow);
	width: 370px;
	z-index: -1;
}

.d_seo_rate .d_product {
	margin-top: 0px;
	color: var(--text-color);
	font-size: 24px;
}

.d_seo_rate .d_price {
	background: var(--title-seo-rate);
	color: transparent;
	background-clip: text;
	font-weight: 500;
	padding-bottom: 10px;
}

.d_seo_rate .d_price_2 {
	background: linear-gradient(90deg, #F80909, #9BA2FF, #383BDE);
	color: transparent;
	background-clip: text;
	font-weight: 500;
	padding-bottom: 10px;
}

/*--------------------------------------------------------------
# d_smm
--------------------------------------------------------------*/
.d_smm {
	margin-top: 0px;
}

.d_smm .d_message {
	background-image: none;
	height: 0px;
	width: 0px;
	margin-top: 0px;
}

.d_smm .d_message_small {
	background-image: none;
	height: 0px;
	width: 0px;
	margin-top: 0px;
	margin-left: 0px;
}

.d_smm .d_title {
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 3px;
	padding-right: 0px;
}

.d_smm .d_text_1 {
	padding-bottom: 7px;
	padding-right: 16px;
	padding-left: 16px;
}

.d_smm .d_text_2 {
	padding-bottom: 10px;
	padding-left: 16px;
	padding-right: 16px;
	text-align: start;
}

.d_smm .d_experience {
	padding-top: 0px;
}

/*--------------------------------------------------------------
# d_serm
--------------------------------------------------------------*/
.d_serm {
	margin-top: 0px;
}

.d_serm .d_folder {
	background-image: none;
	height: 0px;
	width: 0px;
	margin-left: 0px;
}


.d_serm  .d_title {
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 3px;
}

.d_serm  .d_text {
	padding-bottom: 7px;
	padding-left: 16px;
	padding-right: 16px;
}

.d_text_web {
	text-align: start;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 10px; 
}

.d_serm  .d_experience {
	padding-top: 0px;
}

/*--------------------------------------------------------------
# d_technical_support
--------------------------------------------------------------*/
.d_technical_support {
	margin-top: 0px;
	margin-bottom: 0px;
}

.d_technical_support .d_notebook {
	background-image: none;
	height: 0px;
	width: 0px;
	margin-top: 0px;
	
}

.d_technical_support .d_title {
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 3px;
}

.d_technical_support .d_text {
	padding-bottom: 7px;
	padding-left: 16px;
	padding-right: 16px;

}

.d_technical_support .d_background {
	padding-right: 16px;

}

.d_technical_support .d_experience {
	padding-top: 0px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 10px;
}

/*--------------------------------------------------------------
# d_portfolio
--------------------------------------------------------------*/

.d_portfolio {
	margin-top: 15px;
}

#portfolio {
  	scroll-margin-top: 90px;
}

.d_portfolio .d_title {
	padding-bottom: 12px;
	padding-top: 0px;
	padding-left: 3px;
}

.d_portfolio .d_padding_left {
	padding-left: 5px;

}

.d_portfolio .d_image {
	background-image: url("../images/tire_service.svg");
	height: 160px;
	width: 340px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	background-size: contain;
}

/*--------------------------------------------------------------
# d_portfolio modal window
--------------------------------------------------------------*/

.d_portfolio {
	margin-bottom: 20px;
}

.d_portfolio  .custom_modal_size {
	max-width: none;
	width: auto;
	margin-left: 20px;
	margin-right: 20px;
}

.d_portfolio .d_modal_edges {
	border-radius: 15px !important;
	overflow: hidden !important;
	background-color: #100831;
}

.d_portfolio .d_close_modal {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1;
	opacity: 1;
	padding: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: 0.2s ease;
	filter: brightness(1);
}

.d_portfolio .d_close_modal:hover {
	opacity: 0.7;
	filter: brightness(0.6);
}

.d_portfolio .d_modal_content {
	background-color: var(--bg-color);
	padding: 30px 10px 10px 10px;
}

.d_portfolio .d_title_modal {
	color: var(--text-color);
	margin-left: 0px;	
}

.d_portfolio .d_image_modal {
	background-image: url("../images/vitamed.svg");
	height: 200px;
	width: 346px;
	margin-left: 13px;
	margin-top: 15px;
	background-size: contain;
	background-repeat: no-repeat;
}

.d_portfolio  .d_info_tasks {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
}

.d_portfolio  .d_title_info {
	color: var(--text-color);
	padding-bottom: 5px;
}

.d_portfolio  .d_info_row {
  color: var(--text-color);
  display: flex;
  margin-bottom: 14px;
}

.d_portfolio  .d_info_label {
width: 170px;
}

.d_portfolio  .d_info_value {
width: 200px;
}

.d_portfolio  .d_title_tasks {
	color: var(--text-color);
}

.d_portfolio  .d_text_tasks {
	color: var(--text-color);
}

/*--------------------------------------------------------------
# d_footer
--------------------------------------------------------------*/

.d_footer {
	margin-top: 80px;
}

.d_footer .d_shadow_container {
	position: relative;

}

.d_footer .d_shadow {
	position: absolute;
	box-shadow: var(--footer-shadow);
	width: 350px;
	height: 0px;
	border-radius: 50%;
	filter: none;

}

.d_footer .d_shadow_2 {
	position: absolute;
	box-shadow: var(--footer-shadow-2);
	z-index: -1;
	height: 0px;
	width: 350px;
	border-radius: 90%;
	filter: none;
}

.d_footer .d_shadow_3 {
	position: absolute;
	box-shadow: none !important;
	z-index: -1;
	height: 1px;
	width: 0px;
	border-radius: 5%;
	filter: blur(20px);
}

.d_footer .d_shadow_4 {
	position: absolute;
	box-shadow: none !important;
	height: 70px;
	width: 0px;
	z-index: -1;
}

.d_footer .d_title {
	color: black;
	margin-bottom: 10px;
	z-index: 1;
	padding-left: 16px;
}

.d_footer  .d_social_network {
	margin-top: 10px;
	margin-bottom: 40px;
	padding-left: 16px;
}

.d_footer  .d_icon_instagram {
	padding-left: 0px;
}

.d_footer  .d_icon {
	padding-left: 4px;
}

.d_footer  .d_text {
	color: black;
	padding-left: 19px;
}

}