#PRICING ul.list2 { list-style:none !important; padding:0 !important; margin:0 0 20px !important; float:none !important; width:auto !important; } #PRICING ul.list2 li { width:auto !important; float:none !important; display:flex !important; align-items:center !important; padding:8px 0 !important; margin:0 !important; border-bottom:1px solid #f1f5f9 !important; font-size:.9rem !important; color:#334155 !important; background:none !important; background-color:transparent !important; box-shadow:none !important; border-radius:0 !important; height:auto !important; list-style:none !important; } #PRICING .pc2-pop ul.list2 li { color:#fff !important; border-bottom-color:rgba(255,255,255,.15) !important; } @media screen and (max-width: 767px) { .navbar-fixed-top { width:100%; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height:none; } .navbar-nav { margin:0; } .navbar-form { margin:0; } /* General styles for all menus */ .cbp-spmenu { background: #f8f8f8; position: fixed; padding:0; margin:0 !important; overflow-x:hidden; overflow-y:visible; display:block; visibility:visible; } .navbar-fixed-top .cbp-spmenu { bottom:0; } /* Orientation-dependent styles for the content of the menu */ .cbp-spmenu-vertical { width: 260px; height: 100%; top: 0; z-index: 1000; } .cbp-spmenu-horizontal { width: 100%; height: 150px; left: 0; z-index: 1000; overflow: hidden; } .cbp-spmenu-horizontal h3 { height: 100%; width: 20%; float: left; } .cbp-spmenu-horizontal a { float: left; width: 20%; padding: 0.8em; border-left: 1px solid #258ecd; } /* Vertical menu that slides from the left or right */ .cbp-spmenu-left { left: -260px; } .cbp-spmenu-right { right: -260px; } .cbp-spmenu-left.cbp-spmenu-open, .cbp-spmenu-push-toright .navbar-fixed-top .cbp-spmenu-left.cbp-spmenu-open { left: 0px; } .cbp-spmenu-right.cbp-spmenu-open, .cbp-spmenu-push-toleft .navbar-fixed-top .cbp-spmenu-right.cbp-spmenu-open { right: 0px; } /* Horizontal menu that slides from the top or bottom */ .cbp-spmenu-top { top: -150px; } .cbp-spmenu-bottom { bottom: -150px; } .cbp-spmenu-top.cbp-spmenu-open { top: 0px; } .cbp-spmenu-bottom.cbp-spmenu-open { bottom: 0px; } /* Push classes applied to the body */ .cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0; } .cbp-spmenu-push-toright, .cbp-spmenu-push-toright .navbar-fixed-top { left: 260px; } .cbp-spmenu-push-toleft, .cbp-spmenu-push-toleft .navbar-fixed-top { left: -260px; } /* Transitions */ .cbp-spmenu, .cbp-spmenu-push, .navbar { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } } body { margin-top:55px; } /* BODY */ *{ outline:none ;} body{ margin:0; padding:0; color:#3d404e; font-family: 'Poppins', sans-serif; font-size:15px;} body{-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;} body{ height:100%;} html{ height:100%;} /* HTML ELEMENTS */ img{ max-width:100%;} p{ color:#7d7a7a; margin-bottom:15px;} .overflow{overflow: hidden;} /* LINKS */ a{ color:#3d404e;} a:hover{ text-decoration:underline;} a:focus{ text-decoration:none;} /* FORM ELEMENTS */ input[type="text"]{ height:56px; padding:0 15px; border:1px solid #eee;} textarea{ height:150px; padding:15px; border:1px solid #eee;} button[type="submit"]{ height: 56px; line-height: 56px; padding:0 40px; display:inline-block; color:#fff; background: gold; font-weight:700; border-radius: 56px; box-shadow: 0 20px 30px rgba(0,0,0,0.05); border:2px solid transparent;} button[type="submit"]:hover{ background: transparent; color: gold; border: 2px solid gold; text-decoration: none;} /* NAVBAR */ .navbar-default{ border-radius:0; border:none; background: transparent; text-align:center; padding:0;} .navbar-default .top-bar{ width: 100%; float: left; padding: 7px 0; background:url(../images/colorful-bar.jpg) top center no-repeat; color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.2);} .navbar-default .top-bar .top-menu{ margin: 0; margin-top: 3px; padding: 0;} .navbar-default .top-bar .top-menu li { float: left; margin: 0; margin-right: 35px; padding: 0; list-style: none;} .navbar-default .top-bar .top-menu li a{color: #fff; font-size: 13px; font-weight: 600;} .navbar-default .top-bar .top-menu li a:hover{text-decoration: none; color: gold;} .navbar-default .top-bar .language{ float: right;} .navbar-default .top-bar .language span{ float: left; font-weight: 600; font-size: 13px; margin-top: 5px; margin-right: 10px;} .navbar-default .top-bar .language .dropdown{ float: right;} .navbar-default .top-bar .language .dropdown a{ float: left; color:#fff; font-weight: 600; font-size: 13px; margin-top: 5px;} .navbar-default .top-bar .language .dropdown a:hover{text-decoration: none; color: gold;} .navbar-default .top-bar .language .dropdown img{ height: 16px; display: inline-block;} .navbar-default .top-bar .language .dropdown i{ float: right; margin-left: 5px; margin-top: -1px;} .navbar-default .top-bar .language .dropdown-menu{ min-width: inherit; top: 31px; right: 15px; left: auto; margin:0; padding: 5px 12px; background: #fff; border-radius: 0; border: none;} .navbar-default .top-bar .language .dropdown-menu li{ width: 100%; float: left; margin: 4px 0;} .navbar-default .top-bar .language .dropdown-menu li a{ width: 100%; float: left; padding: 0; color:#3d404e;} .navbar-default .top-bar .language .dropdown-menu li a:hover{background: none; color: gold;} .navbar-default .top-bar .social-text{ float: left; font-weight: 600; font-size: 13px; margin-top: 5px;} .navbar-default .top-bar .social-media{ float:left; margin:0; padding: 0; margin-top: 5px; margin-bottom: 0;} .navbar-default .top-bar .social-media li{ float:left; margin-left:12px; margin-right: 0; list-style:none;} .navbar-default .top-bar .social-media li a{ float:left; color:#fff; font-size:12px;} .navbar-default .top-bar .social-media li a:hover{color:#fff;} .navbar-default .navbar-header{ position:relative;background-image: linear-gradient(263deg, #ffba00 0%, #fdfdfd 100%)!important;;} .navbar-default .navbar-brand{ height:auto; } .navbar-default .navbar-brand img{ height:40px;} .navbar-default .navbar-brand .logo-dark{ display:none;} .navbar-default .navbar-brand .since{width: 40px; height: 35px; opacity: 0; visibility: hidden; position: absolute; left: 0; bottom: -45px; background: gold; color: #fff; font-weight: 700; padding-top: 4px;} .navbar-default .navbar-brand .since small{ display: block; font-size: 10px; font-weight: 300; line-height: 10px;} .navbar-default .navbar-brand .since:after{content: ''; position: absolute; left: 0; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 40px 0 0; border-color: gold transparent transparent transparent; } .navbar-default .navbar-nav{ float:none; display:inline-block; margin-top:21px;} .navbar-default .navbar-nav li{ float:left;} .navbar-default .navbar-nav li a{ color:#fff; font-weight:700; font-size:13px; opacity:0.8;} .navbar-default .navbar-nav li a:hover{ color:#fff; opacity:1} .navbar-default .navbar-nav li a:hover:after{ width: 100%;} .navbar-default .navbar-nav li a:focus{ color:#fff; opacity:1} .navbar-default .navbar-nav li a:after{content: ''; width: 0; height: 2px; float: left; background: gold; margin-top: 3px;} .navbar-default .navbar-nav li a:after{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} .navbar-default .navbar-nav li .dropdown-menu{ border-radius:0; background:none; box-shadow:none; border:none; padding:10px 0;} .navbar-default .navbar-nav li .dropdown-menu li{ width:100%; float:left; padding:0;} .navbar-default .navbar-nav li .dropdown-menu li a{ padding:6px 15px;} .navbar-default .navbar-nav li .dropdown-menu li a:hover{ background:none;} .navbar-default .navbar-nav li .dropdown-menu li a:after{display: none;} .navbar-default .navbar-nav li .dropdown-menu li a:focus{ background:none;} .navbar-default .quote-btn{ height: 50px; line-height: 46px; float: right; padding: 0 30px; color: #fff; border-radius: 50px; background: #8a39ee; font-weight: 700; margin-top: 20px; margin-left: 30px; border: 2px solid transparent;} .navbar-default .quote-btn:hover{ background: transparent; border: 2px solid #8a39ee; color: #8a39ee; text-decoration: none;} .navbar-default .phone{ float: right; line-height: 50px; margin-top: 22px; color: #fff; font-weight: 700; margin-left: 30px;} .navbar-default .search{ height: 24px; float: right; margin-top: 35px; margin-right: 10px; color: #fff;} .navbar-default .search:hover{color: gold;} .navbar-default.fixed-active{ background-image: linear-gradient(182deg, #ffba00 0%, #fdfdfd 100%)!important; padding:0; box-shadow: 0 0 20px rgba(0,0,0,0.2);} .navbar-default.fixed-active .since{ opacity: 1; visibility: visible; bottom: -35px;} .navbar-default.fixed-active .top-bar{ background:url(../images/colorful-bar.jpg) top center no-repeat #3d404e;} .navbar-default.fixed-active .navbar-brand .logo-light{ display:none;} .navbar-default.fixed-active .navbar-brand .logo-dark{ display:block;} .navbar-default.fixed-active .navbar-nav li a{ color:#3d404e; opacity:1;} .navbar-default.fixed-active .navbar-nav li a:hover{ color:gold;} .navbar-default.fixed-active .navbar-nav li .dropdown-menu{ background:#fff; border: 1px solid rgba(0,0,0,0.03);} .navbar-default.fixed-active .phone{color: #9193a4;} .navbar-default.fixed-active .search{color: #3d404e;} .navbar-default.fixed-active .search:hover{color: gold;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ color:#fff; background:none; border: none;} .navbar-default.fixed-active .navbar-nav>.open>a, .navbar-default.fixed-active .navbar-nav>.open>a:focus, .navbar-default.fixed-active .navbar-nav>.open>a:hover{color: inherit;} /* HIGHLIGHTS */ .highlights{ width: 100%; float: left; padding: 100px 0; text-align: center;} .highlights h6{ text-transform: uppercase; font-weight: 700; font-size: 14px; letter-spacing: 0.4px; color: #3d404e; position: relative; padding-bottom: 30px; color: #9193a4;} .highlights h6:after{content: ''; width: 30px; height: 3px; background: gold; position: absolute; left: 50%; bottom: 0; margin-left: -15px;} .highlights h2{ font-family: "Playfair Display"; padding: 0 10%; font-size: 40px; line-height: 60px; margin-bottom: 50px;} .highlights img{ width: 100px; display: inline-block; margin-bottom: 20px;} .highlights h4{ font-size: 14px; font-weight: 600; color: #8a39ee; padding-bottom: 18px; margin-bottom: 11px; position: relative;} .highlights h4:before{content: ''; width: 6px; height: 6px; background: gold; position: absolute; left: 50%; bottom: 0; border-radius: 50%;} .highlights p{ font-size: 13px; line-height: 22px;} /* PRICING */ .pricing{ width:100%; float:left; padding:100px 0;} .pricing h6{ text-transform: uppercase; font-weight: 700; font-size: 14px; letter-spacing: 0.4px; color: #3d404e; position: relative; padding-bottom: 30px; color: #9193a4;} .pricing h6:after{content: ''; width: 30px; height: 3px; background: gold; position: absolute; left: 50%; margin-left: -15px; bottom: 0;} .pricing h2{ font-family: "Playfair Display"; padding: 0 20%; font-size: 44px; line-height: 56px; margin-bottom: 100px;} .pricing .price-box{ width:100%; float:left; padding-bottom:30px; position:relative; text-align: center; border: 1px solid #eee;} .pricing .price-box.recommended{ margin-top:-31px;} .pricing .price-box.recommended:before{ content:"\f005"; font-family:FontAwesome; width:40px; height:40px; position:absolute; left:50%; top:-20px; background:#8a39ee; border-radius:50%; margin-left:-20px; color:#fff; line-height:40px; font-size:17px;} .pricing .price-box .price-header{ width:100%; float:left; padding:30px; margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.05);} .pricing .price-box .price-header h3{ margin-top:10px; margin-bottom:5px; font-weight:700; font-size:29px;} .pricing .price-box .price-header h5{ margin:0; color:#9193a4;} .pricing .price-box .price{ width:100%; float:left; text-align:center; font-size:50px; font-weight: 700; } .pricing .price-box .price span{ font-size:20px; display:inline-block; margin-right:6px; transform:translateY(-22px);} .pricing .price-box .price small{ font-size:15px; margin-left:10px; display:inline-block; color:#999;} .pricing .price-box i{ font-size: 56px; display:block; color: #8a39ee;} .pricing .price-box ul{ width:100%; float:left; margin:0; margin-bottom:30px; padding:0; color: #9193a4;} .pricing .price-box ul li{ width:100%; float:left; margin:5px 0; padding:0; list-style:none;} .pricing .price-box a{ height: 56px; line-height: 52px; padding:0 40px; display:inline-block; color:#fff; background: gold; font-weight:700; border-radius: 56px; box-shadow: 0 20px 30px rgba(0,0,0,0.05); border:2px solid transparent;} .pricing .price-box a:hover{ background: #fff; color: gold; border: 2px solid gold; text-decoration: none;} *{ margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; } a{text-decoration: none;} .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgb(0 0 0) !important; color: #fff !important; } .navbar-brand{ color: #fff !important; } .nav-link{ color: #fff !important; font-size: 18px; font-weight: 500; } /* first section here */ .firstSection{ height: auto; width: 100%; background: url(./img/cover.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } .firstInner{ background-color: #000000ab; padding: 80px 0; color: #fff; } .firstInner span{ color: #e90101; } .firstInner h1{ font-size: 50px; } .firstBtn{ height: auto; width: 200px; font-weight: 500; padding: 12px 5px; text-align: center; background-color: #fff; color: #000; border-radius: 5px; display: flex; align-items: center; justify-content: center; } /* second section here */ .seocondSec{ height: auto; width: 100%; padding: 50px 0; color: #000; } .seocondSec .row{ align-items: center !important; } .secondBtn{ height: auto; width: 300px; border-radius: 5px; padding: 12px 0; text-align: center; background-color: #000; color: #fff; } .smallText{ padding: 20px 0; } .seocondSec img{ border-radius: 10px; } .margin{ margin: 50px 0; } .seocondSec span{ color: #e90101; } /* third section here */ .thirdSec{ height: auto; width: 100%; padding: 50px 0; } .thirdSec span{ color: #e90101; } .thirdSec h4{ text-align: center; padding-bottom: 20px; } .thirdSec img{ border-radius: 5px; } /* footer section here */ .footerSection{ height: auto; width: 100%; padding: 50px 0; background-color: #000; color: #fff; } .footerSection .row{ align-items: center !important; } .footerSection ul{ list-style: none; margin: 0; margin-left: -10px; padding: 0; display: flex; } .footerSection ul li{ padding: 15px ; height: 40px; width: 40px; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin-left: 10px; background-color: #fff; color: #000; font-size: 20px; } /* channel page code here */ .channelSecondSec{ height: auto; width: 100%; padding: 50px 0; } .channelSecondSec h3{ text-align: center; color: #000; } .channelSecondSec span{ color: #e90101; } .channelBoxInner{ height: auto; width: 100%; background-color: #000; color: #fff; border-radius: 5px; padding: 20px 0; text-align: center; margin: 10px 0; font-weight: 500; cursor: pointer; text-transform: uppercase; transition: 500ms ease; } .channelNameSec{ height: auto; width: 100%; padding: 30px 0; } .channelNameSec table td{ width: 25% !important; font-weight: 500 !important; } .channelNameSec h3{ color: #000; text-align: center; margin-bottom: 20px; } .channelNameSec span{ color: #e90101; } .content { display: none; } .show { display: block; } /* channel page code here */ /* modal code */ .modal-header .btn-close{ box-shadow: none !important; } .modal{ top: 25% !important; } /* modal code */ @media screen and (max-width:767px) { .navbar-toggler{ background-color: #fff !important; } } /* ERROR PAGES */ .error-pages{ width:100%; float:left; padding-top:60px; padding-bottom: 100px; text-align: center;} .error-pages img{width: 400px;} /* CONTACT */ .contact{ width: 100%; float: left; padding: 100px 0; text-align: center;} .contact h6{ text-transform: uppercase; font-weight: 700; font-size: 14px; letter-spacing: 0.4px; color: #3d404e; position: relative; padding-bottom: 30px; color: #9193a4;} .contact h6:after{content: ''; width: 30px; height: 3px; background: gold; position: absolute; left: 50%; bottom: 0; margin-left: -15px;} .contact h2{ font-family: "Playfair Display"; padding: 0 10%; font-size: 40px; line-height: 60px; margin-bottom: 50px;} .contact p{display: block;} .contact p span{ opacity: 0.6;} .contact p .mail{ text-decoration: underline; margin-bottom: 40px; display: block;} .contact p .map{ font-weight: 600; color: gold;} .contact p .map{ height: 56px; line-height: 56px; padding:0 40px; display:inline-block; color:#fff; background: gold; font-weight:700; border-radius: 56px; box-shadow: 0 20px 30px rgba(0,0,0,0.05); border:2px solid transparent; position: relative; margin-top: 60px;} .contact p .map:before{content: ''; width: 1px; height: 50px; background: gold; position: absolute; left: 50%; top: -70px;} .contact p .map:hover{ background: #fff; color: gold; border: 2px solid gold; text-decoration: none;} #map{width: 100%; height: 500px; float: left;} /* GET QUOTE */ .get-quote{ width:100%; float:left; padding:100px 0; background:url(../images/form-bg.jpg) center no-repeat; background-size:cover;} .get-quote h6{ text-transform: uppercase; font-weight: 700; font-size: 14px; letter-spacing: 0.4px; color: #3d404e; position: relative; padding-bottom: 30px; color: #9193a4;} .get-quote h6:after{content: ''; width: 30px; height: 3px; background: gold; position: absolute; left: 0; bottom: 0;} .get-quote h2{ font-family: "Playfair Display"; padding: 0; font-size: 44px; line-height: 56px; margin-bottom: 30px;} .get-quote form{ width:100%; float:left;} .get-quote form input[type="text"]{ width:100%; float:left; margin-top:-1px;} .get-quote form input[type="text"].first{ width:50%;} .get-quote form input[type="text"].second{ width:50%; border-left:none;} .get-quote form textarea{ width:100%; float:left; margin-top:-1px; margin-bottom:0;} .get-quote form button[type="submit"]{ float: left; border-radius: 0; margin-top: -25px;} .get-quote form button[type="submit"]:hover{ background: #8a39ee; border: 2px solid #8a39ee; color: #fff;} /* SUPPORT BAR */ .support-bar{ width:100%; float:left; padding:30px 0;} .support-bar img{ width: 100px; float:left; margin-right:30px;} .support-bar h4{ display:block; font-size:30px; color:#fff; font-weight:700;} .support-bar h6{ display:block; font-size:17px; font-weight:300; color:#fff;} .support-bar a{ height: 56px; float: right; line-height: 52px; padding:0 40px; display:inline-block; color:#fff; background: #8a39ee; font-weight:700; border-radius: 56px; box-shadow: 0 20px 30px rgba(0,0,0,0.05); border:2px solid transparent; margin: 12px 0;} .support-bar a:hover{ background: #fff; color: gold; border: 2px solid gold; text-decoration: none;} /* SCROLL UP */ .scrollup { width: 40px; height: 40px; line-height:40px; text-align:center; color:#fff; position: fixed; bottom: 20px; right: 20px; display: none; background-color: #8a39ee;} .scrollup:hover{ color:#fff;} /* RESPONSIVE FOR MEDIUM */ @media only screen and (max-width: 1190px), only screen and (max-device-width: 1190px) { .navbar-default .quote-btn{ display: none;} } /* RESPONSIVE FOR TABLETS */ @media only screen and (max-width: 989px), only screen and (max-device-width: 989px) { .navbar-default .top-bar .top-menu li{margin-right: 25px;} .navbar-default .top-bar .social-text{margin-left: 9%;} .navbar-default .phone{display: none;} .navbar-default .top-bar .language span{display: none;} .navbar-default .navbar-nav li a{padding: 10px;} .navbar-default .search{margin-top: 30px;} .video-intro .video{margin-left: 0;} .video-intro .watch-btn{margin-bottom: 100px;} .video-intro .watch-btn{margin-left: 0;} .video-intro:before{background-size:auto 65%;} .featured-services h2{margin-bottom: 80px;} .featured-services p{ padding-right: 0;} .our-skills a{margin-bottom: 100px;} .our-progress .image{margin-bottom: 50px;} .left-side-content .side-image{display: none;} .left-side-content .content-image{margin-left: 0; margin-top: 100px;} .right-side-content .content-image{margin-right: 0; margin-bottom: 100px;} .right-side-content .side-image{display: none;} .latest-news .news-box-image{margin-bottom: 30px;} .work-process .circles{ height: 220px; background-position: center; background-size: 91% auto; } .work-process .circles .icon-border{ width: 220px; height: 220px; border-radius: 220px;} .work-process .circles .icon-border i{margin-top: 12px; font-size: 60px;} .work-process .circles .icon-border span{ font-size: 18px;} .main-partners ul li{ width: 33.3333%;} .team .member img{padding: 0 10%;} .pricing .price-box ul{ font-size: 13px;} .featured-solutions .solution-box p{font-size: 13px; line-height: 21px;} .support-bar h6{font-size: 13px;} } /* RESPONSIVE FOR MOBILES */ @media only screen and (max-width: 767px), only screen and (max-device-width: 767px) { h2{font-size: 30px !important; line-height: 42px !important; padding: 0 !important;} h6{ font-size: 12px !important;} .navbar-default .navbar-brand img{height: 30;} .navbar-default .top-bar .social-text{margin-left: 0;} .navbar-toggle{margin-top: 22px; border: none;} .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: none;} .navbar-default .navbar-toggle .icon-bar{ background: #fff;} .navbar-default.fixed-active .navbar-toggle .icon-bar{ background: gold;} .navbar-default.fixed-active .since{display: none;} .cbp-spmenu{background: #9193a4; text-align: left; padding:20px 30px;} .cbp-spmenu .top-menu{ width: 100%; float: left; margin: 0; margin-bottom: 20px; padding: 0;} .cbp-spmenu .top-menu li{ width: 100%; float: left; margin: 3px 0; padding: 0; list-style: none;} .cbp-spmenu .top-menu li a{ color: #fff; font-size: 14px;} .cbp-spmenu .navbar-nav{ width: 100%; float: left; margin: 0; padding: 0;} .cbp-spmenu .navbar-nav li{ width: 100%; float: left; margin: 5px 0; padding: 0; list-style: none;} .cbp-spmenu .navbar-nav li a{ margin: 0; padding: 0; color: #fff !important;} .cbp-spmenu .navbar-nav li a:after{display: none;} .cbp-spmenu .navbar-nav li .dropdown-menu{ background: none !important; border:none !important; padding: 0; margin-bottom: 10px; padding-left: 10px;} .cbp-spmenu .navbar-nav li .dropdown-menu li{ width: 100%; float: left; margin: 0; padding: 0;} .cbp-spmenu .navbar-nav li .dropdown-menu li a{padding: 0; margin: 2px 0; font-size: 12px;} .cbp-spmenu .search{ float: left; color: #fff !important;} .testimonials .testimonial-box{ width: 100%; margin: 50px 0;} .gallery ul li{ width: 100%;} .gallery ul li.big{ width: 100%;} .partners ul li{ width: 100%;} .work-process .circles{height: auto;} .work-process .circles .text-left{text-align: center;} .work-process .circles .text-right{text-align: center;} .work-process .circles .icon-border{ margin-bottom: 15px;} .our-offices .office-box{ width: 100%;} .support .support-box{text-align: center;} .support .support-box img{ float: none; margin-bottom: 10px;} .latest-news .news-box{margin-bottom: 30px;} .career .position-list li h5{ margin-bottom: 10px;} .pricing .price-box{ width: 90%; margin: 15px 5%;} .pricing .price-box.recommended{ margin-top:30px; } .blog .sidebar{padding-left: 0;} .blog .sidebar .widget{padding: 25px 0; border-left: 0;} .search-box.active{ z-index: 9999;} .search-box form{ padding: 0; text-align: center;} .search-box form input[type="text"]{ width: 100%; text-align: center;} .search-box form button[type="submit"]{ display: inline-block; float: none;} .support-bar a{ width: 100%; text-align: center;} .support-bar img{display: none;} } *{ margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; } a{text-decoration: none;} .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgb(0 0 0) !important; color: #fff !important; } .navbar-brand{ color: #fff !important; } .nav-link{ color: #fff !important; font-size: 18px; font-weight: 500; } /* first section here */ .firstSection{ height: auto; width: 100%; background: url(./img/cover.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } .firstInner{ background-color: #000000ab; padding: 80px 0; color: #fff; } .firstInner span{ color: #e90101; } .firstInner h1{ font-size: 50px; } .firstBtn{ height: auto; width: 200px; font-weight: 500; padding: 12px 5px; text-align: center; background-color: #fff; color: #000; border-radius: 5px; display: flex; align-items: center; justify-content: center; } /* second section here */ .seocondSec{ height: auto; width: 100%; padding: 50px 0; color: #000; } .seocondSec .row{ align-items: center !important; } .secondBtn{ height: auto; width: 300px; border-radius: 5px; padding: 12px 0; text-align: center; background-color: #000; color: #fff; } .smallText{ padding: 20px 0; } .seocondSec img{ border-radius: 10px; } .margin{ margin: 50px 0; } .seocondSec span{ color: #e90101; } /* third section here */ .thirdSec{ height: auto; width: 100%; padding: 50px 0; } .thirdSec span{ color: #e90101; } .thirdSec h4{ text-align: center; padding-bottom: 20px; } .thirdSec img{ border-radius: 5px; } /* footer section here */ .footerSection{ height: auto; width: 100%; padding: 50px 0; background-color: #000; color: #fff; } .footerSection .row{ align-items: center !important; } .footerSection ul{ list-style: none; margin: 0; margin-left: -10px; padding: 0; display: flex; } .footerSection ul li{ padding: 15px ; height: 40px; width: 40px; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin-left: 10px; background-color: #fff; color: #000; font-size: 20px; } /* channel page code here */ .channelSecondSec{ height: auto; width: 100%; padding: 50px 0; } .channelSecondSec h3{ text-align: center; color: #000; } .channelSecondSec span{ color: #e90101; } .channelBoxInner{ height: auto; width: 100%; background-color: #000; color: #fff; border-radius: 5px; padding: 20px 0; text-align: center; margin: 10px 0; font-weight: 500; cursor: pointer; text-transform: uppercase; transition: 500ms ease; } .channelNameSec{ height: auto; width: 100%; padding: 30px 0; } .channelNameSec table td{ width: 25% !important; font-weight: 500 !important; } .channelNameSec h3{ color: #000; text-align: center; margin-bottom: 20px; } .channelNameSec span{ color: #e90101; } .content { display: none; } .show { display: block; } /* channel page code here */ /* modal code */ .modal-header .btn-close{ box-shadow: none !important; } .modal{ top: 25% !important; } /* modal code */ @media screen and (max-width:767px) { .navbar-toggler{ background-color: #fff !important; } } .Raleway{ font-family: 'Raleway', sans-serif; } .Roboto{ font-family: 'Roboto', sans-serif; } h1,h2,h3,h4,h5,h6,p,a,button,li,input,textarea{ font-family: Poppins, sans-serif !important; } p{ font-family: Roboto, sans-serif; } /* =================================== General ====================================== */ body {font-family: 'Roboto', sans-serif; font-size: 16px;color: #2b2b2b;font-weight:300;line-height: 26px;letter-spacing: 0.5px;overflow-x: hidden;-webkit-font-smoothing: antialiased;} section{background: #ffffff} p{margin-bottom: 0;color: #4c4c4c;} a {color:inherit;} br{line-height: 15px} ::-webkit-scrollbar-track {background-color: #e9edf0;border-left: 1px solid #ededed;} ::-webkit-scrollbar {width: 7px;background-color: #24c1dd;} ::-webkit-scrollbar-thumb {background: #24c1dd;} a:hover, a:active {color: #24c1dd;text-decoration: none;} a:focus, a:active, button:focus, button:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;text-decoration: none} .form-control::placeholder {color: #4c4c4c;opacity: 1;} .form-control:-ms-input-placeholder {color: #4c4c4c;} .form-control:-ms-input-placeholder {color: #4c4c4c;} a, *::before, *::after, img, span, input, button, .navbar, .fixedmenu, .tp-bullet, .owl-dot, .owl-prev, .owl-next /*{transition: ease-in-out 0.2s;-webkit-transition: ease-in-out 0.2s;-moz-transition: ease-in-out 0.2s;-ms-transition: ease-in-out 0.2s;-o-transition: ease-in-out 0.2s;}*/ ul{list-style: none;padding: 0; margin: 0;} :focus{outline: none;} img {max-width: 100%} section,.section-padding {position: relative;padding: 7.5rem 0;overflow: hidden;} .section-top-margin{margin-top: 7.5rem;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.3; font-family: 'Raleway', sans-serif; margin-bottom: 0;} .btn.focus, .btn:focus{box-shadow: none;} .text-color-white{color: #fff; font-size: 47px;} .text-video{color: #fff; font-size: 60px;} .business-color{color: #66c904; font-size: 60px;} .slider-heading{font-size: 57px !important; font-weight: 100 !important;} .slider-heading2{font-size: 60px !important;} .slider-p {font-size: 18px !important;} .h-100vh {min-height: 100vh !important;} /* transition none */ .no-transition *{transition-timing-function:initial; -moz-transition-timing-function:initial; -webkit-transition-timing-function:initial; -o-transition-timing-function:initial; -ms-transition-timing-function:initial; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;} /* opacity */ .opacity-full{opacity: 1;} .opacity-3{opacity: .3;} .opacity-4{opacity: .4;} .opacity-5{opacity: .5;} .opacity-6{opacity: .6;} .opacity-7{opacity: .7;} .opacity-8{opacity: .8;} .opacity-9{opacity: .9;} /*font-weight*/ .font-weight-100{font-weight: 100;} .font-weight-300{font-weight: 300;} .font-weight-500{font-weight: 500;} .font-weight-600{font-weight: 600;} /* z index */ .z-index-1{z-index: 1;} .z-index-2{z-index: 2;} .z-index-2{z-index: 3;} .z-index-2{z-index: 4;} .z-index-2{z-index: 5;} /* button */ .btn {display:inline-block; font-size: 17px; border:1px solid transparent; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform:capitalize; width: auto;font-family: 'Roboto', sans-serif; font-weight: 500; transition-duration: 0.3s; transition: all 0.3s !important; transition-timing-function: ease-in-out} /* button size */ .btn.btn-small {font-size:11px; padding: 4px 24px;} .btn.btn-medium {font-size:12px; padding: 6px 25px 5px;} .btn.btn-large {font-size:14px; padding: 9px 34px; line-height: 25px} .btn.btn-rounded {border-radius: 50px;} /* button background */ .btn.btn-white {background:#ffffff; border-color: #ffffff; color: #222d38} .btn.btn-white:hover, .btn.btn-white:focus {background: transparent !important; border-color: #ffffff; color: #ffffff !important} .btn.btn-transparent-white {background:transparent; border-color: #ffffff; color: #ffffff} .btn.btn-transparent-white:hover, .btn.btn-transparent-white:active, .btn.btn-transparent-white:focus {background: #ffffff !important; color: #4c4c4c !important} .btn.btn-black {background: #2b2b2b; border-color: #2b2b2b; color: #ffffff} .btn.btn-black:hover, .btn.btn-black:focus {background: transparent !important; border-color: #2b2b2b; color: #2b2b2b !important} .btn.btn-blue {background: #00bcd4; border-color: #00bcd4; color: #ffffff} .btn.btn-blue:hover, .btn.btn-blue:focus {background: transparent !important; border-color: #00bcd4; color: #00bcd4 !important} .btn.btn-gradient{color: #ffffff;} .btn.btn-gradient:hover{background-position: right center;} .btn.btn-hvr-white:hover, .btn.btn-hvr-white:focus {background: #ffffff !important; border-color: #ffffff; color: #585858 !important} .btn.btn-white-blue {background:#ffffff; border-color: #222d38; color: #222d38} .btn.btn-white-blue.clr-b:hover, .btn.btn-white-blue.clr-b:active, .btn.btn-white-blue.clr-b:focus {background:#ffffff; border-color: #24c1dd; color: #222d38} .btn.btn-white-blue.clr-g:hover {background:#ffffff; border-color: #66c904; color: #222d38} .rev_slider .btn{border: 2px solid #fff} .rev_slider .btn.clr-g:hover{border-color: #66c904} .rev_slider .btn.clr-b:hover{border-color: #24c1dd} /* =================================== Social Icon Hover ======================================*/ /*icon bg bover */ .facebook-bg-hvr:hover{background:#4267B2 !important;color: #fff !important;border: 1px solid #4267B2 !important;} .twitter-bg-hvr:hover{background:#1DA1F2 !important;color: #fff !important;border: 1px solid #1DA1F2 !important;} .instagram-bg-hvr:hover{background: linear-gradient(to bottom, #aa2fb5 0%, #f1762c 93%)!important;color: #fff !important;} .linkedin-bg-hvr:hover{background:#0077B5 !important;color: #fff !important;border: 1px solid #0077B5 !important;} .pinterest-bg-hvr:hover{background:#BD081C !important;color: #fff !important;border: 1px solid #BD081C !important;} .google-bg-hvr:hover{background:#DB4437 !important;color: #fff !important;border: 1px solid #DB4437 !important;} .mail-bg-hvr:hover{background:#c32aa3 !important;color: #fff !important;border: 1px solid #c32aa3 !important;} /*icon text bover */ .facebook-text-hvr:hover{color:#4267B2 !important;} .twitter-text-hvr:hover{color:#1DA1F2 !important;} .instagram-text-hvr:hover{color: #aa2fb5} .linkedin-text-hvr:hover{color:#0077B5 !important;} .pinterest-text-hvr:hover{color:#BD081C !important;} .google-text-hvr:hover{color:#DB4437 !important;} .mail-text-hvr:hover{color:#c32aa3 !important;} /*Margin & Padding*/ .pb-20{padding-bottom: 20px;} .mb-20{margin-bottom: 20px;} .mb-2{margin-bottom: .5rem!important;} .mb-40{margin-bottom: 40px;} .mb-30{margin-bottom: 30px;} .mb-0{margin-bottom: 0!important;} .mt-20{margin-top: 20px;} .mt-10{margin-top: 10px;} .mb-10{margin-bottom: 10px;} .mt-25{margin-top: 25px;} .mt-30{margin-top: 30px} .mb-2rem{margin-bottom: 2rem !important;} .pt-3{padding-top: 1rem;} ul {margin-top: 0; margin-bottom: 0.5rem;} /* transition none */ .no-transition *{transition-timing-function:initial; -moz-transition-timing-function:initial; -webkit-transition-timing-function:initial; -o-transition-timing-function:initial; -ms-transition-timing-function:initial; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;} /*========================== Header & Navigation ==========================*/ a.logo { display: inline-block; vertical-align: middle; line-height: 0; } .navbat-toggler{ position: relative; border: none; -webkit-border-radius: 0; border-radius: 0; } .toggle-menu:focus, .toggle-menu:active{ outline: 0; } .toggle-menu{ -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; width: 36px; padding: 6px; margin-right: 1rem; position: absolute; right: 15px; } .toggle-menu span{ display: block; background: #fff; height: 2px; width: 25px; margin-top: 4px; margin-bottom: 4px; -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); position: relative; left: 0; opacity: 1; } .bg-purple-color{ background: #48459f; } .nav-padding20{ padding-top: 20px; } .nav-padding{ padding-top: 28px; } .nav-top{ padding-top: 70px; } .header-icon{ color: #ffffff; font-size: 20px; } .facebook-hover-effect:hover{ background-color:#4267B2 !important; color: #fff; } .twitter-hover-effect:hover{ background-color:#1DA1F2 !important; color: #fff; } .instagram-hover-effect:hover{ background: linear-gradient(to bottom, #aa2fb5 0%, #f1762c 93%)!important; color: #fff; } .nav-color a{ color: #fff; } .nav-color a:hover{ color: #fff; } .navbar-default{ background-color: transparent; border-color: transparent; } .fixedmenu{ -webkit-animation-name: animationFade; -o-animation-name: animationFade; animation-name: animationFade; -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: .1s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .navbar.fixedmenu{ background-color: #fff; margin: 0; padding-top: 0px; padding-bottom: 0px; position: fixed; box-shadow: 0 9px 6px -9px #000000; transition: 1s; -webkit-animation-name: animationFade; -o-animation-name: animationFade; animation-name: animationFade; -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .navbar.fixedmenu .navbar-nav li a{ -webkit-transition: all linear 300ms; transition:1s; } .navbar.fixedmenu .header-social a { height: 35px; width: 35px; display: inline-block; text-align: center; margin: 0 5px; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; } .navbar.fixedmenu:hover .header-social a:hover { color: #fff; height: 35px; width: 35px; line-height: 38px; display: inline-block; text-align: center; margin: 0 5px; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; } .bg-transparent.navbar.fixedmenu{ background: #222d38 !important; } .navbar.fixedmenu .toggle-menu span{ background: #232323; } .fixedmenu .menu-button{ color: #202125; } .navbar.fixedmenu .navbar-nav .active a { background: transparent !important; } .menu-button .fa{ font-size: 25px; padding: 14px 0 0 0; } .navbar-fixed-top .logo{ display: inline-block; vertical-align: middle; line-height: 0; } header a.logo img { max-height: 35px; max-width: 100px; vertical-align: sub; } .nav-icon .navbar-nav .nav-link:nth-child(1).active ~ .menu-line { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .nav-icon .navbar-nav { position: relative; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .menu-line { position: absolute; border-bottom: 2px solid #66c904; top: 10px; left: 0; z-index: -1; display: block; text-align: center; width: 50px; height: 30px; pointer-events: none; transition: all .1s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(1).active ~ .menu-line{ -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(73%, 0, 0); width: 40px; transition:all ; } .nav-icon .navbar-nav .nav-link:nth-child(2).active ~ .menu-line{ -webkit-transform: translate3d(283%, 0, 0); transform: translate3d(283%, 0, 0); width: 45px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(3).active ~ .menu-line{ -webkit-transform: translate3d(575%, 0, 0); transform: translate3d(575%, 0, 0); width: 40px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(4).active ~ .menu-line{ -webkit-transform: translate3d(950%, 0, 0); transform: translate3d(950%, 0, 0); width: 35px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(5).active ~ .menu-line{ -webkit-transform: translate3d(850%, 0, 0); transform: translate3d(850%, 0, 0); width: 50px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(6).active ~ .menu-line{ -webkit-transform: translate3d(1246%, 0, 0); transform: translate3d(1246%, 0, 0); width: 42px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(7).active ~ .menu-line{ -webkit-transform: translate3d(1805%, 0, 0); transform: translate3d(1805%, 0, 0); width: 35px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(8).active ~ .menu-line{ -webkit-transform: translate3d(1315%, 0, 0); transform: translate3d(1315%, 0, 0); width: 55px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(1):hover ~ .menu-line{ -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(60%, 0, 0); width: 45px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(2):hover ~ .menu-line{ -webkit-transform: translate3d(283%, 0, 0); transform: translate3d(283%, 0, 0); width: 45px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(3):hover ~ .menu-line{ -webkit-transform: translate3d(575%, 0, 0); transform: translate3d(575%, 0, 0); width: 40px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(4):hover ~ .menu-line{ -webkit-transform: translate3d(950%, 0, 0); transform: translate3d(950%, 0, 0); width: 35px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(5):hover ~ .menu-line{ -webkit-transform: translate3d(850%, 0, 0); transform: translate3d(850%, 0, 0); width: 50px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(6):hover ~ .menu-line{ -webkit-transform: translate3d(1246%, 0, 0); transform: translate3d(1246%, 0, 0); width: 42px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(7):hover ~ .menu-line{ -webkit-transform: translate3d(1805%, 0, 0); transform: translate3d(1805%, 0, 0); width: 35px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-icon .navbar-nav .nav-link:nth-child(8):hover ~ .menu-line{ -webkit-transform: translate3d(1315%, 0, 0); transform: translate3d(1315%, 0, 0); width: 55px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .header-appear .navbar-top-default.navbar-gradient .navbar-nav .menu-line{ color: #FFFFFF; } .navbar-top-default.navbar-dark .menu-line{ color: #151515; } .navbar-top-default .nav-item .nav-link.active { background-color: #66c904; text-align: center; color: #fff; } .navbar-top-default .nav-item .nav-link:hover{ color: #fff; } .header-appear .navbar-top-default .nav-item .nav-link:hover{ color: #000; } .header-appear .navbar-top-default.fixed-black .nav-item .nav-link:hover{ color: #fff; } .black-nav:hover{ color: #000 !important; } .navbar-top-default .navbar-nav .nav-link { padding-right: 1.2rem; padding-left: 1.2rem; border-radius: 50px; } h2{ font-family: 'Raleway',sans-serif; font-size: 44px; font-weight: 600; color: #222d38; } h3{ font-family: 'Raleway',sans-serif; font-size: 30px; font-weight: 600; color: #222d38; } h4{ font-family: 'Raleway',sans-serif; font-size: 24px; font-weight: 600; color: #222d38; line-height: 2.5; } h5{ font-family: 'Raleway',sans-serif; font-size: 18px; font-weight: 500; color:#4c4c4c; } h6{ font-family: 'Raleway',sans-serif; font-size: 16px; font-weight: 600; } ul{ padding: 0; list-style-type: none; } /* =================================== Pricing ====================================== */ .price-sec{ background: #f9f9f9; } #price-slider{ text-align: center; } .price-item{ border: 2px solid #FFFFFF; padding: 32px 21px; border-radius: 4px; max-width: 380px; margin: 10px; display: inline-block; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .price{ position: relative; display: inline-block; float: left; margin-right: 15px; } .price-tag{ padding: 15px 0; text-align:left; border-top: 2px solid rgba(111, 123, 133, 0.18); border-bottom: 2px solid rgba(111, 123, 133, 0.18); } .price-text{ font-size: 12px; font-weight: 300; line-height: 20px; } .price .sign{ font-size: 22px; font-weight: 500; vertical-align: super; } .price .currency{ font-size: 3.5rem; font-weight: 400; letter-spacing: -2px; line-height: 60px; padding: 0; vertical-align: middle; } .price .month{ font-size: 12px; font-weight: 300; display: block; text-align: right; padding-right: 7px; } ul.packages{ padding:20px 0; margin: 0; } ul.packages li { font-size: 13px; font-weight: 400; line-height: 40px; list-style-type: none; color: #232323; } ul.packages li i { display: inline-block; width: 24px; padding-right: 5px; } ul.packages li i.fa-check{ color: #000000; } ul.packages li i.fa-times{ color: #e04645; } .price-item .btn.btn-black:hover,.price-item .btn.btn-black:focus { background: #00bcd4 !important; border-color: #00bcd4; color: #ffffff !important } .custom-btn{ text-decoration: none; display: inline-block; color: white !important; } .custom-btn.blue{ background:#24c1dd !important; border: none; } .custom-btn.blue-white{ background: #24c1dd; border-color: #24c1dd; } .custom-btn.blue-white:hover, .custom-btn.blue-white:focus{ background: #fff; border-color: #222d38; color: #222d38 !important; } .custom-btn.green{ border: none; } .custom-btn.grrenn-white{ background: #66c904; border-color: #66c904; } .custom-btn.grrenn-white:hover, .custom-btn.grrenn-white:focus{ background: #fff; color: #222d38 !important; border-color: #222d38; } .custom-btn.white-blue{ background: #fff; color: #222d38 !important; border-color: #222d38; } .custom-btn.d-blue{ background: #222d38; color: #fff!important; border-color: #222d38; } .custom-btn.d-blue:hover, .custom-btn.d-blue:focus{ background: #fff; color: #222d38!important; border-color: #222d38; } .custom-btn.transparent{ background: transparent; color: #fff !important; border-color: #fff; } .custom-btn.transparent:hover{ background: #fff !important; color: #222d38 !important; } .custom-btn.b-green{ background: #28a745 !important; border: none; } .custom-btn.black{ background: #000 !important; border: none; } .custom-btn.c-yellow{ background: #f2c900 !important; border: none; } .custom-btn.c-blue{ background: #006475 !important; border: none; } .custom-btn.c-tale{ background: #20c997 !important; border: none; } .custom-btn.c-red{ background: #dc3545 !important; border: none; } .custom-btn.green.border-white:hover{ border: 1px solid #fff; } .custom-btn.blue.border-white:hover{ border: 1px solid #fff; } .custom-btn.white:hover{ background: #24c1dd !important; color: #222d38 !important; border-color: #fff !important; } .custom-btn.white-green:hover{ background: #66c904 !important; color: #222d38 !important; border-color: #fff !important; } .hvr-shutter-out-horizontal-blk { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #fff; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal-blk:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; border-radius: 38px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal-blk.blue:before{ background:#66c904; } .hvr-shutter-out-horizontal-blk.green:before{ background:#24c1dd; } .hvr-shutter-out-horizontal-blk.grrenn-white:before{ background:#fff; color: #222d38; border-color: #222d38; } .hvr-shutter-out-horizontal-blk.blue-white:before{ background:#fff; color: #222d38; border-color: #222d38; } .hvr-shutter-out-horizontal-blk.white-blue:before{ background:#fff; color: #222d38; border-color: #222d38; } .hvr-shutter-out-horizontal-blk.transparent:before{ background:#fff; color: #222d38; border-color: #222d38; } .hvr-shutter-out-horizontal-blk.black:before{ background:#28a745; } .hvr-shutter-out-horizontal-blk.b-green:before{ background:#000; } .hvr-shutter-out-horizontal-blk.c-blue:before{ background:#f2c900; } .hvr-shutter-out-horizontal-blk.c-yellow:before{ background:#006475; } .hvr-shutter-out-horizontal-blk.c-tale:before{ background:#dc3545; } .hvr-shutter-out-horizontal-blk.c-red:before{ background:#20c997; } .hvr-shutter-out-horizontal-blk.white.clr-b:before{ background:#24c1dd; } .hvr-shutter-out-horizontal-blk.white.clr-g:before{ background:#66c904; } .hvr-shutter-out-horizontal-blk.white:before{ background:#fff; } .hvr-shutter-out-horizontal-blk.white:hover, .hvr-shutter-out-horizontal-blk.white:focus{ color: #fff !important; } .hvr-shutter-out-horizontal-blk:hover:before, .hvr-shutter-out-horizontal-blk:focus:before, .hvr-shutter-out-horizontal-blk:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* =================================== Contact ====================================== */ .address{ background-color: #f9f9f9; } .address h2,.address p,.address h5{ color: #222d38; } .address img{ max-width: 100%; height: auto; position: relative; top: 55px; } .address p{ font-size: 16px; margin-bottom: 0px; } .address ul{ list-style: none; padding: 0; } .address ul li { display: inline-block; text-align: center; } .address a{ color:#222d38; height: 38px; width: 38px; line-height: 38px; border-radius: 34px; background: transparent; display: block; border: 1px solid transparent; } .contact-form{ margin-top: 140px; position: relative; overflow: hidden; } .contact-form .form-group{ margin-top: 30px; } .contact-form .form-control { border: none; border-bottom: 1px solid #ced4da; border-radius:0px; font-size: 14px; padding: 0; height:40px; background:transparent; } .contact-form label{ font-size: 13px; color: #a4a0a0; margin-bottom: 0; margin-top: 10px; } .form-control:focus { color: #495057; background-color: #fff; border-color: #ced4da; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0); } .check-box { margin: 12px 20px 0px; } .message{ margin-top: 41px; } .message textarea{ width: 100%; resize: none; margin-top: 14px; border: none; border-bottom: 1px solid #ced4da; background: transparent; line-height: 26px; } .message .form-group{ margin-bottom: 0px; } .circle-bg2:before { position: absolute; right: -10px; top: 10px; } /* =================================== Address , Map % Contact ====================================== */ #contact{ background-color: #f9f9f9; } #google-map { height: 400px; width: 100%; } .col-map #google-map { height: 418px; } .map { background: url("../images/map.jpg"); } .address-text{ padding: 7.5rem 0; } .address-social li{ display: inline-block; } .address-social a { display: block; width: 38px; height: 38px; text-align: center; line-height: 38px; border-radius: 34px; color: #000; font-size: 16px; border: 1px solid transparent; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } .address-social a:hover { background-color: #ffffff; } .contact-form { max-width: 750px; display: block; text-align: center; margin: 0 auto; } .contact-form .form-control { border: none; border-bottom:1px solid #e2e2e2; padding: 12px 0; background: #fff; letter-spacing: .7px; font-weight: 300; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; height: 44px; color: #a5a5a5; font-size: 14px; position: relative; -webkit-transition: border .9s ease; -o-transition: border .9s ease; transition: border .9s ease; } .contact-form textarea { min-height: 175px; resize: none; } .contact-form .form-group { margin-bottom: 1.5rem; } .w-30 { width: 30%!important; } .tittle p { max-width: 720px; margin: 0 auto; } /* =================================== Media Queries ====================================== */ @media screen and (max-width: 1199px) { .nav-icon.navbar-top-default .navbar-nav .nav-link{ min-width: 90px; } } @media screen and (min-width: 991px){ #home{ height: 100vh; } } @media screen and (max-width: 991px) { .top-header-area{ display: none; } .top-header-area ~ .navbar-top-default{ top:0; } #laptop-slide { width: 375px; height: 235px; overflow: hidden; position: absolute; display: inline-block; top: 100px; right:76px; } .inner-wrapper .navbar-nav { flex-direction: column; } .side-nav .navbar-nav .nav-item { margin: 9px auto; } .navbar-expand-lg>.container{ padding-right: 15px; padding-left: 15px; } h2{ font-size: 36px; } .video-heading{ font-size: 36px; } .address-box{ text-align: center; } .center-about{ text-align: center; } .left-about{ text-align: left; } .mb-0{ margin-bottom: 0px; } .sm-pt-3{ padding-top: 1.5rem; } .sm-mb-2r{ margin-bottom: 2rem; } } @media screen and (max-width:767px) { body p{ font-size: 14px; } section, .section-padding,.testimonial-item { position: relative; padding: 4.5rem 0; overflow: hidden; } h2{ font-size: 26px; } h5{ font-size: 15px; } .about{ text-align: center; } .about ul{ text-align: justify; } .about ul li{ font-size: 14px; } .pt-2{ padding-top: 0.5rem; } .btn.btn-medium {font-size:12px; padding: 6px 25px 5px;} .mt-4{ margin-top: 0.3rem !important; } .counter{ text-align: center; } h3{ font-size: 22px; } .hr-line { margin-right: auto; margin-left: auto; } .num-counts{ margin-top: 1rem !important; } .video-heading{ font-size: 26px; } .quote-para{ font-size: 24px !important; line-height: 35px; } .quote-para::before { font-family: FontAwesome; font-size: 20px; position: absolute; color: #fff; content: "\f10d"; top: -38px; transform: translateX(-10px); } .quote-para::after { font-family: FontAwesome; font-size: 20px; position: absolute; color: #fff; content: "\f10e"; top: 140px; transform: translateX(-3px); } .center-text { text-align: center; } .footer-social a{ margin: 10px -1px; } .cbp-l-filters-buttonCenter .cbp-filter-item{ margin: 10px 4px -30px 4px; } .header-appear .side-nav-btn{ right: 20px; } .side-nav-btn{ right: 20px; } .loading { position: absolute; top: 40%; left: 44%; } .page_header .page-content h2 { margin-top: 3rem; } .page_header .page-content { position: relative; } .center-text{ text-align: center; } .page_header { -webkit-background-size: cover; background-size: cover; width: 100%; background-position: center center; position: relative; } .page_header .page-content .page_nav { padding: 18px 16px 10px; float: none; width: 100%; } .page_header .page-content .page_nav { background: #fff; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; padding: 18px 40px 10px; display: inline-block; margin-top: 50px; color: #4c4c4c; font-size: 0.875rem; float: right; margin-bottom: -2px; } .page_header .page-content .page_nav a { display: inline-block; margin: 0 10px; color: #0b0b0b; } .page_header .page-content .page_nav span i { margin-right: 5px; } .page_nav { text-align: center; } .darkcolor { text-align: center; line-height: 35px; } .text-11 { text-align: center; } .a-recent{ font-size: 15px; } .para-color{ font-size: 12px; } .webtags { padding-top: 15px; text-align: center; } .webcats{ padding-top: 15px; } .bottom20{ padding-bottom: 15px; } .comment li a{ padding-top: 10px; } .heading .divider-left, .heading .divider-center { height: 4px; width: 70px; background: #66c904; display: block; margin: 0 auto; margin-top: 10px; } .address{ text-align: center; } .pt-70 { padding-top: 30px; } .text-video{ font-size: 31px; } .business-color{ font-size: 31px; } .pagi-center{ float: inherit; } .mb-30{ margin-bottom: 30px; } .slider-heading{ font-size:32px !important; } .slider-heading2{ font-size: 35px !important; } .slider-p{ font-size: 13px !important; } .r-250{ right: 25px !important; } .r-248{ right:248px !important; } form.findus textarea { width: 100%; min-height: 130px; font-size: 12px; } .blog-img{ margin: 0 auto; max-width: 420px; } .image{ max-width: 420px; margin: 0 auto; } .video-heading{ padding-bottom: 10px; } .cbp-l-filters-buttonCenter .cbp-filter-item{ font-size: 12px; } .button-play { height: 50px; width: 50px; line-height: 50px; color: #fff; display: inline-block; text-align: center; font-size: 15px; top: 35%; left: 42%; } .center-logo a.logo { left: 20%; transform: translateX(-50%); position: absolute; } .md-0{ margin-bottom: 0; } .half-center{ text-align: center !important; } .video-play-button { top: auto; right: auto; bottom: -34px; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .client-padding{ margin-bottom: 0 !important; } .col-video{ text-align: center; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0; } .address-text{ padding: 4.5rem 0; } .parallax{ background-attachment: initial; } .con-box-color { margin-bottom: 20px; } .con-box-color-1 { margin-bottom: 20px; } .ser-center{ text-align: center; } .text-right{ text-align: center !important; } .services-section{ padding: 4.5rem 0; } .number-icons { text-align: center !important; display: block !important; } .setting { text-align: center !important; display: block !important; } .number-icons, .digi-number, .digi-para{ padding-bottom: 20px; } .number-para{ padding-bottom: 60px; } .parallax-btn{ margin: 0 auto; display: table; } .padding{ margin-bottom: 30px; } .padding-1{ margin-bottom: 30px; } } @media screen and (max-width:575px){ .quote-section{ padding: 100px 0; } } @media screen and (max-width: 480px){ .video-img-setting { min-height: 260px; } .side-menu .side-nav{ margin-bottom: 20px; } .side-menu p{ font-size: 11px; font-weight: 500; } .side-menu .side-nav ul{ margin: 0 auto; } .quote-para::after { font-family: FontAwesome; font-size: 20px; position: absolute; color: #fff; content: "\f10e"; transform: translateX(2px); } } @media screen and (max-width:466px){ } .md-nav { display: none; } @media only screen and (max-width: 1200px) and (min-width:768px) { .navbar-default .navbar-nav>li>a { font-size: 10px; } .md-nav { display: block; } .logo-header-md { margin-top: 20px; } .logo-header { display: none; } .navbar-default .navbar-nav { margin-left: 0px !important; } .navbar-default .top-bar .language { display: none; } } .logo-header { margin-top: -42px; width: 100px; height: 50px; } .footer-end { background-color: #000; color: #fff; padding: 20px 50px; } .footer-content { max-width: 1200px; margin: 0 auto; } .footer-row { margin-top: 50px; display: flex; justify-content: center; flex-wrap: wrap; } .footer-column { flex: 1; margin: 10px; } .footer-column h4 { color: #fff; font-size: 18px; margin-bottom: 10px; } .footer-column ul { list-style: none; padding: 0; } .footer-column ul li { margin-bottom: 10px; color: #ddd; } .footer-column ul li a { color: #ddd; text-decoration: none; } .footer-column ul li i { margin-right: 10px; } .footer-column.contact-info i { font-size: 18px; color: #ffffff; } .footer-row.copyright { text-align: center; margin-top: 80px; font-size: 14px; color: #fff; border-top: solid 1px #fff; padding-top: 20px; } .footer-row.copyright p { margin: 0; color:#fff; } .footer-row img { width: 160px; height: auto; } @media only screen and (max-width: 900px) { .footer-row { flex-direction: column; } .footer-row.lang { margin-left: 0px !important; } } .navbar-default { background-image: linear-gradient(182deg, #ffba00 0%, #fdfdfd 100%)!important; color: #000; } .navbar-default .navbar-nav>li>a { color: #000; } .navbar-default .top-bar { background-color: #000; } .navbar-default.fixed-active .top-bar { background-color: #000; } .pricing .price-box { background-color: #fff !important; border-radius: 50px; margin-bottom: 50px; } .pricing .price-box ul li { color: #000 !important; } .pricing .price-box .price-header h5 { color: #000 !important; } .pricing .price-box i { margin-bottom: 40px; } .pricing .price-box .price { margin-bottom: 40px; } .pricing .price-box a { background: #f0ad4e !important; } .logo-header-mb { display: none; } @media only screen and (max-width: 767px) { .logo-header { display: none; } .logo-header-mb { display: block; width: 200px; height: 50px; } .navbar-default .navbar-brand img { width: 80px; height: 45px; margin-top: -10px; } .navbar-default .navbar-nav { margin-left: 0px !important; } .cbp-spmenu { background-color: #000; } } .navbar-default .navbar-toggle .icon-bar { background-color: #000 !important; } .navbar-default a:hover { color: #000000 !important; } .navbar-default .navbar-nav li a:after { background: rgb(138, 57, 238) !important; } .unique-hero-slider { position: relative; width: 100%; height: 100vh; overflow: hidden; } .unique-slides { display: flex; transition: transform 0.5s ease-in-out; } .unique-slide { min-width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; position: relative; background-size: cover; background-position: center; } .unique-content { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; color: white; } .unique-content h1 { font-size: 60px; margin-bottom: 1.5rem; font-weight: 600; } .tag-line { width: 60%; } .tag-line p { font-size: 20px; margin-bottom: 3rem; color: white; font-weight: 400; } .unique-content button { padding: 15px 60px; font-size: 1.2rem; background: var(--mst-live-gradient, linear-gradient(272deg, #f0665c, #e6483f)); color: white; border: none; box-shadow: 0 14px 34px -10px rgba(230, 72, 63, 0.6); border-radius: 50px; cursor: pointer; font-size: 20px; transition: transform .18s ease, box-shadow .18s ease; } .unique-content button:hover { background: var(--mst-live-gradient, linear-gradient(272deg, #f0665c, #e6483f)); transform: translateY(-2px); box-shadow: 0 18px 40px -8px rgba(230, 72, 63, 0.75); } .unique-nav-buttons { display: none; } @media (max-width: 1024px) { /* Large screens, laptops */ .unique-content h1 { font-size: 50px; } .tag-line p { font-size: 18px; } .unique-content button { font-size: 18px; padding: 14px 50px; } } @media (max-width: 768px) { /* Medium screens, tablets */ .unique-content h1 { font-size: 40px; } .tag-line p { font-size: 16px; } .unique-content button { font-size: 16px; padding: 12px 40px; } .unique-slide:nth-of-type(2) { background-position-x: 67%; } } @media (min-width: 1600px) and (max-width: 2000px) { /* Extra-large screens */ .unique-content h1 { font-size: 70px; } .tag-line p { font-size: 24px; } .unique-content button { font-size: 22px; padding: 18px 70px; } } .navbar-fixed-top .logo { display: inline-block; vertical-align: middle; line-height: 0; margin-right: 257px; margin-top: -54px; } .navbar-default .navbar-nav { float: none; display: inline-block; margin-top: 4px; margin-left: 74px; } .tp-service__bottom-text span { font-weight: 500; font-size: 15px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--tp-common-black); } .black-bg-5 { background-color: var(--tp-common-black-6); } .scroll-holder { overflow-x: hidden; padding: 0 0 0% 0; } .highlights h6 { color: #000 !important; } .pricing h6 { color: #000 !important; } .btn-play { background-color: #8a39ee; padding: 10px 20px; border-radius: 5px; color: #fff; } .btn-play:hover { background-color: #000000; color: #fff; } .btn-playlist { display: flex; justify-content: center; align-content: center; } .section-container { display: flex; flex-direction: row; max-width: 1200px; width: 100%; margin: 0 auto; border-radius: 8px; overflow: hidden; background-color: white; } .image-column { flex: 1; padding: 20px; text-align: center; } .image-column img { max-width: 100%; height: auto; border-radius: 8px; } .text-column { flex: 1; padding: 20px; } .text-column .title { font-size: 44px; margin: 15px 0; text-transform: uppercase; } .text-column .description { font-size: 16px; margin-bottom: 20px; } .text-column .action-button { padding: 10px 35px; font-size: 16px; color: white; background-color: #8a39ee; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; margin-left: 35%; } .text-column .action-button:hover { background-color: #ff9624; } @media (max-width: 1200px) { .section-container { flex-direction: column; } .section-container .text-column { margin-bottom: 20px; } .text-column { text-align: center; } .text-column .action-button { margin-left: 0; } } @media (max-width: 768px) { .section-container { margin-top: 100px; } } /* Full-screen button container */ .main-button-container { display: flex; flex-direction: column; justify-content: center; align-items: center; } /* Styling for each individual button */ .full-width-btn { width: 80%; padding: 10px; font-size: 18px; margin: 12px 0; background-color: #000000; color: white; border: none; border-radius: 10px; cursor: pointer; transition: background-color 0.3s; text-transform: uppercase; } .full-width-btn:hover { background-color: #ff9624; } .close { font-size: 35px !important; } .modal-header { position: sticky; top: -2px; z-index: 2000; background-color: #fff; } .modal-title { text-transform: uppercase; } .modal-body { text-transform: uppercase; } .popup-bold { font-weight: 800; color: #000 !important; } .modal-content { border-radius: 16px; border: none; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,.35); } .modal-header { background: linear-gradient(135deg,#1a1a2e,#16213e); border-bottom: none; padding: 20px 26px; } .modal-header .modal-title { color: #f7b731; font-weight: 800; letter-spacing: 1px; font-size: 20px; } .modal-header .close { color: #fff; opacity: .8; text-shadow: none; } .modal-header .close:hover { opacity: 1; color: #f7b731; } .popup-list { list-style: none; margin: 0; padding: 22px 26px; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; } .popup-list li { background: #f7f8fc; border: 1px solid #eceef5; border-radius: 10px; padding: 11px 14px; font-size: 13px; font-weight: 700; color: #1a1a2e; letter-spacing: .3px; display: flex; align-items: center; gap: 8px; } .popup-list li::before { content: "\f26c"; font-family: FontAwesome; color: #8a39ee; font-size: 14px; } @media (max-width: 576px) { .popup-list { grid-template-columns: 1fr 1fr; padding: 16px; } } .pricingTable { text-align: left; margin: 0 -15px; padding: 15px 15px; box-shadow: 0 0 10px #ababab; padding-bottom: 40px; border-radius: 10px; color: #cad0de; transform: scale(1); transition: all .5s ease 0s } .pricingTable:hover { transform: scale(1.05); z-index: 1 } .pricingTable .pricingTable-header { background: #ff9624; color: #000; padding: 40px 0; border-radius: 10px 10px 50% 50%; transition: all .5s ease 0s } .pricingTable:hover .pricingTable-header { background: #ff9624 } .pricingTable .pricingTable-header i { font-size: 50px; color: #858c9a; margin-bottom: 10px; transition: all .5s ease 0s } .pricingTable .price-value { font-size: 35px; color: #fff; transition: all .5s ease 0s; text-align: center } .pricingTable .month { color:#000; display: block; margin: 14px; font-size: 23px; } .pricingTable:hover .month, .pricingTable:hover .price-value, .pricingTable:hover .pricingTable-header i { } .pricingTable .heading { font-size: 24px; color: #ff9624; margin-bottom: 20px; text-transform: uppercase } .pricingTable .pricingTable-header { text-align: center; } .pricingTable .pricing-content ul { list-style: none; padding: 0; margin-bottom: 30px } .pricingTable .pricing-content ul li { color: #472020 } .pricingTable.blue .pricing-content ul li i { color: #000 } .pricingTable.red .pricing-content ul li i { color: ##000 } .pricingTable.green .pricing-content ul li i { color: ##000000 } .pricingTable .pricing-content ul li i { color: ##000 } .pricingTable .pricingTable-signup { text-align: center } .pricingTable .pricingTable-signup a { display: inline-block; font-size: 15px; color: #fff; padding: 10px 35px; border-radius: 20px; text-transform: uppercase; transition: all .3s ease 0s; } .pricingTable .pricingTable-signup a:hover { box-shadow: 0 0 10px #ffa442 } .pricingTable.blue .pricingTable-signup a, .pricingTable.blue:hover .pricingTable-header { } .pricingTable.blue .pricingTable-signup a:hover { } .pricingTable.red .heading, .pricingTable.red .price-value { } .pricingTable.red .pricingTable-signup a, .pricingTable.red:hover .pricingTable-header { } .pricingTable.red .pricingTable-signup a:hover { box-shadow: 0 0 10px #ff4b4b } .pricingTable.green .heading, .pricingTable.green .price-value { } .pricingTable.green .pricingTable-signup a, .pricingTable.green:hover .pricingTable-header { } .pricingTable.green .pricingTable-signup a:hover { box-shadow: 0 0 10px #40c952 } @media screen and (max-width:990px) { .pricingTable { margin: 0 0 20px } } .flaticon-001-wallet-1:hover, .flaticon-038-money-3:hover, .flaticon-022-pound-sterling-1:hover, .flaticon-019-credit-card-1:hover, .flaticon-010-pie-chart:hover{ background-color: #ff9624 !important; } .pricing-switcher { text-align: center; } .pricing-switcher .fieldset { display: inline-block; position: relative; padding: 2px; border-radius: 50em; border: 2px solid #2d3e50; background:#ff3f58; } .pricing-switcher input[type="radio"] { position: absolute; opacity: 0; color:black ; } .pricing-switcher label { position: relative; z-index: 1; display: inline-block; float: left; width: 90px; height: 36px; line-height: 40px; cursor: pointer; font-size: 1.4rem; color: #ffffff; } .pricing-switcher .switch { position: absolute; top: 2px; left: 2px; height: 40px; width: 90px; background-color: #2d3e50; border-radius: 50em; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } .pricing-switcher input[type="radio"]:checked + label + .switch, .pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .switch { -webkit-transform: translateX(90px); -moz-transform: translateX(90px); -ms-transform: translateX(90px); -o-transform: translateX(90px); transform: translateX(90px); } .no-js .pricing-switcher { display: none; } .modal-footer{ background: white;" } .modal-body .product_content{ background: white !important;" } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .custom-btn.green { border: none; } .btn.btn-rounded { border-radius: 50px; } .btn.btn-large { /* font-size: 14px; */ padding: 9px 34px; font-size: 11px; /* line-height: 25px; */ } #shadow-host-companion { display: none; } .panel-title a{ color: #000 !important; } .cover-img::before { content: ""; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } a, *::before, *::after, img, span, input, button, .navbar, .fixedmenu, .tp-bullet, .owl-dot, .owl-prev, .owl-next ul { list-style: none; padding: 0; margin: 0; } *, ::after, ::before { box-sizing: border-box; } .cover-img-reselling::before { content: ""; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .faq { padding: 0 !important; background-color: var(--mst-bg, #0e1120); } .slider-container { width: 100%; overflow: hidden; position: relative; } .slider { display: flex; width: 100%; /* Adjust according to the number of items (2 sets) */ animation: slide 16s linear infinite; animation-play-state: running; } .slide-item { width: 15%; /* Adjust according to the number of items */ flex-shrink: 0; text-align: center; display: flex; /* Use Flexbox */ flex-direction: column; /* Stack children vertically */ align-items: center; /* Center children horizontally */ justify-content: center; /* Center children vertically */ margin: 0 2px; } .img-play { display: block; width: 100%; height: auto; } @keyframes slide { 0% { transform: translateX(0%); } 100% { transform: translateX(-84%); /* Move half the width to slide items completely */ } }qa /* Responsive styles */ @media (max-width: 1040px) { .slide-item { width: 20%; } @keyframes slide { 0% { transform: translateX(0%); } 100% { transform: translateX(-162%); /* Move half the width to slide items completely */ } } .slider { width: 120%; } } @media (max-width: 700px) { .slide-item { width: 30%; } @keyframes slide { 0% { transform: translateX(0%); } 100% { transform: translateX(-227%); /* Move half the width to slide items completely */ } } .slider { width: 160%; } } @media (max-width: 420px) { .slide-item { width: 30%; } @keyframes slide { 0% { transform: translateX(0%); } 100% { transform: translateX(-175%); /* Move half the width to slide items completely */ } } .slider { width: 200%; } .img-play { height: auto; width: 100%; display: block; } slider { animation: slide 30s linear infinite; } } /* second section here */ .blog-section{ height: auto; width: 100%; padding: 50px 0; color: #000; margin-bottom: 80px; } .blog-section .row{ align-items: center !important; } .secondBtn{ height: auto; width: 100%; border-radius: 5px; padding: 12px 0; text-align: center; background-color: #000; color: #fff; text-decoration: none; } .secondBtn:hover { background-color: #eea236; text-decoration: none; } a { text-decoration: none; } a:hover { text-decoration: none; } .smallText{ padding: 20px 0; } .blog-section img{ border-radius: 10px; height: auto; } .margin{ margin: 50px 0; } .secondSec span{ color: #e90101; } .blog-section .col-md-6 { margin-left: 3%; margin-top: 3%; margin-bottom: 3%; width: 45%; } @media (max-width: 1200px) { .col-md-4 { width: 100%; } .blog-section img{ border-radius: 10px; height: 100%; width: 100%; } } @media (max-width: 576px) { .blog-section{ padding: 50px 10px; } } @media (max-width: 576px) { .secondBtn{ width: 250px; } } @media (max-width: 1200px) { .blog-section .col-md-4 { width: 100% !important; } } @media (max-width: 576px) { .blog-section{ padding: 50px 10px; } } @media (max-width: 576px) { .secondBtn{ width: 100%; } } .blog-heading { text-align: center; margin-bottom: 50px; } @media (max-width: 1200px) { .blog-section .col-md-4 { width: 100% !important; margin-bottom: 50px; } .blog-section { margin-bottom: 0px; } } @media (max-width: 576px) { .blog-section { padding: 50px 10px; } } @media (max-width: 576px) { .secondBtn{ width: 100%; } } .cookie-popup { position: fixed; bottom: 20px; left: 2%; transform: translateX(-1%); background: #fff; border: 1px solid #000; border-radius: 10px; padding: 15px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out, visibility 0.3s; } .show-popup { opacity: 1; visibility: visible; } .cookie-popup p { margin: 0; padding: 0 0 10px 0; color: #000; } .cookie-popup button { margin-right: 10px; padding: 5px 20px; background-color: #8a39ee; color: #fff; border: solid 1px #000; border-radius: 50px; } .cookie-popup button:hover { background-color: #000; color: #fff; } .cookie-popup a { color: #000; } .cookie-popup a:hover { color: #8a39ee; } /*--------------------------------------- Contact section -----------------------------------------*/ .contactxx { background-color:gold; } .contact-info .fa { padding-right: 5px; } #contact .form-control { border: none; border-bottom: 2px solid #f0f0f0; border-radius: 0px; box-shadow: none; font-size: 18px; margin-top: 10px; margin-bottom: 10px; -webkit-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; } #contact .form-control:focus { border-bottom-color: #999999; } #contact input { height: 55px; } #contact button#submit { background: #2b2b2b; border: none; border-radius: 50px; color: #ffffff; height: 50px; margin-top: 24px; } #contact button#submit:hover { background: #7682cc; color: #ffffff; } .container-special { display: flex; align-items: center; justify-content: space-between; padding: 20px; max-width: 1200px; margin: auto; } .text-section { flex: 1; padding-right: 20px; } .text-section h2 { margin: 0 0 10px; } .text-section p { margin: 0 0 15px; } .text-section button { padding: 10px 15px; background-color: rgb(138, 57, 238); color: white; border: none; border-radius: 5px; cursor: pointer; } .text-section button:hover { background-color: #24c1dd; } .image-section { flex: 1; text-align: right; } .image-section img { max-width: 100%; height: auto; } @media only screen and (max-width: 768px) { .container-special { flex-direction: column-reverse; } .image-section img { max-width: 100%; height: auto; } .text-section { margin-top: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .text-section h2 { text-align: center; } .text-section p { text-align: center; } } .help-filter { filter: invert(100); } .support-btn:hover { background-color: #000 !important; } .support-bar h4 { line-height: normal; } .support-bar a { margin-bottom: 50px; } .support-bar h6 { margin-left: 130px; margin-bottom: 80px; } .support-bar .support-btn-mb { display: none; } .header .rev-btn { margin-top: 30px; } @media only screen and (max-width: 767px) { .about { margin-top: 100px; } .support-bar h6 { margin-left: 0px; margin-bottom: 30px; } .support-bar .support-btn { display: none; } .support-bar .support-btn-mb { display: block; } } @media only screen and (max-width: 400px) { .btn.btn-large { padding: 9px 18px !important; } } .top-bar .col-sm-6 { width: fit-content; } select { padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px; background-color: #000000; cursor: pointer; transition: border-color 0.3s; } select:hover { border-color: #f0ad4e; } select:focus { outline: none; border-color: #f0ad4e; } .footer-row.lang { display: flex; justify-content: flex-start; margin-left: 50px; }