/*
Theme Name: CV Portfolio Blocks Pro
Theme URI:https://www.wpradiant.net/products/cv-wordpress-theme/
Author: WPRadiant
Author URI:https://www.wpradiant.net/
Description: What truly sets the CV WordPress Theme apart are its advanced features. You can create and organize various sections, such as personal information, work experience, education, skills, and more, to provide a detailed and well-structured overview of your qualifications. For freelancers, creatives, or professionals with a body of work to showcase, the integrated portfolio feature is invaluable. You can display your projects, creative endeavors, or previous work, giving potential clients or employers a tangible sense of your expertise. The theme also includes built-in blogging functionality. You can also connect your online CV to your social media profiles, enhancing your online presence and making it easier for visitors to explore your professional networks. Additionally, you can offer a downloadable PDF version of your resume, enabling interested parties to save and print your CV for reference. Create an engaging visual timeline of your work history, making it easier for viewers to follow your career progression.
Version: 0.0.1
Tested up to: 6.2
Requires at least: 5.9
Requires PHP: 7.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cv-portfolio-blocks-pro
*/
/*header buy now bar start*/
.sticky{
	position: fixed;
	background-color: #000;
	width: 100%;
	max-width: 100%;
	top: 40px;
	z-index: 999;
}
.header-coupon {
    color: #fff;
}
.buy-now a {
    background-color: #000!important;
    color: white !important;
    padding: 10px 20px;
    border-radius:10px;
}

.header-coupon:hover {
    animation: none; /* Stop the blinking on hover */
}


.admin-bar .sticky{
	position: fixed;
	background-color: #000;
	width: 100%;
	max-width: 100%;
	top: 72px;
	z-index: 999;
}
 .mtsnb{
 z-index: 100000!important;
  }
  .mtsnb-button-type a{
    background: #fff;
    color: #000!important;
    padding: 5px 10px;
    border-radius: 10px;
}
.header-coupoun{
    color: green;
}
.mtsnb-text{
      font-weight: bold;
}
/*header buy now bar end*/
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary{display: block;}
audio,
canvas,
video{display: inline-block;}
audio:not([controls]){display: none; height: 0;}
[hidden]{display: none;}
html{font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

html,
button,
input,
select,
textarea{font-family: 'Figtree', sans-serif;}

body{margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;font-family: 'Roboto'; }

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

figure a{display:inline-block;}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration-style: solid;
}

h1,
h2,
h3,
h4,
h5,
h6{clear: both; font-family:'Figtree';}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color: inherit;}

h1{font-size: 48px; margin: 33px 0;}
h2{font-size: 30px; margin: 25px 0;}
h3{font-size: 22px; margin: 22px 0;}
h4{font-size: 20px; margin: 25px 0;}
h5{font-size: 18px; margin: 30px 0;}
h6{font-size: 16px; margin: 36px 0;}

p{margin: 0 0 25px;}

img{border: none; max-width: 100%; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;}

address{font-style: italic; margin: 0 0 24px;}
abbr[title]{border-bottom: 1px dotted;}
b,
strong{font-weight: bold;}
dfn{font-style: italic;}
mark{background: #ff0; color: #000;}
code,
kbd,
pre,
samp{font-family: monospace, serif; font-size: 14px; hyphens: none;}
pre{background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
blockquote, q{hyphens: none; quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content: ""; content: none;}
blockquote{font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px;}
blockquote blockquote{margin-right: 0;}
blockquote cite,
blockquote small{font-size: 14px; font-weight: normal; text-transform: uppercase;}
blockquote em,
blockquote i{font-style: normal; font-weight: 300;}
blockquote strong,
blockquote b{font-weight: 400;}
small{font-size: smaller;}
sub,
sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
dl{margin: 0 20px;}
dt{font-weight: bold;}
dd{margin: 0 0 20px;}
menu,
ol,
ul{margin: 16px 0; padding: 0 0 0 15px;}
ul{list-style-type: square;}
nav ul,
nav ol{list-style: none; list-style-image: none;}
li > ul,
li > ol{margin: 0;}
svg:not(:root){overflow: hidden;}
figure{margin: 0;}
form{margin: 0;}
fieldset{border: 1px solid #c0c0c0; margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em;}
legend{border: 0; padding: 0; white-space: normal;}

button,
input,
select,
textarea{font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;}
button,
input{line-height: normal;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance: button; cursor: pointer;}
button[disabled],
input[disabled]{cursor: default;}
input[type="checkbox"],
input[type="radio"]{padding: 0;}
input[type="search"]{-webkit-appearance: textfield; padding-right: 2px; width: 270px;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
button::-moz-focus-inner,
input::-moz-focus-inner{border: 0; padding: 0;}
textarea{overflow: auto; vertical-align: top; resize: none; min-height: 120px;}

table{border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; line-height: 2; margin: 0 0 20px;	width: 100%;}
caption,
th,
td{font-weight: normal; text-align: left;}
caption{font-size: 16px; margin: 20px 0;}
th{font-weight: bold; text-transform: uppercase;}
td{border-top: 1px solid #ededed; padding: 6px 10px 6px 0;}
del{color: #333;}
ins{background: #fff9c0; text-decoration: none;}

/* Form fields styles. */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="password"],
textarea{border: 2px solid #FFFFFF1A; width: 100%; border-radius: 5px; color: white; padding: 20px; outline: none; background:#1A1A1E;}

select{background: transparent; border: 1px solid #00b5e2; width: 100%; border-radius: 8px; padding: 13px; outline: none;}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"]{background-color: #8274E3; border: none; border-radius: 5px; color: #fff; display: inline-block; font-size: 18px; font-weight: 600; line-height: 24px; padding: 10px 18px; text-decoration: none; transition: all 0.2s;}

/* Placeholder text color -- selectors need to be separate to work. */
::placeholder{color: white; opacity: 1; font-weight: 400;}
:-ms-input-placeholder{color: #041F69;}
::-ms-input-placeholder{color: #041F69;}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

 a:where(:not(.wp-element-button)):hover{
	color: red;
 }
/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

.cv-portfolio-blocks-pro-header .wp-block-cover, .cv-portfolio-blocks-pro-header .wp-block-cover-image, .cv-portfolio-blocks-pro-footer .wp-block-cover, .cv-portfolio-blocks-pro-footer .wp-block-cover-image, .cv-portfolio-blocks-pro-porduct-section, .cv-portfolio-blocks-pro-menu-section{align-items:inherit;}
.cv-portfolio-blocks-pro-footer-menu .wp-block-navigation li {padding-left:20px; position:relative;}
.cv-portfolio-blocks-pro-footer-menu .wp-block-navigation li:before{ content:''; width:8px; height:8px; background:#fff; left:0px; top:50%; position:absolute; border-radius:100%; transform:translateY(-50%);}
.cv-portfolio-blocks-pro-header .wp-block-navigation__submenu-container{min-width:215px !important; background:#5f1c00 !important;}
.cv-portfolio-blocks-pro-menu .wp-block-navigation li{padding:17px 0px;}
.cv-portfolio-blocks-pro-menu .wp-block-navigation__submenu-container li{padding:inherit;}
.cv-portfolio-blocks-pro-menu .wp-block-group {padding:0;}
.wc-block-mini-cart__button:hover {background:transparent;}

.cv-portfolio-blocks-pro-menu {font-family:Oswald;}
.cv-portfolio-blocks-pro-header .wp-block-navigation li.current-menu-item .wp-block-navigation-item__label, .cv-portfolio-blocks-pro-header .wp-block-navigation li .wp-block-navigation-item__label:hover{color:#5BAAEC;}
.cv-portfolio-blocks-pro-footer-menu .wp-block-navigation li.current-menu-item .wp-block-navigation-item__label, .cv-portfolio-blocks-pro-footer-menu .wp-block-navigation li .wp-block-navigation-item__label:hover{ color:#ff8502;}
.cv-portfolio-blocks-pro-footer-menu .wp-block-navigation li:hover:before, .cv-portfolio-blocks-pro-footer-menu .wp-block-navigation li.current-menu-item:before{ background:#ff8502;}

.cv-portfolio-blocks-pro-ice-berg .wp-block-image{background:#5f1c00; width:170px; height:170px; border-radius:100%; align-items:center !important; display:flex !important; justify-content:center !important;}
.cv-portfolio-blocks-pro-ice-berg h3 {width:50%; margin:0 auto;}
.cv-portfolio-blocks-pro-ice-berg:hover .wp-block-image{background: #19375B;}
.cv-portfolio-blocks-pro-ice-berg:hover h3{color:#19375B !important;}
.cv-portfolio-blocks-pro-better-box .wp-block-image{background:#fff; width:100px; height:100px; border-radius:100%; align-items:center !important; display:flex !important; justify-content:center !important; float:left;}
.cv-portfolio-blocks-pro-product-box .wc-block-components-product-image img {width:auto !important; margin:0 auto; display:table;}

.cv-portfolio-blocks-pro-menu-section::before {content:''; width:35%; height:100%; background:#19375B; position:absolute; left:0px; top:0; z-index:1;}
.cv-portfolio-blocks-pro-section .wp-block-columns{position: relative;
overflow: hidden;}
.cv-portfolio-blocks-pro-discount-box {width:230px !important; height:230px; position:absolute; right:-60px; bottom:-50px;}
.cv-portfolio-blocks-pro-section-box .wp-block-column {z-index:9;}
.cv-portfolio-blocks-pro-section .cv-portfolio-blocks-pro-section-box::before {content:''; width:99.5%; height:99%; border:solid 2px #bd9655; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-style: dashed;}
.cv-portfolio-blocks-pro-inner-banner{ position:relative; z-index:-1;}

.cv-portfolio-blocks-pro-section11-left {margin-right:100px !important;}
.cv-portfolio-blocks-pro-section11{ position:relative;}
.cv-portfolio-blocks-pro-section11::before {content:''; width:41.5%; position:absolute; height:100%; background:#19375B; z-index:0;}
.cv-portfolio-blocks-pro-section11 .wp-block-columns{ position:relative; z-index:0;}

.cv-portfolio-blocks-pro-section7-right .wp-block-image {position:absolute; right:0;}
.cv-portfolio-blocks-pro-section7 {position:relative; overflow:hidden;}
.cv-portfolio-blocks-pro-section5-left {position:relative;}
.cv-portfolio-blocks-pro-section5-left::after {content:""; position:absolute; left:0; top:0; background:#19375B; width:45%; height:100%; z-index:-1;}
.cv-portfolio-blocks-pro-header{ position:absolute !important; width:100%; z-index:2;}

/**woocommerce**/
.woocommerce div.product .product_title{ display: none;}
.entry-summary .price {padding-bottom:15px !important;}
.woocommerce div.product .quantity .qty {width:auto;}
.cart {padding-bottom:20px !important;}
.woocommerce div.product div.images img { width:100% !important; margin:0 auto;}
.woocommerce-tabs .tabs.wc-tabs {margin:0px !important; padding:0px !important;}
.woocommerce-tabs .tabs.wc-tabs:before{ border:none !important;}
.woocommerce-tabs .woocommerce-Tabs-panel {font-size:20px; padding:0px !important; background-color: #f6f6f6;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:#222 !important; color:#fff !important; border-radius:0px !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#fff; font-weight:400 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ display:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none !important; padding:5px 30px !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background:#5BAAEC !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:#fff !important;}
.related.products h2 {text-align:center;}

.related.products li .price, .products li .price{ text-align:center;}
.related.products .button, .products .button{display:table; margin:0 auto;}
.related.products, .products{ text-align:center;}
.related.products li, .products li{float:none !important; display:inline-block; margin:15px !important; padding:35px 15px 0px !important; border-radius: 5px !important;}
.related.products li img, .products li img {width:auto !important; text-align:center; display:table !important; margin:0 auto !important; margin-bottom:20px !important;}

.woocommerce div.product .related.products {padding:40px !important; background-color:#f6f6f6;}
.qty.text {width:auto !important;}
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {max-width:100%;}
.woocommerce-page .button {padding:10px 35px !important;}
.woocommerce-Price-amount bdi {font-weight:600;}
.select2-container--default .select2-selection--single, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {border:1px solid #222; border-radius:0px;}
body.home .cv-portfolio-blocks-pro-menu li:nth-child(1) span {color:#5BAAEC;}
body.home .cv-portfolio-blocks-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span {color:inherit;}
body.home .cv-portfolio-blocks-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span:hover, body.home .cv-portfolio-blocks-pro-menu li .wp-block-navigation__submenu-container li span:hover, .cv-portfolio-blocks-pro-menu li .wp-block-navigation__submenu-container li span:hover {color:#5BAAEC;}
.cv-portfolio-blocks-pro-section10 .add_to_cart_button {border-radius:3px; background-color:#19375B; padding:12px 25px !important;}
.added_to_cart.wc-forward {display:block;}
.current-menu-item a{color:#5BAAEC;}

@media(max-width: 1440px){
.cv-portfolio-blocks-pro-section7-right .wp-block-image {position:relative; right:-114px;}
.cv-portfolio-blocks-pro-menu-section::before{ width:25%;}
}
@media(max-width: 1300px){
.cv-portfolio-blocks-pro-section7-right .wp-block-image{ right:-40px;}
}

@media(max-width: 1199pxheader ){
.cv-portfolio-blocks-pro-menu-section::before { display:none}
.cv-portfolio-blocks-pro-header-top-bar {padding:20px 15px !important;}
}

@media(min-width: 1024px) and (max-width: 1200px){
.woocommerce-page .button {padding:10px 25px !important;}
.related.products li, .products li{margin:10px !important;}
}

@media(max-width: 1023px){
.cv-portfolio-blocks-pro-banner-content h1 {font-size:32px !important;}
h3.has-text-color {font-size:20px !important;}
h5.has-text-color {font-size:18px !important;}
.has-text-align-right, has-text-align-left {text-align:center !important;}
.cv-portfolio-blocks-pro-header-top-bar-left {text-align:center; padding-bottom:25px;}
.cv-portfolio-blocks-pro-header-top-bar-left .wp-block-image {display:table; margin:0 auto !important; float:none !important; margin-bottom:10px !important; display:none;}
.cv-portfolio-blocks-pro-header-top-bar {padding-top:20px !important; padding-bottom:35px !important;}

.cv-portfolio-blocks-pro-banner-content {padding-top:0px !important; text-align:center; padding-bottom:40px;}
.cv-portfolio-blocks-pro-banner-content .wp-block-buttons {margin:0 auto; display: table !important;}
.cv-portfolio-blocks-pro-header-top-bar-right .wp-block-woocommerce-mini-cart {display:table; margin:0 auto !important; padding-top:20px;}
.cv-portfolio-blocks-pro-section1 {padding:40px 15px 0px !important;}
.cv-portfolio-blocks-pro-section1-left {text-align:center;}
.cv-portfolio-blocks-pro-section1-left .wp-block-button{ display:table; margin:0 auto;}
.cv-portfolio-blocks-pro-section1-right {padding-top:40px;}
.cv-portfolio-blocks-pro-ice-berg {margin-bottom:40px !important;}
.cv-portfolio-blocks-pro-ice-berg h3 {width:100%;}
.cv-portfolio-blocks-pro-section1-left p {padding-top:0px !important;}

.cv-portfolio-blocks-pro-section2{padding:60px 15px 40px !important;}
.cv-portfolio-blocks-pro-section2-right {text-align:center;}
.cv-portfolio-blocks-pro-section2-right .wp-block-image{margin:0 auto; display:table; margin-bottom:20px !important; margin-inline-start:auto !important; margin-inline-end:auto !important; float:none !important;}

.cv-portfolio-blocks-pro-section3{ padding:40px 15px !important; text-align:center;}
.cv-portfolio-blocks-pro-section3-right {margin-top:40px !important; padding: 30px !important; text-align: center !important;}
.cv-portfolio-blocks-pro-better-box .wp-block-image{ float:none; margin-bottom:15px !important;}
.cv-portfolio-blocks-pro-section3-left .wp-block-button{ display:table; margin:0 auto;}
.cv-portfolio-blocks-pro-discount-box {padding-top:30px !important;}

.cv-portfolio-blocks-pro-section5-inner {padding:40px 15px !important;}
.cv-portfolio-blocks-pro-porduct-section {padding:40px 0px !important;}
.cv-portfolio-blocks-pro-menu-section::before { display:none;}
.cv-portfolio-blocks-pro-menu-section .wp-block-group {text-align:center;}
.cv-portfolio-blocks-pro-section5-right .wp-block-buttons {display:table; margin:0 auto;}
.cv-portfolio-blocks-pro-section6 {padding:40px 15px !important;}
.cv-portfolio-blocks-pro-section7-left {padding:40px 15px !important;}
.cv-portfolio-blocks-pro-section7-left .wp-block-group, .cv-portfolio-blocks-pro-section7-left h2.has-text-color, .cv-portfolio-blocks-pro-section7-left .wp-block-columns {padding:0px !important;}
.cv-portfolio-blocks-pro-section7-testimonial-box { padding:30px !important;}
.wp-block-group.cv-portfolio-blocks-pro-section7-testimonial-box {padding:30px !important;}
.cv-portfolio-blocks-pro-section7-left .wp-block-columns {margin-top:40px !important;}
.wp-block-group.cv-portfolio-blocks-pro-section7-testimonial-box .wp-block-columns {margin-top:0px !important;}
.cv-portfolio-blocks-pro-section7-right .wp-block-image {margin:0px !important; right:0px;}
.cv-portfolio-blocks-pro-section7-left h5, .cv-portfolio-blocks-pro-section7-left h2 {text-align:center;}
.cv-portfolio-blocks-pro-section7-testimonial-box h4, .cv-portfolio-blocks-pro-section7-testimonial-box p {text-align:center;}
.cv-portfolio-blocks-pro-section7-testimonial-box .wp-block-image {margin:0 auto !important; float:none !important;}
.cv-portfolio-blocks-pro-section7-right .wp-block-image, .cv-portfolio-blocks-pro-section7-right .wp-block-image img{ width:100% !important;}

.cv-portfolio-blocks-pro-section9 {padding:40px 15px !important;}
.cv-portfolio-blocks-pro-section10 {padding:40px 15px !important;}
.cv-portfolio-blocks-pro-section11 {padding:0px !important;}
.cv-portfolio-blocks-pro-section11-left {padding:0px !important; padding-bottom:40px !important;}
.cv-portfolio-blocks-pro-section11-left h5, .cv-portfolio-blocks-pro-section11-left h2 {text-align:center;}
.cv-portfolio-blocks-pro-section11-left .wp-block-buttons{display:table !important; margin:0 auto !important;}
.cv-portfolio-blocks-pro-section11-right .wp-block-column {border:none;}
.cv-portfolio-blocks-pro-section11-left {margin-right:0px !important;}
.cv-portfolio-blocks-pro-section11-left .wp-block-group {padding:40px !important;}
.cv-portfolio-blocks-pro-section11::before { display:none;}
.cv-portfolio-blocks-pro-section11-right {padding:0px 0px 40px 0px !important;}

.cv-portfolio-blocks-pro-section-box {padding:80px 25px 200px !important;}
.cv-portfolio-blocks-pro-section-box h2{font-size:38px !important;}
.cv-portfolio-blocks-pro-section-box .wp-block-column{ padding:0px !important;}
.cv-portfolio-blocks-pro-footer-column {padding:20px 15px !important;}
.cv-portfolio-blocks-pro-footer-box, .cv-portfolio-blocks-pro-footer-menu {padding:20px 0px;}
.cv-portfolio-blocks-pro-footer-copyright .wp-block-column {text-align:center;}
.cv-portfolio-blocks-pro-section11-right .wp-block-columns {border:none; margin:0px !important;}

.header-layout1{padding:20px 0px !important;}
.cv-portfolio-blocks-pro-404 .wp-block-search__inside-wrapper {width:100% !important;}
.cv-portfolio-blocks-pro-404 {padding:40px 15px !important;}

.cv-portfolio-blocks-pro-blog-area, .iceland-blog-right-side, .cv-portfolio-blocks-pro-blog-left-side-page, .cv-portfolio-blocks-pro-blog-no-sidebar, .cv-portfolio-blocks-pro-archive-page {padding:40px 15px !important;}
.cv-portfolio-blocks-pro-blog-content {padding-left:0px !important; padding-top:25px;}
.cv-portfolio-blocks-pro-blog-meta .wp-block-post-date, .cv-portfolio-blocks-pro-blog-meta .wp-block-post-author, .cv-portfolio-blocks-pro-blog-meta .wp-block-post-terms {width:100% !important; padding:0px !important;}
.cv-portfolio-blocks-pro-blog-left-side-area {padding-right:0px !important;}
.iceland-iceland-blog-right-side-page{ padding-left:0px !important;}
.cv-portfolio-blocks-pro-contact-lay1, .cv-portfolio-blocks-pro-contact-lay2-box{padding:40px 15px !important;}
.cv-portfolio-blocks-pro-contact-lay1 .wp-block-group{ padding-right:0px !important;}
.cv-portfolio-blocks-pro-contact-lay1 .cv-portfolio-blocks-pro-contact-info{ padding-top:40px;}
.cv-portfolio-blocks-pro-contact-info-box {padding:30px !important;}
.cv-portfolio-blocks-pro-service-single-lay{padding:40px 15px 0px !important;}
.cv-portfolio-blocks-pro-service-menu {padding-right:0px !important; padding-bottom:40px;}
.cv-portfolio-blocks-pro-service-single-lay h2 {font-size:24px !important;}
.cv-portfolio-blocks-pro-team-section1 {padding:40px 15px !important;}
.cv-portfolio-blocks-pro-team-section1-right{ padding-top:40px;}
.cv-portfolio-blocks-pro-team-section1 .wp-block-columns{ padding-bottom:40px !important;}
.cv-portfolio-blocks-pro-team-section2{ padding-top:0px !important; padding-bottom:20px !important;}
.cv-portfolio-blocks-pro-team-section-box {margin-bottom:30px !important; padding-right:0px !important;}
.cv-portfolio-blocks-pro-archive-left {padding-right:0px !important;}
.cv-portfolio-blocks-pro-inner-banner-title {font-size:26px !important; margin:0px !important;}
.cv-portfolio-blocks-pro-blog-single-area {padding:40px 15px !important;}
.cv-portfolio-blocks-pro-blog-single-right-area {padding-left:0px !important; padding-top:40px;}
.cv-portfolio-blocks-pro-section9 .wp-block-buttons {margin-top:30px !important;}
.cv-portfolio-blocks-pro-inner-banner .wp-block-cover {min-height:220px !important;}
.cv-portfolio-blocks-pro-404 h1{padding-bottom:30px !important; font-size:30px !important;}
.related.products li, .products li{width:100% !important; margin:0 auto !important;}
.cv-portfolio-blocks-pro-section5-menu-box .wp-block-column {text-align:center;}
.cv-portfolio-blocks-pro-section5-left::after{ display:none;}
.cv-portfolio-blocks-pro-section5-left, .cv-portfolio-blocks-pro-section5-right{ padding:0px !important;}
}

@media(min-width: 1024px){
.cv-portfolio-blocks-pro-banner{padding-left:60px !important;}
}

@media(min-width: 768px) and (max-width: 1023px){
.cv-portfolio-blocks-pro-header-top-bar {padding:20px 15px !important;}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.cv-portfolio-blocks-pro-header-top-bar-left, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.cv-portfolio-blocks-pro-header-top-bar-logo, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.cv-portfolio-blocks-pro-header-top-bar-right {flex-basis:auto !important; width:33.33%; float:left; padding:0px !important;}
.cv-portfolio-blocks-pro-ice-berg .wp-block-image{width:140px; height:140px;}
.cv-portfolio-blocks-pro-header-top-bar-right .wc-block-mini-cart.wp-block-woocommerce-mini-cart {padding:0px;}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.cv-portfolio-blocks-pro-banner-content, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.cv-portfolio-blocks-pro-banner-image{flex-basis:auto !important; width:50%; float:left; padding:0px !important; text-align:left;}
.cv-portfolio-blocks-pro-banner-content .wp-block-buttons {margin:inherit;}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.cv-portfolio-blocks-pro-banner-content {padding-top:40px !important;}
.cv-portfolio-blocks-pro-section1-right .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis:auto !important;}
.cv-portfolio-blocks-pro-better-box {flex-basis:auto !important; width:49% !important; display:inline-block; padding:15px !important;}
.cv-portfolio-blocks-pro-section11-right .is-layout-flow.wp-block-column {flex-basis:auto !important; padding:15px;}
.cv-portfolio-blocks-pro-section2-left .wp-block-image.alignleft.size-full, .cv-portfolio-blocks-pro-section5-inner .wp-block-image.alignleft.size-full {float:none; text-align:center; width:100%;}
.cv-portfolio-blocks-pro-section7-testimonial-box {width:60%; margin:0 auto;}
.cv-portfolio-blocks-pro-banner{padding-left:60px !important;}
}

@media(min-width: 600px) and (max-width: 1023px){
.cv-portfolio-blocks-pro-section8-product-box ul li, .cv-portfolio-blocks-pro-section4-product-box ul li, .cv-portfolio-blocks-pro-section9 ul li {width:calc(50% - .9375em) !important;}
.cv-portfolio-blocks-pro-section-box {padding:80px 100px 200px !important;}
}

@media(min-width: 1024px) and (max-width: 1440px){
h3.has-text-color {font-size:20px !important;}
h5.has-text-color {font-size:18px !important;}
.cv-portfolio-blocks-pro-blog-content h2 {font-size:24px !important;}
.cv-portfolio-blocks-pro-ice-berg h3 {width:100%;}
.cv-portfolio-blocks-pro-section7-left .wp-block-group {padding:0px !important;}
.cv-portfolio-blocks-pro-section7-left .wp-block-columns {padding:0px !important;}
.cv-portfolio-blocks-pro-section7-left h2{ padding:0px !important;}
.cv-portfolio-blocks-pro-section1-left p {padding-top:0px !important;}
.cv-portfolio-blocks-pro-section7-left {padding:40px 15px 0px !important;}
.wp-block-group .cv-portfolio-blocks-pro-section7-testimonial-box {padding:20px 25px !important; margin-top: 30px !important;}
.wp-block-group .cv-portfolio-blocks-pro-section7-testimonial-box p{ font-size:16px !important; padding-bottom:10px !important;}
.cv-portfolio-blocks-pro-section-box{padding-right:30px !important; padding-left:30px !important;}
.cv-portfolio-blocks-pro-section8 h2{font-size: 46px !important;}
.cv-portfolio-blocks-pro-banner-content h1{font-size:50px !important;}
.cv-portfolio-blocks-pro-header-top-bar-left .wp-block-image {margin:0px !important;}
.cv-portfolio-blocks-pro-404 h3.has-text-color {font-size:80px !important;}
.cv-portfolio-blocks-pro-section11-left{padding-left: 40px;}
}

@media(max-width: 767px){
.cv-portfolio-blocks-pro-header-banner .wp-block-cover{padding-top:300px !important;}
}

@media(min-width: 600px) and (max-width: 799px){
.cv-portfolio-blocks-pro-header .wp-block-navigation__submenu-container {right:-1px !important; left:auto !important;}
}

@media(max-width: 599px){
.cv-portfolio-blocks-pro-menu {position:relative; right:0px; top:-25px;}
.cv-portfolio-blocks-pro-menu .wp-block-navigation ul{display: block !important; width: 100%; text-align: right; min-width:310px !important; padding-left:5px !important;}
.wp-block-navigation__submenu-container li {padding-right:0px !important;}
.cv-portfolio-blocks-pro-menu .wp-block-navigation ul li{display:block !important; border-bottom:solid 1px #ccc; margin-bottom:0px; padding:15px 0px; padding-right:25px;}
.cv-portfolio-blocks-pro-menu .wp-block-navigation__submenu-container {padding-right:0px !important;}
.cv-portfolio-blocks-pro-menu .wp-block-navigation ul li a{ line-height:normal !important;}
.cv-portfolio-blocks-pro-menu .wp-block-navigation__submenu-container li a{ text-align:right; display:inherit !important;}
.cv-portfolio-blocks-pro-menu .wp-block-navigation__submenu-container{ padding-top:20px !important;}
.cv-portfolio-blocks-pro-menu .wp-block-navigation__submenu-container li {border:none !important;}
.cv-portfolio-blocks-pro-menu .wp-block-navigation__responsive-container-open:hover {background:none;}
.cv-portfolio-blocks-pro-menu .wp-block-navigation__responsive-container-open svg{width:35px; height:35px;}
.cv-portfolio-blocks-pro-menu .wp-block-navigation.items-justified-right{ padding-top:0px;}
.cv-portfolio-blocks-pro-menu .current-menu-item a, .cv-portfolio-blocks-pro-menu li a:hover {color:#5BAAEC !important; background:none !important;}
.cv-portfolio-blocks-pro-menu .is-layout-constrained {padding:5px !important;}
}


/* *-*-*-*-*-*-*-*-*-* New CSS	*-*-*-*-*-*-*-*-*-*-*-* */
body .wp-site-blocks{
	overflow: hidden;
}
.wpcf7 form .wpcf7-response-output{
	margin: 0;
}
/********************************* new Portfolio theme css*********************************/
.header-col {
    background-color: #7562E0;
}
.portfolio-container {
    max-width: 1320px !important;
    margin: 0px auto !important;
    padding-top: 0px;
    padding-bottom: 0px;
}
/********* slider-social-media-icons*********************/
.slider-col-two .social-icons {
    position: relative;
    top: 176px;
    bottom: 0px;
    right: 0px;
    left: -88px;
}
/****************** slider-css**************************/
.slider-col-two {
    position: relative;
}
.best-design-awards-row {
    position: absolute !important;
    background: white;
    width: 184px !important;
    border-radius: 10px;
    box-shadow: 6px -6px 17.5px 0px #0000001A;
    top: 190px;
    right: 20px;
    height: 73px;
    justify-content:center;
    gap: 10px;
}
.best-design-awards-row .wp-image-239 {
    width: 30px !important;
    height: 30px !important;
    margin-top: 6px !important;
    object-fit: contain !important;
    margin-left: 5px;
}
.best-design-awards-row .wp-block-image {
    background: #0F50FF !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
}
#best-design-awards {
    max-width: 90px !important;
    /* padding-top: 0px !important; */
    /* padding-right: 0px !important; */
    /* padding-bottom: 0px !important; */
    /* padding-left: 0px !important; */
    /* margin-top: 0px !important; */
    /* margin-right: 0px !important; */
    /* margin-bottom: 0px !important; */
    /* margin-left: 0px !important; */
}
.ui-ux-button {
    position: absolute !important;
    background: white;
    width: 184px !important;
    border-radius: 10px;
    box-shadow: -6px 6px 17.5px 0px #00000033 !important;
    top: unset;
    right: unset;
    height: 73px;
    justify-content: center;
    gap: 10px;
    left: -120px;
    bottom: 80px;
}
.ui-ux-stackgroup {
    width: 85px !important;
    color: #434861;
}
.ui-ux-button .wp-image-199 {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain;
    display: flex;
  
}

.ui-ux-button .wp-block-image {
    width: 40px;
    height: 40px;
    background: #0F50FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-col-two .size-full.slider-right-img {
    position: relative;
    bottom: -102px;
}



/************ branding-section-imges -csss*********************/
.branding-section-img .branding-img {
    border: 1px solid #7562E0;
    margin-left: 10px;
    border-radius: 5px;
    padding: 0px 8px;
    box-shadow: 3px 0px 15px 0px #FFFFFF33;
}

/************ aboutus-section-css******************************/
.gmail-text a {
    text-decoration: none !important;
}
.gmail-text h5.gutentor-text {
    font-size: 20px !important;
    line-height: 35px !important;
    font-weight: 600 !important;
    font-family: 'Roboto' !important;
}

/************* my-working-process-css **********************/

.working-process-info .kt-blocks-info-box-media.kt-info-media-animate-none {
    background: #312A54;
}

.dashed-columns{
	position: relative;

}
.dashed-columns:before{
	content: "";
    display: block;
    width: 200px;
    height: 2px;
    position: absolute;
    left: -100px;
    top: 20%;
    right: 0px;
    border: 1px solid white;
    border-style: dashed;

}
.dashed-columns:after{
	content: "";
    width: 200px;
    height: 2px;
    position: absolute;
    right: -100px;
    top: 20%;
    border: 1px solid white;
    border-style: dashed;

}

/******************** service-section************************/

.service-col-info .kt-info-box397980_5abe20-26 .kt-blocks-info-box-link-wrap {
    box-shadow: 10px 10px 15px 0px #0000001A;
}
.service-col-info-one .service-col-info-one-stack {
    margin-top: -90px !important;
}
.service-section .service-card {
    box-shadow: 10px 10px 15px 0px #0000001A;
}

/************** testimonial-section-css***********************/
.portfolio-container-testimonial{
    display: flex;
    justify-content: end !important;
    width: 100%;
    
}
.wp-block-kadence-testimonials .kt-testimonial-rating-5 .kt-svg-testimonial-rating-icon {
    margin-left: 5px;
}
.portfolio-container-testimonial .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
    max-width: 80%;
}

/****************** contact-form-section-css**********************/
.contact-col-two-group input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width:100%;
    margin-top: 20px;
    font-family: 'Roboto';
}
.contact-col{
    align-items: end !important;
}
.wpcf7-form p {
    margin-top: 10px;
     margin-bottom: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #8274E3;
    color: white;
}
.contact-col-two-group .wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: absolute;
}
#Submit-btn {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0em;
}


/*************** what do i do -section-css ****************************/
.gutentor-element-progressbar .gutentor-element-progressbar-text {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

/*************** our-partners-section-css *********************/
.our-partners-section .our-partners-img-row {
    gap: 20px;
}


/**************** newsletter-section-csss****************************/
 #newsletter-email {
    padding: 28px;
   
} 
#Subscribe-btn {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    background: #7562E0;
    width: 233px;
    text-transform: uppercase;
}
.input-subscribe {
    bottom: 0px;
    position: absolute;
    margin: 0px auto;
    width: 240px;
    top: 10px;
    right: 15px;
    height: 50px;
}
.input-container {
    position: relative;
    max-width: 550px;
    height: auto;
}

/*************************** footer-css-************************************/
.icon-label-one .stk-row.stk-inner-blocks.stk-block-content {
    gap: 20px;
}
.footer-main-col .wp-block-navigation {
    font-family: 'Roboto';
    line-height: 36px;
    font-weight: 400;
}
.footer-section .portfolio-container {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.mobile-row a {
    text-decoration: none !important;
}
.location-row a {
    text-decoration: none !important;
}
.mail-row a {
    text-decoration: none !important;
} 
/******************* grid-gallery*************************/
.gal-2 .wp-image-239 {
    margin-left: 15px;
}
.gallery-col-group-two-2 .wp-image-243 {
    height: 321px;
    margin-left: 20px;
    width: 754px;
    object-fit: unset !important;
}
img.wp-image-238 {
    object-fit: unset !important;
}
.gallery-col-group-two {
    margin-top: -16px !important;
}

/************************* Responsive-css-all-media *****************************************/
@media screen and (max-width:1920px) and (min-width:1023px) {
    #i-am-a-ui-ux-designer-based-in-usa {
        padding-right: 30px !important;
    }
    .wpcf7-form-control.wpcf7-textarea {
        height: 200px !important;
    }

}
/************* Header-section & slider-section -css **************************/
@media screen and (max-width:1024px) and (min-width:992px) {
    .header-col .portfolio-container {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .header-col-two-row ul {
        gap: 25px !important;
    }
    .best-design-awards-row {
        position: absolute !important;
        background: white;
        width: 170px !important;
        border-radius: 10px;
        box-shadow: 6px -6px 17.5px 0px #0000001A;
        top: 80px;
        right: 0px;
        height: 73px;
        justify-content: center;
        gap: 10px;
    }
    .slider-col-two .social-icons {
        position: relative;
        top: 100px;
        bottom: 0px;
        right: 0px;
        left: -76px;
    }
    .slider-col-one {
        padding-top: 70px !important;
        padding-bottom: 48px !important;
        padding-right: 0px !important;
    }
    .slider-col-two .size-full.slider-right-img {
        position: relative;
         bottom: -44px;
    }
    .ui-ux-button {
        position: absolute !important;
        background: white;
        width: 170px !important;
        border-radius: 10px;
        box-shadow: 6px -6px 17.5px 0px #0000001A;
        top: unset;
        right: unset;
        height: 73px;
        justify-content: center;
        gap: 10px;
        left: -120px;
        bottom: 0px;
    }
    #welcome-to-my-world {
        margin-bottom: 20px !important;
    }
    #hi-im-brad-kane-a-professional-ui-developer {
        margin-bottom: 20px !important;
    }
    .slider-col-one-stack h2.stk-block-heading__text.has-text-color {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .slider-col-one-stack h1.stk-block-heading__text.has-text-color {
        font-size: 36px !important;
        line-height: 50px !important;
    }
    .slider-col-one-stack span.stk-button__inner-text {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .slider-col-two h5.stk-block-heading__text.has-text-color {
        font-size: 15px !important;
        line-height: 18px !important;
    }
    /************* branding-section-css *******************/
    .branding-section {
        min-height: 250px !important;
    }
    .branding-section .portfolio-container {
        min-height: 250px !important;
    }
    .branding-section .brand-main-col {
        padding: 20px !important;
    }
    .branding-img img {
        width: 150px !important;
        height: 60px !important;
        object-fit: contain !important;
    }
    /**************Aboutus-section-csss ************************/
    .aboutus-section .aboutus-col {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    #about-me {
        margin-bottom: 10px !important;
    }
    .aboutus-right-row h4.stk-block-heading__text.has-text-color.has-text-align-left {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    #i-am-a-ui-ux-designer-based-in-usa {
        margin-bottom: 10px !important;
    }
    .aboutus-right-row h1.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
        font-size: 36px !important;
        line-height: 54px !important;
    }
    .aboutus-section .aboutus-right-row .stk-ae7d82b {
        margin-bottom: 10px !important;
    }
    .aboutus-right-row h5.stk-block-heading__text.has-text-color {
        font-size: 18px !important;
        line-height: 35px !important;
    }
    .aboutus-right-row span.stk-button__inner-text {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .aboutus-section h5.gutentor-text {
        font-size: 18px !important;
    }
    /*************working-process-section-css ****************************/
    .working-process-section .working-process-outer-col-two {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    #process {
        margin-bottom: 10px !important;
    }
    .working-process-outer-col-two h4.stk-block-heading__text.has-text-color.has-text-align-center {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    #my-working-process {
        margin-bottom: 10px !important;
    }
    .working-process-outer-col-two h2.stk-block-heading__text.has-text-color.has-text-align-center {
        font-size: 36px !important;
        line-height: 58px !important;
    }
    /************ service-section ****************/
    .kt-info-box397980_438cb5-85 .kt-blocks-info-box-link-wrap {
        /* border-top: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        border-left: 1px solid #ffffff; */
        margin-top: 0px !important;
    }
    .service-section .service-col {
        padding-top: 160px !important;
        padding-bottom: 30px !important;
    }
    #our-service {
        margin-bottom: 10px !important;
    }
    .service-col-text h4.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    .service-col-text .stk-f089e26 {
        margin-bottom: 10px !important;
        padding-right: 30px !important;
    }
    .service-col-text p.stk-block-text__text.has-text-color {
        font-size: 14px !important;
        line-height: 26px !important;
    }
    #expertise-service-lets-check-it-out {
        margin-bottom: 10px !important;
    }
    .service-col-text h3.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
        font-size: 36px !important;
        line-height: 58px !important;
        padding-right: 20px !important;
    }
    .service-col-text span.stk-button__inner-text {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    /**************** Digital-gallery-section-css **************************/
    .digital-gallery-section .portfolio-container {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .digital-gallery-section .digital-gallery-group-one {
        padding-top: 15px !important;
        padding-bottom: 0px !important;
    }
    #portfolio {
        margin-bottom: 10px !important;
    }
    .digital-gallery-stack h4.stk-block-heading__text.has-text-color {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    #digital-product-showcases {
        margin-bottom: 10px !important;
    }
    .digital-gallery-stack h2.stk-block-heading__text.has-text-color {
        font-size: 36px !important;
        line-height: 58px !important;
    }
    .gallery-col-group-two-2 .wp-image-243 {
        height: 243px;
        margin-left: 20px;
        width: 556px;
        object-fit: unset !important;
    }

/****************** Testimonial-section-css ****************************/
.testimonial-section .testimonial-col-one {
    flex-basis: 100% !important;
}
.testimonial-section .testimonial-col-two {
    display: none;
}
.portfolio-container-testimonial {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}
.testimonial-section .portfolio-container-testimonial {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#our-testimonials {
    margin-bottom: 10px !important;
    text-align: center !important;
    width: 100% !important;
}
#over-1-000-designs-complete-for-happy-clients {
    margin-bottom: 10px !important;
}
.testimonial-content-row h2.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 36px !important;
    line-height: 58px !important;
}

/************** what-do-section-csss **************************/
.what-do-section .portfolio-container {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
#what-do-i-do {
    margin-bottom: 10px !important;
}
#education-and-experiences {
    margin-bottom: 10px !important;
}
.what-do-section .what-do-col-one-stack {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
#\32 016-2019 {
    margin-bottom: 10px !important;
}
.what-do-col-one-stack h4.stk-block-heading__text.has-text-color {
    line-height: 60px !important;
}
.what-do-col-one-stack .wp-block-stackable-text.stk-block-text.stk-block.stk-90e427e {
    margin-bottom: 10px !important;
}
#\32 019-2021 {
    margin-bottom: 10px !important;
}
.what-do-col-two .gutentor-element-progressbar-text {
    line-height: 4 !important;
}
.what-do-section .what-do-col-two {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/************** Our-partners-section-css **************************/
.our-partners-section {
    padding: 0px !important;
}
#our-partners {
    margin-bottom: 10px !important;
}
.our-partners-heading-stack h4.stk-block-heading__text.has-text-color {
    font-size: 22px !important;
    line-height: 30px !important;
}
.our-partners-section .portfolio-container {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.our-partners-heading-stack h2.stk-block-heading__text.has-text-color {
    font-size: 36px !important;
    line-height: 60px !important;
}

/***************** contact-me-section-css ******************************/
#contact-me-now {
    margin-bottom: 10px !important;
}
.contact-section .contact-col {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.contact-section .portfolio-container {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/************* newsletter-section-css ***********************************/
.newsletter-section #our-testimonials {
    text-align: left !important;
}
.newsletter-section h4.stk-block-heading__text.has-text-color {
    font-size: 22px !important;
    line-height: 28px !important;
}
.input-subscribe {
    bottom: 0px;
    position: absolute;
    margin: 0px auto;
    width: 300px;
    top: 13px;
    right: 15px;
    height: 50px;
}
/*************** footer-section *********************/
.footer-section .portfolio-container {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

}

@media screen and (max-width:991px) and (min-width:768px) {
    /******* headersection-css **************/
    .header-col-two-row ul {
        gap: 18px !important;  
}
.header-col h2.stk-block-heading__text.has-text-color {
    font-size: 28px !important;
    line-height: 40px !important;
    letter-spacing: 0px !important;
}
.header-col .stk-699aae6 .stk-block-heading__bottom-line {
    width: 108px !important;
    margin-bottom: 5px !important;
}
.header-col #portfolio {
    margin-bottom:0px !important;
}
.header-col .header-col-two-row {
    padding-top: 0px !important;
}
.header-col .portfolio-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.header-col .wp-block-columns .header-col-two {
    align-items: center;
    display: flex;
}
.header-col-two-row {
    justify-content: center !important;
}
nav ul a {
    font-size: 16px !important;
}
.header-col .wp-block-columns .header-col-one {
    flex-basis: 35% !important;
}
.header-col .wp-block-columns .header-col-two {
    flex-basis: 65% !important;
}
/*********** slider-section-css**********************/
.slider-section .wp-block-column.slider-col-one {
    flex-basis: 50% !important;
    padding-top: 60px !important;
    padding-bottom: 20px !important;
    padding-right: 10px !important;
}
.slider-section .wp-block-column.slider-col-two {
    flex-basis: 50% !important;
}
#welcome-to-my-world {
    margin-bottom: 05px !important;
}
.slider-section h2.stk-block-heading__text.has-text-color {
    font-size: 14px !important;
    line-height: 24px !important;
}
#hi-im-brad-kane-a-professional-ui-developer {
    margin-bottom: 5px !important;
}
.slider-section h1.stk-block-heading__text.has-text-color {
    font-size: 28px !important;
    line-height: 42px !important;
    letter-spacing: 0px !important;
}
.slider-section span.stk-button__inner-text {
    font-size: 12px !important;
    line-height: 14px !important;
    letter-spacing: 0px !important;
}
.ui-ux-button{
    display: none !important;
}
.best-design-awards-row{
    display: none !important;
}
.slider-col-two .social-icons {
    position: relative;
    top: 72px;
    bottom: 0px;
    right: 0px;
    left: -60px;
}
.slider-col-two .size-full.slider-right-img {
    position: relative;
    bottom: -30px;
}
.wp-block-cover.is-light.slider-section {
    min-height: 330px !important;
}
.slider-section .portfolio-container {
    min-height: 330px !important;
}
.stk--inner-svg {
    width: 20px !important;
    height: 20px !important;
}

/********** branding-section-css ***********************/
.branding-section .brand-main-col {
    padding: 10px !important;
}
.branding-section .branding-section-img {
    padding-top: 8px !important;
}
.branding-img img {
    width: 85px !important;
    height: 30px !important;
    object-fit: contain !important;
}
.branding-section {
    min-height: 220px !important;
    padding: 0px !important;
}
.branding-section .portfolio-container {
    min-height: 230px !important;
    padding: 0px 10px !important;
}
.branding-section h4.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 22px !important;
    line-height: 28px !important;
}
.branding-section h6.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 14px !important;
    letter-spacing: 0px !important;
    line-height: 24px !important;
}
#work-for-all-this-brand-amp-client {
    margin-bottom: 5px !important;
}
#ui-designer-from-usa-i-have-rich-experience-in-ui-design-amp-building-and-customization-lorem-ipsum-dummy-text {
    margin-bottom: 5px !important;
}
/**************** aboutme-section-css ******************************************/
#about-me {
    margin-bottom: 10px !important;
}
.aboutus-right-row h4.stk-block-heading__text.has-text-color.has-text-align-left {
    font-size: 20px !important;
    line-height: 28px !important;
}
#i-am-a-ui-ux-designer-based-in-usa {
    margin-bottom: 10px !important;
}
.aboutus-right-row h1.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 28px !important;
    line-height: 32px !important;
}
.aboutus-right-row h6.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 14px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
}
.aboutus-right-row h5.stk-block-heading__text.has-text-color {
    font-size: 18px !important;
    line-height: 32px !important;
    letter-spacing: 0px !important;
}
.aboutus-right-row span.stk-button__inner-text {
    font-size: 15px !important;
    line-height: 20px !important;
}
#freelancer-available {
    margin-bottom: 10px !important;
}
.aboutus-section h5.gutentor-text {
    font-size: 18px !important;
}
/************** Working-process-section-csss *****************************/
.working-process-section .working-process-outer-col-two {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
}
#process {
    margin-bottom: 10px !important;
}
.working-process-outer-col-two h4.stk-block-heading__text.has-text-color.has-text-align-center {
    font-size: 20px !important;
    line-height: 26px !important;
}
#my-working-process {
    margin-bottom: 10px !important;
}
.working-process-outer-col-two h2.stk-block-heading__text.has-text-color.has-text-align-center {
    font-size: 28px !important;
    line-height: 40px !important;
}
.dashed-columns:before {
    display: none !important;
}
.dashed-columns:after{
    display: none !important;
}

/******************8 sevice-section-css ******************************/
.kt-info-box397980_87a3ad-e0 .kt-blocks-info-box-link-wrap {
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    margin-top: 0px !important;
}
.service-section .service-col {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
#our-service {
    margin-bottom: 10px !important;
}
.service-col-text h4.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 20px !important;
    line-height: 28px !important;
}
.service-section .service-col-info-one-stack {
    flex-direction: row !important;
    display: flex !important;
    justify-content:flex-start !important;
    gap: 20px !important;
}
.service-col-info-one .service-col-info-one-stack {
    margin-top: 30px !important;
}
.service-col-text .stk-f089e26 {
    margin-bottom: 10px !important;
    padding-right: 30px !important;
}
.service-col-text p.stk-block-text__text.has-text-color {
    font-size: 14px !important;
    line-height: 26px !important;
}
#expertise-service-lets-check-it-out {
    margin-bottom: 10px !important;
}
.service-col-text h3.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 32px !important;
    line-height: 55px !important;
    
}
.service-section span.stk-button__inner-text {
    font-size: 12px !important;
    line-height: 18px !important;
}
.service-section .kt-info-box397980_e0078d-38 .kt-blocks-info-box-link-wrap {  
    margin-top: 0px;
}
.service-section .service-col-info-two-stack {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 20px !important;
}
.kt-info-box397980_e6c86a-1d .kt-blocks-info-box-link-wrap {
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #ffffff;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    margin-top: 0px !important;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.gallery-col-group-two {
    margin-top: 15px !important;
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    flex: 1 0 0%;
    height: 100%;
    object-fit: cover !important;
    width: 100%;
}
.gallery-col-group-two-2 .wp-image-243 {
    height: 325px;
    margin-left: 15px;
    width: 337px;
    object-fit: unset !important;
    border-radius: 5px !important;
}

/****************** digital-gallery-section-css ***************************/
.digital-gallery-section .portfolio-container {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.digital-gallery-section .digital-gallery-group-one {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.digital-gallery-section .gallery-col-group-one {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
#portfolio {
    margin-bottom: 10px !important;
}
.digital-gallery-group-one h4.stk-block-heading__text.has-text-color {
    font-size: 22px !important;
    line-height: 28px !important;
}
#digital-product-showcases {
    margin-bottom: 10px !important;
}
.digital-gallery-group-one h2.stk-block-heading__text.has-text-color {
    font-size: 36px !important;
    line-height: 58px !important;
    letter-spacing: 0px !important;
}
.digital-gallery-section .wp-block-columns .gallery-col-group-two-1 {
    flex-basis: 50% !important;
}
.digital-gallery-section .wp-block-columns .gallery-col-group-two-2 {
    flex-basis: 50% !important;
}
img.wp-image-242, .gallery-col-group-two-2 .wp-image-243 {
    height: 221px !important;
    object-fit: cover !important;
}
.digital-gallery-section .gallery-col-group-one-2{
    display: none !important;
}

/***************** Testimonial-section-css ***********************/
.testimonial-section .portfolio-container-testimonial {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    display: flex;
    justify-content:flex-end !important;
    flex-direction: column !important;
    align-items: flex-end !important;
}
#our-testimonials {
    margin-bottom: 10px !important;
}
.testimonial-content-row h5.stk-block-heading__text.has-text-color {
    font-size: 18px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
}
#over-1-000-designs-complete-for-happy-clients {
    margin-bottom: 10px !important;
}
.testimonial-content-row h2.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 28px !important;
    line-height: 40px !important;
}

/************** what-do-section-css ****************************/
.what-do-section .portfolio-container {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
#what-do-i-do {
    margin-bottom: 10px !important;
}
.what-do-section h6.stk-block-heading__text.has-text-color {
    font-size: 18px !important;
    line-height: 26px !important;
    letter-spacing: 0px !important;
}
#education-and-experiences {
    margin-bottom: 10px !important;
}
.what-do-section h2.stk-block-heading__text.has-text-color {
    font-size: 36px !important;
    line-height: 58px !important;
    letter-spacing: 0px !important;
}
#\32 016-2019 {
    margin-bottom: 10px !important;
}
.what-do-section h4.stk-block-heading__text.has-text-color {
    font-size: 32px !important;
    line-height: 58px !important;
    letter-spacing: 0px !important;
}
.what-do-section .wp-block-stackable-text.stk-block-text.stk-block.stk-90e427e {
    margin-bottom: 10px !important;
}
.what-do-section p.stk-block-text__text.has-text-color {
    font-size: 16px !important;
    line-height: 26px !important;
    letter-spacing: 0px !important;
}
.what-do-section .what-do-col-one-stack {
    padding: 20px 15px !important;
}
#design-skills {
    margin-bottom: 10px !important;
}
.what-do-section h3.stk-block-heading__text.has-text-color {
    font-size: 36px !important;
    line-height: 60px !important;
    letter-spacing: 0px !important;
}
.what-do-section .gutentor-element-progressbar-horizontal-wrap {
    height: 12px !important;
}
.what-do-section span.gutentor-element-progressbar-text {
    line-height: 3.5;
}
.what-do-section span.stk-button__inner-text {
    font-size: 14px !important;
    line-height: 22px !important;
}
.what-do-section .stk-row.stk-inner-blocks.stk-block-content.stk-button-group {
    margin-top: 30px;
}
/************ Our-partners-section-css *********************/
.our-partners-section .portfolio-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#our-partners {
    margin-bottom: 10px !important;
}
.our-partners-heading-stack h4.stk-block-heading__text.has-text-color {
    font-size: 18px !important;
    line-height: 28px !important;
}
.our-partners-section h2.stk-block-heading__text.has-text-color {
    font-size: 32px !important;
    line-height: 32px !important;
    letter-spacing: 0px !important;
}
.our-partners-section {
    padding: 0px 10px !important;
}
.our-partners-img-row img {
    height: 120px !important;
}
.our-partners-section {
    min-height: 250px !important;
}
.our-partners-section .portfolio-container {
    min-height: 250px !important;
}
/****************** contact-section-css ********************************/
.contact-section .wp-block-column.contact-col-one  {
    flex-basis: 50% !important;
}
.contact-section .wp-block-column.contact-col-two  {
    flex-basis: 50% !important;
}
.contact-section .portfolio-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#contact-me-now {
    margin-bottom: 10px !important;
}
.contact-section h2.stk-block-heading__text.has-text-color.has-text-align-center-tablet {
    font-size: 28px !important;
    line-height: 36px !important;
    letter-spacing: 0px !important;
}
.contact-section .wp-image-215 {
    height: 350px !important;
    object-fit: contain !important;
}
.contact-section span.wpcf7-form-control-wrap {
    font-size: 12px !important;
    font-family: 'Roboto';
    line-height: 0px !important;
    letter-spacing: 0px !important;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"], input[type="search"], input[type="url"], input[type="password"], textarea {
    border: 2px solid #FFFFFF1A;
    width: 100%;
    border-radius: 5px;
    color: white;
    padding: 12px;
    outline: none;
    background: #1A1A1E;
}
#Submit-btn {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
}

.contact-col-two-group input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    margin-top: 10px;
}
/******************8 newsletter-section-css *************************/
.newsletter-section .newsletter-col-one-stack {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.newsletter-section h4.stk-block-heading__text.has-text-color {
    font-size: 18px !important;
    line-height: 26px !important;
    letter-spacing: 0px !important;
}
#begin-the-journey-to-your-dream-designer {
    margin-bottom: 10px !important;
}
.newsletter-section h2.stk-block-heading__text.has-text-color {
    font-size: 26px !important;
    line-height: 32px !important;
}
.newsletter-section .newsletter-col-two-stack {
    padding-top: 0px !important;
}
#Subscribe-btn {
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    background: #7562E0;
    width: 233px;.service-section .service-col {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    text-transform: uppercase;
}
::placeholder {
    color: white;
    opacity: 1;
    font-weight: 400;
    font-size: 14px;
}
.wp-block-cover.is-light.newsletter-section {
    min-height: 250px !important;
}
.newsletter-section .portfolio-container {
    min-height: 250px !important;
}
#newsletter-email {
    padding: 16px;
}
.input-subscribe {
    bottom: 0px;
    position: absolute;
    margin: 0px auto;
    width: 240px;
    top: 0px;
    right: 15px;
    height: 50px;
}
.newsletter-section h5.stk-block-heading__text.has-text-color {
    font-size: 16px !important;
    line-height: 24px !important;
}

/***************** footer-section-css **************************/
.footer-section .wp-block-column.footer-col-one  {
    flex-basis: 50% !important;
}
.footer-section .wp-block-column.footer-col-two  {
    flex-basis: 50% !important;
}
.footer-section .wp-block-column.footer-col-three  {
    flex-basis: 50% !important;
}
.footer-section .wp-block-column.footer-col-four  {
    flex-basis: 50% !important;
}
#portfolio {
    margin-bottom: 20px !important;
}
.footer-section .portfolio-container {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.footer-main-col .wp-block-navigation {
    font-family: 'Roboto';
    line-height: 36px;
    font-weight: 400;
    row-gap: 0px;
}
h6.gutentor-text {
    margin-bottom: 0px !important;
    margin-left: 10px !important;
}
}

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

    /********** header-section ****************/
    .header-col .wp-block-columns .header-col-one {
        flex-basis: 50% !important;
    }
    .header-col .wp-block-columns .header-col-two {
        flex-basis: 50% !important;
    }
    .header-col .header-col-two-row {
        justify-content: flex-end;
        align-items: center;
    }
    .header-col .portfolio-container {
        padding-top: 50px !important;
        padding-bottom: 5px !important;
    }
    .header-col h2.stk-block-heading__text.has-text-color {
        font-size: 28px !important;
        line-height: 40px !important;
        letter-spacing: 0px !important;
    }
    .header-col .stk-699aae6 .stk-block-heading__bottom-line {
        width: 108px !important;
        margin-bottom: 5px !important;
    }
    .header-col-two-row{
        padding-top: 15px !important;
    }
    /******* menu-hamburger-css ****************/
    .header-col ul.wp-block-navigation__container {
        color: black !important;
        justify-content: center;
        width: 100% !important;
        align-items: center !important;
    }

    /************ slider-section ***********************/
    .best-design-awards-row{
        display:none !important;
    }
    .ui-ux-button{
        display: none !important;
    }
    .slider-col-two{
        display: none;
    }
    .slider-section .slider-col-one {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-right: 0px !important;
    }
    #welcome-to-my-world {
        margin-bottom: 10px !important;
    }
    .slider-col-one-stack h2.stk-block-heading__text.has-text-color {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    #hi-im-brad-kane-a-professional-ui-developer {
        margin-bottom: 10px !important;
    }
    .slider-col-one-stack h1.stk-block-heading__text.has-text-color {
        font-size: 36px !important;
        line-height: 50px !important;
    }
    .slider-section span.stk-button__inner-text {
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0px !important;
    }
    /************* branding-section **********************/
    .branding-section-img .branding-img {
        border: 1px solid #97979b;
        margin-left: 10px;
        border-radius: 5px;
        padding: 0px 8px;
        background: white;
        box-shadow: none !important;
    }
    .branding-section .brand-main-col {
        padding: 15px !important;
        background: #16121E !important;
        border: none !important;
        color: white !important;
       
    }
    .branding-section h6.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
        font-size: 14px !important;
        line-height: 24px !important;
        letter-spacing: 0px !important;
    }
    .branding-section h6.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
        color: white !important;
    }
    .wp-block-cover.is-light.slider-section {
        min-height: 400px !important;
    }
    .slider-section .portfolio-container {
        min-height: 330px !important;
    }

    /************ aboutus-section ****************/
    .aboutus-section h5.gutentor-text {
        font-size: 16px !important;
        line-height: 28px !important;
        letter-spacing: 0px !important;
    }
    .aboutus-section .aboutus-col {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .aboutus-section .aboutus-col-two {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .aboutus-section .aboutus-right-row {
        justify-content: center !important;
        display: flex !important;
        align-items: center !important;
        flex-direction: column !important;
        margin-top: 20px !important;
    }
    #i-am-a-ui-ux-designer-based-in-usa {
        margin-bottom: 10px !important;
    }
    .aboutus-section h1.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
        font-size: 28px !important;
        line-height: 34px !important;
        letter-spacing: 0px !important;
    }
    #about-me {
        margin-bottom: 10px !important;
    }
    #ui-designer-from-usa-i-have-rich-experience-in-ui-design-amp-building-and-customization-lorem-ipsum-dummy-text {
        margin-bottom: 10px !important;
    }
    .aboutus-section h6.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
        font-size: 14px !important;
        line-height: 24px !important;
    }
    .aboutus-section h5.stk-block-heading__text.has-text-color {
        font-size: 16px !important;
        line-height: 28px !important;
        letter-spacing: 0px !important;
    }
    #freelancer-available {
        margin-bottom: 10px !important;
    }
    .aboutus-section span.stk-button__inner-text {
        font-size: 12px !important;
        line-height: 16px !important;
    }
    .working-process-section .working-process-outer-col-two {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    #process {
        margin-bottom: 10px !important;
    }
    .working-process-outer-col-two h4.stk-block-heading__text.has-text-color.has-text-align-center {
        font-size: 22px !important;
        line-height: 24px !important;
        letter-spacing: 0px !important;
    }
    #my-working-process {
        margin-bottom: 10px !important;
    }
    .working-process-outer-col-two h2.stk-block-heading__text.has-text-color.has-text-align-center {
        font-size: 28px !important;
        line-height: 34px !important;
        letter-spacing: 0px !important;
    }
    .working-process-section .working-process-inner-col {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .dashed-columns:after{
        display: none !important;
    }
    .dashed-columns:before{
        display: none !important;
    }
    .service-section .service-col {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .service-section .service-col {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    #our-service {
        margin-bottom: 10px !important;
    }
    .service-col-text h4.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
        font-size: 22px !important;
        line-height: 24px !important;
        letter-spacing: 0px !important;
    }
    .service-section .wp-block-stackable-text.stk-block-text.stk-block.stk-f089e26 {
        margin-bottom: 10px !important;
        padding-right: 0px !important;
        text-align: center !important;
    }
    .service-section p.stk-block-text__text.has-text-color {
        letter-spacing: 0px !important;
        font-size: 14px !important;
        line-height: 24px !important;
    }
    #expertise-service-lets-check-it-out {
        margin-bottom: 10px !important;
    }
    .service-col-text h3.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
        font-size: 28px !important;
        line-height: 36px !important;
        padding-right: 0px !important;
    }
    .service-section .service-col-text {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .service-section .service-col-info-one {
        padding-right: 0px !important;
    }
    .service-col-info-one .service-col-info-one-stack {
        margin-top: 30px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        row-gap: 15px !important;
    }
    .service-col-info-two .service-col-info-two-stack {
       
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        row-gap: 15px !important;
    }
    .service-section span.stk-button__inner-text {
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0px !important;
    }
    .service-section .service-col-info-two {
        padding-bottom: 15px !important;
    }

    /******************* digital-gallery ************ **********/
    .digital-gallery-section .gallery-col-group-one-1 {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        
    }
    .digital-gallery-section figure.wp-block-image.size-full.has-custom-border.gal-1 {
        width: 100% !important;
    }
    .digital-gallery-section .gallery-col-group-one {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .digital-gallery-section .portfolio-container {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .digital-gallery-section .digital-gallery-group-one {
        padding: 0px !important;
    }
    #portfolio {
        margin-bottom: 10px !important;
    }
    .digital-gallery-section h4.stk-block-heading__text.has-text-color {
        font-size: 22px !important;
        line-height: 24px !important;
        letter-spacing: 0px !important;
    }
    #digital-product-showcases {
        margin-bottom: 10px !important;
    }
    .digital-gallery-section h2.stk-block-heading__text.has-text-color {
        font-size: 28px !important;
        line-height: 34px !important;
        letter-spacing: 0px !important;
    }
    .gal-2 .wp-image-239 {
        margin-left: 0px;
    }
    figure.wp-block-gallery {
        gap: 20px !important;
    }
    .digital-gallery-section .gallery-col-group-one-2 {
        padding-left: 0px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        column-gap: 20px !important;
        flex-direction: column !important;
        margin-top: 20px !important;
    }
    .digital-gallery-section .gallery-col-group-two {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 20px !important;
        margin-bottom: 0px !important;
        margin-top: 20px !important;
    }
    .gallery-col-group-two-2 .wp-image-243 {
        height: auto !important;
        margin-left: 0px !important;
        width: 100% !important;
        object-fit: contain !important;
    }

    /**************** testimonial-section **********************/
    .testimonial-section .portfolio-container-testimonial {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .testimonial-section .testimonial-content-row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #our-testimonials {
        margin-bottom: 10px !important;
    }
    .testimonial-section h5.stk-block-heading__text.has-text-color {
        font-size: 22px !important;
        line-height: 24px !important;
        letter-spacing: 0px !important;
    }
    #over-1-000-designs-complete-for-happy-clients {
        margin-bottom: 10px !important;
    }
    .testimonial-section h2.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
        font-size: 28px !important;
        line-height: 34px !important;
        letter-spacing: 0px !important;
    }
    .testimonial-section .testimonial-group-col {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .testimonial-group-col-main .kt-testimonial-rating-wrap.kt-testimonial-rating-5 {
        text-align: center;
    }
    .testimonial-group-col-main .kt-testimonial-content {
        text-align: center;
    }
    .testimonial-group-col-main .kt-testimonial-meta-wrap {
        justify-content: center;
    }
    .testimonial-group-col-main .kt-svg-testimonial-rating-icon {
        height: 8px !important;
        width: 14px !important;
    }
    .wp-block-kadence-testimonials .kt-testimonial-rating-wrap {
         margin: 0px !important; 
    }
    /************ what-do-section **************************/
    .what-do-section .portfolio-container {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    #what-do-i-do {
        margin-bottom: 10px !important;
    }
    #education-and-experiences {
        margin-bottom: 10px !important;
    }
    .what-do-section h6.stk-block-heading__text.has-text-color {
        font-size: 22px !important;
        line-height: 24px !important;
        letter-spacing: 0px !important;
    }
    .what-do-section h2.stk-block-heading__text.has-text-color {
        font-size: 28px !important;
        line-height: 34px !important;
        letter-spacing: 0px !important;
    }
    #\32 016-2019 {
        margin-bottom: 10px !important;
    }
    .what-do-section .what-do-col-one-stack {
        justify-content: center !important;
        align-items: center !important;
        padding: 10px 10px !important;
        margin: 15px 0px !important;
    }
    .what-do-section h4.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
        font-size: 22px !important;
        line-height: 42px !important;
        letter-spacing: 0px !important;
    }
    .what-do-section p.stk-block-text__text.has-text-color.has-text-align-center-mobile {
        font-size: 14px !important;
        line-height: 28px !important;
        letter-spacing: 0px !important;
    }
    .what-do-section p.stk-block-subtitle__text.stk-subtitle.has-text-color.has-text-align-center-mobile {
        line-height: 28px !important;
        letter-spacing: 0px !important;
        font-size: 14px !important;
    }
    #\32 019-2021 {
        margin-bottom: 10px !important;
    }
    #design-skills {
        margin-bottom: 10px !important;
    }
    .what-do-section h3.stk-block-heading__text.has-text-color {
        font-size: 28px !important;
        line-height: 34px !important;
        letter-spacing: 0px !important;
        
    }
    .what-do-section .what-do-col-two-stack {
        justify-content: center;
        align-items: center;
    }
    .what-do-section .what-do-col-two {
        padding: 0px !important;
    }
    .what-do-col-two .gutentor-element-progressbar-text {
        line-height: 3 !important;
    }
    .what-do-section span.stk-button__inner-text {
        font-size: 14px !important;
        line-height: 18px !important;
        letter-spacing: 0px !important;
    }
    .what-do-section .stk-row.stk-inner-blocks {
        margin-top: 20px !important;
    }
/*********** our-patners-section **********************/
.our-partners-section .portfolio-container {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
#our-partners {
    margin-bottom: 10px !important;
}
.our-partners-section h4.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 22px !important;
    line-height: 28px !important;
    letter-spacing: 0px !important;
}
.our-partners-section h2.stk-block-heading__text.has-text-color {
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: 0px !important;
    text-align: center;
}
.our-partners-section .our-partners-img-row {
    flex-wrap:wrap !important;
    justify-content: center;
    align-items: center;
    padding: 0px !important;
    margin: 0px !important;
    gap: 25px !important;
}
.our-partners-img-group img {
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}
/************* contactus-section **********************/
.contact-section .portfolio-container {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.contact-section .contact-col {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#contact-me-now {
    margin-bottom: 20px !important;
}
.contact-section h2.stk-block-heading__text.has-text-color.has-text-align-center-tablet {
    font-size: 28px !important;
    line-height: 42px !important;
    letter-spacing: 0px !important;
    margin-top: 20px !important;
}
.contact-section textarea.wpcf7-form-control.wpcf7-textarea {
    min-height: 100px !important;
}
.contact-section span.wpcf7-form-control-wrap {
    font-size: 12px !important;
    font-family: 'Roboto';
    line-height: 0px !important;
    letter-spacing: 0px !important;
}
#Submit-btn {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
}
.contact-col-two-group input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    margin-top: 5px;
    
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    text-align: end !important;
    width: 100% !important;
    margin-top: 10px;
}
/*********** newsleeter-section *************************/
.newsletter-section {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.newsletter-section .portfolio-container {
    padding: 15px !important;
}
.newsletter-section .newsletter-col-one-stack {
    padding-right: 0px !important;
    padding-left: 0px !important;
    align-items: center !important;
    justify-content: center !important;
}
#begin-the-journey-to-your-dream-designer {
    margin-bottom: 10px !important;
}
.newsletter-section h4.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 22px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
}
.newsletter-section h2.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: 0px !important;
}
.newsletter-section .newsletter-col-two-stack {
    padding-top: 10px !important;
    justify-content: center;
    align-items: center;
}
.newsletter-section h5.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 22px !important;
    line-height: 28px !important;
    letter-spacing: 0px !important;
}
.input-container {
    position: relative;
    width:100% ;
    height: auto;
}
#newsletter-email {
    padding: 12px;
}
#Subscribe-btn {
    font-family: 'Roboto';
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    text-align: center;
    background: #7562E0;
    text-transform: uppercase;
}
.input-subscribe {
    bottom: 0px;
    position: absolute;
    margin: 0px auto;
    top: 0px;
    right: 10px;
    height: 50px;
    width:40%;
}
/**********footer-section *********************/
.footer-section .footer-col-one-stack {
    align-items: center !important;
    justify-content: center !important;
}
.footer-section .portfolio-container {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.footer-section h2.stk-block-heading__text.has-text-color {
    font-size: 28px !important;
    line-height: 36px !important;
    letter-spacing: 0px !important;
}
.footer-section .wp-block-stackable-icon-label {
    margin-bottom: 10px !important;
}
.footer-section .wp-block-stackable-icon-label {
    width: 100% !important;
    max-width: 210px !important;
}
.footer-main-col .wp-block-navigation {
    font-family: 'Roboto';
    line-height: 36px;
    font-weight: 400;
    justify-content: center;
    align-items: center;
    gap: 10px;
    row-gap: 5px;
}
.footer-section .footer-col-two-stack {
    justify-content: center !important;
    align-items: center !important;
    margin-top: 10px !important;
}
.footer-section .footer-col-three-stack {
    justify-content: center !important;
    align-items: center !important;
    margin-top: 10px !important;
}
.footer-section .footer-col-four-stack {
    justify-content: center !important;
    align-items: center !important;
    margin-top: 10px !important;
}
.footer-section-two h2.stk-block-heading__text.has-text-color.has-text-align-center {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 8px !important;
    letter-spacing: 0px !important;
}
.footer-section-two {
    padding: 5px !important;
}
h6.gutentor-text {
    margin-bottom: 0px !important;
    margin-left: 10px !important;
}
.footer-section .mobile-row {
    justify-content: center;
    align-items: center;
}
.footer-section .location-row {
    justify-content: center;
    align-items: center;
}
.footer-section .mail-row {
    justify-content: center;
    align-items: center;
}
}
@media screen and (max-width:424px) and (min-width:320px) {

   /********** header-section ****************/
   .header-col .wp-block-columns .header-col-one {
    flex-basis: 50% !important;
}
.header-col .wp-block-columns .header-col-two {
    flex-basis: 50% !important;
}
.header-col .header-col-two-row {
    justify-content: flex-end;
    align-items: center;
}
.header-col .portfolio-container {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.header-col h2.stk-block-heading__text.has-text-color {
    font-size: 28px !important;
    line-height: 40px !important;
    letter-spacing: 0px !important;
}
.header-col .stk-699aae6 .stk-block-heading__bottom-line {
    width: 108px !important;
    margin-bottom: 5px !important;
}
.header-col-two-row{
    padding-top: 15px !important;
}
/******* menu-hamburger-css ****************/
.header-col ul.wp-block-navigation__container {
    color: black !important;
    justify-content: center;
    width: 100% !important;
    align-items: center !important;
}

/************ slider-section ***********************/
.best-design-awards-row{
    display:none !important;
}
.ui-ux-button{
    display: none !important;
}
.slider-col-two{
    display: none;
}
.slider-section .slider-col-one {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
}
#welcome-to-my-world {
    margin-bottom: 10px !important;
}
.slider-col-one-stack h2.stk-block-heading__text.has-text-color {
    font-size: 16px !important;
    line-height: 20px !important;
}
#hi-im-brad-kane-a-professional-ui-developer {
    margin-bottom: 10px !important;
}
.slider-col-one-stack h1.stk-block-heading__text.has-text-color {
    font-size: 30px !important;
    line-height: 44px !important;
    font-weight: 600 !important;
}
.slider-section span.stk-button__inner-text {
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: 0px !important;
}
/************* branding-section **********************/
.branding-section-img .branding-img {
    border: 1px solid #97979b;
    margin-left: 10px;
    border-radius: 5px;
    padding: 0px 8px;
    background: white;
    box-shadow: none !important;
}
.branding-section .brand-main-col {
    padding: 15px !important;
    background: #16121E !important;
    border: none !important;
    color: white !important;
   
}
.branding-section h6.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 14px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
}
.branding-section h6.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    color: white !important;
}
.wp-block-cover.is-light.slider-section {
    min-height: 400px !important;
}
.slider-section .portfolio-container {
    min-height: 330px !important;
}

/************ aboutus-section ****************/
.stk-row.stk-inner-blocks {
    margin-top: 15px !important;
}
.aboutus-section h5.gutentor-text {
    font-size: 16px !important;
    line-height: 28px !important;
    letter-spacing: 0px !important;
}
.aboutus-section .aboutus-col {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.aboutus-section .aboutus-col-two {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.aboutus-section .aboutus-right-row {
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
    margin-top: 20px !important;
}
#i-am-a-ui-ux-designer-based-in-usa {
    margin-bottom: 10px !important;
}
.aboutus-section h1.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: 0px !important;
    font-weight: 700 !important;
}
#about-me {
    margin-bottom: 10px !important;
}
#ui-designer-from-usa-i-have-rich-experience-in-ui-design-amp-building-and-customization-lorem-ipsum-dummy-text {
    margin-bottom: 10px !important;
}
.aboutus-section h6.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 14px !important;
    line-height: 24px !important;
}
.aboutus-section h5.stk-block-heading__text.has-text-color {
    font-size: 16px !important;
    line-height: 28px !important;
    letter-spacing: 0px !important;
}
#freelancer-available {
    margin-bottom: 10px !important;
}
.aboutus-section span.stk-button__inner-text {
    font-size: 12px !important;
    line-height: 16px !important;
}
.working-process-section .working-process-outer-col-two {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
#process {
    margin-bottom: 10px !important;
}
.working-process-outer-col-two h4.stk-block-heading__text.has-text-color.has-text-align-center {
    font-size: 22px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
}
#my-working-process {
    margin-bottom: 10px !important;
}
.working-process-outer-col-two h2.stk-block-heading__text.has-text-color.has-text-align-center {
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: 0px !important;
}
.working-process-section .working-process-inner-col {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.dashed-columns:after{
    display: none !important;
}
.dashed-columns:before{
    display: none !important;
}
.service-section .service-col {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.service-section .service-col {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
#our-service {
    margin-bottom: 10px !important;
}
.service-col-text h4.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 22px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
}
.service-section .wp-block-stackable-text.stk-block-text.stk-block.stk-f089e26 {
    margin-bottom: 10px !important;
    padding-right: 0px !important;
    text-align: center !important;
}
.service-section p.stk-block-text__text.has-text-color {
    letter-spacing: 0px !important;
    font-size: 14px !important;
    line-height: 24px !important;
}
#expertise-service-lets-check-it-out {
    margin-bottom: 10px !important;
}
.service-col-text h3.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 28px !important;
    line-height: 36px !important;
    padding-right: 0px !important;
}
.service-section .service-col-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}
.service-section .service-col-info-one {
    padding-right: 0px !important;
}
.service-col-info-one .service-col-info-one-stack {
    margin-top: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    row-gap: 15px !important;
}
.service-col-info-two .service-col-info-two-stack {
   
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    row-gap: 15px !important;
}
.service-section span.stk-button__inner-text {
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: 0px !important;
}
.service-section .service-col-info-two {
    padding-bottom: 15px !important;
}

/******************* digital-gallery ************ **********/
.digital-gallery-section .gallery-col-group-one-1 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    
}
.digital-gallery-section figure.wp-block-image.size-full.has-custom-border.gal-1 {
    width: 100% !important;
}
.digital-gallery-section .gallery-col-group-one {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.digital-gallery-section .portfolio-container {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.digital-gallery-section .digital-gallery-group-one {
    padding: 0px !important;
}
#portfolio {
    margin-bottom: 10px !important;
}
.digital-gallery-section h4.stk-block-heading__text.has-text-color {
    font-size: 22px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
}
#digital-product-showcases {
    margin-bottom: 10px !important;
}
.digital-gallery-section h2.stk-block-heading__text.has-text-color {
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: 0px !important;
    text-align: center !important;
}
.gal-2 .wp-image-239 {
    margin-left: 0px;
}
figure.wp-block-gallery {
    gap: 20px !important;
}
.digital-gallery-section .gallery-col-group-one-2 {
    padding-left: 0px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: 20px !important;
    flex-direction: column !important;
    margin-top: 20px !important;
}
.digital-gallery-section .gallery-col-group-two {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    margin-bottom: 0px !important;
    margin-top: 20px !important;
}
.gallery-col-group-two-2 .wp-image-243 {
    height: auto !important;
    margin-left: 0px !important;
    width: 100% !important;
    object-fit: contain !important;
}
figure.wp-block-gallery.has-nested-images {
    align-items: normal;
    margin-bottom: 10px !important;
}

/**************** testimonial-section **********************/
.testimonial-section .portfolio-container-testimonial {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.testimonial-section .testimonial-content-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#our-testimonials {
    margin-bottom: 10px !important;
}
.testimonial-section h5.stk-block-heading__text.has-text-color {
    font-size: 22px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
}
#over-1-000-designs-complete-for-happy-clients {
    margin-bottom: 10px !important;
}
.testimonial-section h2.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: 0px !important;
    font-weight: 700 !important;
}
.testimonial-section .testimonial-group-col {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.testimonial-group-col-main .kt-testimonial-rating-wrap.kt-testimonial-rating-5 {
    text-align: center;
}
.testimonial-group-col-main .kt-testimonial-content {
    text-align: center;
}
.testimonial-group-col-main .kt-testimonial-meta-wrap {
    justify-content: center;
}
.testimonial-group-col-main .kt-svg-testimonial-rating-icon {
    height: 8px !important;
    width: 14px !important;
}
.wp-block-kadence-testimonials .kt-testimonial-rating-wrap {
     margin: 0px !important; 
}
/************ what-do-section **************************/
.what-do-section .portfolio-container {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
#what-do-i-do {
    margin-bottom: 10px !important;
}
#education-and-experiences {
    margin-bottom: 10px !important;
}
.what-do-section h6.stk-block-heading__text.has-text-color {
    font-size: 22px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
}
.what-do-section h2.stk-block-heading__text.has-text-color {
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: 0px !important;
}
#\32 016-2019 {
    margin-bottom: 10px !important;
}
.what-do-section .what-do-col-one-stack {
    justify-content: center !important;
    align-items: center !important;
    padding: 10px 10px !important;
    margin: 15px 0px !important;
}
.what-do-section h4.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 22px !important;
    line-height: 42px !important;
    letter-spacing: 0px !important;
}
.what-do-section p.stk-block-text__text.has-text-color.has-text-align-center-mobile {
    font-size: 14px !important;
    line-height: 28px !important;
    letter-spacing: 0px !important;
}
.what-do-section p.stk-block-subtitle__text.stk-subtitle.has-text-color.has-text-align-center-mobile {
    line-height: 28px !important;
    letter-spacing: 0px !important;
    font-size: 14px !important;
}
#\32 019-2021 {
    margin-bottom: 10px !important;
}
#design-skills {
    margin-bottom: 10px !important;
}
.what-do-section h3.stk-block-heading__text.has-text-color {
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: 0px !important;
    font-weight:600 !important;
    
}
.what-do-section .what-do-col-two-stack {
    justify-content: center;
    align-items: center;
}
.what-do-section .what-do-col-two {
    padding: 0px !important;
}
.what-do-col-two .gutentor-element-progressbar-text {
    line-height: 3 !important;
}
.what-do-section span.stk-button__inner-text {
    font-size: 14px !important;
    line-height: 18px !important;
    letter-spacing: 0px !important;
}
/*********** our-patners-section **********************/
.our-partners-section .portfolio-container {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
#our-partners {
margin-bottom: 10px !important;
}
.our-partners-section h4.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
font-size: 22px !important;
line-height: 28px !important;
letter-spacing: 0px !important;
}
.our-partners-section h2.stk-block-heading__text.has-text-color {
font-size: 28px !important;
line-height: 34px !important;
letter-spacing: 0px !important;
text-align: center;
font-weight: 600 !important;
}
.our-partners-section .our-partners-img-row {
flex-wrap:wrap !important;
justify-content: center;
align-items: center;
padding: 0px !important;
margin: 0px !important;
gap: 25px !important;
}
.our-partners-img-group img {
width: auto !important;
height: auto !important;
object-fit: contain !important;
}
/************* contactus-section **********************/
.contact-section .portfolio-container {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.contact-section .contact-col {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
#contact-me-now {
margin-bottom: 20px !important;
}
.contact-section h2.stk-block-heading__text.has-text-color.has-text-align-center-tablet {
font-size: 28px !important;
line-height: 42px !important;
letter-spacing: 0px !important;
margin-top: 20px !important;
}
.contact-section textarea.wpcf7-form-control.wpcf7-textarea {
min-height: 100px !important;
}
.contact-section span.wpcf7-form-control-wrap {
font-size: 12px !important;
font-family: 'Roboto';
line-height: 0px !important;
letter-spacing: 0px !important;
}
#Submit-btn {
font-family: 'Roboto';
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
}
.contact-col-two-group input.wpcf7-form-control.wpcf7-submit.has-spinner {
width: 100%;
margin-top: 0px;

}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: normal;
display: block;
text-align: end !important;
width: 100% !important;
margin-top: 10px;
}
/*********** newsleeter-section *************************/
.newsletter-section {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.newsletter-section .portfolio-container {
padding: 15px !important;
}
.newsletter-section .newsletter-col-one-stack {
padding-right: 0px !important;
padding-left: 0px !important;
align-items: center !important;
justify-content: center !important;
}
#begin-the-journey-to-your-dream-designer {
margin-bottom: 10px !important;
}
.newsletter-section h4.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
font-size: 22px !important;
line-height: 24px !important;
letter-spacing: 0px !important;
}
.newsletter-section h2.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
font-size: 28px !important;
line-height: 34px !important;
letter-spacing: 0px !important;
font-weight: 600 !important;
}
.newsletter-section .newsletter-col-two-stack {
padding-top: 10px !important;
justify-content: center;
align-items: center;
}
.newsletter-section h5.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
font-size: 22px !important;
line-height: 28px !important;
letter-spacing: 0px !important;
}
.input-container {
position: relative;
width:100% ;
height: auto;
}
#newsletter-email {
padding: 12px;
font-size: 12px !important;
}
#Subscribe-btn {
font-family: 'Roboto';
font-size: 10px;
font-weight: 500;
line-height: 10px;
text-align: center;
background: #7562E0;
text-transform: uppercase;
padding: 8px;
}
.input-subscribe {
bottom: 0px;
position: absolute;
margin: 0px auto;
top: 0px;
right: 10px;
height: 50px;
width:45%;
}
/**********footer-section *********************/
.footer-section .footer-col-one-stack {
align-items: center !important;
justify-content: center !important;
}
.footer-section .portfolio-container {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.footer-section h2.stk-block-heading__text.has-text-color {
font-size: 28px !important;
line-height: 36px !important;
letter-spacing: 0px !important;
}
.footer-section .wp-block-stackable-icon-label {
margin-bottom: 10px !important;
}
.footer-section .wp-block-stackable-icon-label {
width: 100% !important;
max-width: 210px !important;
}
.footer-main-col .wp-block-navigation {
font-family: 'Roboto';
line-height: 36px;
font-weight: 400;
justify-content: center;
align-items: center;
gap: 10px;
row-gap: 5px;
}
.footer-section .footer-col-two-stack {
justify-content: center !important;
align-items: center !important;
margin-top: 10px !important;
}
.footer-section .footer-col-three-stack {
justify-content: center !important;
align-items: center !important;
margin-top: 10px !important;
}
.footer-section .footer-col-four-stack {
justify-content: center !important;
align-items: center !important;
margin-top: 10px !important;
}
.footer-section-two h2.stk-block-heading__text.has-text-color.has-text-align-center {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 8px !important;
    letter-spacing: 0px !important;
    color: black !important;
}
.footer-section-two {
    padding: 5px !important;
}
h6.gutentor-text {
    margin-bottom: 0px !important;
    margin-left: 10px !important;
}
.footer-section .mobile-row {
    justify-content: center;
    align-items: center;
}
.footer-section .location-row {
    justify-content: center;
    align-items: center;
}
.footer-section .mail-row {
    justify-content: center;
    align-items: center;
}

body.page-template.page-template-about-us.page.page-id-12 .wp-block-cover.is-light.portfolio-container h1 {
    color: #000 !important;
}
/**************** All -section -defult-padding *****************/

.slider-section{
    padding: 0px !important;
}
.branding-section{
    padding: 0px !important;
}
.branding-section .portfolio-container{
    padding: 0px !important;
}
.aboutus-section{
    padding: 10px 0px !important;
}
.working-process-section{
    padding:  10px 0px !important;
}
.working-process-section .portfolio-container{
    padding: 0px !important;
}
.service-section{
    padding: 10px 0px !important;
}
.testimonial-section{
    padding: 10px 0px !important;
}
.what-do-section{
    padding: 10px 0px !important;
}
.our-partners-section{
    padding: 10px 0px !important;
}
.newsletter-section{
    padding: 10px 0px !important;
}
.footer-section{
    padding: 10px 0px !important;
}

}

 

/************* Animaction for all section ******************/
@media screen and (max-width:1920px) and (min-width:768px) {
    


    /* .header-col-one{
        animation: slideInDown;
        animation-duration: 1.2s; 
        --animate-delay: 1s;
      }
      .header-col-two{
        animation: slideInDown;
        animation-duration: 1.5s; 
        --animate-delay: 0s;
      } */
      .slider-col-one.animate__fadeInLeft   {
        animation: fadeInLeft; 
        animation-duration: 1.2s; 
        --animate-delay: 0s;
       
       
      }
    .mtsnb .mtsnb-container {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        width: 1000px;
        padding: 10px 40px;
        line-height: 1.4;
    }
      .slider-col-two.animate__fadeInRight  {
        animation: fadeInRight; 
        animation-duration: 1.2s; 
        --animate-delay: 0s;
       
      }
      .brand-main-col.animate__fadeInUpBig{
        animation: fadeInUpBig;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
      
      }
      .aboutus-col-two.animate__slideInRight{
        animation: slideInRight;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
      }
      .aboutus-col-one.animate__slideInLeft {
        animation: slideInLeft;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
      }
    .working-process-info.animate__fadeInUpBig{
        animation: fadeInUpBig;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
       
    }
    .service-col-one.animate__slideInLeft{
        animation: slideInLeft;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    }
    .service-col-info.animate__slideInRight {
        animation: slideInRight;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    }
    .gallery-col-group-one-1.animate__slideInLeft {
        animation: slideInLeft;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    
    }
    .gallery-col-group-one-2.animate__slideInRight  {
        animation: slideInRight;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    
    }
    .gallery-col-group-two.animate__slideInUp  {
        animation: slideInUp;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    
    }
    .testimonial-col.animate__slideInLeft{
        animation: slideInLeft;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    }
    .testimonial-group-col-one.animate__slideInUp{
        animation: slideInUp;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    }
    .testimonial-group-col-two.animate__slideInUp{
        animation: slideInUp;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    }
    .testimonial-group-col-three.animate__slideInUp{
        animation: slideInUp;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    }
    .what-do-col-one.animate__slideInLeft {
        animation: slideInLeft;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    }
    .what-do-col-two.animate__slideInRight  {
    animation: slideInRight;
    animation-duration: 1.2s; 
    --animate-delay: 0s;
    }
    .our-partners-img-row.animate__bounceInUp{
        animation: bounceInUp;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    }
    .contact-col-one.animate__slideInLeft{
       animation: slideInLeft;
       animation-duration: 1.2s; 
       --animate-delay: 0s;
    
    } 
    .contact-col-two.animate__slideInRight{
        animation: slideInRight;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
     } 
     .newsletter-col-one.animate__slideInLeft{
        animation: slideInLeft;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    
     }
     .newsletter-col-two.animate__slideInRight{
        animation: slideInRight;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    
     }
     .footer-col-one.animate__slideInUp{
        animation: slideInUp;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    
     }
     .footer-col-two.animate__slideInUp{
        animation: slideInUp;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    
     }
     .footer-col-three.animate__slideInUp {
        animation: slideInUp;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    
     }
     .footer-col-four.animate__slideInUp{
        animation: slideInUp;
        animation-duration: 1.2s; 
        --animate-delay: 0s;
    
     }
    }
    
    .wp-block-navigation__responsive-container-content{
        gap: 37px !important;
    }
.wp-block-group.aboutus-right-row.is-vertical.is-content-justification-left.is-layout-flex.wp-container-core-group-is-layout-11.wp-block-group-is-layout-flex h1 {
    color: #fff !important;
}
.wp-block-group.aboutus-right-row.is-vertical.is-content-justification-left.is-layout-flex.wp-container-core-group-is-layout-11.wp-block-group-is-layout-flex h6  {
    color: #fff !important;
}
.wp-block-group.aboutus-right-row.is-vertical.is-content-justification-left.is-layout-flex.wp-container-core-group-is-layout-11.wp-block-group-is-layout-flex h5  {
    color: #fff !important;
}
span.gutentor-element-progressbar-text {
    color: #fff;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: #000;
    border: 1px solid #00000026;
}