@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
body { font-family: 'Poppins', sans-serif; font-size: 16px; color: #333; line-height: 1.6; }
a { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; }
h1, h2, h3, h4, h5, h6, ul { margin: 0; }
header { padding: 20px 0; position: absolute; width: 100%; z-index: 1; transition: .3s; }
img { max-width: 100%; }
.main_btn {border: 1px solid rgb(95 41 135);background-color: rgb(255, 255, 255);box-shadow: 0px 12px 29px 0px rgb(0 0 0 / 10%);color: #333333;font-weight: bold;font-size: 18px;padding: 14px 50px;border-radius: 50px;}
.nav-link { color: #fff; font-size: 13px; font-weight: 500; text-transform: uppercase; }
.hd_r_cta { background: #bc1421; color: #fff !important; padding: 15px 20px; border-radius: 5px; display: inline-block; }
.hd_r_cont a { color: #fff; font-size: 13px; font-weight: 500; text-transform: uppercase; display: block; margin: 5px 0 5px; }
.hd_r_cont a img { margin: 0 10px 0 0; }
.hd_r_cont { margin: -56px 0 0 210px; }
.hd_r_cta i { margin: 0 10px 0 0; }
.navbar-expand-lg .navbar-collapse { justify-content: flex-end; }
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link { color: #fff; }
.dropdown-menu { position: absolute; top: 100%; width: 13em; clear: both; z-index: 1; border: 1px solid #f5f5f5; display: none; border-radius: 0; padding: 0; }
.dropdown-menu li { clear: both; display: block; margin: 0; border-bottom: 1px solid #f5f5f5; float: left; width: 100%; }
.dropdown-menu li a { background: #fff; float: left; width: 100%; padding: 10px 16px; font-size: 14px; color: #000; text-align: initial; text-transform: capitalize; text-decoration: none; }
.dropdown-menu li a:hover { background: linear-gradient(to right, #0a4a82 0, #610279 100%); color: #fff; }
.nav-link:focus, .nav-link:hover { color: #fff; }
.logo img {
    height: 60px;
    margin-left: 50px;
}
.sticky {
    position: fixed;
    z-index: 999;
    background: linear-gradient(to right, #0a4a82 0, #610279 100%);
    padding: 5px 0;
}
/*banner*/
.h_banner { background: url(img/main_banner.webp) no-repeat center; background-size: cover; overflow: hidden; }
.h_ban_box { padding: 160px 0 80px; }
.h_ban_box img { margin: 0 auto 20px auto; display: block; }
.h_ban_box h1 { color: #fff; line-height: 49px; font-size: 39px; font-weight: 600; }
.ban_left_imgs { position: relative; left: 50px; top: 140px; }
.ban_left_imgs img { position: absolute; left: 100px; top: 530px; width: 180px; }
img.b_img2 { left: 160px; top: 230px; width: 310px; }
img.b_img1 { left: 300px; top: 90px; width: 290px; z-index: 1; }
.ban_right_imgs { position: absolute; right: 0; top: 120px; width: 760px; }
.ban_right_imgs img { position: absolute; right: 100px; top: 230px; width: 270px; z-index: 1; }
img.b_img5 { left: 220px; top: 340px; width: 360px; }
img.b_img4 { left: 170px; top: 120px; width: 210px; z-index: 1; }

/*section 1*/
.sec { padding: 60px 0; }
.s1_bot .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background: transparent; color: #333; }
.s1_top { margin-bottom: 50px; }
.s1_bot button { color: #333333; height: 111px; background: linear-gradient(0, #efefef, transparent) !important; border: 1px solid #ccc !important; position: relative; border-radius: 10px; overflow: hidden; text-align: left; font-size: 16px; text-transform: uppercase; margin: 0px; font-size: 18px; font-weight: bold; color: #333333; padding-top: 5px; }
.s1_bot button span { display: block; font-weight: 400; color: #333333; font-size: 18px; font-weight: normal; }
.s1_bot_cont p { color: #666666; font-weight: normal; font-size: 16px; margin-bottom: 0px; padding-top: 25px; }
.s1_bot_cont ul li { width: 49%; color: #333333; font-size: 16px; font-weight: normal; padding-bottom: 10px; padding-left: 24px; position: relative; list-style: none; }
.s1_bot_cont ul li:before { content: "\f00c"; position: absolute; font-family: "fontawesome"; font-weight: 900; font-size: 13px; left: 0; top: 4px; }
.s1_bot_cont ul { display: flex; flex-wrap: wrap; padding: 40px 0px; border-bottom: 1px solid #ccc; }
.s1_bot_cta a { font-size: 21px; font-weight: 600; color: #333333; display: inline-block; margin: 0 10px; }
.s1_bot_cta a span { color: #333333; font-weight: normal; font-size: 11px; position: relative; display: block }
.s1_bot_cta a span i {font-size: 16px;color: #5f2987;}
.s1_bot_cta { display: flex; align-items: center; justify-content: flex-start; padding: 30px 0 0; }
.s1_bot .nav { width: 250px !important; }
.s1_bot .tab-content { width: 75%; position: relative; padding: 0 0 0 20px; }
.s1_bot button:before { width: 10px; height: 111px; background: transparent; position: absolute; content: ""; top: 0; right: 0; }
.s1_bot button.active:before {background: #7c38c6;}
.s1_top h2 { color: #5161ac; font-size: 42px; font-weight: bold; padding-bottom: 13px; margin-bottom: 0; margin-top: 0; }
.s1_top h5 { color: #333333; font-size: 24px; font-weight: normal; margin-bottom: 6px; margin-top: 0; font-family: Poppins, sans-serif; }
.s1_bot_cont h2 { font-weight: bold; font-size: 24px; color: #333333; margin: 0px; text-transform: uppercase; }
.s1_bot_cont h2 span {color: #7c38c6;}
.h_sec1 { position: relative; overflow: hidden; }
.h_sec1:before { content: ""; position: absolute; background-image: url(img/new-service-before.webp); width: 856px; height: 1115px; background-repeat: no-repeat; left: 0px; top: -160px; z-index: -1; filter: grayscale(1); }
.h_sec1:after { content: ""; position: absolute; right: -31px; background-size: contain; background-repeat: no-repeat; width: 697px; height: 637px; background-image: url(img/tab-content-banner.webp); top: 25%; z-index: -1; }
.nav-custom { position: relative; }
.s1_bot .tab-pane img {
    position: absolute;
    width: 500px;
    right: -180px;
    top: -15px;
}

/*.s1_bot .tab-content .nav-custom:before { content: ""; position: absolute; background-size: contain; background-repeat: no-repeat; background-image: url(img/service-logo-before.webp); width: 625px; height: 541px; right: -38%; top: -14px; border-radius: 20px; }*/
.service-logo-2 { right: 15px; position: absolute; top: 70px; }
.service-logo-3 { right: 90px; position: absolute; bottom: -98px; }
.s1_bot button h6 { margin: -54px 0 0 76px; font-size: 18px; }
.s1_bot button h6:hover {color: #ff0042; }
/*section 3*/
.s3_bot ul { display: flex; list-style: none; justify-content: space-between; }
.s3_box { padding: 30px; text-align: center; }
.s3_box p { font-weight: 700; padding-top: 6px; min-height: 56px; color: #333; }
.s3_top { text-align: center; }
.s3_top h2 { margin: 0 0 20px; }

/*section 4*/
.h_sec4 { background: url(img/s4_bg.jpg) no-repeat center; background-size: cover; }
.s4_top { color: #fff; }
.s4_top h2 { font-size: 40px; font-weight: 700; letter-spacing: -1px; }
.s4_top p { font-size: 19px; }
.s4_tab ul { justify-content: center; }
.s4_tab ul li button { font-weight: 600; font-size: 16px; padding: 10px 15px; border-radius: 0 !important; cursor: pointer; margin: 0 5px; border-bottom: solid 3px #8a9ba8; color: #8a9ba8; text-transform: capitalize; }
.s4_tab ul li button:hover { color: #fff; border-bottom: solid 3px #7c38c6; }
.s4_tab ul li button.active { color: #fff !important; background: transparent !important; border-bottom: solid 3px #7c38c6; }
.s4_box { margin: 20px 0 0; }
.s4_box img { width: 100%; }
.s4_box {height: 300px; margin: 0 0 20px; overflow-x: hidden; overflow-y: auto; }
.s4_box::-webkit-scrollbar { width: 1px; }
.s4_box::-webkit-scrollbar-track { background: #222; }
.s4_box::-webkit-scrollbar-thumb { background: #000; border-radius: 10px; }
.s4_box img {transition: linear 3s; }
.s4_box:hover img {transform: translateY(calc(-100% + 300px)); }
/*section 5*/
.s5_tab ul li button { color: #000; font-size: 16px; background: 0 0; margin-bottom: 4px; font-weight: 500; text-transform: capitalize; cursor: pointer; padding: 10px 30px; border-radius: 11px; margin-right: 5px; border: 1px solid #7c38c6 !important; }
.s5_tab ul li button:hover { background: #ff3000; background: -moz-linear-gradient(left, #ff3000 0, #ea1e00 100%); background: -webkit-linear-gradient(left, #ff3000 0, #ea1e00 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); color: #fff; }
.s5_tab ul li button.active { color: #fff; background: #ff3000; background: -moz-linear-gradient(left, #ff3000 0, #ea1e00 100%); background: -webkit-linear-gradient(left, #ff3000 0, #ea1e00 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); text-decoration: none; }
.s5_box { margin-top: 30px; border: 5px solid #eeeff4; border-radius: 30px 0 30px 30px; overflow: hidden; width: 100%; text-align: center; transition: all ease 0.3s; position: relative; text-align: center; padding: 0 0 30px; }
.s5_box h4 { font-size: 20px; background: linear-gradient(to right, #0a4a82 0, #610279 100%); padding: 30px 20px; color: #fff; width: 100%; background: linear-gradient(to right, #0a4a82 0, #610279 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); }
.s5_box h3 { font-size: 40px; font-weight: 700; line-height: 43px; position: relative; display: table; margin: 30px auto 40px; padding: 0 50px; }
.s5_box h3:after, .s5_box h3:before { content: ""; position: absolute; left: 0; width: 40px; height: 4px; background: #7c38c6; top: 20px; }
.s5_box h3:after { left: auto; right: 0; }
.s5_box ul li { font-weight: 500; font-size: 14px; margin-bottom: 6px; text-align: center; list-style: none; }
.s5_cta_btn { background: #051934; color: #fff; font-size: 18px; padding: 15px 40px; margin: 20px 0; border-radius: 6px; text-transform: uppercase; background: linear-gradient(to right, #0a4a82 0, #610279 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; }
.s5_cta a { width: 49%; float: left; font-size: 16px; font-weight: 600; color: #7c38c6; text-decoration: none; transition: 0.4s; }
.s5_cta a span { display: block; color: #000; }
.s5_cta a:hover { transform: translateY(-0.625rem); }
.s5_top { text-align: center; margin: 20px 0 -20px; padding: 0 20%; }
.s5_top h2 { font-size: 40px; font-weight: 700; letter-spacing: -1px; margin-bottom: 20px; }
.s5_top p { font-size: 19px; }
.s5_box ul { justify-content: center; margin: 30px 30px 20px; list-style: none; height: 140px; overflow-x: hidden; position: relative; }
.s5_box ul::-webkit-scrollbar { width: 5px; }
.s5_box ul::-webkit-scrollbar-track { background: #f1f1f1; }
.s5_box ul::-webkit-scrollbar-thumb { background: #610279; border-radius: 10px; }
.s5_badge1:before, .s5_badge2:before { content: ""; position: absolute; background-size: contain; width: 120px; height: 92px; top: 84px; right: 0; }
.s5_badge1:before { background: url(img/bestseller.png) no-repeat center; background-size: contain; }
.s5_badge2:before { background: url(img/deal-tag.png) no-repeat center; }
.s5_tab .nav-pills { justify-content: center; }

/*section 6*/
.s6_top { margin-bottom: 50px; }
.s6_top h2 { font-size: 40px; font-weight: 700; letter-spacing: -1px; }
.s6_bimg { width: 70px; height: 80px; position: relative; margin: 0 auto; }
.s6_bimg:before { content: ""; width: 70px; height: 80px; background: url(img/stripe.png) no-repeat scroll -30px -828px; position: absolute; top: -10px; left: 0; right: 0; }
.s6_box { position: relative; padding: 0 20px 20px 20px; }
.s6_box:last-child:after { display: none; }
.s6_box:after { content: ""; position: absolute; right: -90px; width: 160px; height: 54px; background: url(img/rarrow.jpg.jfif.jpg) no-repeat scroll center top; top: 0; }
.s6_box:before { content: ""; position: absolute; left: 30%; height: 5px; background: #4e127b; margin: 0 auto; right: 30%; bottom: 0; }
.s6_box h4 { font-size: 28px; margin: 10px 0 10px; font-weight: 700; }
.s6:nth-child(2) .s6_bimg:before { background-position: -30px -945px; }
.s6:nth-child(3) .s6_bimg:before { background-position: -30px -1170px; }

/*section 7*/
.h_sec7 { width: 100%; background: url(img/s7_bg.jpg) no-repeat scroll center top #5c6470; color: #fff; background-size: cover; }
.s7_left h2 { font-size: 40px; font-weight: 600; margin: 0 0 20px; }
.s7_left p { color: #e8ecf3; font-size: 19px; }
.s7_left a { color: #fff; font-size: 20px; position: relative; font-weight: 600; padding: 17px 30px 17px 40px; background: linear-gradient(to right, #0a4a82 0, #610279 100%); border-radius: 6px; float: left; min-width: 210px; text-align: center; margin-right: 50px; text-transform: uppercase; margin-top: 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.s7_left a:after { content: ""; background-image: url(img/btnarrow.png); width: 38px; height: 14px; display: block; position: absolute; right: -23px; top: 21px; }

/*section 8*/
.s8_bot { position: relative; }
.s8_top { text-align: center; }
.s8_top h2 { font-size: 40px; line-height: 27px; color: #000; margin-bottom: 25px; font-weight: 600; text-transform: capitalize; }
.s8_top p { font-size: 19px; }
.s8_bluser { position: relative; }
.s8_bluser h4 { margin: -52px 0 20px 80px; font-size: 20px; font-weight: 600; }
.s8_bluser h4 span { color: #c4c4c4; font-weight: 400; display: block; font-size: 22px; }
.s8_bleft p { font-size: 19px; }
.s8_box .row { align-items: center; }
.s8_bot:before { content: ""; position: absolute; left: 0; right: 0; top: 20%; bottom: 20%; background: #f1f1f1; z-index: -1; }
.s8_bot .owl-carousel .owl-item img { width: auto; }
.s8_bleft { margin: 40px 0 0; }

/*section 9*/
.s9_left h2 { font-size: 28px; font-weight: 700; }
.h_sec9 { padding: 30px 0; border-top: 1px solid #ddd; }

/*section 10*/
.h_sec10 { background: #0d1720; width: 100%; padding: 4em 0 3em 0; border-top: 10px solid #7c38c6; border-bottom: 1px solid #1d262e; color: #fff; }
.s10_left h2 { font-size: 48px; font-weight: 700; margin-bottom: 20px; line-height: 53px; }
.s10_left h2 span { color: #7c38c6; }
.s10_left p { font-size: 19px; font-weight: 500; line-height: normal; }
.s10_right input.form-control, .s10_right textarea.form-control { border: 1px solid #2c343c; height: 46px; font-size: 13px; background: #2c343c; color: #fff; }
.s10_right textarea.form-control { height: 170px; resize: none; }
.s10_right button { width: 100%; border: none; outline: 0; color: #fff; padding: 10px 0; border-radius: 6px; font-size: 22px; cursor: pointer; background: #ff5122; background: -moz-linear-gradient(left, #ff5122 0, #e51928 100%); background: -webkit-linear-gradient(left, #ff5122 0, #e51928 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); }

/*footer*/
.ftr_top { padding: 50px 0; background: #091018; border-bottom: 1px solid #1d262e; }
.ftr_box h4 { color: #fff; font-size: 18px; text-transform: uppercase; margin-bottom: 20px; }
.ftr_box ul { padding: 0; }
.ftr_box li { clear: both; margin-bottom: 7px; list-style: none; }
.ftr_box li a { color: #8a929a; font-size: 15px; position: relative; padding-left: 30px; }
.ftr_box li a:before { content: ""; position: absolute; left: 0; width: 25px; height: 10px; background: url(img/stripe.png) no-repeat scroll -53px -1325px; top: 7px; }
.ftr_mid { background: #0d1720; width: 100%; color: #fff; padding: 20px 0; }
.ftr_mid p { color: #8a929a; margin-bottom: 0; }
.ftr_mbox { display: flex; justify-content: flex-end; }
.ftr_mbox a { width: 32px; height: 32px; text-align: center; color: #fff; padding-top: 8px; background: #ff5122; background: -moz-linear-gradient(left, #ff5122 0, #e51928 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); border-radius: 3px; display: inline-block; margin: 0 0 0 10px; }
.ftr_mbox h5 { font-size: 14px; text-transform: uppercase; float: left; margin-bottom: 0; margin-top: 10px; margin-right: 10px; }
.ftr_bot { background: #091018; }
.cxm-btn-disclaimer.collapsed { padding: 10px 0; }
.cxm-btn-disclaimer.collapsed::after { content: '\f0fe'; font-family: "fontawesome"; margin-left: 5px; }
.ftr_bot .card-body { font-size: 13px; }
.ftr_bot .btn-link:focus { box-shadow: none; }

/*services*/
.innr_banner { background: url(img/innr_ban_bg1.png) no-repeat center; background-size: cover; padding: 130px 0 40px; }
.innr_ban_left h1 { color: #fff; text-transform: none; font-weight: 700; font-size: 48px; margin-bottom: 0; text-shadow: 0 1px 1px #000; padding-bottom: 10px; }
.innr_ban_left p { font-size: 18px; margin: 20px 0 20px; color: #fff; }
.innr_ban_left ul li {position: relative;padding: 0 20px 0 30px;list-style: none;color: #fff;margin: 5px 0 5px;}
.innr_ban_left ul li:before { content: "\f14a"; position: absolute; left: 0; font-family: FontAwesome; color: #ffba00; }
.innr_ban_left ul {padding: 0;display: flex;flex-wrap: wrap;}
.innr_ban_left a { display: inline-block; margin: 40px auto 0; font-size: 20px; padding: 16px 40px; background: data-original; background: -webkit-linear-gradient(left, #ff3000 0, #ea1e00 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); color: #ffff; border-radius: 6px; position: relative; font-weight: 500; text-transform: uppercase; }
.innr_ban_left a:after { content: ""; position: absolute; right: -20px; height: 20px; width: 50px; top: 0; background: url(img/stripe.png) no-repeat scroll -50px -2050px; bottom: 0; margin: auto; }
.innr_ban_right h3 { font-size: 45px; color: #fff; line-height: 50px; margin-bottom: 20px; }
.innr_ban_right input, textarea { height: 50px; width: 100%; background-color: #fff; padding: 15px; font-size: 14px; font-weight: 400; color: #000; line-height: 24px; border: none; border-radius: 2px; }
.innr_ban_right textarea { resize: none; height: 150px; }
.innr_ban_right button { margin: 0; font-size: 20px; padding: 16px 40px; background: linear-gradient(to right, #0a4a82 0, #610279 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); color: #ffff; border-radius: 6px; position: relative; font-weight: 500; text-transform: uppercase; width: auto; height: auto; cursor: pointer; border: none; }
.innr_ban_left a:last-child { margin: 0 0 0 40px; }
.innr_s1_bot .nav-link:focus, .innr_s1_bot .nav-link:hover {
    background: #2c3844;
}
.web_dev {
    background: rgba(18, 25, 123, 0.9);
    padding: 20px;
    border-radius: 20px;
    text-align: center;
}

.web_dev h3 {
    font-size: 32px;
}
/*innr Section 1*/
.innr_sec1 { background: linear-gradient(to right, #2229fe, #19e5b6); width: 100%; background-size: cover; background-repeat: no-repeat; color: #fff; }
.innr_s1_top h2 { font-size: 40px; font-weight: 700; letter-spacing: -1px; }
.innr_s1_top p { font-size: 19px; margin: 20px 0 0; }
.innr_s1_bot ul { margin: 0; padding: 0; display: flex; text-align: center;    /* justify-content: space-between; */ justify-content: center; }
.innr_s1_bot ul li button { display: inline-block; text-align: center; color: #000; font-weight: 600; font-size: 18px; background: #fff; padding: 12px 27px; border-radius: 4px 4px 0 0; cursor: pointer; margin: 0; border-radius: 5px 5px 0 0 !important; }
.innr_s1_bot ul li.active { background: #2c3844; background: linear-gradient(0deg, #2c3844 0, #1c272f 100%); color: #fff; }
.innr_s1_bot .tab-content { background: #fff; padding: 50px; }
.innr_s1_bot h3 { font-weight: 700; color: #000; font-size: 40px; margin: 0 0 10px; padding: 0; }
.innr_s1_bot p { color: #010101; font-size: 18px; font-weight: 500; line-height: 28px; margin: 0 0 30px 0; }
.innr_s1_bright img { width: 100%; }
.innr_s1_bot ul { margin: 0 !important; }
.innr_s1_bot ul li { background: #fff; border-radius: 5px 5px 0 0; }
.innr_s1b1_cta a { background-image: linear-gradient(to right, #0a4a82 0, #610279 100%); border-radius: 6px; box-sizing: border-box; color: #fff; display: inline-block; letter-spacing: 1px; margin: 0 20px 0 0; padding: 12px 20px; position: relative; text-decoration: none; text-transform: uppercase; font-size: 20px; font-weight: 500;    /* width: 200px; */ border: 2px solid #7c38c6; }
.innr_s1b1_cta a + a { background: #fff; color: #7c38c6; }
.innr_s1_bot ul li button.active { background: #2c3844 !important; }
/*illustration page*/
.inr_s8_box {
    height: 320px;
    background: #ccc;
    display: flex;
    align-items: self-end;
}

.inr_s8_box h4 {
    padding: 10px 20px;
    font-size: 18px;
    color: #fc0;
    font-weight: 500;
    background: #000;
}
/*sidebar*/
.sidebar { width: 450px; padding: 30px; position: fixed; right: -421px; z-index: 9999; top: 15%; }
.chat_cta a { color: #fff; background: linear-gradient(to right, #0a4a82 0, #610279 100%); display: block; border-radius: 5px; transform: translate(-50px, 0); margin: 0 0 10px; transition: ease .3s; }
.chat_cta a span { width: 50px; display: inline-block; border-right: 1px solid; margin: 0 10px 0 0; padding: 10px 16px; font-size: 18px; }
.chat_cta_form a { color: #fff; background: linear-gradient(to right, #0a4a82 0, #610279 100%); border-radius: 5px 5px 0 0; display: block; width: 266px; text-align: center; padding: 8px 0; font-size: 20px; position: absolute; transform: rotate(-90deg) translate(-188px, -158px); }
.chat_cta_box { padding: 25px; background: #fff; }
.chat_cta_box h4 { margin: 0 0 20px; }
.chat_cta_box .form-control { width: 100%; margin: 0; border: 1px solid #e5e5e5; background: #fff; padding: 10px 15px; color: gray; font-size: 14px; border-radius: 3px; height: 50px; font-weight: 400; outline: 0 !important; margin: 0 0 15px 0; }
.chat_cta_box button { color: #fff; font-weight: 600; border-radius: 3px; text-align: center; padding: 10px 15px; margin: 0; border: transparent; cursor: pointer; background: #2a3db6; background: -moz-linear-gradient(-45deg, #2a3db6 0, #1169cd 100%); background: -webkit-linear-gradient(-45deg, #2a3db6 0, #1169cd 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); border-radius: 6px; width: 100%; }
.chat_cta_form { position: relative; margin: -78px 0 0; transition: .3s; }
.chat_cta a:hover { transform: translate(-250px, 0); }
.chat_cta_active { transform: translate(-390px, 0px); }

/*contact page*/
.inr_pge { background: url(img/contact-banner.jpg) no-repeat center top #3f0828; background-color: #17335b; padding: 13em 0 6em 0; background-size: cover; border-top: 2px solid #7c38c6; position: relative; }
.inr_pge h1 { color: #fff; text-transform: none; font-weight: 700; font-size: 48px; margin-bottom: 0; text-shadow: 0 1px 1px #000; padding-bottom: 10px; }
.inr_pge h1 span { line-height: inherit; position: relative; top: -6px; }
.inr_pge p { color: #fff; font-size: 18px; max-width: 600px; margin-left: auto; margin-right: auto; }
.inr_pge a { clear: both; display: table; margin: 40px auto 0; font-size: 20px; padding: 16px 40px; background: data-original; background: -webkit-linear-gradient(left, #ff3000 0, #ea1e00 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); color: #ffff; border-radius: 6px; position: relative; font-weight: 500; text-transform: uppercase; }
.inr_pge a:after { content: ""; position: absolute; right: -20px; height: 20px; width: 50px; top: 0; background: url(img/stripe.png) no-repeat scroll -50px -2050px; bottom: 0; margin: auto; }
.cont_s1_left h2 { font-size: 30px; margin-bottom: 10px; text-decoration: none; font-weight: 800; }
.cont_s1_left h2 + p { font-size: 16px; }
.cont_s1_left h2 span { color: #7c38c6; font-style: italic; }
.cont_s1_left input, .cont_s1_left textarea { width: 100%; border: 1px solid #ddd; height: 48px; background: #fff; font-size: 14px; border-radius: 3px; font-weight: 400; font-size: 14px; color: #11052d; line-height: normal; padding: 20px; }
.cont_s1_left textarea { height: 90px; resize: none; }
.cont_s1_left button { clear: both; display: table; margin: 0; font-size: 20px; padding: 16px 40px; background: linear-gradient(to right, #0a4a82 0, #610279 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); color: #ffff; border-radius: 6px; position: relative; font-weight: 500; text-transform: uppercase; width: auto; height: auto; }
.cont_sec2 { border-top: 1px solid #ddd; }
.cont_s2_top { margin-bottom: 30px; }
.cont_s2_top h3 { font-size: 30px; font-weight: 700; margin-bottom: 0; }
.cont_s2_top h3 + p { font-weight: 500; font-size: 17px; }
.cont_s2_box li { width: 38.33%; float: left; position: relative; margin-right: 0; list-style: none; }
.cont_s2_box li a {font-size: 18px;color: #878787;display: block;font-weight: 600;padding-left: 70px;padding-top: 10px;padding-bottom: 10px;position: relative;}
.cont_s2_box li a:before {content: "";position: absolute;left: 0;width: 80px;height: 80px;top: 0;background-image: url(img/stripe.png);background-repeat: no-repeat;transform: scale(.8);}
.cont_s2_box li.cgreen a:before { background-position: -480px -871px; }
.cont_s2_box li.cloc a:before { background-position: -490px -692px; }
.cont_s2_box li a span.clabel { font-size: 24px; font-weight: 600; color: #05143a; display: block; }
.cont_s2_box li:last-child { margin-right: 0; width: auto; float: right; }
.cont_s2_box li.coragne a:before { background-position: -490px -542px; }
.combo_list { margin-top: 30px; }
.combo_list li { margin-right: 26px; color: #fff; font-size: 15px; text-transform: uppercase; display: inline-block; padding-left: 20px; position: relative; }
.combo_list li:before { content: "\f14a"; position: absolute; left: 0; font-family: FontAwesome; color: #ffba00; }

/*about page*/
section.about-new-sec .p0 { padding: 0; }
.about-new-sec .row { align-items: center; }
.about-new-sec .p0 { padding: 0; }
.about-txt-st h2 { font-size: 36px; font-weight: 700; text-transform: uppercase; }
.about-txt-st p { width: 80%; }
.about-txt-st { padding: 0 50px; }
.about-btn a { clear: both; margin: 40px auto 0; font-size: 20px; padding: 16px 40px; background: #ff3000; background: -webkit-linear-gradient(left, #ff3000 0, #ea1e00 100%); background: linear-gradient(to right, #0a4a82 0, #610279 100%); color: #ffff; border-radius: 6px; position: relative; font-weight: 500; text-transform: uppercase; }
.about-btn { margin-top: 50px; }
.about-btn a:nth-child(2) { background: 0 0; border: 2px solid #7c38c6; margin-left: 20px; color: #222; }
.about-img-st img { width: 100%; }
section.our_experience { background: #f2f3f6; padding: 5em 0; width: 100%; }
section.our_experience .exp-item-head { text-align: center; }
section.our_experience .exp-item-head h3.exp-name { font-size: 60px; font-weight: 800; margin: 0; line-height: 60px; color: #7c38c6; }
section.our_experience p.exp-txt { margin-bottom: 0; font-size: 18px; font-weight: 600; }
section.our_experience .col-md-3.exp-item { border-right: 1px solid #dfdfe8; }
section.our_experience .content-header p { color: #4b4d54; }
section.our_experience .col-md-3.exp-item:last-child { border-right: none; }

/*popup*/

/* Custom Popup */
.lead_form { position: relative; width: 936px; height: 502px; padding: 60px 30px; border-radius: 32px; background-image: -moz-linear-gradient(-169deg, rgb(94, 4, 121) 0%, rgb(11, 73, 130) 100%); background-image: -webkit-linear-gradient(-169deg, rgb(94, 4, 121) 0%, rgb(11, 73, 130) 100%); background-image: -ms-linear-gradient(-169deg, rgb(94, 4, 121) 0%, rgb(11, 73, 130) 100%); }
.lead_form:after { content: ''; position: absolute; height: 52px; width: 52px; background-image: url(../images/popdots.png); background-repeat: no-repeat; background-size: cover; right: 200px; top: 100px; }
.lead_form button.fancybox-button.fancybox-close-small { color: #fff; height: 17px; width: 17px; border: 3px solid #fff; border-radius: 100%; top: 20px; right: 20px; }
.lead_form button.fancybox-button.fancybox-close-small:before { content: 'x'; position: absolute; font-size: 18px; color: #fff; font-weight: 700; top: 1px; left: 0; right: 0; bottom: 0; margin: auto; }
.lead_form button.fancybox-button.fancybox-close-small svg { display: none; }
.lead_form h6 { font-size: 28px; font-weight: 300; color: #fff; line-height: 28px; }
.lead_form h6 strong { font-weight: 600 }
.lead_form h4 { font-size: 56px; font-weight: 300; color: #fff; line-height: normal; }
.lead_form h4 strong { font-weight: 600; }
.lead_form form { border-right: 1px solid #fff; }
.modal-content { border: none; background: transparent; }
.popfield { position: relative; margin-bottom: 15px; }
.popfield span { font-size: 18px; color: #000; position: absolute; left: 15px; top: 10px; }
.popfield input { width: 327px; border: none; height: 50px; background-color: #fff; border-radius: 50px; padding: 0 30px; padding-left: 50px; font-size: 14px; line-height: normal; }
.lead_form button.popsubmit { width: 327px; height: 49px; border: none; background-color: #0bcebe; font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; text-align: center; line-height: 49px; border-radius: 50px; cursor: pointer; transition: all 0.4s ease-in-out; }
.lead_form button.popsubmit:hover { background-color: #000; transition: all 0.4s ease-in-out; }
.lead_form form img { position: absolute; left: -30px; bottom: -120px; }
.popinfo ul { }
.popinfo ul li { padding-bottom: 15px; list-style: none; margin-bottom: 15px; border-bottom: 1px solid #fff; }
.popinfo ul li:last-child { padding: 0; margin: 0; border: none; }
.popinfo span { font-size: 21px; font-weight: 600; color: #fff; line-height: normal; display: block; }
.popinfo a { font-size: 14px; font-weight: 400; color: #fff; line-height: normal; display: block; }
.popupimg1 { position: absolute; max-width: 100%; right: -120px; bottom: -100px; }
.fade:not(.show) { z-index: -1; }

/*back to top*/
#back-to-up {
    background: linear-gradient(45deg, #610379, #0d4882);
    border: none;
    padding: 10px;
    border-radius: 5px !important;
    left: 40px;
    width: 40px;
    height: 40px;
    z-index:999;
}