/* @import removed and moved to header.php */
:root {
  --primary-blue: #004a99;
  --primary-dark: #001f3f;
  --accent-gold: #d4af37;
  --dark-bg: #002147; /* أزرق ملكي داكن جداً بدلاً من الأسود */
  --card-bg: #002d5a; /* درجة أفتح قليلاً للبطاقات */
  --text-light: #eeeeee;
}

#fade-quote-carousel.carousel{padding-bottom:60px;}
#fade-quote-carousel.carousel .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity;}
#fade-quote-carousel.carousel .carousel-inner .active{opacity:1;-webkit-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity;}
#fade-quote-carousel.carousel .carousel-indicators{bottom:10px;}
#fade-quote-carousel.carousel .carousel-indicators > li{background-color:var(--accent-gold);border:none;}
#fade-quote-carousel blockquote{text-align:center;border:none;}
#fade-quote-carousel .profile-circle{width:100px;height:100px;margin:0 auto;border-radius:100px;}
.top-designs{background-color:#34495e;background-image:url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?q=80&w=1920&auto=format&fit=crop');background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;min-height:400px;}
.top-hosting{background-color:#34495e;background-image:url('https://images.unsplash.com/photo-1558494949-ef010cbdcc51?q=80&w=1920&auto=format&fit=crop');background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;min-height:400px;}
.top-development{background-color:#34495e;background-image:url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?q=80&w=1920&auto=format&fit=crop');background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;min-height:400px;}
.top-ourwork{background: #34495e url(../img/web-design.jpg) no-repeat center center / cover !important;min-height:300px;}
.top-work{background-color:#34495e;background-image:url(../img/web-design.jpg);background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:top;min-height:200px;}
.top-page{background-color:#34495e;background-image:url(../img/slider3.jpg);background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:top;min-height:120px;}
.topshadow{color:#fff;padding:20px;background-color:rgba(0, 0, 0, 0.4);padding-top:100px;padding-bottom:100px;min-height:300px;display: flex;align-items: center;justify-content: center;}
#process{background:#FFFFFF;padding-top:12rem;padding-bottom:15rem;overflow:hidden;color:#000;}
.section-intro{max-width:700px;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:5.2rem;position:relative;}
.section-intro .with-bottom-line::after{display:block;background-color:var(--primary-blue);width:120px;height:3px;content:'\0020';position:absolute;left:50%;bottom:0;margin-left:-60px;}
.process-content{position:relative;text-align:center;}
.process-content .left-side{left:0;}
.process-content .right-side{right:0;}
.process-content .right-side, .process-content .left-side{padding:0 6% 24px;position:absolute;top:0;}
.process-content .right-side, .process-content .left-side, .process-content .image-part{width:33.33333%;font-size:15px;line-height:27px;}
.process-content .image-part{margin:0 auto;height:660px;background-image:url(../img/2development.png);background-repeat:no-repeat;background-position:center;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;}
.process-content h5{color:var(--primary-blue);font-size:1.8rem;line-height:1.875;margin-bottom:.3rem;font-weight:800;}
.process-content .item[data-item]::before{background:var(--accent-gold);color:#FFFFFF;font-family:"montserrat-bold", sans-serif;content:attr(data-item);display:inline-block;font-size:38px;height:82px;width:82px;line-height:82px;text-align:center;vertical-align:middle;margin-bottom:1.5rem;}
@media only screen and (max-width:768px){.process-content .right-side, .process-content .left-side{position:static;width:100%;max-width:480px;font-size:1.6rem;line-height:3rem;margin-left:auto;margin-right:auto;padding-bottom:0;}
}
@media only screen and (max-width:1024px){.process-content .right-side, .process-content .left-side{padding:0 3% 24px;}
}
body{background-color:var(--dark-bg);font-family:'Droid Arabic Kufi', sans-serif;line-height:1.5;color:var(--text-light);}
ol, ul{margin:0;padding:0;list-style:none;}
figure{margin:0;}
a{color:#fff;font-family:'Droid Arabic Kufi', sans-serif;-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s;}
iframe{border:0;}
a, a:focus, a:hover{text-decoration:none;outline:0;}
a:focus, a:hover{color:var(--accent-gold);}
h1, h2, h3, h4, h5, h6{font-weight:400;}
.kill-margin-bottom{margin-bottom:0 !important;}
.btn{background-color:transparent;color:#fff;padding:10px 30px;border-radius:0;margin-top:15px;-webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;transition:all .5s ease-in 0s;border:1px solid var(--accent-gold);}
.btn:focus{color:#ddd;}
.btn-green{background-color:var(--primary-blue);border-color:var(--primary-blue);}
.btn-green:focus,
.btn-green:hover{background-color:var(--accent-gold);color:#fff;border-color:var(--accent-gold);}
.btn-transparent{border:1px solid var(--accent-gold);}
.btn-transparent:focus{background-color:transparent;border-color:var(--primary-blue);}
.btn-transparent:hover{background-color:var(--primary-blue);border:1px solid transparent;color:#fff;}
.form-control{background-color:#252525;border-radius:0;padding:5px 10px;border:1px solid #333;color:#ddd;}
.form-control:focus{box-shadow:0 0 0; border-color:var(--accent-gold);}
.form-control::-webkit-input-placeholder{color:#ddd;}
.form-control:-moz-placeholder{color:#ddd;}
.form-control::-moz-placeholder{color:#ddd;}
.form-control:-ms-input-placeholder{color:#ddd;}
#loading-mask{background:#fff;height:100%;left:0;opacity:1;filter:alpha(opacity=100);position:fixed;text-align:center;top:0;width:100%;z-index:999999999;}
.loading-img{height:100%;left:0;position:fixed;top:50%;width:100%;}
.border{border-top:1px solid #fff;height:1px;margin:15px auto 0;position:relative;width:35%;}
.border:before{background-color:#fff;border:1px ridge #fff;content:"";height:10px;left:50%;margin-left:-50px;position:absolute;top:-5px;width:100px;}
.title{padding-bottom:60px;}
.title h2{text-transform:uppercase;font-weight:700;font-size:38px;color:#fff;}
.color{color:var(--accent-gold);}
.sub-title{padding:0 0 50px;}
.sub-title > h3{border-left:3px solid var(--accent-gold);border-right:3px solid var(--accent-gold);display:inline-block;padding:5px 25px;text-transform:uppercase;color:var(--accent-gold);}
.btn.active:focus, .btn:active:focus, .btn:focus{outline:0;}
.bg-one{background-color:var(--card-bg);}
.parallax-section{background-attachment:fixed !important;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.footer1{background:var(--primary-dark) url("../images/footer/footer-bg.png") repeat scroll left top;padding-top:40px;padding-right:0;padding-bottom:20px;padding-left:0;border-top:5px solid var(--accent-gold);}
.title-widget{color:#fff;font-size:24px;font-weight:300;line-height:1;position:relative;text-transform:uppercase;margin-top:0;margin-right:0;margin-bottom:25px;margin-left:0;padding-right:28px;}
.title-widget::before{background-color:var(--accent-gold);content:"";height:22px;right:0px;position:absolute;top:-2px;width:5px;}
.widget_nav_menu ul{list-style:outside none none;padding-left:0;}
.widget_archive ul li{background-color:rgba(0, 0, 0, 0.3);content:"";height:3px;left:0;position:absolute;top:7px;width:3px;}
.widget_nav_menu ul li{font-size:13px;font-weight:700;line-height:20px;position:relative;text-transform:uppercase;border-bottom:1px solid rgba(0, 0, 0, 0.05);margin-bottom:7px;padding-bottom:7px;width:95%;}
.title-median{color:#636363;font-size:20px;line-height:20px;margin:0 0 15px;text-transform:uppercase;}
.footerp p{}
#social:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
#social{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;}
.social-fb:hover{color:#3B5998;}
.social-tw:hover{color:#4099FF;}
.social-gp:hover{color:#d34836;}
.social-em:hover{color:#f39c12;}
.nomargin{margin:0px;padding:0px;}
.footer-bottom{background-color:#001f3f;min-height:30px;width:100%;border-top:1px solid var(--accent-gold);}
.copyright{color:#fff;line-height:30px;min-height:30px;padding:7px 0;}
.design{color:#fff;line-height:30px;min-height:30px;padding:7px 0;text-align:right;}
.design a{color:var(--accent-gold);}
#home{position:relative;}
#slitSlider .carousel-caption{padding:0;display:table;height:100%;width:100%;min-height:100%;right:0;top:0;z-index:11;background-color:rgba(0,0,0,.6);border-bottom:5px solid var(--accent-gold);}
#slitSlider .carousel-caption a{font-size:18px; border:1px solid var(--accent-gold); padding:10px 20px; color:var(--accent-gold);}
#slitSlider .carousel-caption a:hover{background:var(--accent-gold); color:#000;}
#slitSlider .carousel-caption > div{vertical-align:middle;display:table-cell;}
#slitSlider .carousel-caption h2{color:#FFF;font-size:50px;font-weight:700;margin-bottom:40px;text-transform:uppercase;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
#slitSlider .carousel-caption h3{color:var(--accent-gold);font-family:Oswald, sans-serif;font-size:40px;font-weight:700;margin-bottom:59px;}
.navbar-inverse{background-color:#eeeeee;width:100%;z-index:99;border-bottom:3px solid var(--accent-gold);}
.navbar{border-radius:0px !important;}
.navbar{border-bottom:1px solid #666;margin-bottom:0;}
.navbar-brand{height:auto;padding:8px 0;}
.navbar-brand h1{margin:0;}
.navbar-inverse .navbar-nav > li > a{color:#333333;font-size:15px;font-weight:bold;line-height:26px;padding:35px 15px;-webkit-transition:background .5s ease-in-out 0s;-moz-transition:background .5s ease-in-out 0s;-o-transition:background .5s ease-in-out 0s;transition:background .5s ease-in-out 0s;}
.navbar-inverse .navbar-nav > li.current > a{color:var(--primary-blue);background-color:rgba(0,0,0,0.05);}
.navbar-inverse .navbar-nav > li > a:hover{color:var(--primary-blue);background-color:rgba(0,0,0,0.03);}
#about{padding:70px 0;}
.icon-box{position:relative;width:160px;height:92.38px;background-color:transparent;margin:46.19px auto 60px;padding:20px 0;border-left:solid 3px var(--primary-blue);border-right:solid 3px var(--primary-blue);-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;-moz-transition-property:transform;-o-transition-property:transform;transition-property:transform;}
.icon-box:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
.icon-box:before,
.icon-box:after{content:"";position:absolute;z-index:1;width:113.14px;height:113.14px;background-color:inherit;left:20.4315px;-webkit-transform:scaleY(0.5774) rotate(-45deg);-moz-transform:scaleY(0.5774) rotate(-45deg);-ms-transform:scaleY(0.5774) rotate(-45deg);-o-transform:scaleY(0.5774) rotate(-45deg);transform:scaleY(0.5774) rotate(-45deg);}
.icon-box:before{top:-56.5685px;border-top:solid 4.2426px var(--primary-blue);border-right:solid 4.2426px var(--primary-blue);}
.icon-box:after{bottom:-56.5685px;border-bottom:solid 4.2426px var(--primary-blue);border-left:solid 4.2426px var(--primary-blue);}
#main-features{padding:70px 0;}
.feature-media{margin-bottom:30px;}
.feature-desc a{margin-right:20px;}
#counter{background-image:url(../img/parallax/city.jpg);padding:70px 0;position:relative;}
#counter::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,51,102,0.8);}
.counters-item{border:1px solid var(--accent-gold);padding-bottom:30px; position:relative; z-index:2;}
.counters-item > div{margin:10px 0;}
.counters-item span{display:inline;font-family:Oswald, sans-serif;font-size:35px;line-height:50px;color:var(--accent-gold);}
.counters-item i{margin-bottom:15px; color:var(--accent-gold);}
.counters-item h3{font-size:20px;margin:0; color:#fff;}
#services{padding:50px 0;}
.service-block{padding:30px;border:1px solid rgba(212, 175, 55, 0.2);margin-bottom:40px; background:var(--card-bg); transition:all 0.3s ease; border-radius: 10px;}
.service-block:hover{border-color:var(--accent-gold); transform:translateY(-10px); box-shadow: 0 10px 30px rgba(0,0,0,0.5);}
.service-icon{margin-bottom:40px;border:3px solid var(--accent-gold);padding-top:20px;width:100px;height:100px;margin:auto;color:var(--accent-gold);border-radius:50%;background:transparent;text-align:center;font-size:40px; line-height:100px; padding:0;}

/* ensure services cards align nicely in rows on all screens */
#services .row{
display:flex !important;
flex-wrap:wrap !important;
justify-content:center !important;
}
#services .row > .title{
flex:0 0 100% !important;
}
#services .row > article[class*="col-"]{
float:none !important;
flex:0 0 33.3333% !important;
max-width:33.3333% !important;
}
@media (max-width:991px){
#services .row > article[class*="col-"]{
flex:0 0 50% !important;
max-width:50% !important;
}
}
@media (max-width:767px){
#services .row > article[class*="col-"]{
flex:0 0 100% !important;
max-width:100% !important;
}
}
.service-block h3{text-transform:uppercase; color:var(--accent-gold); margin-top:20px;}
#showcase{padding:75px 0;}
.portfolio-filter{margin-bottom:30px;}
.portfolio-filter ul li{display:inline;}
.portfolio-filter ul li a{color:#ddd;display:inline-block;font-size:14px;margin:0 10px;padding:8px 20px;position:relative; border:1px solid #444;}
.portfolio-filter ul li a.active, .portfolio-filter ul li a:hover{border-color:var(--accent-gold); color:var(--accent-gold);}
.portfolio-filter ul li a::before{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-gold);content:'';-webkit-transition:top 0.3s;-moz-transition:top 0.3s;-o-transition:top 0.3s;transition:top 0.3s; opacity:0;}
.portfolio-filter ul li a::after{position:absolute;top:0;left:0;width:2px;height:2px;background:var(--accent-gold);content:'';-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-o-transition:height 0.3s;transition:height 0.3s; opacity:0;}
.portfolio-filter ul li a:hover::before{top:100%;opacity:1;}
.portfolio-filter ul li a:hover::after{height:100%;opacity:1;}
.og-grid .mix > a{display:block;overflow:hidden;position:relative; border:2px solid #222;}
.og-grid .mix a img{-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}
.og-grid .mix a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.hover-mask{top:0;left:0;width:100%;height:100%;position:absolute;background-color:rgba(0, 51, 102, 0.9);opacity:0;filter:alpha(opacity=0);-webkit-transition:all 600ms ease-out 0s;-moz-transition:all 600ms ease-out 0s;-o-transition:all 600ms ease-out 0s;transition:all 600ms ease-out 0s;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);}
.hover-mask h3{color:var(--accent-gold);font-size:20px;position:relative;text-transform:uppercase;top:40%; text-align:center;}
.hover-mask span{border:2px solid var(--accent-gold);border-radius:50px;color:var(--accent-gold);display:inline-block;height:50px;left:50%; margin-left:-25px; padding:11px 0;position:absolute;text-align:center;top:20%;width:50px;}
.og-grid .mix a:hover .hover-mask{opacity:1;filter:alpha(opacity=100);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
#team-skills{padding:70px 0;background-image:url(../img/parallax/skills.jpg); position:relative; background-attachment: fixed !important;}
#team-skills::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(135deg, rgba(0, 33, 71, 0.95) 0%, rgba(0, 74, 153, 0.9) 100%); border-top: 2px solid var(--accent-gold); border-bottom: 2px solid var(--accent-gold);}
.skill-chart{position:relative; z-index:2; background: rgba(255, 255, 255, 0.03); padding: 30px 20px; border-radius: 15px; border: 1px solid rgba(212, 175, 55, 0.1); transition: all 0.3s ease; height: 100%;}
.skill-chart:hover {background: rgba(255, 255, 255, 0.07); transform: translateY(-5px); border-color: var(--accent-gold);}
.skill-chart > h3{border-bottom:2px solid var(--accent-gold);margin:25px 0 15px;padding-bottom:10px; color:var(--accent-gold); font-weight: bold;}
.chart{display:block;position:relative;}
.percent{display:inline-block;font-size:1.6em;height:150px;line-height:150px;text-align:center;width:150px;z-index:2; color:var(--accent-gold);}
.chart canvas{left:50%;margin-left:-75px;position:absolute;top:0;}
.percent:after{content:'%';margin-left:.1em;font-size:.8em;}

/* إخفاء أقسام مهارات فريق العمل التي تأتي مباشرة بعد السلايدر */
#home + #team-skills,
#home + #team-skills + #team-skills{
display:none;
}
#our-team{padding:70px 0;}
.about-team{color:#fff;padding-bottom:40px;}
.about-team .title h1{color:#fff;}
.team-mate{background-color:var(--card-bg);border:1px solid #333;}
.member-photo{overflow:hidden;position:relative;}
.member-photo img{-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}
.member-photo:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.member-title{border-bottom:1px solid #333;padding:15px; background:rgba(0,0,0,0.2);}
.member-photo .mask{background-color:rgba(0, 51, 102, 0.8);position:absolute;text-align:center;height:100%;width:100%;left:0;top:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 600ms ease-out 0s;-moz-transition:all 600ms ease-out 0s;-o-transition:all 600ms ease-out 0s;transition:all 600ms ease-out 0s;}
.member-photo:hover .mask{cursor:pointer;opacity:1;filter:alpha(opacity=100);}
.team-mate h3{font-family:Ubuntu,sans-serif;font-size:20px;margin:0 0 5px; color:var(--accent-gold);}
.member-info{padding:15px;}
.mask ul{text-align:center;position:relative;top:40%;}
.mask ul li{display:inline-block;margin-right:10px;}
.mask ul li a{border:1px solid var(--accent-gold);border-radius:50%;color:var(--accent-gold);display:block;font-size:18px;height:40px;line-height:40px;text-align:center;width:40px;}
.mask ul li a:hover{background-color:var(--accent-gold);color:#000;border:1px solid transparent;}
#twitter-feed{background-image:url("../img/parallax/twitter.jpg");padding-bottom:100px;padding-top:80px; position:relative;}
#twitter-feed::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,74,153,0.8);}
.twitter-bird{position:relative; z-index:2;}
.twitter-bird span{border:2px solid var(--accent-gold);border-radius:50px;color:var(--accent-gold);display:inline-block;margin-bottom:50px;height:90px;width:90px;}
.twitter-bird span i{line-height:90px;}
.tweet{margin-bottom:10px; color:#fff; font-size:18px;}
.tweet a{color:var(--accent-gold);}
#pricing{padding:70px 0;}
.pricing{background-color:var(--card-bg); border:1px solid #333; transition:all 0.3s ease;}
.pricing:hover{border-color:var(--accent-gold); transform:scale(1.05); z-index:10;}
.price-title{background-color:rgba(0,0,0,0.3);padding:30px 0 20px;}
.price-title > h3{font-weight:700;margin:0 0 10px;text-transform:uppercase;padding:20px;background:rgba(212, 175, 55, 0.1); color:var(--accent-gold); border: 1px solid var(--accent-gold); border-radius: 5px;}
.price-title > p{font-size:18px;font-weight:400; color:#fff; margin-top: 15px;}
.price-title .value{color:var(--accent-gold);font-size:36px; font-weight:bold;}
.pricing li{border-top:1px solid rgba(255,255,255,0.05);font-weight:400;padding:15px 0; color:var(--text-light);}
.pricing li:last-child{border-bottom:1px solid rgba(255,255,255,0.05);}
.pricing li:nth-child(2n){background-color:rgba(255,255,255,0.02);}
.pricing a.btn{text-transform:uppercase;margin:30px 0; background:var(--accent-gold); color:#000; font-weight:bold; border: none;}
.pricing a.btn:hover {background: #fff; color: var(--primary-blue);}#testimonial{background-image:url(../img/parallax/bicycle.jpg);padding:70px 0; position:relative;}
#testimonial::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85);}
#testimonials{position:relative; z-index:2;}
.client-info{margin:0 auto;width:45%;}
.client-thumb img{border:3px solid var(--accent-gold); border-radius:50%;margin:0 auto;max-width:115px;width:100%;}
.client-meta{margin:0 0 10px;}
.client-meta h3{font-family:Ubuntu,sans-serif;font-size:22px;margin:15px 0 5px .0; color:var(--accent-gold);}
.client-meta span{font-size:14px; color:#aaa;}
.client-comment{font-size:18px; color:#eee; font-style:italic;}
.owl-controls .owl-page span{border-color:var(--accent-gold);}
.owl-controls .owl-page.active span,
.owl-controls .owl-page:hover span{background-color:var(--accent-gold);border:2px solid transparent;}
.our-clients{margin:30px 0 0;}
#our-clietns .item img{max-width:150px;width:100%; filter:grayscale(100%); transition:all 0.3s ease;}
#our-clietns .item img:hover{filter:grayscale(0%);}
#blog{padding-bottom:110px;padding-top:70px;}
.note{background-color:var(--card-bg);border:1px solid #333;}
.note .media-wrapper{border-bottom:1px solid #333;}
.note .excerpt{padding:20px;}
.note .excerpt h3{font-size:20px;line-height:1.5;text-transform:capitalize; color:var(--accent-gold);}
#contact-us{padding:70px 0 0;}
.contact-form{margin-bottom:40px;}
.contact-form .form-control{background-color:rgba(255,255,255,0.05);border:1px solid #333;height:45px; color:#fff;}
.contact-form input:hover,
.contact-form textarea:hover,
#contact-submit:hover{border-color:var(--accent-gold);}
#contact-submit{background:var(--accent-gold); color:#000; font-weight:bold; border:none; padding:15px; cursor:pointer;}
.contact-form textarea.form-control{padding:10px;height:120px;}
.contact-info p{margin-bottom:25px;}
.con-info{margin-bottom:20px; background:rgba(255,255,255,0.02); padding:15px; border-right:3px solid var(--accent-gold);}
.con-info i{color:var(--accent-gold); font-size:24px;}
.con-info span{margin:-5px 0 0 15px; color:#fff;}

/* Mobile Responsiveness Fixes */
@media (max-width: 767px) {
    /* Resize header social icons */
    .social-icon i {
        font-size: 18px; /* Adjusted size for mobile */
    }
    
    /* Adjust logo position - move away from the right edge */
    .navbar-brand {
        margin-right: 25px !important;
        padding-right: 0 !important;
    }
    .navbar-inverse .navbar-nav > li > a{padding:15px;}
}
.error{display:none;padding:10px;color:#D8000C;border-radius:4px;font-size:13px;background-color:#FFBABA;}
.success{background-color:var(--primary-blue);border-radius:4px;color:#fff;display:none;font-size:13px;padding:10px;}
#map-canvas{height:370px;width:100%; border-top:5px solid var(--accent-gold);}
.top-bar {
  background: var(--primary-dark);
  color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid var(--accent-gold);
}
.top-bar i {
  color: var(--accent-gold);
  border: 1px solid var(--accent-gold) !important;
  margin-left: 5px;
}
.top-bar a {
  color: #fff;
  font-weight: bold;
}
.top-bar a:hover {
  color: var(--accent-gold);
}

.social-icon ul li a {
  background: var(--accent-gold);
  color: #000;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease;
}
.social-icon ul li a:hover {
  background: #fff;
  color: var(--primary-blue);
  transform: translateY(-3px);
}
.about-content h3{margin-top:10px;margin-bottom:15px; color:var(--accent-gold);}
#about .icon-box{width:110px;height:110px;margin:40px auto 25px;border-radius:50%;border:3px solid var(--accent-gold);background:rgba(255,255,255,0.05);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#about .icon-box:before,#about .icon-box:after{display:none;}
#about .icon-box i{font-size:32px;color:var(--accent-gold);}
#about .icon-box:hover{background:var(--accent-gold);border-color:#fff;-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);}
#about .icon-box:hover i{color:#000;}
.social-icon > ul > li > a > i{color:#000;display:inline-block;font-size:20px;line-height:40px;margin:0;}
.social-icon > ul > li:hover a{background-color:#fff;}
.social-icon > ul > li:hover a i{color:var(--primary-blue);}
.copyright{padding:20px 0;color:#fff;}
.copyright > img{margin-bottom:15px;}
#scrollUp{background:var(--accent-gold); color:#000; border:none; border-radius:50%; bottom:15px;padding:10px 15px;position:fixed;right:20px;z-index:600;}
#scrollUp:hover{background-color:#fff;}
#blog-banner{padding-bottom:100px;padding-top:150px; background:var(--primary-dark);}
.blog-icon{border:2px solid var(--accent-gold);border-radius:50%;color:var(--accent-gold);display:inline-block;padding:16px 20px;}
.blog-title h1{text-transform:uppercase; color:#fff;}
#blog-page{margin:0 0 40px;}
.post-item .entry{border:1px solid #333;margin-bottom:30px; background:var(--card-bg);}
.entry .post-excerpt{padding:20px;}
.post-meta{background-color:rgba(0,0,0,0.3);border-top:1px solid #333;font-size:13px;margin:20px 0 0;padding:15px 20px;}
.post-meta > span{border-right:1px solid #555;display:inline-block;font-size:12px;margin:0 10px 0 0;padding-right:10px; color:#aaa;}
.post-meta > span i{color:var(--accent-gold);}
.post-excerpt .more a{background:var(--accent-gold); color:#000; font-weight:bold; border-radius:0;}
.post-excerpt .more a:hover{background:#fff;}
aside.widget{margin-bottom:25px; background:var(--card-bg); padding:20px; border:1px solid #333;}
.widget-title > h3{color:var(--accent-gold);margin-bottom:20px; border-bottom:1px solid var(--accent-gold); padding-bottom:10px;}
.widget-content .tab-content{background-color:rgba(0,0,0,0.2);padding:20px;}
.tab-post-nav li.active a{border-top:3px solid var(--accent-gold);background-color:transparent;color:var(--accent-gold);}
.tab-excerpt h4 a:hover{color:var(--accent-gold);}
.categories > li:hover a{color:var(--accent-gold);}
.widget-content .tag{background-color:#333;color:#fff; border:1px solid #444;}
.widget-content .tag:hover{background-color:var(--accent-gold);color:#000;}
.post-pagination ul li a{background-color:#333;color:#fff;}
.post-pagination ul li a:hover,
.post-pagination ul li.active a{background-color:var(--accent-gold);color:#000;}
.single-blog{background-color:var(--card-bg);margin-bottom:50px;padding:30px; border:1px solid #333;}
blockquote{border-left:5px solid var(--accent-gold); background:rgba(255,255,255,0.05); padding:20px;}
.contact3-form {width:400px; margin:auto;margin-bottom: 20px; background:var(--card-bg); padding:30px; border:1px solid var(--accent-gold);}
.contact3-form-title {color:var(--accent-gold); font-weight:bold;}