/**Bootstrap V5**/
/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{ clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0} * html .clearfix,:first-child+html .clearfix{zoom:1}

/* Some basic settings */
h1, h1 .button { font-size: 48px; } /*32*/
h2, h2 .button { font-size: 36px; }
h3, h3 .button { font-size: 32px; }
h4, h4 .button { font-size: 26px; }
h5, h5 .button { font-size: 20px; }
h6, h6 .button { font-size: 18px; }
small { font-size: 10px; }
ol { list-style: decimal; }
ul { list-style: none; }
li { margin-left: 20px; }
img { margin-bottom: 5px; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; }

/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */

body {
	background: #fff;
	border-top: 6px solid #3a3a3a;
	color: #909090;
	font: 1.25rem 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}
/*previous orange color: f15a23*/
::-moz-selection { background: #F0CB5A; color: #fff; text-shadow: none; }
::selection { background: #F0CB5A; color: #fff; text-shadow: none; }

h1, h2, h3, h4, h5, h6 {
	color: #474747;
	font-family:'Gruppo', 'cursive'; 
	font-weight: 400;
	line-height: 1.0;
	margin-bottom: 15px;
	text-align: center;
}



/* Update: h3, h4, h5 { font-weight: 600; }*/
#content h3, h4 {
    text-align: center;
}

a, a > * {
	 color:#074A4A;/*#fbcc5d; */
	 text-decoration: none; 
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

 a:hover, a > *:hover { color: #F0CB5B; } 

.bg-dark {
	background-color: rgb(7, 74, 74, 0.75) !important;
  }

  /*======#Main Nav=====*/

  #MainNavbar a {
    border-bottom: 5px solid transparent;
    border-top: 1px solid transparent;
    color: #b3b1b1; /*#3a3a3a;*/
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    display: block;
    letter-spacing: -0.08px;
    padding: 20px 15px;
    /* padding: 26px 20px 40px; */
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 98;
}

 /* #MainNavbar a { padding: 20px 15px; } */

#MainNavbar a:after {
    color: #f4e4b5; /*#aeaeae;*/
    content: attr(data-description);
    font-size: 11px;
    font-style: italic;
    font-weight: 400;
    display: block;
    line-height: 0;
    margin: 3px 0 -3px;
    text-align: center;
    text-transform: lowercase;
}

    #MainNavbar a:hover, #MainNavbar .hover > a, #MainNavbar .current > a {
        border-bottom-color: #F0CB5A;
        border-top-color: #F0CB5A;
        color: #F0CB5A;
    }

    #MainNavbar a:hover, #MainNavbar .hover > a, #MainNavbar .current > a { background: transparent; }

    #MainNavbar .current:after {
        background: #F0CB5A;
        bottom: -2.5px;
        content: '';
        left: 50%;
        display: block;
        height: 5px;
        margin: 0 0 0 -2.5px;
        -webkit-transform: rotate(45deg);
           -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
             -o-transform: rotate(45deg);
                transform: rotate(45deg);
        position: absolute;
        width: 5px;
    }
    #lynn a {
    color: #b9d9d9;
    text-decoration: none;
}
#lynn a:hover{
    color: #F0CB5B !important;
}

  /* Dropdown menu */

   .dropdown:hover > .dropdown-menu, .dropstart:hover > .dropdown-menu, .dropdown-item{
    background-color: rgba(2, 27, 27, .7)!important; 
    display:block; /*Adding display:block to dropdown and dropdown-menu classes makes the submenu to show on hover===== on most of my pages added a js script to make it work*/
    margin-top: .125em !important;
  }
  /* .dropdown-toggle > .dropdown-menu{
    position: absolute;
    top: 0;
    left: 100%;
  }  */
  /* .dropdown:hover .dropdown-menu{
    background-color:rgba(2, 27, 27, .7)!important; 
    display: block;
    margin-top: 0;  /*Adding display:block to dropdown and dropdown-menu classes makes the submenu to show on hover===== on most of my pages added a js script to make it work*
  } */
.menu-toggler {
    position: relative;
    top: -1px;
    left: 3px;
    width: 37px;
    min-width: 37px;
    height: 37px;
    cursor: pointer;
}
.menu-toggler span {
    transition: .25s ease-in-out;
    transition-property: top, left, width, height;
    background: #F0CB5B; /*#fff*/
}
.menu-toggler .hamburger {
    position: absolute;
    width: 37px;
    height: 37px
}

  .menu-toggler .hamburger span {
    position: absolute;
    right: 4px;
    width: 30px;
    height: 3px;
}


.menu-toggler .hamburger span:nth-child(1) {
    top: 8px;
    transition-delay: .5s;
}
.menu-toggler .hamburger span:nth-child(2) {
    top: 24px;
    width: 30px;      
    transition-delay: .625s
}

.menu-toggler .hamburger span:nth-child(3) {
    bottom: 18px;
    width: 30px;
    transition-delay: .75s
}

@media (min-width: 576px){
     .navbar-expand-md .menu-toggler {
    display: none;
}
}
@media (min-width: 576px){
    .navbar-expand-sm .menu-toggler {
    display: none;
}
}
@media (max-width: 767.98px) {
  .call-action-area {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}


.menu-toggler span {
    transition: .25s ease-in-out;
    transition-property: top, left, width, height;
    background: #F0CB5B /*#fff*/;
}
.menu-toggler .cross {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu-toggler .cross span {
    position: absolute;
}

.menu-toggler.open .cross span {
    background: #d60e21;
}

.menu-toggler .cross span:nth-child(1) {
    top: 0;
    left: 17px;
    width: 3px;
    height: 0;
    transition-delay: 0s;
}

.menu-toggler.open .cross span:nth-child(1) {
    height: 37px;
    transition-delay: .5s;
}
.menu-toggler .cross span:nth-child(2) {
    top: 17px;
    left: 0;
    width: 0;
    height: 3px;
    transition-delay: .25s;
}


   
.dropdown-toggle::after {
   
     border-top: .3em solid transparent;
   
}

  #MainNavbar li:hover > ul {
    display: block;
    top: 92px;
}

#MainNavbar ul ul {
    background: #123a4c; /*3a3a3a*/
    -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
       -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
            box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 92px;
    width: 200px;
    z-index: 99;
}

    #main-nav ul ul li { float: none; }

        #main-nav ul ul a {
            border: 0;
            border-bottom: 1px solid #243D49;
            border-top: 1px solid #3a505a;
            color: #fff !important;
            display: block;
            font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
            font-size: 11px;
            letter-spacing: 0;
            font-weight: 400;
            padding: 8px 20px !important;
            text-align: left;
            text-transform: none;
        }

            #main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover {
                background: #F0CB5A;
                color: #fff;
            }

    #main-nav ul ul .current:after { display: none; }

    /* -------------------------------------------------- */
	/*	Footer Navigation
	/* -------------------------------------------------- */

    #footer {
        background: #074A4A;
        color: #868686;
        margin-top: 80px;
        padding: 35px 0 30px;
        position: relative;
    }

    #footer a{
        color: #868686;
    }
    #footer a:hover{
        color: #F0CB5A;
    }
   

	#footer-nav {
		border-bottom: 1px solid #4b4b4b;
		margin: 0 0 12px;
		padding: 0 0 12px;
	}

    #footer-nav a{
            color: #868686;
        }

		#footer-nav ul { margin: 0; }

			#footer-nav li {
				background: none;
				border: none;
				display: inline-block;
				list-style: none;
				margin: 0 -3px 0 0;
			}
			
			.ie7 #footer-nav li { display: inline; }


                #footer-nav a:hover{
                    color: #F0CB5A;
                 }

				 #footer-nav li a {
					border-left: 1px solid #484848;
					font-size: 10px;
					display: block;
					padding: 0 15px;
					text-transform: uppercase;
				}

                #footer-nav li a {
                    border-left: 1px solid #484848;
                    font-size: 10px;
                    display: block;
                    padding: 0 15px;
                    text-transform: uppercase;
                }
				/* // #footer-nav li:first-child a {
				// 	border-left: none;
				// 	padding-left: 0;
				// }

				// #footer-nav li:last-child a { padding-right: 0; } */

/* -------------------------------------------------- */
	/*	Social Links
	/* -------------------------------------------------- */

	.social-links { margin: 0; }

		.social-links li {
			display: inline-block;
			list-style: none;
			margin: 0 0 10px 15px;
			text-indent: -9999px;
		}

		.ie7 .social-links li {
			display: inline;
			font-size: 0;
			text-indent: 0;
		}
			
		.social-links li:nth-child(6n+1) { margin-left: 0; }

		.social-links li:nth-child(6n) { margin-right: 15px; }

		.social-links li:last-child { margin-right: 0; }

			.social-links a {
				background-repeat: no-repeat;
				background-position: 0 -16px;
				display: block;
				height: 16px;
				-webkit-transition: all 0.2s ease-out;
				   -moz-transition: all 0.2s ease-out;
					 -o-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out;
						transition: all 0.2s ease-out;
				width: 20px;
			}

			.social-links li.behance a { background-image: url(); } /*../img/icon-behance.png*/

			.social-links li.delicious a { background-image: url(); /*../img/icon-delicious.png*/
				background-position: 0 -14px;
				height: 14px;
			}

			.social-links li.deviantart a { background-image: url(); } /*../img/icon-deviantart.png*/

			.social-links li.digg a {
				background-image: url();/*../img/icon-digg.png*/
				background-position: 0 -14px;
				height: 14px;
			}

			.social-links li.dribbble a { background-image: url(); } /*../img/icon-dribbble.png*/

			.social-links li.dropbox a {
				background-image: url();/*../img/icon-dropbox.png*/
				background-position: 0 -15px;
				height: 15px;
			}

			.social-links li.email a { background-image: url(../img/icon-email.png); }

			.social-links li.facebook a { background-image: url(../img/icon-facebook.png); }

			.social-links li.flickr a { background-image: url(); } /*../img/icon-flickr.png*/

			.social-links li.forrst a { background-image: url(); } /*../img/icon-forrst.png*/


			.social-links li.github a { background-image: url(../img/icon-github.png); }

			.social-links li.google a { background-image: url(../img/icon-google.png); }

			.social-links li.googleplus a { background-image: url(../img/icon-googleplus.png); }

			.social-links li.ichat a {
				background-image: url(); /*../img/icon-ichat.png*/
				background-position: 0 -15px;
				height: 15px;
			}

			.social-links li.lastfm a {
				background-image: url();
				background-position: 0 -15px;
				height: 15px;
			}

			.social-links li.linkedin a { background-image: url(../img/icon-linkedin.png); }

			.social-links li.mobypicture a { background-image: url(); }

			.social-links li.myspace a { background-image: url(); }
				
			.social-links li.picasa a { background-image: url(); }

			.social-links li.plixi a { background-image: url(); }

			.social-links li.rss a { background-image: url(../img/icon-rss.png); }

			.social-links li.skype a { background-image: url(../img/icon-skype.png); }

			.social-links li.stumbleupon a {
				background-image: url();
				background-position: 0 -17px;
				height: 17px;
			}

			.social-links li.tumblr a {
				background-image: url();
				background-position: 0 -15px;
				height: 15px;
			}

			.social-links li.twitter a {
				background-image: url(../img/icon-twitter.png);
				background-position: 0 -15px;
				height: 15px;
				width: 21px;
			}

			.social-links li.vimeo a {
				background-image: url();
				background-position: 0 -15px;
				height: 15px;
			}

			.social-links li.youtube a {
				background-image: url(../img/icon-youtube.png);
				background-position: 0 -15px;
				height: 15px;
			}

			.social-links li a:hover { background-position: 0 0; }

/* ---------------------------------------------------------------------- */
/*	Footer Bottom
/* ---------------------------------------------------------------------- */

#footer-bottom {
	background: #042f34;
	line-height: 17px;
	padding: 12px 0;
}

	#footer-bottom ul { margin: 0; }

		#footer-bottom li {
			float: left;
			list-style: none;
			margin: 0;
		}
			
			 #footer-bottom li:first-child { margin-right: 15px; }
			
			#footer-bottom li a {
				border-left: 1px solid #484848;
				display: block;
				padding: 0 15px;
			}
            #footer-bottom li a:hover {
				color: #7a7979;
			}


			 #footer-bottom li:first-child a {
				border-left: none;
				padding-left: 0;
			}

			#footer-bottom li:last-child a { padding-right: 0; }

    /* ---------------------------------------------------------------------- */
    /*	Div Ids #
    /* ---------------------------------------------------------------------- */

    #gdwebpros{
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.9))), url(../img/web-design/affordable-website-designer-developer2.webp) center/cover no-repeat fixed;
            background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(87, 128, 147, 0.9)), url(../img/web-design/affordable-website-designer-developer2.webp) center/cover no-repeat fixed;
            color:#1f1e1e;
        }
    #ctaHeader{
        position:relative;
        margin-top:5rem;
        z-index:100;
    }
    
    #progress {
      background-color: rgba(46, 120, 139, 0.2);
    }
    #rememberMarketing {
        background-color: rgba(46, 120, 139, 0.2);
    }
    #getWebsite {
        /* background-color: rgba(46, 120, 139, 0.2); */
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.9))), url(../img/web-design/boston-web-desiner-developer.webp) center/cover no-repeat fixed;
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url(../img/web-design/boston-web-desiner-developer.jpg) center/cover no-repeat fixed;
      }
      #getWebsite ul{
        line-height: 1.5em;
      }
    
     #seoServices{
        background-color: rgba(46, 120, 139, 0.2);
        padding-top: 3rem;
        padding-bottom: 3rem;
     } 
     #seo_services{
        background-color: rgba(46, 120, 139, 0.2);
        padding-top: 3rem;
        padding-bottom: 3rem;
     } 

     #freelancer{
        background-color: rgba(46, 120, 139, 0.2);
        padding-top: 3rem;
        padding-bottom: 3rem;
     }

     #seo{
        background-color: rgba(46, 120, 139, 0.2);
        padding-top: 3rem;
        padding-bottom: 3rem;
     }
     #seo h3,h4,h5,h6{
        color:#074A4A;
        font-weight: 600;
     }
     
        #about {
            background-color: rgba(46, 120, 139, 0.2);
        }
        
/*======Font Icons =======*/
#creative .fa, .fas {
    color: #8de9f7 !important;
}

/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */

        .acc-trigger {
            border-top: 1px dotted #ced8df;
            cursor: pointer;
            display: block;
            margin: 0;
        }

            .acc-trigger:last-of-type, .acc-container:last-of-type {
                border-bottom: 1px dotted #ced8df;
                margin-bottom: 20px;
            }

            .no-js .acc-trigger:last-of-type { border-bottom: none; }

        .acc-trigger a {
            background: url(../img/accordion-content-buttons.png) no-repeat 20px 23px;
            display: block;
            color: #959393;
            outline: medium none;
            padding: 25px 20px 25px 55px;
            text-decoration: none;
            text-shadow: none;
        }

        h3.acc-trigger a, h4.acc-trigger a { background-position: 20px 24px; }

        h6.acc-trigger a { background-position: 20px 21px; }

            .acc-trigger a:hover { background-color: #f8f8f8; }

            .acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #F0CB5A; }

            .acc-trigger.active a:hover { background-color: transparent; }

            .acc-trigger.active { cursor: default; }

            .acc-trigger.active:last-of-type {
                border-bottom: none;
                margin-bottom: 0;
            }

            .acc-trigger.active a {
                background-position: 20px -88px;
                cursor: default;
            }

            h3.acc-trigger.active a, h4.acc-trigger.active a { background-position: 20px -87px; }

            h6.acc-trigger.active a { background-position: 20px -90px; }

        .acc-container .content { padding: 0 20px 25px 55px; }

        .js .acc-container { margin-top: -15px; }

    /* ---------------------------------------- */
    /*	Content Tabs
    /* ---------------------------------------- */

    .tabs-nav {
        list-style: none;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

        .tabs-nav li {
            float: left;
            line-height: 32px;
            margin: 0;
            overflow: hidden;
            padding: 0;
            position: relative;
        }

            .tabs-nav li.active { line-height: 31px; }

            .tabs-nav li a {
                background: #f8f8f8;
                border: 1px solid #eaeaea;
                border-bottom: 1px solid #eaeaea;
                border-left: none;
                color: #959393;
                display: block;
                letter-spacing: 0;
                outline: none;
                padding: 0 16px;
                text-decoration: none;
                text-shadow: 0 1px 0 #fff;
            }

            .tabs-nav li:first-child a { border-left: 1px solid #eaeaea; }

            .tabs-nav li a:hover { background: #f0f0f0; }

            .tabs-nav li a:hover, .tabs-nav li.active a { color: #F0CB5A; }
            
                .tabs-nav li.active a  {
                    background: #fff;
                    border-bottom: 2px solid #fff;
                    border-top: 1px solid #F0CB5A;
                }

    .tabs-container {
        border: 1px solid #eaeaea;
        margin: -1px 0 20px;
        overflow: hidden;
        width: 100%;
    }

        .tab-content { padding: 20px; }

    /* -------------------------------------------------- */
	/*	Image Gallery Slider
	/* -------------------------------------------------- */
	
	.image-gallery-slider {
		position: relative;
		margin: 0 0 25px;
	}
	
		.image-gallery-slider > ul { margin: 0; }

			.image-gallery-slider > ul > li {
				background: #fff;
				display: none;
				list-style: none;
				margin: 0;
			}

			.no-js .image-gallery-slider > ul > li, .image-gallery-slider.disabled > ul > li {
				display: block;
				margin-bottom: 25px;
			}

			.image-gallery-slider > ul > li:first-child { display: block; }

			.image-gallery-slider a { margin: 0 auto; }

				.image-gallery-slider img, .image-gallery-slider img.entry-image {
					display: block;
					margin: 0 auto;
					max-width: 100%;
				}
		
	/*.image-gallery-slider-nav {} */

		.image-gallery-slider-nav a {
			background: rgb(241, 90, 35) url(../img/slider-arrows-medium.png) no-repeat 0 0; /* Fallback for old IE */
			filter: alpha(opacity=60); /* Fallback for old IE */
			background: rgba(241, 90, 35, 0.6) url(../img/slider-arrows-medium.png) no-repeat 0 0;
			color: transparent;
			cursor: pointer;
			display: block;
			font: 0/0 a;
			height: 53px;
			margin: -26.5px 0 0;
			position: absolute;
			text-shadow: none;
			top: 50%;
			width: 25px;
			z-index: 90;
		}

		.image-gallery-slider-nav a.prev {
			background-position: -7px center;
			left: 0;
		}

		.image-gallery-slider-nav a.next {
			background-position: -46px center;
			right: 0;
		}

			.image-gallery-slider-nav a:hover, .image-gallery-slider-nav a:active {
				background-color: rgb(241, 90, 35);
				background-color: rgba(241, 90, 35, 1);
				filter: alpha(opacity=100); /* Fallback for old IE */
			}
            a.small{
                /* position: absolute; */
                bottom:5px;
                /* background-color: #fafafa;
                padding:10px 15px 10px 25px;
                border-radius: 10px; */
                text-align: left;
            }
/** =====Carousel Icons Prev, Next Changes ===*/

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  /* border: 1px solid rgb(4, 62, 68); */
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: rgb(10, 96, 99);
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: rgb(10, 96, 99);
}

/* ===== Buttons Css ===== */
.call-action-one .call-action-content .call-action-btn .primary-btn {
    background: var(--primary);
    color: var(--white);
    box-shadow: var(--shadow-2);
  }
  .call-action-one .call-action-content .call-action-btn .active.primary-btn, .call-action-one .call-action-content .call-action-btn .primary-btn:hover, .call-action-one .call-action-content .call-action-btn .primary-btn:focus {
    background: var(--primary-dark);
    color: var(--white);
    box-shadow: var(--shadow-4);
  }
  .call-action-one .call-action-content .call-action-btn .deactive.primary-btn {
    background: var(--gray-4);
    color: var(--dark-3);
    pointer-events: none;
  }
  
  /*===== call to action one =====*/
  .call-action-one {
    background-color: rgba(46, 120, 139, 0.2);
    padding-top: 50px;
    padding-bottom: 100px;
  }
  .call-action-one .call-action-content .call-action-text {
    margin-top: 50px;
  }
  .call-action-one .call-action-content .call-action-text .action-title {
    font-weight: 600;
    color: var(--black);
  }
  .call-action-one .call-action-content .call-action-text .text-lg {
    color: var(--dark-3);
    margin-top: 16px;
  }
  .call-action-one .call-action-content .call-action-btn {
    margin-top: 50px;
  }

  /**==== ul list line height === */

  #webDesignServices ul{
    line-height: 1.5em;
  }

/** Contact form*/
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {
    /* border: var(--form--border-width) solid var(--form--border-color); */
    border-radius: var(--form--border-radius);
    color: var(--form--color-text);
    line-height: var(--global--line-height-body);
    padding: var(--form--spacing-unit);
    margin: 0 2px;
    max-width: 100%;
}

/*** Control lenght of text on cols #seo */

.text-truncate {
    overflow: hidden;
         text-overflow: ellipsis;
         display: inline-block;
         line-height: 20px;
         max-height: 100px;
         padding: 4px 10px;
         max-width: 350px !important;
         /* background-color: aqua; */
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         white-space:nowrap;
}
/*Remove Card border-bottom*/
.card{
    background-color:#f1f1f1 !important;
}
.card-header {
    border-bottom:none !important;
    background-color: transparent!important;
    /* border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); */
}
#webDevContent{
    background-color:#e9ecef;
}
.btn-lg, .btn-group-lg > .btn {
    --bs-btn-font-size: 1rem !important;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #dee1e6 !important;
    border-color: #aeb1b5 !important;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #f7f8f9!important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(219, 229, 244, 0.25)!important;
}
.accordion-button:not(.collapsed) {
    color: #5d636c!important;
    background-color: #f8f8f8 !important;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125)!important;
}

.widget-title{
    font-size: 1.5rem;
    color: #074A4A;
    font-family: 'Gruppo', 'cursive';
    font-weight: 600;
    line-height: 1.0;
    margin-bottom: 15px;
    /* text-align: center; */
}

/* ===== Fix to logo display left on portfolio page ===== */
/* #header .navbar-brand {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
} */

/* .parallax {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.9))), url(../img/web-development/hire-web-developer-wordpress-0.jpg) center/cover no-repeat fixed;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url(../img/web-development/hire-web-developer-wordpress-0.jpg)-100px center/75% no-repeat fixed;
  }
  .parallax h3{
    color: white;
  } */

/**=============Parallax css=========== **

header{
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%; */
    /* padding: 30px 100px; */
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
    /* z-index: 100; *
}
.parallax{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.parallax h1{
    position: relative;
    z-index: 100;
}
.parallax p{
    position: relative;
    z-index: 100;
}
#text{
    position: absolute;
    font-size: 5em;
   /*  color: antiquewhite; */
    /* z-index: 50; *
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .2);

}
.parallax img{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    pointer-events:none;
}