@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Adamina&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } html { overflow-x: hidden !important; } body { font-family: 'Poppins', sans-serif; color: #555; background-color: #fff; } h1, h2, h3, h4 { font-family: 'Poppins', sans-serif; } section { padding: 90px 0; position: relative; } section img { max-width: 100%; } h2.sect_title { margin-bottom: 25px; font-weight: 600; font-family: 'Poppins', sans-serif; font-size: 56px; color: #15222c; } a { color: #000; transition: 0.5s; } p { margin: 0; padding: 0; } a:hover, a:active, a:focus { color: #008bff; outline: none; text-decoration: none; } .menu_contanear { display: block; float: left; width: 100%; text-align: right; } .nav-menu, .nav-menu * { margin: 0; padding: 0; list-style: none; text-align: right; } .nav-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .nav-menu li { position: relative; white-space: nowrap; margin-left: -5px; } .nav-menu > li { display: inline-block; /*border-right: 1px solid #e70233;*/ line-height: initial; } /* .nav-menu > li:nth-child(1) a { background-color: #ffb600; } .nav-menu > li:nth-child(2) a { background-color: #ff5733; } .nav-menu > li:nth-child(3) a { background-color: #c70039; } .nav-menu > li:nth-child(4) a { background-color: #900c3e; } .nav-menu > li:nth-child(5) a { background-color: #571845; } .nav-menu > li:nth-child(6) a { background-color: #373737; } .nav-menu > li:nth-child(7) a { background-color: #000000; } */ .nav-menu li:hover > ul, .nav-menu li.sfHover > ul { display: block; } .nav-menu ul ul { top: 0; left: 100%; } .nav-menu ul li { min-width: 180px; } /* Nav Menu Arrows */ .sf-arrows .sf-with-ul { padding-right: 30px; } .sf-arrows .sf-with-ul:after { content: "\f0d7"; position: absolute; right: 15px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; font-size: 13px; top: 50%; transform: translateY(-50%); } .sf-arrows ul .sf-with-ul:after { content: "\f105"; } /* Nav Meu Container */ #nav-menu-container { float: left; margin: 0; width: 100%; } .nav_area #nav-menu-container { background-color: #311f84; } .nav_area #nav-menu-container li a { color: #fff; font-size: 13px; font-weight: 700; } .nav_area #nav-menu-container li a:hover { text-decoration: underline; } .header_call_area a { background-color: rgb(255 102 0); color: rgb(255, 255, 255); padding: 15px 30px; font-weight: 600; font-size: 16px; border-radius: 0; margin-top: 20px; position: relative; z-index: 2; } .header_call_area a:after { content: ''; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; position: absolute; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2); } .header_call_area a:hover { background-color: #311f84; } @media (max-width: 768px) { #nav-menu-container { display: none; } } /* Nav Meu Styling */ /*.col-md-9.col-12.nav_area { display: flex; justify-content: center; align-items: center; }*/ .nav-menu a { padding: 10px 10px; text-decoration: none; display: inline-block; color: #000000; font-size: 15px; outline: none; font-family: "Poppins", sans-serif; font-weight: 700; } .nav-menu li:hover > a, .nav-menu > .menu-active > a { color: #ff6600; } /* .nav-menu li:nth-last-child(1) a { padding: 15px 0 15px 15px; } */ .nav-menu ul { margin: 4px 0 0 0; padding: 10px; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); background: #000000; text-align: left; } .nav-menu ul li { transition: 0.3s; } .nav-menu ul li a { padding:5px 10px ; color: #515353; transition: 0.3s; display: block; font-size: 13px; text-transform: none; border-bottom: 2px solid transparent; } .nav-menu ul li:hover > a { border-bottom: 2px solid #FFFFFF; background-color: #004780; } .nav-menu ul ul { margin: 0; } /* Mobile Nav Toggle */ #mobile-nav-toggle { position: absolute; right: 0; top: -3px; z-index: 999; margin: 12px 20px 0 0; border: 0; background: none; font-size: 24px; display: none; transition: all 0.4s; outline: none; cursor: pointer; } #mobile-nav-toggle i { color: #000; } @media (max-width: 768px) { #mobile-nav-toggle { display: inline; } } /* Mobile Nav Styling */ #mobile-nav { position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998; background: rgba(0, 0, 0, 0.8); left: -260px; width: 260px; overflow-y: auto; transition: 0.4s; } #mobile-nav ul { padding: 0; margin: 0; list-style: none; } #mobile-nav ul li { position: relative; } #mobile-nav ul li a { color: #fff; font-size: 14px; text-transform: uppercase; overflow: hidden; padding: 10px 22px 10px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none; font-weight: 700; font-family: "Montserrat", sans-serif; } #mobile-nav ul li a:hover { color: #fff; background-color: #004780; } #mobile-nav ul li li { padding-left: 30px; } #mobile-nav ul .menu-has-children i { position: absolute; right: 0; z-index: 99; padding: 15px; cursor: pointer; color: #fff; } #mobile-nav ul .menu-has-children i.fa-chevron-up { color: #d5d5d5; } #mobile-nav ul .menu-has-children li a { text-transform: none; } #mobile-nav ul .menu-item-active { color: #d5d5d5; } #mobile-body-overly { width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(0, 0, 0, 0.7); display: none; } /* Mobile Nav body classes */ body.mobile-nav-active { overflow: hidden; } body.mobile-nav-active #mobile-nav { left: 0; } body.mobile-nav-active #mobile-nav-toggle { color: #fff; } header { background-color: #fff; } .head_top { width: 100%; display: block; padding: 8px 5px; /*border-bottom: 1px solid #fff;*/ } .head_top span { color: #fff; font-size: 14px; } .head_top .row .col-12:nth-child(2) { text-align: right; } /**/ /* ==== Main CSS === */ .img-fill{ width: 100%; display: block; overflow: hidden; position: relative; text-align: center } .img-fill img { min-height: 100%; min-width: 100%; position: relative; display: inline-block; max-width: none; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04); } .Grid1k { padding: 0 15px; max-width: 1200px; margin: auto; } .blocks-box, .slick-slider { margin: 0; padding: 0!important; } .slick-slide { float: left /* If RTL Make This Right */ ; padding: 0; } /* ==== Slider Style === */ .Modern-Slider .item .img-fill{ height:100vh; background:#000; } .Modern-Slider .item .img-fill .info{ position:absolute; width:100%; height:100%; top:0px; left:0px; /*background:rgba(0,0,0,.50);*/ background:linear-gradient(180deg, #0045ffa1 0%, #000000d1 100%); /*line-height:100vh;*/ text-align:center; } .Modern-Slider .item .img-fill img{ filter:blur(1px); } .Modern-Slider .item .info > div{ display:inline-block!important; vertical-align:middle; } .Modern-Slider .NextArrow{ position:absolute; top:50%; right:0px; width:45px; height:45px; background:rgba(0,0,0,.50); border:0 none; margin-top:-22.5px; text-align:center; font:20px/45px FontAwesome; color:#FFF; z-index:5; } .Modern-Slider .NextArrow:before{content:'\f105';} .Modern-Slider .PrevArrow{ position:absolute; top:50%; left:0px; width:45px; height:45px; background:rgba(0,0,0,.50); border:0 none; margin-top:-22.5px; text-align:center; font:20px/45px FontAwesome; color:#FFF; z-index:5; } .Modern-Slider .PrevArrow:before{content:'\f104';} .Modern-Slider .slick-dots{ position:absolute; height:3px; background:rgba(255,255,255,.20); bottom:0px; width:100%; left:0px; padding:0px; margin:0px; list-style-type:none; } .Modern-Slider .slick-dots li button{display:none;} .Modern-Slider .slick-dots li{ float:left; width:0px; height:2px; background:#27d9ff; position:absolute; left:0px; bottom:0px; } .Modern-Slider .slick-dots li.slick-active{ width:100%; animation:ProgressDots 11s both; } .Modern-Slider .item h3{ font-weight: 600; font-family: 'Poppins', sans-serif; font-size: 76px; text-transform:uppercase; color:#FFF; animation:fadeOutRight 1s both; margin:0; padding:0; } .Modern-Slider .item h5{ margin:0; padding:0; font-family: "Poppins", sans-serif; color:#FFF; overflow:hidden; height:60px; animation:fadeOutLeft 1s both; } span.sky_blue { color: #29deff; } .Modern-Slider .item.slick-active h3{ animation:fadeInUp 1s both 1s; } .Modern-Slider .item.slick-active h5{ animation:zoomIn 1s both 1.5s; } .Modern-Slider .item.slick-active{ animation:Slick-FastSwipeIn 1s both; /*animation:Slick-FastFadeIn 4s both;*/ } .Modern-Slider {background:#000;} .info_child { text-align: center; margin-top: 25%; transform: translateY(-50%); } .banner_info_btn { color: #FFFFFF; background-color: transparent; background-image: linear-gradient(147deg, #0045FF 0%, #29deff 100%); border-radius: 5px; padding: 12px 22px; margin: 0 20px; } .banner_info_btn:hover { background: #fff; color: #0045FF; } .prent_of_btn { animation:zoomIn 1s both 1.5s; } /* ==== Slider Image Transition === */ @keyframes Slick-FastSwipeIn{ 0%{transform:rotate3d(0,1,0,150deg) scale(.5) perspective(400px);} 100%{transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);} } @keyframes Slick-FastFadeIn{ 0%{opacity: 0;} 100%{opacity: 1;} } @-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}} @keyframes ProgressDots{from{width:0px;}to{width:100%;}} /* ==== Slick Slider Css Ruls === */ .slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none}.slick-list.dragging{cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} /**/ .welcome__slide__button { color: #FFFFFF; background-color: transparent; background-image: linear-gradient(90deg, #0045FF 0%, #BD29F2 100%); border-radius: 5px 5px 5px 5px; padding: 12px 12px 12px 12px; } header ul li { color: #fff; } header ul li .fa { color: #fff; padding-right: 2px; } .nav_area ul { text-align: center; } .nav_area ul li { display: inline-block; list-style-type: none; /*padding-left: 30px;*/ } .nav_area ul li ul.sub-menu li{ display: block; text-align: left; } .nav_area ul li ul.sub-menu li a{ text-align: left; } .logo_area img { max-width: 530px; padding: 5px 0; } .large { position: relative; /*background-attachment: fixed; background-repeat: no-repeat;*/ } .large img { width: 100%; } .head_bottom .row { display: flex; align-items: center; /* justify-content: center; */ } header { position: relative; } .head_bottom { z-index: 5; padding: 2px 0; margin-bottom: 40px; } .sticky { position: fixed; top: 0; right: 0; left: 0; opacity: 1; } /*services_one_section*/ .services_one_section { background-color: #f1f8fb; } section.services_one_section h2.sect_title { color: #15222c; } .services_one_section .single_services_box { position: relative; background-color: #fff; padding: 30px; border-radius: 20px; box-shadow: 0px 10px 20px 0px rgb(0 69 255 / 6%); margin-bottom: 30px; cursor: pointer; text-align: center; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; overflow: hidden; } .services_one_section .single_services_box:before { content: ""; position: absolute; left: -80px; top: -80px; width: 180px; height: 180px; border-radius: 50%; background-color: #00000069; z-index: 1; opacity: .1; transform: scale(0); transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .services_one_section .single_services_box:after { content: ""; position: absolute; left: -80px; top: -80px; width: 200px; height: 200px; border-radius: 50%; background-color: #00000069; z-index: 0; opacity: .1; transform: scale(0); transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; } .services_one_section .single_services_box:hover:before { transform: scale(1); } .services_one_section .single_services_box:hover:after { transform: scale(1); } .services_one_section .single_services_box:hover { box-shadow: 0px 10px 20px 0px rgb(0 17 64 / 29%); transform: translateY(-15px); } .services_one_section .single_services_box .icon_box { background-image: linear-gradient(180deg, #0045FF 0%, #2bdeff 100%); width: 80px; height: 80px; border-radius: 50%; text-align: center; padding: 15px; margin-left: auto; margin-right: auto; margin-bottom: 15px; position: relative; z-index: 2; } .services_one_section .single_services_box .icon_box img { width: 100%; position: relative; z-index: 2; } .services_one_section .single_services_box h3, .services_one_section .single_services_box p{ position: relative; z-index: 2; } /*expertise area*/ .director_section .sect_subtitle { color: #fff; } .director_section .sect_subtitle:before { display: none; } .director_section .sect_subtitle:after { background-color: #fff; } section.director_section { padding: 0; } .blue_div { background: linear-gradient(39deg, #00839f, #0045ff); padding: 40px 0; } section.director_section h2 { color: #fff; text-transform: capitalize; } img.direct_img { margin-top: -70px; margin-bottom: 15px; position: relative; z-index: 1; padding-left: 50px; } img.box_pattern { position: absolute; z-index: 0; /*left: -29px;*/ left: 13px; top: -110px; } .transprnt_box { border: 1px solid #ffffffba; height: 200px; width: 100px; position: absolute; bottom: 0px; right: 0; z-index: 2; } .blue_div_bottom { background-image: url(../images/pattern-bottom.jpg); background-position: top center; background-size: cover; height: 200px; } .blue_div_bottom .line { transform: translateY(87px) rotate(90deg); } /*skills start*/ .skills { /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ background: #fff; border-radius: 10px; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); } .skills-bar { padding: 25px 30px; } .skills-bar .bar { margin: 25px 0; } .skills-bar .bar .info span { font-size: 1rem; font-weight: 500; } .skills-bar .bar .info { margin-bottom: 8px; color: #07374a; } .skills-bar .bar .progress-line { position: relative; height: 10px; width: 100%; background: #f0f0f0; border-radius: 10px; transform: scaleX(0); transform-origin: left; animation: animate 1s cubic-bezier(1, 0, 0.5, 1) forwards; } .bar .progress-line span { position: absolute; background: #25b79f; height: 100%; border-radius: 10px; transform: scaleX(0); transform-origin: left; animation: animate 1s 1s cubic-bezier(1, 0, 0.5, 1) forwards; } @keyframes animate { 100% { transform: scaleX(1); } } .progress-line .html { width: 92%; } .progress-line .css { width: 97%; } .progress-line .bootstrap { width: 87%; } .progress-line .javascript { width: 95%; } .progress-line .c { width: 95%; } .progress-line .html::after { content: "92%"; } .progress-line .css::after { content: "97%"; } .progress-line .bootstrap::after { content: "87%"; } .progress-line .javascript::after { content: "95%"; } .progress-line .c::after { content: "95%"; } .bar .progress-line span::before { position: absolute; content: ""; height: 0; right: 0; top: -14px; width: 0; border: 7px solid transparent; border-bottom-width: 0px; border-right-width: 0px; border-top-style: #f0f0f0; border-top-color: #07374a; } .bar .progress-line span::after { position: absolute; right: 0; top: -28px; color: #f0f0f0; font-size: 12px; font-weight: 700; background: #07374a; padding: 1px 8px; border-radius: 3px; } /* ////........Media Query........//// */ @media (max-width: 700px) { .skills{ width: 100%; } .skills-bar .bar .progress-line{ width: 100%; } } /*skills end*/ /*portfolio_sect*/ /* Add padding BETWEEN each column */ .portfolio_sect .row, .portfolio_sect .row > .column { padding: 8px; } /* Create three equal columns that floats next to each other */ .portfolio_sect .column { float: left; width: 33.33%; display: none; /* Hide all elements by default */ } /* Clear floats after rows */ .portfolio_sect .row:after { content: ""; display: table; clear: both; } /* Content */ .portfolio_sect .content { background-color: white; padding: 10px; } /* The "show" class is added to the filtered elements */ .portfolio_sect .show { display: block; } /* Style the buttons */ .portfolio_sect .btn { border: none; outline: none; padding: 12px 16px; background-color: white; cursor: pointer; border: 1px solid #666; } .portfolio_sect .btn:hover { background-color: #0045ff; color: white; } .portfolio_sect .btn.active { background-color: #0045ff; color: white; } .portfolio_sect div#myBtnContainer { text-align: center; margin-bottom: 15px; } /*client_says_sect*/ /* .client_says_sect { background-image: url(../images/client-feedback-bg.jpg); background-size: cover; background-position: center; background-attachment: fixed; } .client_says_sect h2.sect_title { color: #fff; } .client_says_sect .sect_subtitle { color: #28dffd; } .client_says_sect .p_sect_title_div { color: #c7c7c7; } */ .inner_owl_item { background-color: #FFFFFF; border-radius: 10px 10px 10px 10px; text-align: center; position: initial; padding: 30px 30px 30px 30px; } /* .client_says_sect .owl-item .item { border: none; } .client_says_sect .owl-item .item i.fa.fa-quote-left { font-size: 60px; color: #0045ff; margin-bottom: 20px; } .client_says_sect .sect_subtitle:after, .client_says_sect .sect_subtitle:before { background-color: #28dffd; } .people_info .left { width: 60px; display: inline-block; vertical-align: top; } .people_info .right { width: calc(100% - 60px - 8px); display: inline-block; vertical-align: top; text-align: left; } .people_info { margin-top: 20px; } .people_info h4 { font-size: 20px; margin-bottom: 5px; } .people_info p.designation { color: #0045ff; } .client_says_sect:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(180deg, #0045FF 0%, #28dffd 100%); opacity: .5; } .people_info .left img.avatar_img { width: 60px; height: 60px; } .client_says_sect .owl-item { padding: 15px; } .client_says_sect .owl-nav { display: none; } .client_says_sect .owl-theme .owl-dots .owl-dot button { border: none !important; outline: none !important; } .client_says_sect .owl-theme .owl-dots .owl-dot button:focus { border: none !important; outline: none !important; } .client_says_sect .owl-theme .owl-dots .owl-dot button span { border: none !important; outline: none !important; } .client_says_sect .owl-theme .owl-dots .owl-dot button:focus span { border: none !important; outline: none !important; } .client_says_sect .owl-theme .owl-dots .owl-dot button:focus-visible { border: none !important; outline: none !important; } */ .inner_owl_item { transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .inner_owl_item:hover { box-shadow: 0px 8px 12px #00d9ff79; transform: translateY(-15px); } /*blog_sect*/ /* .single_blog_box { padding: 15px; box-shadow: 0px 4px 10px #bdbdbd; border-radius: 10px; } .single_blog_box .image_box { margin-bottom: 15px; } .single_blog_box h3.serv_title { font-size: 22px; } .single_blog_box a.btn { background-color: #0045ff; color: #fff; font-size: 14px; padding: 4px 10px; } .single_blog_box a.btn:hover { background-color: #000; } .single_blog_box a.btn .fa { padding-left: 3px; } .single_blog_box .button_box { padding-top: 7px; text-align: right; } .single_blog_box { transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .single_blog_box:hover { box-shadow: 0px 4px 10px #000; transform: translateY(-15px); } */ /*cta_sect*/ .cta_sect { background-image: url(../images/circuit_bg.jpg); background-size: cover; padding: 30px; position: relative; } .cta_sect:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(180deg, #0045FF 0%, #28dffd 100%); opacity: .85; } .cta_sect .sect_subtitle, .cta_sect h2.sect_title { color: #fff; } .cta_sect .sect_subtitle:before { display: none; } .cta_sect .sect_subtitle:after { background-color: #fff; } .cta_sect .row { display: flex; justify-content: center; align-items: center; } .cta_sect .row div a.btn { background: #fff; padding: 18px 36px; } .cta_sect .row div a.btn:hover { background: #0045ff; color: #fff } .cta_sect .container { /*max-width: 900px;*/ } .cta_sect .container .col-12.col-md-3 { text-align: right; } button.owl-next span, button.owl-prev span { color: #131313 !important; font-size: 35px; line-height: .6; } /**/ /* .sticky .white_logo { display: none; } .sticky .color_logo { display: block; } */ ul.nav-menu { /*border: 1px solid #fff;*/ border-radius: 2px; width: auto; /* margin-left: auto; */ margin-right: auto; } ul.nav-menu li a { color: #151515; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; } ul.nav-menu li a .fa { color: #fff; } .connect_btn { background-color: #FF6600; color: #fff; border: 1px solid #FF6600; padding: 8px 20px; } .connect_area { text-align: right; } .nav_area, .nav_area ul li { text-align: center; } .head_bottom.sticky{ /*background-image: linear-gradient(180deg, #311f84, #115e92);*/ background-color: #311f84; } @media (min-width: 1400px){ .container { max-width: 1200px; } } .head_top span, .head_top a { color: #e4d6ff; } .left_head_top i.fa { color: #fff; border-radius: 50%; font-size: 12px; text-align: center; background-color: #dc0002; width: 22px; height: 22px; padding-top: 5px; } .left_head_top span { padding-right: 10px; } .left_head_top span:nth-last-child(1) { padding-right: 0px; } .head_top i.fa { color: #fff; border-radius: 50%; font-size: 16px; text-align: center; background-color: #7B16D9; width: 26px; height: 26px; padding-top: 5px; margin-left: -6px; } .head_top i.fa-facebook { background-color:#1877f2; } .head_top i.fa-instagram { background-color:#c13584; } .head_top i.fa-linkedin { background-color:#0077b5; } .head_top i.fa-twitter { background-color:#1da1f2; } /*banner*/ .carousel-item:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /*background-image: linear-gradient(300deg, #115e92, #311f84);*/ opacity: .65; } .carousel-caption { bottom: 50%; transform: translateY(50%); } .carousel-caption h4 { font-family: "Oswald", sans-serif; font-weight: 700; font-size: 40px; text-transform: uppercase; margin-bottom: 22px; -webkit-text-stroke: 1px #311f84; } .carousel-caption h3 { font-weight: bold; font-size:60px; } .carousel-indicators li { width: 10px; height: 10px; margin-right: 6px; margin-left: 6px; border-radius: 50%; } .carousel-indicators { bottom: 15px; } .carousel-control-next, .carousel-control-prev { width: 8%; } /*who_we_are_sect*/ .sect_subtitle { color: #311f84; font-size: 26px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin: 0px; font-family: "Oswald", sans-serif; } .sect_title_big { position: relative; margin-bottom: 0px; } .main_s_txt { font-family: "Poppins", sans-serif; font-size: 100px; line-height: 67px; font-weight: bold; color: #311f84; text-transform: uppercase; letter-spacing: 4px; position: relative; z-index: 1; } .bdr_s_txt { font-family: "Poppins", sans-serif; font-size: 100px; line-height: 100px; font-weight: bold; text-transform: uppercase; letter-spacing: 4px; -webkit-text-stroke: 1px #311f84; color: #fff !important; position: absolute; left: 2px; top: 2px; z-index: 0; } .sect_title { text-transform: uppercase; font-weight: bold; color: #33383e; font-size: 40px; margin-bottom: 16px; } section.who_we_are_sect { padding: 35px 0px; } section.who_we_are_sect .big_img { border-radius:0px; } section.who_we_are_sect .main_s_txt { text-transform: none; font-weight: 500; } a.more_btn { color: #fff; background-color: #311f84; /*background-image: linear-gradient(270deg, #FF6600 0%, #7B16D9 100%);*/ text-transform: capitalize; border: none; padding: 7px 25px; font-size: 15px; border-radius: 25px !important; font-weight: 600; margin-top: 24px; } a.more_btn:hover { color: #fff; background: #FF6600; /*background-image: linear-gradient(270deg, #7B16D9 0%, #FF6600 100%);*/ } .pl_on_pc{ padding-left: 36px; } .who_we_are_sect p { font-weight: 400; font-size: 17px; } /*counter_sect*/ .counter_sect { background-image: url(../images/counter-area-bg.jpg); background-position: center right; background-size: cover; /*background-attachment: fixed;*/ } .counter_sect h3 { color: #33383e; font-weight: bold; font-size: 40px; } .c-no-overlay { background-color: transparent; background-image: linear-gradient(120deg, #0045FF 0%, #2bdeff 100%); opacity: 0.6; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .counter-Txt span { font-size: 60px; font-weight: 600; color: #311f84; } .counter-Txt h3 { color: #33383e; font-weight: normal; font-size: 18px; text-transform: uppercase; } .inn_pp_cnt { margin-top: 90px; max-width: 660px; } section.counter_sect { padding-top: 220px; padding-bottom: 170px; } /**/ section.services_sect { background-color: #e3e3e3; padding-top: 42px; margin-top: 35px; padding-bottom: 70px; } section.services_sect h2.sect_title_big { width: fit-content; margin-left: auto; margin-right: auto; display: inline-block; } section.services_sect h3.sect_title { width: fit-content; margin-left: auto; margin-right: auto; display: inline-block; } .owl-item .serv_box { padding: 10px 28px; } .inn_serv_box { position: relative; overflow: hidden; background: #fff; padding: 10px 10px; } .owl-item .serv_box .image_overlay_two { /*position: absolute;*/ position: relative; top: 0; right: 0; bottom: 0; left: 0; /*background: linear-gradient(1deg, #115e92, #115e9200);*/ z-index:2; transition: .5s; } .image_overlay_two h4 { /*position: absolute; left: 0; bottom: 0; color: #fff; padding: 5px 20px; font-size: 26px; z-index: 4; */ position: relative; font-size: 26px; padding-top: 15px; } .image_overlay_two i.fa { font-size: 22px; background-color: #c9030c; color: #fff; height: 60px; width: 60px; text-align: center; border: 2px solid #fff; border-radius: 50%; padding-top: 17px; position: absolute; right: 20px; top: 20px; transition: .5s; transform: translateY(-180px); z-index: 3; opacity: 0; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; } .inn_serv_box:hover .image_overlay_two i.fa { opacity: 1; transform: translateY(-180px) !important; } .image_overlay_two i.fa:hover { background-color: #115d91; } .image_overlay_one { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(1deg, #04066f, #115e92); opacity: .9; z-index: 1; transform: translateY(101%); transition: .5s; display: none; } .owl-item .serv_box:hover .image_overlay_one { transform: translateY(0%); } .owl-item .serv_box:hover .image_overlay_two { background: none; } .owl-item .serv_box:hover .image_overlay_two i.fa { opacity: 1; transform: translateY(0); } section.services_sect .owl-nav { display: none; } section.services_sect .owl-dots { margin-top: 26px; } section.services_sect .owl-theme .owl-dots .owl-dot span { background: #2e3ea370; } section.services_sect .owl-theme .owl-dots .owl-dot.active span, section.services_sect .owl-theme .owl-dots .owl-dot:hover span { background: #2e3ea3; } section.services_sect .owl-theme .owl-dots button.owl-dot { border: none !important; outline: none !important; } /*mission_vision_sect*/ .mission_vision_sect .sect_title_big { margin-bottom: 10px; } .pd_l_p { padding-left: 24px; } .pd_r_p { padding-right: 24px; } /**/ section.skills_sect { background-color: #115e92; padding-top: 70px; padding-bottom: 70px; } section.skills_sect h2.sect_title_big { width: fit-content; margin-left: auto; margin-right: auto; display: inline-block; color: #fff; } section.skills_sect h3.sect_title { width: fit-content; margin-left: auto; margin-right: auto; display: inline-block; color: #fff; } section.skills_sect h3.sect_title .main_s_txt { color: #fff; } section.skills_sect span.main_s_txt { color: #fff !important; } section.skills_sect span.bdr_s_txt { color: #115e92 !important; -webkit-text-stroke: 1px #fff !important; } .skills_sect .owl-item .serv_box .image_overlay_two { background: linear-gradient(1deg, #311f84, #311f8400); } .skills_sect .owl-item .serv_box .image_overlay_one { background: linear-gradient(1deg, #311f84, #311f84); opacity: .7; } section.skills_sect .image_overlay_two .fff_jjjd { position: absolute; left: 0; bottom: 10px; color: #fff; padding: 5px 20px; font-size: 26px; z-index: 4; } section.skills_sect .image_overlay_two .fff_jjjd h4 { position: relative; padding:0px; } section.skills_sect .image_overlay_two .fff_jjjd .btn { color: #fff; /*background-color: #c9030c;*/ background-image: linear-gradient(270deg, #FF6600 0%, #7B16D9 100%); text-transform: capitalize; border: none; padding: 7px 25px; font-size: 15px; border-radius: 25px !important; font-weight: 600; margin-top: 0px; } section.skills_sect .owl-nav { display: none; } section.skills_sect .owl-dots { margin-top: 20px; } section.skills_sect .owl-item .serv_box { padding: 10px 18px; } .mmm_serv_box { border: 1px solid #fff; padding: 10px; } /*contact_sect*/ section.contact_sect { padding: 30px 0; } section.contact_sect .sect_title_big { width: fit-content; margin-left: auto; margin-right: auto; display: inline-block; } section.contact_sect h3.sect_title { margin-bottom: -20px; } .contact_sect input { padding: 8px 17px; font-size: 15px; width: 100%; margin: 10px 0; border-radius: 30px; border: 1px solid #311f84; } .contact_sect form { margin-top: 0px; } .contact_sect form input[type="submit"] { background-color: #FF6600; color: #fff; font-size: 16px; font-weight: 400; border-radius: 18px; width: 220px; padding: 10px 15px; margin-top: 20px; } /*news_l_sect*/ .news_l_sect { background-image: url(../images/newsletter-area-bg.jpg); background-size: cover; position: relative; padding: 70px 0; } .ch_news_l_sect { position: absolute; background-image: linear-gradient(0deg, #311f84, #115e92); top: 0; right: 0; bottom: 0; left: 0; opacity: .8; } .main_news_l_sect { position: relative; z-index: 2; } section.news_l_sect .sect_title_big { width: fit-content; margin-left: auto; margin-right: auto; display: inline-block; } section.news_l_sect h3.sect_title { margin-bottom: -20px; color: #fff; } section.news_l_sect span.main_s_txt { color: #fff; } section.news_l_sect span.bdr_s_txt { color: #6d45bb !important; -webkit-text-stroke: 1px #fff !important; } section.news_l_sect p { font-size: 16px; color: #fff; margin-top: 10px; } .main_news_l_sect .container { max-width: 1060px; } .news_l_form { border: 2px solid #fff; border-radius: 30px; width: 100%; max-width: 660px; margin-left: auto; margin-right: auto; overflow: hidden; height: 56px; margin-top: 42px; } .news_l_form input[type="email"] { height: 52px; width: calc(100% - 165px - 5px); background: none; display: inline-block; vertical-align: top; border: none; outline: none; color: #fff; padding-left: 20px; } .news_l_form input[type="submit"] { height: 56px; width: 165px; display: inline-block; vertical-align: top; background-image: linear-gradient(270deg, #FF6600 0%, #7B16D9 100%); color: #fff; font-size: 17px; border-radius: 30px; border: 2px solid #fff; margin-top: -2px; transform: translateX(3px); cursor: pointer; } .news_l_form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #e5e5e5; opacity: 1; /* Firefox */ } .news_l_form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #e5e5e5; } .news_l_form input::-ms-input-placeholder { /* Microsoft Edge */ color: #e5e5e5; } /*footer*/ .footer_tp { /*background-image: linear-gradient(315deg, #115e92, #311f84);*/ background-color: #ebf5ff; } .footer_btm { background-color: #020157; text-align: center; padding: 15px 0; } footer li { list-style-type: none; } footer h5 { text-transform: uppercase !important; font-size: 17px; margin-bottom: 15px; font-family: 'Poppins', sans-serif; letter-spacing: 1px; font-weight: 600; color: rgb(27, 27, 27); } footer p, footer a { color: #fff; font-size: 17px; } footer p { font-size: 17px; color: #311f84; margin-bottom: 20px; } footer p a { font-size: 17px; color: #311f84; margin-bottom: 20px; } footer p.copyright_txt { color: rgb(89, 89, 89); } footer li a:hover { color: #fff; text-decoration: underline; } .frm_ft { border-top: 8px solid #e5ce2f; } .frm_ft h5 { text-align: center; color: #e5ce2f; margin-top: 50px; text-transform: capitalize !important; } .footer_btm { /*background-color: #020157;*/ background-color: #311f84; padding: 16px 5px; } .footer_btm p { color: #fff; font-size: 16px; } .footer_info { margin-bottom: 15px; } .footer_info .left { width: 20px; display: inline-block; vertical-align: top; } .footer_info .left .fa { color: #ff6601; } .footer_info .right { width: calc(100% - 20px - 8px); display: inline-block; vertical-align: top; } .footer_tp { padding-top: 50px; padding-bottom: 20px; } footer li { margin: 8px 0; } footer li a span { color: #ff6601; padding-right: 10px; font-weight: 500; text-decoration: none; font-size: 17px; } footer li a { text-decoration: none !important; } footer li a:hover { font-weight: 600; } .q_links { padding-left: 40px; } .connect_btn:hover { border-color: #fff; background: #00000000; color: #fff; } ul.nav-menu li a:hover { color: #ff6600; } section.skills_sect .image_overlay_two .fff_jjjd .btn:hover{ border-color: #fff; color: #fff; background-image: linear-gradient(270deg, #7B16D9 0%, #FF6600 100%); } .contact_sect form input[type="submit"] { cursor: pointer; } .contact_sect form input[type="submit"]:hover{ border-color: #311f84; color: #fff; background-color: #311f84; } .head_top i.fa:hover { background-color: #fff; color: #000; } .news_l_form input[type="submit"]:hover { color: #fff; background: #10578f; } .serv_box { background-color: #fff; padding: 70px 30px; text-align: center; box-shadow: 0 0 7px -6px #0000008a; transition: .4s; } .serv_box .serv_icon { height: 70px; width: 70px; transition: .4s; } .serv_box h4 { color: #311f84; margin: 30px 0 0 0; font-weight: 600; } .serv_icon_wapper { height: 120px; width: 120px; margin-left: auto; margin-right: auto; border-width: 2px; border-style: solid; border-radius: 50%; border-color: #ff660000; display: flex; justify-content: center; align-items: center; transition: .4s; } .serv_box:hover { transform: translateY(-10px); } .serv_box:hover .serv_icon_wapper { transform: scale(1.1); border-color: #ff6600; } article.step_abc_art { display: flex; margin: 30px 0; } .container.container_step_abc { max-width: 1000px; position: relative; } .container.container_step_abc:before { content: ''; top: 0; bottom: 0; left: 0; position: absolute; } article.step_abc_art { display: flex; margin: 40px 0; border: 1px solid #f60; border-radius: 15px; padding: 20px; position: relative; background-color: #fff; z-index: 2; } .container.container_step_abc:before { content: ''; top: 0; bottom: 0; left: 83px; position: absolute; width: 1px; background-color: #f60; z-index: 1; } .lft_box_step { padding: 0px 30px 0px 0px; } article.step_abc_art h4 { color: #311f84; font-weight: 600; } section.contact_sect { background-color: #f0f0f0a1; } section.step_abc_sect { padding: 45px 0 35px 0; } section.section.breadcrumb-wrapper { background-image: url(../images/pg-title-bg.jpg); background-size: cover; position: relative; } section.section.breadcrumb-wrapper:before { content: ''; position: absolute; background-image: linear-gradient(-120deg, #115e92, #03016d); top: 0; right: 0; bottom: 0; left: 0; opacity: .8; } section.section.breadcrumb-wrapper h2 { text-align: center; color: #fff; font-size: 60px; position: relative; font-weight: 700; padding: 20px 0; } @media (max-width:991px) { .content_area_ojhds { margin-top: 60px; } section.section.breadcrumb-wrapper h2 { font-size: 36px; } article .avatar_img_area, .avatar_title_area { width: 100%; text-align: center; padding: 0; } .team_section_sect article:nth-child(2n+2) .team_info h2, .team_section_sect article:nth-child(2n+2) .team_info h3 { text-align: center; } h2.avatar_designation { /*font-size: 100px;*/ font-size: 30px; margin-top: 20px; } .team_description li { margin-left: 12px; } h3.avatar_name { font-size: 30px; } .team_description { padding: 20px; } .team_section_sect article:nth-child(2n+2) .team_info .avatar_title_area { padding-right: 0; } } /* Extra Css */ section.section.breadcrumb-wrapper { background-image: url(../images/pg-title-bg.jpg); background-size: cover; position: relative; } section.section.breadcrumb-wrapper:before { content: ''; position: absolute; background-image: linear-gradient(-120deg, #115e92, #03016d); top: 0; right: 0; bottom: 0; left: 0; opacity: .8; } section.section.breadcrumb-wrapper h2 { text-align: center; color: #fff; font-size: 60px; position: relative; font-weight: 700; padding: 20px 0; } .featured-service.inner .service-box-img img { width: 100%; } /* .featured-service.inner .service-box { background-image: linear-gradient(138deg, #03016d, #115e92); padding: 10px; height: calc(100% - 40px); margin-bottom: 40px !important; border-radius: 4px; transition: .5s; } .featured-service.inner .service-box h3 { color: #fff; font-size: 24px; margin-top: 20px; margin-bottom: 16px; } .featured-service.inner .service-box-content a { background-color: #dc0002; color: #fff; border: 1px solid #dc0002; padding: 5px 18px; } .featured-service.inner .service-box-content { padding-bottom: 20px; } */ .featured-service.inner .inn_serv_box .image_area img { width: 100%; } .featured-service.inner .serv_box { margin-bottom: 30px; } .page-template-template-contact-php .contact-form { background-color: #fff; box-shadow: 0px 0px 55px #00000021; padding: 30px 30px 0px 30px; } .page-template-template-contact-php .contact-form input { width: 100%; padding: 7px 17px; margin-bottom: 26px; border-radius: 22px; border: 1px solid #0d4186; } .page-template-template-contact-php .form-header h2 { text-align: center; margin-bottom: 20px; font-weight: 600; color: #0f4c8b; margin-top: 10px; } .page-template-template-contact-php .contact-item { position: relative; } .page-template-template-contact-php .contact-item .content { padding-left: 40px; padding-bottom: 30px; } .page-template-template-contact-php .contact-item .icon { position: absolute; left: 0; top: 0; } .page-template-template-contact-php .contact-item .icon { position: absolute; left: 3px; top: 5px; color: #fff; } .content_area_ojhds { height: 100%; background-image: linear-gradient(45deg, #071a77, #115e92); /*padding: 80px 30px 30px 30px;*/ padding: 40px 20px 20px 20px; } .content_area_ojhds h5 { color: #fff; } .content_area_ojhds p, .content_area_ojhds p a { color: #cbcbcb; } .content_area_ojhds { height: calc(100% - 22px); background-image: linear-gradient(45deg, #071a77, #115e92); padding: 40px 20px 20px 20px; } .content_area_ojhds p, .content_area_ojhds p a { color: #ffffff; font-size: 19px; } .contact-item span.icon { display: none; } .contact-item { margin-bottom: 30px; } .team_section_sect .avatar_img_area img { width: 270px !important; height: 270px !important; border-radius: 50%; } section.abt_feat_sect { background-color: #f0f0f0; } .feat_ul li { list-style-type: none; margin-bottom: 8px; color: #33383e; font-weight: 500; } .feat_ul li i { color: #dc0002; padding-right: 8px; } ul.feat_ul li.text-right i { padding-right: 0; padding-left: 8px; } section.abt_feat_sect h3.sect_title { margin-bottom: 40px; } section.team_section_sect { background-color: #115e92; } article .avatar_img_area { width: 270px; display: inline-block; vertical-align: middle; } .avatar_title_area { width: calc(100% - 270px - 8px); display: inline-block; vertical-align: middle; padding-left: 30px; } h2.avatar_designation { font-weight: bold; /* font-size: 100px;*/ letter-spacing: 3px; font-size: 60px; text-transform: uppercase; color: #115e92; -webkit-text-stroke: 1px #fff; line-height: 1; margin-bottom: 0px; } h3.avatar_name { font-size: 40px; color: #fff; font-weight: bold; } .team_description { background-color: #ffffff; border-radius: 15px; padding: 30px; margin-top: 34px; } .team_section_sect article { margin-bottom: 100px; } .team_section_sect article:nth-last-child(1) { margin-bottom: 0px; } .team_section_sect article:nth-child(2n+2) .team_info { direction: rtl; } .team_section_sect article:nth-child(2n+2) .team_info h2, .team_section_sect article:nth-child(2n+2) .team_info h3 { text-align: right; direction: initial; } .team_section_sect article:nth-child(2n+2) .team_info .avatar_title_area { padding-left: 0; padding-right: 30px; } .team_description p{margin-bottom: 24px;} .team_description p:nth-last-child(1) {margin-bottom: 0;} ul#menu-main-menu li i { padding-right: 2px; } .page-template-template-contact-php .contact-form .wpcf7-submit { background-color: #115d91; color: #fff; cursor: pointer; } .page-template-template-contact-php .contact-form .wpcf7-submit:hover { background-color: #0d4186; } .map_section iframe { width: 100% !important; } .map_section { padding-top: 40px; } .content_area_ojhds .social_area i { font-size: 22px; color: #fff; border: 1px solid #fff; height: 40px; width: 40px; border-radius: 50%; text-align: center; padding-top: 8px; } .content_area_ojhds .social_area i:hover { background-color: #fff; color: #111; } .content_area_ojhds .social_area { margin-bottom: 40px; } section.glob_prf_sect { background-color: #f1f1f1; } @media (max-width:991px) { .content_area_ojhds { margin-top: 60px; } section.section.breadcrumb-wrapper h2 { font-size: 36px; } article .avatar_img_area, .avatar_title_area { width: 100%; text-align: center; padding: 0; } .team_section_sect article:nth-child(2n+2) .team_info h2, .team_section_sect article:nth-child(2n+2) .team_info h3 { text-align: center; } h2.avatar_designation { /*font-size: 100px;*/ font-size: 30px; margin-top: 20px; } .team_description li { margin-left: 12px; } h3.avatar_name { font-size: 30px; } .team_description { padding: 20px; } .team_section_sect article:nth-child(2n+2) .team_info .avatar_title_area { padding-right: 0; } } form.wpcf7-form br { display: none; } section.news_l_sect form.wpcf7-form p { margin-top:0; } .menu-item-has-children a svg { display: none; } .menu-item-has-children ul li { display:block; text-align:left; } .menu-item-has-children ul li a { text-align:left; } .page-template-template-business-process-services section.abt_feat_sect h3.sect_title { font-size: 30px; } ul.nav-menu { border: none; } h4.serv_det_title { margin-top: 50px; margin-bottom: 30px; font-size: 26px; font-weight: 600; } .inner_feat_of_gg { background-color: #fff; height: 100%; padding: 20px; transition:.5s; box-shadow: 1px 1px 41px -3px #0000001f; } .inner_feat_of_gg h3.sect_title { font-weight: 600; background-image: linear-gradient(180deg, #03016d, #115e92); text-align: center; color: #fff; font-size: 20px; padding: 10px 5px; margin-bottom: 20px !important; } .inner_feat_of_gg:hover { transform:translateY(-10px); box-shadow: 1px 1px 11px -3px #00000078; } .top_ima_grd_area { display:flex; } .top_ima_grd_area article.serv_tt { width: calc(100% / 5 - 4px); display: grid; vertical-align: top; text-align: center; padding: 10px; } .top_ima_grd_area article.serv_tt .inner { border: 1px solid #0e4d8b; padding: 5px; } .top_ima_grd_area article.serv_tt img { width:100%; height:160px; } .top_ima_grd_area article.serv_tt h4 { margin-top: 15px; font-size: 16px; font-weight: 600; } .page-template-template-salesforce .top_ima_grd_area article.serv_tt { width: calc(100% / 4 - 4px); } .page-template-template-salesforce section.abt_feat_sect ul { padding-left:15px; } .section_sect_serv_dtl article.sect_serv_dtl_area { margin-bottom:50px; } .section_sect_serv_dtl article.sect_serv_dtl_area:nth-last-child(1) { margin-bottom:0px; } .section_sect_serv_dtl article.sect_serv_dtl_area h3 { font-weight: 600; } .top_ima_grd_area article.serv_tt .inner { transition:.5s; } .top_ima_grd_area article.serv_tt .inner:hover { transform: translateY(-10px); } .smal_t_area { margin-top: 50px; } .smal_t_area .sect_title { font-size: 30px; } .page-template-template-applications-management .top_ima_grd_area article.serv_tt { width: calc(100% / 4 - 4px); } .page-template-template-applications-management .top_ima_grd_area { margin-top: 50px; } .top_ima_grd_area article.serv_tt .inner p { font-size: 14px; margin-bottom: 10px; } .container.sec_snd_btm_areadsd { margin-top: 50px; } .applications_m_lst { padding-bottom: 40px; } section.news_l_sect form.wpcf7-form p { /* margin-top: -16px;*/ margin-top: 0px; } section.clients_sect h3.sect_title { text-align: center; } .tst_m_sect h3.sect_title { text-align: center; } .single-item-wrapper { background-color: #f8f8f8; padding-top: 40px; } .tst_m_sect .item-content { font-weight: 400 !important; font-family: 'Arial', sans-serif; font-size: 14px !important; } .tst_m_sect .tss-wrapper .tss-carousel3 .item-content-wrapper:before { color: #0e4b8a; left: 10px; } @media (max-width:1200px) { .top_ima_grd_area { display:block; } .top_ima_grd_area article.serv_tt { width: calc(100% / 3 - 4px); display: inline-block; } .page-template-template-salesforce .top_ima_grd_area article.serv_tt { width: calc(100% / 2 - 4px); display: inline-block; } .page-template-template-applications-management .top_ima_grd_area article.serv_tt { width: calc(100% / 2 - 4px); display: inline-block; } } @media (max-width:767px) { .top_ima_grd_area article.serv_tt { width: calc(100% / 2 - 4px); } .container .inner_feat_of_gg { margin-bottom: 40px; height: auto; } .page-template-template-business-process-services .feat_tw .row { flex-direction: column-reverse; } .page-template-template-netsuite-solutions .feat_tw .row { flex-direction: column-reverse; } .menu-item-has-children ul { display:block !important; } #mobile-nav ul li a { font-weight: 600; } .menu-item-has-children ul li a { font-size: 13px !important; font-weight: 500 !important; font-style: italic; } .section_sect_serv_dtl article.sect_serv_dtl_area h3 { font-weight: 600; font-size: 24px; } .page-template-template-business-process-services section.who_we_are_sect img { margin-bottom: 20px; } .col-12.pl_on_pc { padding-left: 15px; } .page-template-template-netsuite-solutions section.who_we_are_sect img { margin-bottom: 20px; } .page-template-template-netsuite-solutions section.abt_feat_sect img { margin-top: 20px; } .page-template-template-enterprise-solutions section.abt_feat_sect img { margin-bottom: 20px; } .page-template-template-applications-management section.abt_feat_sect img { margin-bottom: 20px; } } @media (max-width:491px) { .top_ima_grd_area article.serv_tt { width: 100%; } .top_ima_grd_area article.serv_tt img { height:auto; } .page-template-template-salesforce .top_ima_grd_area article.serv_tt { width: 100%; } .page-template-template-applications-management .top_ima_grd_area article.serv_tt { width: 100%; } } ul.nav-menu li a { /*color: #00006c !important;*/ } ul.nav-menu li ul li a { color: #fff !important; } .page-template-template-about .mission_vision_sect { display:none; } .page-template-template-about section.abt_feat_sect .container.feat_tw { display: none; } section.btm_loop_sap article { margin-bottom:50px; } section.btm_loop_sap article:nth-last-child(1) { margin-bottom:0px; } section.btm_loop_sap article p { margin-bottom: 10px; } section.tst_m_sect, section.clients_sect { display: none; } div#counter { display: none; } /*============= 03-01-2024 ==================*/ .sec-padding{ padding: 40px 0; } .comm-ttl{ padding: 0; margin: 0 0 30px; } .com_sub_title{ color: #999999; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin: 0px; font-family: "Oswald", sans-serif; } .com_main_ttl{ font-family: "Poppins", sans-serif; font-size: 45px; line-height: 67px; font-weight: bold; color: #311f84; text-transform: uppercase; letter-spacing: 4px; position: relative; z-index: 1; } .comm-para{ font-weight: 400; font-size: 17px; padding: 0; margin: 0 0 15px; } .site-btn{ background-color: #FF6600; color: #fff; border: 1px solid #FF6600; padding: 8px 20px; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: all 300ms ease-in-out; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; } .site-btn:hover{ border-color: #311f84; color: #fff; background-color: #311f84; } .faq-sec, .infomation-sec{ background-color: #f0f0f0a1; } .faq-acco-wrap{ max-width: 768px; margin: 0 auto; padding: 0; } .faq-acco-wrap .card{ border: none; border-radius: 0; background-image: linear-gradient(180deg,#f3f3f3,#fff 120px); border-bottom: 1px solid rgba(0,0,0,.125); } .faq-acco-wrap .card-header{ background: #fff; position: relative; padding: 0; border-bottom: none; } .faq-acco-wrap .card-header .btn{ display: block; padding: 15px 15px; outline: none; box-shadow: none; font-size: 17px; font-weight: 600; text-align: left; color: #33383e; } #faq .card .card-header .btn-header-link:after { content: "\f078"; font-family: FontAwesome; font-weight: 600; color: #33383e; position: absolute; right: 4px; top: 16px; } #faq .card .card-header .btn-header-link.collapsed:after { content: "\f054"; } .our-client-panel{ display: flex; justify-content: space-between; padding: 0; margin: 0 0 30px; } .our-client-panel:nth-child(even){ flex-direction: row-reverse; } .our-client-panel:last-child{ margin-bottom: 0; } .our-client-panel .tham-img{ height: 120px; width: 120px; border: 1px solid #dfdfdf; border-radius: 50%; overflow: hidden; } .our-client-panel .tham-img img{ width: 100%; height: 100%; object-fit: cover; } .our-client-panel .text-block{ width: calc(100% - 165px); padding: 30px 35px; position: relative; background-color: #f0f0f0a1; } .our-client-panel .text-block:after{ left: -20px; top: 40px; border-width: 15px 20px 15px 0; border-color: transparent #f3f3f3 transparent transparent; display: inline-block; position: absolute; border-style: solid; width: 0; height: 0; content: ""; } .our-client-panel .text-block h6{ color: #311f84; padding: 0; margin: 0; } .our-client-panel:nth-child(even) .text-block:after{ display: none; } .our-client-panel:nth-child(even) .text-block:before{ right: -20px; border-width: 15px 0 15px 20px; border-color: transparent transparent transparent #f3f3f3; top: 40px; display: inline-block; position: absolute; border-style: solid; width: 0; height: 0; content: ""; } .serv_icon_wapper svg path{ fill: #ff6600; } .better-busi-sec{ background: linear-gradient(60deg,#eaf1f8,#eaf1f8 37%,#311f84 0,#311f84); padding: 30px; } .better-busi-sec .better-busi-wrap{ grid-gap: 20px; grid-template-columns: 38% 62%; align-items: center; display: grid; max-width: 1170px; margin: 0 auto; } .better-busi-sec .better-busi-wrap p{ font-size: 17px; color: #fff; padding: 0; margin: 0; } .Workform-info-sec .inf-box h3{ font-size: 40px; } .Workform-info-sec .inf-box .access-form{ position: relative; padding: 0; margin: 0 auto; max-width: 400px; } .Workform-info-sec .inf-box .access-form .field{ height: 42px; border:none; outline: none; box-shadow: none; border-radius: 0; background: #f8f7ff; padding: 5px 110px 5px 10px; width: 100%; } .Workform-info-sec .inf-box .access-form .btn{ position: absolute; top: 0; right: 0; background-color: #FF6600; color: #fff; border: 1px solid #FF6600; padding: 8px 20px; font-size: 1rem; line-height: 1.5; border-radius: 0; transition: all 300ms ease-in-out; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; box-shadow: none; outline: none; } .Workform-info-sec .inf-box .access-form .btn:hover{ border-color: #311f84; color: #fff; background-color: #311f84; } .Workform-main-img .img-block{ text-align: center; } .idc-Workform-sec .icon{ width: 100px; height: 100px; border-radius: 50%; border: 1px solid #ff6600; display: flex; justify-content: center; align-items: center; margin: 0 auto 20px; } .idc-Workform-sec .icon i{ font-size: 40px; color: #ff6600; } .idc-Workform-sec .text p{ font-size: 22px; } .idc-Workform-sec .text a{ display: inline-block; font-size: 26px; font-weight: 600; color: #ff6600; transition: all 300ms ease-in-out; } .idc-Workform-sec .text a:hover{ color: #311f84; } .carousel-caption .desc-wrap{ display: flex; align-items: center; justify-content: space-between; } .carousel-caption .desc-wrap .banner-form{ max-width: 340px; padding: 30px; background: #fff; } .carousel-caption .desc-wrap .banner-form .form-control{ border: 1px solid #ccc; border-radius: 0; outline: none; box-shadow: none; } .carousel-caption .desc-wrap .banner-form h5{ color: #311f84; padding: 0; margin: 0 0 20px; } .carousel-caption .desc-wrap .banner-form .btn{ background-color: #FF6600; color: #fff; border: 1px solid #FF6600; padding: 8px 20px; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: all 300ms ease-in-out; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; outline: none; box-shadow: none; } .carousel-caption .desc-wrap .banner-form .btn:hover{ border-color: #311f84; color: #fff; background-color: #311f84; } .creating-form-sec{ padding: 40px 0; margin: 0; } .creating-form-wrap .tab-pane{ padding: 20px 0 0 0; margin: 0; } .creating-form-wrap h3{ color: #311f84; font-weight: 600; } .creating-form-wrap h6, .creating-form-wrap .form-desc p{ font-size: 17px; color: #555555; font-weight: 400; line-height: 1.6; padding: 0; margin: 0 0 15px; } .creating-form-wrap ul, .creating-form-wrap ul li{ list-style: none; } .creating-form-wrap .form-control{ border: 1px solid #ced4da; border-radius: 0; outline: none; box-shadow: none; } .creating-form-wrap sup{ color: red; } .creating-form-wrap .field-panel{ margin-bottom: .5rem; } .creating-form-wrap .btn-wrap{ padding: 30px 0 0; margin: 0; } .document-form-wrap{ background-color: #f2f2f2; padding: 25px 35px; margin: 0; } .document-form-wrap label { display: block; } .document-form-wrap select{ border: 1px solid #ced4da; border-radius: 0; outline: none; box-shadow: none; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .nav-menu li.sfHover ul.sub-menu.menu-col-3 { display: flex !important; flex-wrap: wrap; width: 545px; } .nav-menu li ul.sub-menu.menu-col-3 li{ width: 33.333333%; } .header_call_area p { color: rgb(152, 30, 50); font-size: 14px; } .large-bg { background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), url(../images/s1.png); background-repeat: no-repeat; background-size: auto, cover; background-position: center; } .large-bg .large_text_area { background-color: rgba(253, 241, 242, 0.8); max-width: 410px; min-height: 500px; padding: 40px; margin-left: auto; display: flex; flex-wrap: wrap; align-content: center; } .large_text_area h2 { font-family: 'Adamina', serif; font-size: 32px; line-height: 1.25; color: #311f84; } .large_text_area p { font-size: 20px; color: rgb(87, 87, 87); font-weight: 600; line-height: 1.5; } a.btn.call_btn { background-color: rgb(255 102 0); color: rgb(255, 255, 255); padding: 15px 30px; font-weight: 600; letter-spacing: 2px; font-size: 14px; border-radius: 0; margin-top: 20px; position: relative; z-index: 2; } a.btn.call_btn:after { content: ''; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; position: absolute; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2); } a.btn.call_btn:hover { background-color: #311f84; } a.btn.call_btn:hover:after { opacity: 0; } article.serve_box { background-color: rgb(253, 241, 242); margin: 20px; max-width: 340px; display: inline-block; vertical-align: top; padding: 20px; } article.serve_box img { border-radius: 50%; } article.serve_box h4 { color: #1b1b1b; font-size: 22px; font-weight: 400; margin-top: 40px; margin-bottom: 24px; padding-left: 10px; padding-right: 10px; } article.serve_box p { font-size: 20px; color: rgb(94, 94, 94); font-weight: 600; padding-left: 10px; padding-right: 10px; } section.serve_sect h2 { /*color: rgb(152, 30, 50);*/ color: #311f84; font-size: 28px; font-family: 'Adamina', serif; line-height: 1.25; } section.step_abc_sect_new { padding-top: 0; } section.step_abc_sect_new h2 { color: #311f84; font-size: 28px; font-family: 'Adamina', serif; line-height: 1.25; margin-bottom: 30px; } .step_area_mnt h4 { font-size: 22px; color: rgb(27, 27, 27); font-weight: 400; margin-bottom: 20px; } .step_area_mnt p { color: rgb(94, 94, 94); font-size: 20px; font-weight: 400; line-height: 1.5; margin-bottom: 30px; } .step_area_mnt p a { font-weight: 600; color: #311f84; } .doc_mnt { background-color: rgb(253, 241, 242); padding: 30px; } .doc_mnt ul { padding-left: 24px; } .doc_mnt ul li { font-size: 20px; } .doc_mnt h4 { font-size: 22px; font-weight: 400; } .footer_tp ul.footer-menu li { display: inline-block; } .footer_tp ul.footer-menu li a { padding: 5px 8px; color:#311f84; text-transform: uppercase; font-size: 18px; } .footer_tp ul.footer-menu li a:hover { color: #000; } ul.footer-menu { margin-bottom: 50px; } section.serv_single_section { padding-top: 20px; } section.serv_single_section a.btn.call_btn { margin-bottom: 70px; } article.services_content h2 { color: #311f84; font-size: 28px; font-family: 'Adamina', serif; line-height: 1.25; margin-bottom: 30px; } article.services_content h4 { font-size: 22px; font-weight: 400; margin-bottom: 40px; margin-top: 40px; } article.services_content p { font-size: 20px; font-weight: 400; margin-bottom: 20px; } article.services_content ul li { font-size: 20px; font-weight: 400; margin-bottom: 10px; } article.services_content ul { padding-left: 20px; margin-bottom: 20px; } article.services_content h3 { font-size: 22px; font-weight: 400; } section.about_single_section .container { margin-bottom: 60px; } section.about_single_section .container p { font-size: 18px; margin-bottom: 30px; text-align: center; } section.about_single_section .container h2 { margin-bottom: 24px; font-size: 28px; color: rgb(152, 30, 50); text-align: center; font-family: 'Adamina', serif; } section.about_single_section .container ul { padding-left: 18px; } section.about_single_section .container ul li{ font-size: 18px; } section.about_single_section .container a.btn.call_btn { margin-left: 50%; transform: translateX(-50%); }