Linux ubuntu22 5.15.0-133-generic #144-Ubuntu SMP Fri Feb 7 20:47:38 UTC 2025 x86_64
nginx/1.18.0
: 128.199.27.159 | : 216.73.216.1
Cant Read [ /etc/named.conf ]
8.1.31
www-data
www.github.com/MadExploits
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
var /
www /
html /
smartsoft.com.np /
assets /
css /
[ HOME SHELL ]
Name
Size
Permission
Action
animated.css
71.21
KB
-rw-rw-r--
fontawesome.css
23.18
KB
-rw-rw-r--
owl.css
4.63
KB
-rw-rw-r--
style.css
95
B
-rw-rw-r--
style.css.map
151
B
-rw-rw-r--
templatemo-space-dynamic.css
29.33
KB
-rw-rw-r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : templatemo-space-dynamic.css
/* TemplateMo 562 Space Dynamic https://templatemo.com/tm-562-space-dynamic */ /* --------------------------------------------- Table of contents ------------------------------------------------ 01. font & reset css 02. reset 03. global styles 04. header 05. banner 06. features 07. testimonials 08. contact 09. footer 10. preloader 11. search 12. portfolio --------------------------------------------- */ /* --------------------------------------------- font & reset css --------------------------------------------- */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* --------------------------------------------- reset --------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, figure, header, nav, section, article, aside, footer, figcaption { margin: 0; padding: 0; border: 0; outline: 0; } /* clear fix */ .grid:after { content: ''; display: block; clear: both; } /* ---- .grid-item ---- */ .grid-sizer, .grid-item { width: 50%; } .grid-item { float: left; } .grid-item img { display: block; max-width: 100%; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } ul, li { padding: 0; margin: 0; list-style: none; } header, nav, section, article, aside, footer, hgroup { display: block; } * { box-sizing: border-box; } html, body { font-family: 'Poppins', sans-serif; font-weight: 400; background-color: #fff; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { text-decoration: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0px; } ul { margin-bottom: 0px; } p { font-size: 15px; line-height: 30px; color: #2a2a2a; } img { width: 100%; overflow: hidden; } /* --------------------------------------------- global styles --------------------------------------------- */ html, body { background: #fff; font-family: 'Poppins', sans-serif; } ::selection { background: #03a4ed; color: #fff; } ::-moz-selection { background: #03a4ed; color: #fff; } @media (max-width: 992px) { html, body { overflow-x: hidden; } .mobile-top-fix { margin-top: 30px; margin-bottom: 0px; } .mobile-bottom-fix { margin-bottom: 30px; } .mobile-bottom-fix-big { margin-bottom: 60px; } } .page-section { margin-top: 120px; } .section-heading h2 { font-size: 30px; text-transform: capitalize; color: #2a2a2a; font-weight: 700; letter-spacing: 0.25px; position: relative; z-index: 2; line-height: 44px; } .section-heading h2 em { font-style: normal; color: #03a4ed; } .section-heading h2 span { color: #fe3f40; } .main-blue-button a { display: inline-block; background-color: #03a4ed; font-size: 15px; font-weight: 400; color: #fff; text-transform: capitalize; padding: 12px 25px; border-radius: 23px; letter-spacing: 0.25px; } .main-red-button a { display: inline-block; background-color: #E43635; font-size: 15px; font-weight: 400; color: #fff; text-transform: capitalize; padding: 12px 25px; border-radius: 23px; letter-spacing: 0.25px; } .main-white-button a { display: inline-block; background-color: #fff; font-size: 15px; font-weight: 400; color: #fe3f40; text-transform: capitalize; padding: 12px 25px; border-radius: 23px; letter-spacing: 0.25px; } /* --------------------------------------------- header --------------------------------------------- */ .background-header { background-color: #fff!important; height: 80px!important; position: fixed!important; top: 0px; left: 0px; right: 0px; box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important; } .background-header .logo, .background-header .main-nav .nav li a { color: #1e1e1e!important; } .background-header .main-nav .nav li:hover a { color: #fe3f40!important; } .background-header .nav li a.active { color: #fe3f40!important; } .header-area { background-color: #fafafa; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 100; height: 100px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .header-area .main-nav { min-height: 80px; background: transparent; } .header-area .main-nav .logo { line-height: 100px; color: #fff; font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; float: left; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header-area .main-nav .logo h4 { font-size: 24px; font-weight: 700; text-transform: uppercase; color: #03a4ed; line-height: 100px; float: left; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .logo h4 span { color: #fe3f40; } .background-header .main-nav .logo h4 { line-height: 80px; } .background-header .main-nav .nav { margin-top: 20px !important; } .header-area .main-nav .nav { float: right; margin-top: 30px; margin-right: 0px; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; z-index: 999; } .header-area .main-nav .nav li { padding-left: 20px; padding-right: 20px; } .header-area .main-nav .nav li:last-child { padding-right: 0px; padding-left: 20px; } .header-area .main-nav .nav li:last-child a , .background-header .main-nav .nav li:last-child a { color: #fff !important; padding: 0px 20px; font-weight: 400; } .header-area .main-nav .nav li a { display: block; font-weight: 500; font-size: 15px; color: #2a2a2a; text-transform: capitalize; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; height: 40px; line-height: 40px; border: transparent; letter-spacing: 1px; } .header-area .main-nav .nav li a { color: #2a2a2a; } .header-area .main-nav .nav li:hover a, .header-area .main-nav .nav li a.active { color: #fe3f40!important; } .background-header .main-nav .nav li:hover a, .background-header .main-nav .nav li a.active { color: #fe3f40!important; opacity: 1; } /* .header-area .main-nav .nav li:last-child a:hover , .background-header .main-nav .nav li:last-child a:hover { background-color: #f0f0f0 !important; } */ .header-area .main-nav .nav li:last-child a:hover, .header-area .main-nav .nav li:last-child a.active { color: red !important; border-radius: 8px; } .header-area .main-nav .nav li.submenu { position: relative; padding-right: 30px; } .header-area .main-nav .nav li.submenu:after { font-family: FontAwesome; content: "\f107"; font-size: 12px; color: #2a2a2a; position: absolute; right: 18px; top: 12px; } .background-header .main-nav .nav li.submenu:after { color: #2a2a2a; } .header-area .main-nav .nav li.submenu ul { position: absolute; width: 200px; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); overflow: hidden; top: 50px; opacity: 0; transform: translateY(+2em); visibility: hidden; z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; } .header-area .main-nav .nav li.submenu ul li { margin-left: 0px; padding-left: 0px; padding-right: 0px; } .header-area .main-nav .nav li.submenu ul li a { opacity: 1; display: block; background: #f7f7f7; color: #2a2a2a!important; padding-left: 20px; height: 40px; line-height: 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; font-size: 13px; font-weight: 400; border-bottom: 1px solid #eee; } .header-area .main-nav .nav li.submenu ul li a:hover { background: #fff; color: #fe3f40; padding-left: 25px; } .header-area .main-nav .nav li.submenu ul li a:hover:before { width: 3px; } .header-area .main-nav .nav li.submenu:hover ul { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; } .header-area .main-nav .menu-trigger { cursor: pointer; display: block; position: absolute; top: 33px; width: 32px; height: 40px; text-indent: -9999em; z-index: 99; right: 40px; display: none; } .background-header .main-nav .menu-trigger { top: 23px; } .header-area .main-nav .menu-trigger span, .header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after { -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; background-color: #1e1e1e; display: block; position: absolute; width: 30px; height: 2px; left: 0; } .background-header .main-nav .menu-trigger span, .background-header .main-nav .menu-trigger span:before, .background-header .main-nav .menu-trigger span:after { background-color: #1e1e1e; } .header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after { -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; background-color: #1e1e1e; display: block; position: absolute; width: 30px; height: 2px; left: 0; width: 75%; } .background-header .main-nav .menu-trigger span:before, .background-header .main-nav .menu-trigger span:after { background-color: #1e1e1e; } .header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after { content: ""; } .header-area .main-nav .menu-trigger span { top: 16px; } .header-area .main-nav .menu-trigger span:before { -moz-transform-origin: 33% 100%; -ms-transform-origin: 33% 100%; -webkit-transform-origin: 33% 100%; transform-origin: 33% 100%; top: -10px; z-index: 10; } .header-area .main-nav .menu-trigger span:after { -moz-transform-origin: 33% 0; -ms-transform-origin: 33% 0; -webkit-transform-origin: 33% 0; transform-origin: 33% 0; top: 10px; } .header-area .main-nav .menu-trigger.active span, .header-area .main-nav .menu-trigger.active span:before, .header-area .main-nav .menu-trigger.active span:after { background-color: transparent; width: 100%; } .header-area .main-nav .menu-trigger.active span:before { -moz-transform: translateY(6px) translateX(1px) rotate(45deg); -ms-transform: translateY(6px) translateX(1px) rotate(45deg); -webkit-transform: translateY(6px) translateX(1px) rotate(45deg); transform: translateY(6px) translateX(1px) rotate(45deg); background-color: #1e1e1e; } .background-header .main-nav .menu-trigger.active span:before { background-color: #1e1e1e; } .header-area .main-nav .menu-trigger.active span:after { -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg); -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg); -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg); transform: translateY(-6px) translateX(1px) rotate(-45deg); background-color: #1e1e1e; } .background-header .main-nav .menu-trigger.active span:after { background-color: #1e1e1e; } .header-area.header-sticky { min-height: 80px; } .header-area .nav { margin-top: 30px; } .header-area.header-sticky .nav li a.active { color: #fe3f40; } @media (max-width: 1400px) { .header-area .main-nav .nav li { padding-left: 12px; padding-right: 12px; } .header-area .main-nav:before { display: none; } } @media (max-width: 992px) { /* .header-area .main-nav .nav li:last-child , .background-header .main-nav .nav li:last-child { display: none; } */ .header-area .main-nav .nav li:nth-child(6), .background-header .main-nav .nav li:nth-child(6) { padding-right: 0px; } } @media (max-width: 992px) { .background-header .main-nav .nav { margin-top: 80px !important; } .header-area .main-nav .logo { color: #1e1e1e; } .header-area.header-sticky .nav li a:hover, .header-area.header-sticky .nav li a.active { color: #fe3f40!important; opacity: 1; } .header-area.header-sticky .nav li.search-icon a { width: 100%; } .header-area { background-color: #f7f7f7; padding: 0px 15px; height: 100px; box-shadow: none; text-align: center; } .header-area .container { padding: 0px; } .header-area .logo { margin-left: 30px; } .header-area .menu-trigger { display: block !important; } .header-area .main-nav { overflow: hidden; } .header-area .main-nav .nav { float: none; width: 100%; display: none; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; margin-left: 0px; } .background-header .nav { margin-top: 80px; } .header-area .main-nav .nav li:first-child { border-top: 1px solid #eee; } .header-area.header-sticky .nav { margin-top: 100px; } .header-area .main-nav .nav li { width: 100%; background: #fff; border-bottom: 1px solid #e7e7e7; padding-left: 0px !important; padding-right: 0px !important; } .header-area .main-nav .nav li a { height: 50px !important; line-height: 50px !important; padding: 0px ; border: none !important; background: #f7f7f7 !important; color: #191a20 !important; } .header-area .main-nav .nav li a:hover { background: #eee !important; color: #fe3f40!important; } .header-area .main-nav .nav li.submenu ul { position: relative; visibility: inherit; opacity: 1; z-index: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; top: 0px; width: 100%; box-shadow: none; height: 0px; } .header-area .main-nav .nav li.submenu ul li a { font-size: 12px; font-weight: 400; } .header-area .main-nav .nav li.submenu ul li a:hover:before { width: 0px; } .header-area .main-nav .nav li.submenu ul.active { height: auto !important; } .header-area .main-nav .nav li.submenu:after { color: #3B566E; right: 25px; font-size: 14px; top: 15px; } .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul { height: 0px; } } @media (min-width: 993px) { .header-area .main-nav .nav { display: flex !important; } } /* --------------------------------------------- preloader --------------------------------------------- */ .js-preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; opacity: 1; visibility: visible; z-index: 9999; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .js-preloader.loaded { opacity: 0; visibility: hidden; pointer-events: none; } @-webkit-keyframes dot { 50% { -webkit-transform: translateX(96px); transform: translateX(96px); } } @keyframes dot { 50% { -webkit-transform: translateX(96px); transform: translateX(96px); } } @-webkit-keyframes dots { 50% { -webkit-transform: translateX(-31px); transform: translateX(-31px); } } @keyframes dots { 50% { -webkit-transform: translateX(-31px); transform: translateX(-31px); } } .preloader-inner { position: relative; width: 142px; height: 40px; background: #fff; } .preloader-inner .dot { position: absolute; width: 16px; height: 16px; top: 12px; left: 15px; background: #fe3f40; border-radius: 50%; -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation: dot 2.8s infinite; animation: dot 2.8s infinite; } .preloader-inner .dots { -webkit-transform: translateX(0); transform: translateX(0); margin-top: 12px; margin-left: 31px; -webkit-animation: dots 2.8s infinite; animation: dots 2.8s infinite; } .preloader-inner .dots span { display: block; float: left; width: 16px; height: 16px; margin-left: 16px; background: #fe3f40; border-radius: 50%; } /* --------------------------------------------- Banner Style --------------------------------------------- */ .main-banner { background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 226px 0px 120px 0px; position: relative; overflow: hidden; } .main-banner:after { content: ''; background-image: url(../images/baner-dec-left.png); background-repeat: no-repeat; position: absolute; left: 0; top: 100px; width: 193px; height: 467px; } .main-banner:before { content: ''; background-image: url(../images/baner-dec-right.png); background-repeat: no-repeat; position: absolute; right: 0; top: 100px; width: 98px; height: 290px; } .main-banner .left-content { margin-right: 45px; } .main-banner .left-content h6 { text-transform: uppercase; font-size: 18px; color: #fe3f40; margin-bottom: 15px; } .main-banner .left-content h2 { font-size: 50px; font-weight: 700; color: #2a2a2a; line-height: 72px; } .main-banner .left-content h2 em { color: #03a4ed; font-style: normal; } .main-banner .left-content h2 span { color: #fe3f40; } .main-banner .left-content p { margin: 20px 0px; } .main-banner .left-content form { margin-top: 30px; width: 470px; height: 66px; position: relative; } .main-banner .left-content form button { position: absolute; right: 10px; top: 10px; display: inline-block; background-color: #fff; font-size: 15px; font-weight: 500; color: #fe3f40; text-transform: capitalize; padding: 12px 25px; border-radius: 23px; letter-spacing: 0.25px; outline: none; border: none; } .main-banner .left-content form input { width: 470px; height: 66px; background-color: #03a4ed; border-radius: 33px; border: none; outline: none; padding: 0px 25px; color: #fff; letter-spacing: 0.25px; font-size: 15px; font-weight: 300; } .main-banner .left-content form input::placeholder { color: #fff; } /* --------------------------------------------- About Us Style --------------------------------------------- */ .about-us { background-image: url(../images/about-bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 140px 0px 120px 0px; } .about-us .left-image { margin-right: 45px; } .about-us .services .item { margin-bottom: 30px; } .about-us .services .item .icon { float: left; margin-right: 25px; } .about-us .services .item .icon img { max-width: 70px; } .about-us .services .item h4 { color: #fff; font-size: 20px; font-weight: 700; margin-bottom: 12px; } .about-us .services .item p { color: #fff; } /* --------------------------------------------- Services Style --------------------------------------------- */ .our-services { margin-top: 0px; padding-top: 120px; } .our-services .left-image { margin-right: 45px; } .our-services .section-heading h2 { margin-right: 100px; } .our-services .section-heading p { margin-top: 30px; margin-bottom: 60px; } .our-services .progress-skill-bar { margin-bottom: 30px; position: relative; width: 100%; } .our-services .progress-skill-bar span { position: absolute; top: 0; font-size: 18px; font-weight: 600; color: #03a4ed; } .our-services .first-bar span { left: 69%; } .our-services .second-bar span { left: 81%; } .our-services .third-bar span { left: 88%; } .our-services .progress-skill-bar h4 { font-size: 18px; font-weight: 700; color: #2a2a2a; margin-bottom: 14px; } .our-services .progress-skill-bar .full-bar { width: 100%; height: 6px; border-radius: 3px; background-color: #f7eff1; position: relative; z-index: 1; } .our-services .progress-skill-bar .filled-bar { background: rgb(255,77,30); background: linear-gradient(105deg, rgba(255,77,30,1) 0%, rgba(255,44,109,1) 100%); height: 6px; border-radius: 3px; margin-bottom: -6px; position: relative; z-index: 2; } .our-services .first-bar .filled-bar { width: 71%; } .our-services .second-bar .filled-bar { width: 83%; } .our-services .third-bar .filled-bar { width: 90%; } /* --------------------------------------------- Portfolio --------------------------------------------- */ .our-portfolio { padding-top: 120px; margin-top: 0px; } .our-portfolio .section-heading h2 { text-align: center; margin: 0px 90px 0px 90px; margin-bottom: 120px; position: relative; z-index: 1; } .our-portfolio .item { position: relative; } .our-portfolio .item:hover .hidden-content { top: -100px; opacity: 1; visibility: visible; } .our-portfolio .item:hover .showed-content { top: 90px; } .our-portfolio .hidden-content { background: rgb(255,77,30); background: linear-gradient(105deg, rgba(255,77,30,1) 0%, rgba(255,44,109,1) 100%); padding: 30px; border-radius: 20px; text-align: center; opacity: 0; top: 0; visibility: hidden; position: absolute; z-index: 2; transition: all 0.5s; } .our-portfolio .hidden-content:after { width: 20px; height: 20px; position: absolute; background: rgb(255,77,30); content: ''; left: 50%; bottom: -8px; margin-left: -5px; transform: rotate(45deg); background: linear-gradient(105deg, rgba(255,52,69,1) 0%, rgba(255,51,78,1) 100%); z-index: -1; } .our-portfolio .hidden-content h4 { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 20px; } .our-portfolio .hidden-content p { color: #fff; } .our-portfolio .showed-content { top: 0px; position: relative; z-index: 3; background-color: #fff; text-align: center; padding: 50px; border-radius: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); transition: all 0.5s; } .our-portfolio .showed-content img { max-width: 100px; } /* --------------------------------------------- Blog --------------------------------------------- */ .our-blog { position: relative; margin-top: 80px; padding-top: 120px; } .our-blog .section-heading h2 { margin-right: 180px; } .our-blog .top-dec { text-align: right; margin-top: -80px; } .our-blog .top-dec img { max-width: 270px; } .our-blog .left-image { position: relative; } .our-blog .left-image img { border-radius: 20px; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); } .our-blog .left-image .info { position: relative; } .our-blog .left-image .info .inner-content { background-color: #fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); border-radius: 20px; margin-right: 75px; position: absolute; margin-top: -100px; padding: 30px; } .our-blog .left-image ul li { display: inline-block; font-size: 15px; color: #afafaf; font-weight: 300; margin-right: 20px; } .our-blog .left-image ul li:last-child { margin-right: 0px; } .our-blog .left-image ul li i { color: #ff4d61; font-size: 16px; margin-right: 8px; } .our-blog .left-image h4 { font-size: 20px; font-weight: 700; color: #2a2a2a; margin: 20px 0px 15px 0px; } .our-blog .left-image .info .main-blue-button { position: absolute; bottom: -80px; left: 0; } .our-blog .right-list { margin-left: 30px; } .our-blog .right-list ul li { display: inline-flex; width: 100%; margin-bottom: 30px; } .our-blog .right-list .left-content { margin-right: 45px; } .our-blog .right-list .left-content span { font-size: 15px; color: #afafaf; font-weight: 300; } .our-blog .right-list .left-content span i { color: #ff4d61; font-size: 16px; margin-right: 8px; } .our-blog .right-list .left-content h4 { font-size: 20px; font-weight: 700; color: #2a2a2a; margin: 20px 0px 15px 0px; } .our-blog .right-list .right-image img { width: 250px; border-radius: 20px; } /* --------------------------------------------- contact --------------------------------------------- */ .contact-us { padding: 160px 0px; background-image: url(../images/contact-bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } .contact-us .section-heading h2, .contact-us .section-heading h2 em, .contact-us .section-heading h2 span { color: #fff; } .contact-us .section-heading p { color: #fff; margin-top: 30px; } .phone-info { margin-top: 40px; } .phone-info h4 { font-size: 20px; font-weight: 700; color: #fff; } .phone-info h4 span i { width: 46px; height: 46px; display: inline-block; text-align: center; line-height: 46px; background-color: #fff; border-radius: 50%; color: #ff3b2c; font-size: 22px; margin-left: 30px; margin-right: 15px; } .phone-info h4 span a { color: #fff; font-size: 15px; font-weight: 400; } form#contact .contact-dec { position: absolute; right: -166px; bottom: 0; } form#contact .contact-dec img { max-width: 178px; } form#contact { margin-left: 30px; position: relative; background-color: #fff; padding: 60px 30px; border-radius: 20px; } form#contact input { width: 100%; height: 46px; border-radius: 33px; background-color: #d1f3ff; border: none; outline: none; font-size: 15px; font-weight: 300; color: #2a2a2a; padding: 0px 20px; margin-bottom: 20px; } form#contact input::placeholder { color: #2a2a2a; } form#contact textarea { width: 100%; min-width: 100%; max-width: 100%; max-height: 180px; min-height: 140px; height: 140px; border-radius: 20px; background-color: #d1f3ff; border: none; outline: none; font-size: 15px; font-weight: 300; color: #2a2a2a; padding: 15px 20px; margin-bottom: 20px; } form#contact textarea::placeholder { color: #2a2a2a; } form#contact button { display: inline-block; background-color: #03a4ed; font-size: 15px; font-weight: 400; color: #fff; text-transform: capitalize; padding: 12px 25px; border-radius: 23px; letter-spacing: 0.25px; border: none; outline: none; transition: all .3s; } form#contact button:hover { background-color: #fe3f40; } /* --------------------------------------------- Footer Style --------------------------------------------- */ footer p { text-align: center; margin: 30px 0px 45px 0px; } footer p a { color: #fe3f40; } /* --------------------------------------------- responsive --------------------------------------------- */ @media (max-width: 1645px) { form#contact .contact-dec { display: none; } } @media (max-width: 992px) { .main-banner { padding-top: 196px; } .main-banner .left-content { margin-right: 0px; text-align: center; margin-bottom: 45px; } .main-banner:after { top: 76px; z-index: -1; } .main-banner .left-content form, .main-banner .left-content form input { width: 100%!important; } #about { margin-top: 0px; } .about-us { position: relative; background-image: none; padding: 0px; } .about-us .left-image { margin-right: 0px; position: absolute; bottom: -220px; right: 0; } .about-us .services { text-align: center; } .about-us .services .item { background: rgb(255,77,30); background: linear-gradient(105deg, rgba(255,77,30,1) 0%, rgba(255,44,109,1) 100%); padding: 30px; border-radius: 20px; display: inline-block; } .about-us .services .item .right-text { text-align: left; } .our-services { margin-top: 200px; } .our-services .left-image { margin-right: 0px; margin-bottom: 45px; } .our-services .section-heading h2, .our-services .section-heading p { margin-right: 0px; text-align: center; } .our-portfolio .section-heading h2 { margin: 0px 0px 80px 0px; } .our-portfolio .item { margin-bottom: 15px; } .our-blog { margin-top: 0px; } .our-blog .top-dec { display: none; } .our-blog .section-heading h2 { margin-right: 0px; text-align: center; margin-bottom: 45px; } .our-blog .left-image .info .inner-content { position: relative; margin-right: 0px; } .our-blog .left-image .info .main-blue-button { position: relative; bottom: 0px; margin-top: 30px; } .our-blog .left-image { margin-bottom: 45px; } .contact-us { margin-top: 60px; padding: 120px 0px; } .contact-us .section-heading { text-align: center; } form#contact { margin-left: 0px; margin-top: 30px; } form#contact .contact-dec { display: none; } footer p { margin: 15px 0px 30px 0px; } } @media (max-width: 767px) { .about-us .left-image { bottom: -280px; } .our-blog .right-list { margin-left: 0px; } .our-blog .right-list ul li { display: inline-block; margin-top: 0px; padding-top: 30px; border-top: 1px solid #eee; } .our-blog .right-list .left-content { margin-right: 0px; width: 100%; margin-bottom: 15px; } .our-blog .right-list .right-image, .our-blog .right-list .right-image img { width: 100%; } .phone-info h4 span { display: block; margin-top: 15px; } .phone-info h4 span i { margin-left: 0px; } }
Close