body {background:#FFF; font-family: 'Rubik', sans-serif; font-size:14px; line-height:20px; margin:0; padding:0; color:#000; font-weight:400; white-space:normal; visibility:inherit; text-align:inherit; border:0px; letter-spacing:0px; font-stretch:inherit; overflow-x:hidden; min-height: 1000px;}
html{height:100%; margin-bottom:0px;}
* { margin: 0; padding: 0; outline: 0; }
body, div, section, a, p, aside, span, ul, li, dl, header, footer, h1, h2, h3, h4, h5, h6 {text-decoration: none; outline: none; border: none; padding: 0; margin: 0; list-style: none;}
a { text-decoration:none;}
a:hover { text-decoration:none;} .no-js #loader { display: none;}
.js #loader {display: block; position: absolute; left: 100px; top: 0;}
.se-pre-con {position: fixed; left: 0px; top:0px; width: 100%; height: 100%; z-index: 99999; background: url(//designsplus.in/wp-content/themes/design_plussoft/images/Preloader.gif) center no-repeat #191B22;}   ::-webkit-scrollbar {width:10px;} ::-webkit-scrollbar-track {background:#000; } ::-webkit-scrollbar-thumb {background:#000; } ::-webkit-scrollbar-thumb:hover {background:#fec63d; }  ::-moz-selection { color:#191B22; background:#fec63d;}
::selection {color:#191B22; background:#fec63d;} h1, h2, h3, h4, h5 {text-transform:uppercase; font-weight:500; letter-spacing:1px; font-family: 'Teko', sans-serif;}
.heading { margin-bottom:15px; margin-top:15px; padding:0;}
.heading h1 {font-size:50px; line-height:55px; color:#191B22; margin:0; padding:0;}
.heading h1 span{ color: #fec63d;}
.heading h2 {font-size:30px; line-height:35px; color:#191B22; margin:0; padding:0;}
.heading h3 {color:#191B22; font-size:25px; position: relative; padding-left:40px; margin-bottom:5px; line-height:30px;}
.heading h3::after {content: ''; position: absolute; height:2px; width:35px; background:#fec63d; bottom:0; left: 0;}
.heading h4 {color:#191B22; font-size:25px; position: relative; padding:0; margin-bottom:15px; margin-top:15px; line-height:30px;}
.heading h6 { color:#191B22; font-size:20px; line-height:25px; margin-bottom:0; margin-top:5px; padding:0;  text-transform: capitalize; font-family: 'Teko', sans-serif; letter-spacing: 1px;}
p { color:#191B22; font-size:14px; line-height:22px; margin-bottom:15px; margin-top:15px; padding:0; font-weight:400; letter-spacing:.5px;}
p a {color:#191A19; font-weight:600; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p a:hover {color:#fec63d; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p span {color:#fec63d; font-weight:600;}
p strong {color:#fec63d; font-weight:600;}
p i { font-size:12px; line-height:22px; margin-right:5px;}
.margin_auto { margin:auto !important;}
.m-0 { margin:0;}
.mb-15 { margin-bottom:15px;}
.mt-15 { margin-top:15px;}
.ml-15 { margin-left:15px;}
.mr-15 { margin-right:15px;}
.m-15-bottom { margin-bottom:-15px;}
.m-15-top { margin-top:-15px;}
.p-0 { padding:0;}
.pb-15 { padding-bottom:15px;}
.pt-15 { padding-top:15px;}
.pl-15 { padding-left:15px;}
.pr-15 { padding-right:15px;}
.pl-30 { padding-left:30px;}
.pr-30 { padding-right:30px;}
.pl-15-p { padding-left:-15px;}
.pr-15-p { padding-right:-15px;} .top { background:#fccb51;} .call-now { display:block; }
.call-now ul {  margin:0; padding:0; list-style:none;}
.call-now ul li { display:inline-block; font-size:14px; color:#191B22; line-height:20px; margin:0 15px 0 0; padding:10px 0; font-weight:400; letter-spacing:.5px;}
.call-now ul li:last-child { margin-right:0;}
.call-now ul li a { color:#191B22; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.call-now ul li a:hover {color:#fec63d; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.call-now ul li i {background:#fff; width: 30px; height: 30px; line-height: 30px; text-align: center; color:#fccb51; margin-right:5px; font-size:10px; border-radius:4px; } #header-1 { } .bg3{}
#menucont{padding: 0; margin:0 auto !important; }
#menucont p{margin: 0;}
.container1{width:100%;padding: 0; margin:0 ;}
.container1 .bodycontainer{margin: 0 !important;width: 100%; }
.stickydiv{position: relative; z-index:999 !important; width: 100%; background:#fff; border-bottom: 1px solid #F5F5F5;}
.stickydiv.stuck{position: fixed; top: 0; width: 100%; z-index: 8;}  .logo { float:left; margin:15px 0; padding:0; display:block;}
.logo img{height:60px;}  .mobile-top { float: right; padding-left: 0; list-style-type: none; margin-top:65px; margin-bottom:0;}
.mobile-top li { float:left; margin-right:0; margin-left:15px; display: inline-block;}
.mobile-top li a {width:40px; text-align: center; line-height:40px; height:40px; border:none; background:#fec63d; color:#FFF; display: inline-block; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:4px;}
.mobile-top li a:hover {color:#FFF; background:#191B22; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .top-btn { font-size:18px; font-weight:500; width:auto; text-transform:uppercase; padding:12px 15px 8px 15px; line-height:30px ; color:#FFF; background:#191B22; letter-spacing:2px; margin-top:0; margin-bottom:0; margin-left:15px; margin-right:0; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:4px; font-family: 'Teko', sans-serif;}
.top-btn:hover {  background:#fec63d;  color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} .about-section{position:relative;padding:90px 0px 60px 0px;background:#fff}
.about-section:before{content:"";position:absolute;left:0;top:0;margin-left:-410px;width:50%;height:100%;background:#F5F5F5}
.about-section .image-column{position:relative;margin-bottom:30px;}
.about-section .image-column .inner{position:relative;display:block}
.about-section .image-column .inner:before{content:"";position:absolute;left:0;width:15px;height:280px;background:#fec63d;border-radius:10px}
.about-section .image-column .image-block{position:relative;display:block;border-radius:7px;overflow:hidden}
.about-section .image-column .image-block img{display:block;width:100%; border-radius:7px}
.about-section .image-column .image-block:nth-child(1){margin-left:110px}
.about-section .image-column .image-block:nth-child(2){margin-right:140px;margin-top:-170px}
.about-section .text-column{position:relative;margin-bottom:30px}
.about-section .text-column .inner{position:relative;display:block;padding-left:30px}
.about-section .text-column .sec-title{margin-bottom:15px;}
.about-section .text-column .sec-title .lower-text{text-transform:uppercase;font-size:18px; font-weight:500;letter-spacing:0;line-height:26px; margin-top: 5px;color:#191B22}
.about-section .text-column .text{position:relative;font-size:15px;font-weight:500;line-height:25px; color:#191B22}
.about-section .text-column .text p{margin-bottom:30px;}
.about-section .text-column .text ul{position:relative;float:left}
.about-section .text-column .text ul li{position:relative;line-height:25px;margin-bottom:10px;padding-left:20px; }
.about-section .text-column .text ul li:before{ content: "\f058"; font-family: "Font Awesome 6 Free";position:absolute;left:0;top:0; font-size:12px; color:#fec63d }
.about-section .text-column .text .since{position:relative;float:left;margin-left:80px;margin-top:10px}
.about-section .text-column .text .since:before {content:"";position:absolute;left:0px;top:0px;width:90px;height:90px;background:#191B22;border-radius:50%}
.about-section .text-column .text .since:after{content:"";position:absolute;left:-35px;top:0px;bottom:0px;border-left:2px solid #fec63d;}
.about-section .text-column .text .since .txt{position:relative;display:block;padding:21px 5px;width:90px;height:90px;line-height:24px;text-align:center;background:var(--thm-black);text-transform:uppercase;color:#fff;border-radius:50%;font-family:var(--thm-font);font-size:20px;padding-top:24px}.about-section .text-column .link-box{padding-top:30px}.live-section{position:relative;padding:120px 0px 0px;background:#fff;border-top:1px solid rgba(0,0,0,0.05)} .parallax-section {background-image:url(//designsplus.in/wp-content/themes/design_plussoft/images/home_bg.jpg); background-position: center; background-size: cover; background-attachment: fixed; height: auto; position: relative; padding-bottom:60px; padding-top:60px;}
.parallax-section:before {display: block; content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background:#191B22 ; opacity: 0.85;}
.icon-box i {background:#fec63d; position: relative; display: block; width: 120px; height: 120px; line-height: 120px; text-align: center; color:#FFF; font-size:40px; border-radius: 50%; margin: 15px auto 30px auto;}
.parallax-section .heading h1, .parallax-section .heading h6 { color:#FFF;}
.parallax-btn { font-size:20px; font-weight:600; width: auto; text-transform:uppercase; padding:18px 45px 15px 45px; line-height:30px; color:#191B22; background:#FFF; letter-spacing:2px; margin-top:15px; margin-bottom:15px; margin-left:0; margin-right:0; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:5px; font-family: 'Teko', sans-serif;}
.parallax-btn:hover {background:#fec63d; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}  .agency-section {position: relative; padding:60px 0; background: #fff url(//designsplus.in/wp-content/themes/design_plussoft/images/pattern-2.png) left top repeat; margin-bottom:45px;}
.agency-section .line { position: relative; width: 100%; height:2px; background:#fec63d; }
.agency-section .nav-tabs { margin-top:30px; }
.agency-section .nav-tabs .nav-item {}
.agency-section .nav-tabs .nav-item a.nav-link { font-size: 18px; text-transform: uppercase; color:#191B22; font-weight: 500; letter-spacing:1px; border-radius:5px 5px 0 0; border: none; line-height: 20px; padding:12px 20px 8px 20px; font-family: 'Teko', sans-serif;}
.agency-section .nav-tabs .nav-item a.nav-link.active {background:#fec63d; color:#FFF;}
.tab-content { padding:15px; margin: 0 0 15px 0; border: 1px solid #fec63d;}
.tab-content p { margin: 0;}
.tab-content h4 { color: #fec63d; margin-bottom:5px; margin-top:0;}
.image img {display: block; width: 100%; ;
border-radius: 50%;}   .news-section {background:#FFF; padding-bottom:30px; padding-top:60px;}
.news-block{position:relative; margin-top: 15px; margin-bottom:15px;}
.news-block .inner-box{position:relative;display:block;text-align:center}
.news-block .image-box{position:relative;display:block;overflow:hidden}
.news-block .image-box img{display:block;width:100%; transition:all 500ms ease;border-radius:7px}
.news-block:hover .image-box img{-webkit-filter:grayscale(0%);-ms-filter:grayscale(0%);-moz-filter:grayscale(0%)}
.news-block .lower-box{position:relative;padding:0 30px; }
.news-block .lower-box .feature-icon i { width:90px; height:90px; line-height:90px; background:#191B22; font-size:24px; color:#FFF; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius: 100%; margin-bottom:15px; margin-top:-45px;}
.news-block:hover .feature-icon i { background:#fec63d; color:#FFF; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;}
.news-block .lower-box h2 { font-size:22px; line-height:30px; color:#191B22; margin:0; padding:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;}
.news-block:hover .lower-box h2 { color:#fec63d; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }
.news-block .lower-box p { color:#84858A;  margin-bottom:0; margin-top:5px;}
.news-block:hover .lower-box p {color:#191B22; }
.news-block .read-more  { font-size:12px; padding:0; width:45px; height:45px; line-height:45px; color:#FFF; margin-top:15px; margin-bottom:0; margin-left:0; margin-right:0; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:50%; background:#fec63d;}
.news-block:hover .read-more {background:#191B22; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}  .call-to-section {position: relative; display: block; padding:30px; background:#fec63d; border-radius: 7px; overflow: hidden; bottom: -60px; margin-top: 0px; z-index: 1}
.call-to-section .heading h1, .call-to-section .heading h3, .call-to-section .heading h6 { color: #FFF;}
.call-to-section .heading h3::after {background:#FFF;}
.create-new-account-btn { font-size: 20px;font-weight: 600; width: auto; text-transform: uppercase; padding: 18px 45px 15px 45px; line-height: 30px; color: #FFF; background: #191B22; letter-spacing: 2px; margin-top: 15px; margin-bottom: 15px; margin-left: 0; margin-right: 0; border: none; transition: all ease .6s; -moz-transition: all ease .6s; -webkit-transition: all ease .6s; -o-transition: all ease .6s; border-radius: 5px; font-family: 'Teko', sans-serif;}
.create-new-account-btn:hover {background:#FFF; color:#fec63d; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}  .main-footer {position: relative; color: #CED0D6; background:#191B22 url(//designsplus.in/wp-content/themes/design_plussoft/images/footer-bg.webp) center top no-repeat;}
.main-footer .widgets-section {position: relative; padding:120px 0 75px 0;}
.main-footer h6 { font-size:20px; line-height:30px; margin-bottom:15px; margin-top:0; padding-bottom:0; color:#FFF; font-weight:600; letter-spacing:2px; font-style:normal; text-transform:uppercase;  position:relative;  font-family: 'Teko', sans-serif;} .main-footer .footer-logo-text { margin-top:15px; margin-bottom:15px;}
.main-footer .footer-logo-text .footer-logo { margin-bottom:10px;}
.main-footer .footer-logo-text p {color:#CED0D6;  margin-top:5px; margin-bottom:0;  }
.main-footer .footer-logo-text p a {color:#CED0D6;}
.main-footer .footer-logo-text p a:hover {color:#fec63d;}  .social-links { float:left; padding-left: 0; list-style-type: none; margin-top:0; margin-bottom:0;}
.social-links li { float:left; margin-right:10px; margin-top:15px; margin-left:0; display: inline-block;}
.social-links li:last-child { margin-right:0;}
.social-links li a {width:35px; text-align: center; line-height:35px; height:35px; color:#CED0D6; display: inline-block; font-size: 11px;  border-radius:50%; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; background: #1F2734;}
.social-links li a:hover { background: #fec63d; color:#FFF;transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}  .footer-nav {margin-bottom:15px; margin-top:15px; }
.footer-nav ul { float:left; margin:0 ; padding:0; list-style:none;}
.footer-nav ul li { float:left; width:100%; margin:0; padding:5px 0; text-transform:capitalize;}
.footer-nav ul li a { float:left; font-size:14px; line-height:20px; color:#CED0D6; font-weight:400; margin:0; padding: 0; text-decoration:none; letter-spacing:.5px;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-nav ul li a:hover {color:#fec63d; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}  .footer-contact-text {margin-bottom:15px; margin-top:15px; }
.footer-contact-text p { font-size:14px; line-height:20px; color:#CED0D6; font-weight:400; margin:0; padding:5px 0; }
.footer-contact-text p a {color:#CED0D6; font-weight:400;}
.footer-contact-text p a:hover {color:#fec63d;}
.footer-contact-text p i { font-size:12px; margin-right:5px; color:#fec63d;}
.footer-contact-text p span { color:#fec63d;}  .footer-bottom { margin-top:15px; padding-top:30px; border-top:1px solid #1F2734}
.footer-bottom p {color:#CED0D6; margin: 0; padding:0 15px; font-weight:400; font-size:13px; line-height:20px;}
.footer-bottom p span {color:#FFF; font-weight:500; font-style:normal;}
.footer-bottom p a {color:#FFF; font-weight:500; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-bottom p a:hover {color:#fec63d; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}   #back-to-top {position: fixed; bottom:15px; right:15px; z-index: 9; width:50px; height:50px; line-height:50px; font-size:14px; text-align: center; background:#1F2734; color:#FFF; cursor: pointer; border:none; text-decoration: none; transition: opacity 0.5s ease-out; opacity: 0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:4px;}
#back-to-top:hover {background:#fec63d; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
#back-to-top.show {opacity:1;}  .breadcrumb-area {padding:105px 0 ; margin-bottom:15px;}
.breadcrumb-area h1 { display:block; color:#FFF; margin:0 0 15px 0; padding: 0;  background:none;}
.breadcrumb-area .breadcrumb {background-color: rgba(12, 12, 12, 0.40); display: inline-block; margin:0; padding:10px 30px; position: relative;
z-index: 1; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.breadcrumb-area .breadcrumb li i {color:#FFA800; margin-right: 3px;}
.breadcrumb-area .breadcrumb::after {content: ""; height: 100%; left: 0; opacity:0.35; position: absolute; top: 0; width: 100%; z-index: -1;}
.breadcrumb > li + li::before {color: #FFF; content: "\f111"; font-family: "Font Awesome 5 Free"; font-size: 8px; font-weight: 500; padding: 0 10px;
position: relative; top: -1px;}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li {font-weight: 600; color:#FFF; text-transform:uppercase; font-size:13px;}
.breadcrumb-area .breadcrumb a:hover {color: #FFA800;}
.breadcrumb-area .breadcrumb li.active {color: #FFF;}
.shadow {position: relative; z-index: 1;}
.shadow.dark::after {background:#0C0C0C none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity:0.70; position: absolute; top: 0;
width: 100%;z-index: -1;}
.bg-fixed {background-attachment: fixed; background-position: center center; background-size: cover;}  .bank-details { float:left; margin:15px 0; padding:0; border:1px solid #F6F6F6;}
.bank-details-logo { margin-bottom:15px; margin-top:15px;}
.bank-details-text { float:left; margin:0; border-top:1px solid #F6F6F6;}   .address { margin-bottom:15px; margin-top:15px; padding:0;} 
.address ul { margin:0; padding:0; list-style:none;} 
.address ul li { display:inherit; position:relative; margin-top:15px;} 
.address ul li:first-child {margin-top:0;}
.address .icon, .address .info {display: table-cell; vertical-align:top;} 
.address .info {padding-left: 15px;}
.address ul li i {background:#FFA800 none repeat scroll 0 0; color:#0C0C0C; font-size:14px; height:45px; line-height:45px; text-align: center; width:45px; border-radius: 100%;  }	
.address .info h5 {font-weight:700; margin:0 0 2px 0; padding:0; text-transform: uppercase; color: #FFA800; font-size:15px; line-height:22px;} 
.address .info p { color:#0C0C0C; font-weight:500; margin: 0; padding:0;} 
.address .info p a {color:#0C0C0C; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.address .info p a:hover { color:#FFA800; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} #map-section { margin-top:15px; margin-bottom:-20px;} .single-img {position:relative;}
.single-list-feature { position:relative; margin-bottom:15px; margin-top:15px;}
.single-list-feature i {position: relative; left: 0; top: 0; margin-top: 0; width:65px; height:65px; line-height:65px; background: #0C0C0C;
color: #FFA800; display: block; border-radius: 0px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; display: block; border-radius: 100%; font-size:25px; text-align: center;}
.single-list-feature i:before{position:relative; z-index:4;}
.single-list-feature i:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFA800; content: ""; border-radius: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; transform: scale(0); z-index:3;}
.single-list-feature:hover i:after{opacity:1; visibility:visible; transform: scale(1);}
.single-list-feature:hover i{color:#0C0C0C;}
.single-list-feature h4 {font-size:17px; line-height:25px; margin-bottom:5px; margin-top:15px; color:#FFA800;}
.single-list-feature p {margin:0; padding:0;}  .product-box-inner { float:left; width:100%; overflow:hidden; margin:15px 0; padding:0; background:#FFF; border:1px solid #F6F6F6; -moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.product-box-inner:hover {border:1px solid #FFA800; background:#FFA800;  -moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.product-box-inner > p { display:inline-block; margin:0; padding:15px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; }
.product-box-inner > p a {color:#0C0C0C; font-size:14px;  line-height:20px; margin:0; font-weight:700; }
.product-box-inner:hover > p a {color:#0C0C0C;}
.box9{background:#0C0C0C;text-align:center;position:relative}
.box9 img{width:100%;height:auto}
.box9:hover img{opacity:.5}
.box9 .box-content{padding:0px;background:rgba(12,12,12,.60);position:absolute;top:0;left:0;bottom:0;right:0;opacity:0}
.box9:hover .box-content{top:15px;left:15px;bottom:15px;right:15px;opacity:1}
.box9 .title{font-weight:600; width:100%; color:#fff; font-size:14px; line-height:25px;margin:5px 0 10px 0; padding:0; position:absolute;bottom:50%;}
.box9 .icon li a{border-radius:50%}
.box9 .icon{list-style:none;padding:0;margin:0;position: relative;top:45%;}
.box9 .icon li{display:inline-block;opacity:0;transform:translateY(40px); margin:0; padding:0;}
.box9:hover .icon li{opacity:1;transform:translateY(0);}
.box9:hover .icon li:first-child{transition-delay:.1s}
.box9:hover .icon li:nth-child(2){transition-delay:.2s}
.box9 .icon li a{display:block;width:40px;height:40px; line-height:40px; font-size:12px; color:#0C0C0C; background:#FFF; margin-right:5px; transition:all .35s ease 0s; border:none; padding:0;}
.box9 .icon a:hover{color:#0C0C0C; background:#FFA800}
.box9 .box-content,.box9 .icon li,.box9 img{transition:all .35s ease 0s} .product-box-detail { padding:15px;}
.product-box-detail h1 { margin:0; padding:0; font-size:15px; line-height:25px;}
.product-box-inner .product-box-detail h2 { margin:5px 0 0 0; padding:0; font-size:14px; line-height:25px;}
.product-box-inner:hover .product-box-detail h2 span { color:#0C0C0C;}  .panel, .panel-default { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important;}
.panel-title {color:#0C0C0C; font-weight:700; text-transform:uppercase; letter-spacing:1px; background:#F6F6F6;}
.panel-title a { color:#0C0C0C; text-decoration:none; font-size:14px; line-height:25px;}
.panel-title a:hover {  color:#FFA800; text-decoration:none;}
.faqHeader {font-size: 27px; margin: 20px ;}
.panel-heading [data-toggle="collapse"]:after {font-family: 'Font Awesome 5 Free'; content: "\f068"; float: right; color: #FFA800; font-size:12px; line-height:25px;  }
.panel-heading [data-toggle="collapse"].collapsed:after {font-family: 'Font Awesome 5 Free'; content: "\f067";  color: #0C0C0C;}
.panel-body { padding:0;}
ul.accordion-list {
position: relative;
display: block;
width: 100%;
height: auto;
padding: 20px;
margin: 0;
list-style: none;
background-color: #f9f9fA;
li {
position: relative;
display: block;
width: 100%;
height: auto;
background-color: #FFF;
padding: 20px;
margin: 0 auto 15px auto;
border: 1px solid #eee;
border-radius: 5px;
cursor: pointer;
&.active {
h4 {
&:after {
transform: rotate(45deg);
}
}
}
h4 {
font-weight: 700;
position: relative;
display: block;
width: 100%;
height: auto;
padding: 0 0 0 0;
margin: 0;font-family: 'Rubik', sans-serif;
font-size: 15px;
letter-spacing: 1px;
cursor: pointer;
&:after {
font-family: 'Font Awesome 5 Free'; content: "\f067";
position: absolute;
right: 0;
top: 0;
color: #Fcc110;
transition: all 0.3s ease-in-out;
font-size: 18px;
}
}
div.answer {
position: relative;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
cursor: pointer;
p {
position: relative;
display: block;
font-weight: 400;
padding: 10px 0 0 0;
cursor: pointer;
line-height: 150%;color: #0C0C0C;
margin: 0 0 15px 0;
font-size: 14px;
}
}
}
}
div.answer li{position: relative;
line-height: 25px;padding-top: 0;
border: 0;
padding-bottom: 0;
margin-bottom: 10px;
padding-left: 20px;}
div.answer li:before{content: "\f058";
font-family: "Font Awesome 6 Free";
position: absolute;
left: 0;
top: 0;
font-size: 12px;
color: #fec63d;}  
.accordion-list > li.active .answer{display:block !important;} @media only screen and ( min-width: 1299px) and (max-width: 2399px) {
.heading h1 {font-size:60px; line-height:65px;}
.heading h2 {font-size:35px; line-height:40px;}
.heading h3 {font-size:30px;  line-height:35px;}
.heading h4 {font-size:30px; line-height:35px;}
.heading h6 { font-size:25px; line-height:30px;} .news-block .lower-box .feature-icon i { width:110px; height:110px; line-height:110px;  font-size:30px; margin-top:-55px;}
.news-block .lower-box h2 { font-size:25px; line-height:30px; }
.news-block .read-more  { font-size:13px; width:50px; height:50px; line-height:50px;}  .single-list-feature i {width:70px; height:70px; line-height:70px; font-size:30px;}
.single-list-feature h4 {font-size:18px; line-height:30px;} }
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
.heading h1 {font-size:45px; line-height:50px;}
.heading h2 {font-size:25px; line-height:30px;}
.heading h3 {font-size:20px;  line-height:25px; padding-left:30px;}
.heading h3::after {height:2px; width:25px;}
.heading h4 {font-size:20px; line-height:25px;}
.heading h6 { font-size:18px; line-height:22px;}  .logo img { height:40px;} .top-btn { font-size:15px; padding:12px 15px 8px 15px; line-height:20px ;}  .create-new-account-btn { font-size: 20px; width:100%; padding:15px 45px 12px 45px; line-height: 30px;}  .main-footer .widgets-section {padding:105px 0 60px 0;}
.main-footer h6 { font-size:18px; line-height:25px;}
.main-footer .footer-logo-text { margin-bottom:25px;} .social-links li a {width:30px; line-height:30px; height:30px; font-size: 11px;}  .footer-nav ul li {width: auto;  padding:5px 10px 5px 0;}
.footer-nav ul li a { font-size:14px; line-height:20px;}  .footer-contact-text p { font-size:14px; line-height:20px; padding:5px 0; }
.footer-contact-text p i { font-size:12px;}  .footer-bottom p {font-size:13px; line-height:20px;}  }
@media only screen and ( min-width: 600px) and ( max-width: 765px ) {
.heading h1 {font-size:40px; line-height:45px;}
.heading h2 {font-size:22px; line-height:25px;}
.heading h3 {font-size:18px;  line-height:25px; padding-left:30px;}
.heading h3::after {height:2px; width:25px;}
.heading h4 {font-size:18px; line-height:25px;}
.heading h6 { font-size:16px; line-height:20px;}
p { font-size:13px; line-height:20px;}
p i { font-size:11px; line-height:20px;}  .stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}  .logo { margin-top:60px;}
.logo img { height:50px;}  .mobile-top { margin-top:65px; } .top-btn { font-size:16px; font-weight:500; width:100%; text-transform:uppercase; padding:0px 8px 0px 8px; text-align: left; line-height:25px ; color:#FFF; background:#AE1818; letter-spacing:2px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:0px;}
.top-btn:hover {  background:#fec63d;  color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}  .icon-box i { width:100px; height: 100px; line-height: 100px;  font-size:34px;}
.parallax-btn { font-size:18px; padding:18px 45px 15px 45px; line-height:30px;}  .agency-section .nav-tabs .nav-item a.nav-link { font-size: 16px; line-height: 20px; padding:12px 15px 8px 15px; }  .create-new-account-btn { font-size:18px; width:100%; padding:15px 45px 12px 45px; line-height: 30px;}  .main-footer .widgets-section {padding:105px 0 60px 0;}
.main-footer h6 { font-size:18px; line-height:25px;}
.main-footer .footer-logo-text { margin-bottom:25px;} .social-links li a {width:30px; line-height:30px; height:30px; font-size: 11px;}  .footer-nav ul li {width: auto;  padding:5px 10px 5px 0;}
.footer-nav ul li a { font-size:13px; line-height:20px;}  .footer-contact-text p { font-size:13px; line-height:20px; padding:5px 0; }
.footer-contact-text p i { font-size:11px;}  .footer-bottom p {font-size:12px; line-height:18px;}   .breadcrumb-area {padding:75px 0 ; }
.breadcrumb-area .breadcrumb {padding:10px 20px;}
.breadcrumb > li + li::before { font-size: 7px;}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li {font-size:12px;}  .single-list-feature i {width:60px; height:60px; line-height:60px; font-size:20px;}
.single-list-feature h4 {font-size:16px; line-height:25px;}  .panel-title a { font-size:13px; line-height:20px;}
.panel-heading [data-toggle="collapse"]:after {font-size:11px; line-height:20px;} }
@media only screen and ( min-width: 481px) and ( max-width: 599px ) {
.heading h1 {font-size:40px; line-height:45px;}
.heading h2 {font-size:25px; line-height:30px;}
.heading h3 {font-size:20px;  line-height:25px; padding-left:30px;}
.heading h3::after {height:2px; width:25px;}
.heading h4 {font-size:18px; line-height:25px;}
.heading h6 { font-size:16px; line-height:20px;}
p { font-size:13px; line-height:20px;}
p i { font-size:11px; line-height:20px;}  .stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}  .logo { margin-top:60px;}
.logo img { height:50px;} .top-btn { font-size:16px; font-weight:500; width:100%; text-transform:uppercase; padding:12px 15px 8px 15px; text-align: left; line-height:25px ; color:#FFF; background:#AE1818; letter-spacing:2px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:0px;}
.top-btn:hover {  background:#fec63d;  color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}  .icon-box i { width:90px; height: 90px; line-height: 90px;  font-size:30px;}
.parallax-btn { font-size:16px; padding:15px 30px 12px 30px; line-height:25px;}  .agency-section .nav-tabs .nav-item a.nav-link { font-size: 14px; line-height: 20px; padding:10px 12px 6px 12px; }  .create-new-account-btn { font-size:16px; width:100%; padding:15px 45px 12px 45px; line-height:25px;}  .main-footer .widgets-section {padding:105px 0 60px 0;}
.main-footer h6 { font-size:18px; line-height:25px;}
.main-footer .footer-logo-text { margin-bottom:25px;} .social-links li a {width:30px; line-height:30px; height:30px; font-size: 11px;}  .footer-nav ul li {width: auto;  padding:5px 10px 5px 0;}
.footer-nav ul li a { font-size:13px; line-height:20px;}  .footer-contact-text p { font-size:13px; line-height:20px; padding:5px 0; }
.footer-contact-text p i { font-size:11px;}  .footer-bottom p {font-size:12px; line-height:18px;}   .breadcrumb-area {padding:60px 0 ; }
.breadcrumb-area .breadcrumb {padding:10px 20px;}
.breadcrumb > li + li::before { font-size: 7px;}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li {font-size:11px;}  .single-list-feature i {width:60px; height:60px; line-height:60px; font-size:20px;}
.single-list-feature h4 {font-size:16px; line-height:25px;}  .panel-title a { font-size:12px; line-height:18px;}
.panel-heading [data-toggle="collapse"]:after {font-size:10px; line-height:18px;} }
@media only screen and ( min-width: 320px) and ( max-width: 480px ) {
.heading h1 {font-size:40px; line-height:45px;}
.heading h2 {font-size:25px; line-height:30px;}
.heading h3 {font-size:20px;  line-height:25px; padding-left:30px;}
.heading h3::after {height:2px; width:25px;}
.heading h4 {font-size:18px; line-height:25px;}
.heading h6 { font-size:16px; line-height:20px;}
p { font-size:13px; line-height:20px;}
p i { font-size:11px; line-height:20px;}  .stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}  .logo { margin-top:60px;}
.logo img { height:50px;} .top-btn { font-size:16px; font-weight:500; width:100%; text-transform:uppercase; padding:12px 15px 8px 15px; text-align: left; line-height:25px ; color:#FFF; background:#AE1818; letter-spacing:2px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border: none; transition:all ease .6s;-moz-transi2tion:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:0px;}
.top-btn:hover {  background:#DC14214;  color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}  .icon-box i { width:90px; height: 90px; line-height: 90px; font-size:30px;}
.parallax-btn { font-size:16px; padding:15px 30px 12px 30px; line-height:25px;}  .agency-section .nav-tabs .nav-item a.nav-link { font-size: 14px; line-height: 20px; padding:10px 12px 6px 12px; }  .news-block .lower-box{position:relative;padding:0 15px; }  .create-new-account-btn { font-size:16px; width:100%; padding:15px 30px 12px 30px; line-height:25px;}  .main-footer .widgets-section {padding:105px 0 60px 0;}
.main-footer h6 { font-size:18px; line-height:25px;}
.main-footer .footer-logo-text { margin-bottom:25px;} .social-links li a {width:30px; line-height:30px; height:30px; font-size: 11px;}  .footer-nav ul li {width: auto;  padding:5px 10px 5px 0;}
.footer-nav ul li a { font-size:13px; line-height:20px;}  .footer-contact-text p { font-size:13px; line-height:20px; padding:5px 0; }
.footer-contact-text p i { font-size:11px;}  .footer-bottom p {font-size:11px; line-height:17px;}  .whychoseeimg{display:none;} .breadcrumb-area {padding:60px 0 ; }
.breadcrumb-area .breadcrumb {padding:10px 20px;}
.breadcrumb > li + li::before { font-size: 7px;}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li {font-size:11px;}  .single-list-feature i {width:60px; height:60px; line-height:60px; font-size:20px;}
.single-list-feature h4 {font-size:16px; line-height:25px;} .single-list-feature{padding-right: 15px;padding-left: 15px;} .panel-title a { font-size:12px; line-height:18px;}
.panel-heading [data-toggle="collapse"]:after {font-size:10px; line-height:18px;} }
.about-section1{background: url(https://figtheme.com/html/arckytec/assets/images/backgrounds/make-it-simple-bg.jpg);background-repeat: no-repeat;
background-size: cover;
background-position: center;}
.about-section1::before {
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;z-index: -1;
background: rgba(33,36,41, .50);
opacity: 0.50;
}  
.mt-20{margin-top:20px;} 
.stn{padding: 12px 40px 8px 40px;}
.about-section3 .text-column .text ul{position: relative;float: left;width:100%;}
.about-section3 .text-column .text ul li {
position: relative;
line-height: 25px;
margin-bottom: 10px;
padding-left: 20px;
}
.about-section3 .text-column .text ul li::before {
content: "\f058";
font-family: "Font Awesome 6 Free";
position: absolute;
left: 0;
top: 0;
font-size: 12px;
color: #fec63d;
}
.preloader {
position: fixed;
background-color: #fff;
background-position: center center;
background-repeat: no-repeat;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.preloader__image {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: flipInY;
animation-name: flipInY;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-image: url(//designsplus.in/wp-content/themes/design_plussoft/images/loader.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 60px auto;
width: 100%;
height: 100%;
}