@font-face {

    font-family: 'Circular Air';

    src: url('fonts/CircularAir-Bold.woff2') format('woff2'),

        url('fonts/CircularAir-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Circular Air';

    src: url('fonts/CircularAir-Light.woff2') format('woff2'),

        url('fonts/CircularAir-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }

html, body { overflow-x: hidden; }

body { font-size:20px; line-height:1.5em; color:#202020;margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-weight: 300;}

a { text-decoration:none;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;transition-duration: 0.5s;}

img { max-width:100%; display: inline-block; vertical-align: top; border: 0; outline: none;} 

p {margin: 0 0 25px;}

sup{ font-size: 0.6em; }

h1, h2, h3, h4, h5, h6 {font-weight:900; margin:0 0 15px 0;line-height:normal;font-family: 'Lato', sans-serif;color: #2e268a;}

h1 {font-size:49px;}

h2 {font-size:39px;}

h3 {font-size:24px;}

h4 {font-size:23px;}

h5 {font-size:22px;}

h6 {font-size:20px;}

table {empty-cells:show;border:1px solid #cbcbcb;border-collapse:collapse;border-spacing:0;margin-bottom:15px;}

thead {background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom;}

table td:first-child , .table th:first-child{border-left-width:0;}

table th, table td {padding:0.5em 1em;}

table td, table th {border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em;}

table th {border-bottom: 1px solid #cbcbcb;}

table td {border-bottom:1px solid #cbcbcb;}

ul { margin:0px; padding:0px 0 15px 15px;}

ol { margin:0px; padding:0px 0 15px 15px;}

ol li { list-style: decimal;}

input:focus { outline:none;}

.alignleft {float: left; margin: 0 20px 20px 0;}

.alignright {float: right; margin: 0 0 20px 20px;}

.alignnone { float: none; margin: 0 0 15px 0px; display: block; }

.aligncenter{ float: none; margin: 0 auto 15px auto; display: list-item; }

.dis-tab { display: table; width: 100%; height: 100%; }

.dis-cell { display: table-cell; height: 100%; vertical-align: middle; }

.section { display: inline-block; vertical-align: top; width: 100%; }

/*Page Loader*/

.no-js #loader { display: none;  }

.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.site-loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999; background: url(images/loader.svg) center no-repeat #fff;background-size:80px auto;}

/*Page Loader End*/

/*header {position:relative;width:100%; display: inline-block; vertical-align: top;}*/


header { position: absolute; width: 100%; display: inline-block; vertical-align: top; z-index: 1; padding: 47px 0;z-index: 12; }

section { display: inline-block; vertical-align: top; width: 100%; }

.logo {position:relative; float:left; width: 228px;}

/*nav {position:relative;}*/

.container { width:1310px; max-width:100%; margin:auto; padding:0 20px;}

select { padding:0 12px; margin:0 0 10px;}

select, input[type="text"], input[type="email"], input[type="password"], input[type="tel"],textarea { font-family: 'Open Sans', sans-serif; font-weight: normal; border: solid 1px #adadd8; width: 100%; font-size: 17px; padding: 0 23px; height: 56px; outline: none; }

input[type="submit"] { border: none; color: #fff; padding: 15px 31px 15px 32px; cursor: pointer; font-family: 'Open Sans', sans-serif; font-weight: 600; border: 1px solid transparent; margin-top: 11px; font-size: 20.02px;}

input[type="submit"]:hover { border:1px solid #110a5d; background: transparent; }

textarea { height:110px; padding: 18px 23px 23px 23px; }

::placeholder{color: #45456a;}  



.row {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}

.col-1 {width: 8.33%;}

.col-2 {width: 16.66%;}

.col-3 {width: 25%;}

.col-4 {width: 33.33%;}

.col-5 {width: 41.66%;}

.col-6 {width: 50%;}

.col-7 {width: 58.33%;}

.col-8 {width: 66.66%;}

.col-9 {width: 75%;}

.col-10 {width: 83.33%;}

.col-11 {width: 91.66%;}

.col-12 {width: 100%;}

.col-1 , .col-2 , .col-3 , .col-4 , .col-5 , .col-6 , .col-7 , .col-8 , .col-9 , .col-10 , .col-11 , .col-12 {position: relative;padding-right: 15px;padding-left: 15px;}

.d-flex { display: flex; flex-direction: row; }

/*Menu css*/

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; z-index:9;}

#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

#cssmenu #head-mobile{display:none}

#cssmenu{background:none; }

#cssmenu > ul > li { padding:0px 23px 0 24px; margin: 0px; float: left; }

#cssmenu > ul > li:first-child{padding-left: 0px;}

#cssmenu > ul > li:last-child{padding-right: 0px;border:0px;}

#cssmenu > ul > li > a { font-size: 18px; text-decoration: none;position: relative; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: normal; color: #ffffff; padding: 15px 0;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fda29c;}

#cssmenu > ul > li:hover > a{color: #fda29c;}

#cssmenu > ul > li:hover > a:after{width: 100%;}

/*#cssmenu > ul > li.has-sub > a{padding-right:30px}*/

/*#cssmenu > ul > li.has-sub > a:after{position:absolute;top:0; bottom:0; margin:auto; right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}*/

#cssmenu > ul > li.has-sub > a:before { position: absolute; top: 0; bottom: 0; margin: auto; right: -20px; display: block; width: 14px; height: 8px; background: url(images/arrow-bottom.svg) no-repeat; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; background-size: contain; }

#cssmenu > ul > li.has-sub:hover > a:before { transform: rotate(180deg); }



#cssmenu ul ul{ border-bottom: 5px solid #f3766a; position:absolute; left:auto; opacity: 0; visibility: hidden; overflow: hidden; transform: translate(0,10px); width:250px; }

#cssmenu li:hover > ul{  left:auto; transform: translate(0,0); opacity: 1; visibility: visible; overflow: visible;transition: 0.5s all; }



#cssmenu ul ul li{-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#fff;transition:all .25s ease; padding:0px;position: relative;}

nav#cssmenu > ul {padding:0;}

nav#cssmenu ul{ padding:0;}



#cssmenu ul ul ul{margin-left:100%;top:0}

#cssmenu ul ul li a{border-bottom: 1px solid rgba(150,150,150,0.15); padding:15px 17px;font-size:16px;text-decoration:none;color:#2e268a;font-weight:400; transition: none;}

#cssmenu ul ul li a:hover { background: #f7877e; color: #fff; }

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}



#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#2e268a;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}

#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#2e268a;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}

#cssmenu ul ul li:hover a:after,#cssmenu ul ul li:hover a::before{background: #ffffff;}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#fb6f65;}

#cssmenu ul ul ul li.active a{border-left:1px solid #333}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

/*Menu css End*/





/* Color Theme */



/* Blue Color */

.hero-bg , .blue-bg , .f-top , .arrow-right a, input[type="submit"], .heading.heading-border h2:before, .together:after { background: #2e268a !important; }

.btn-git , .bg-white h4 , .heading h3 , .heading h2 , .heading h1, .about-detail .about-detail-block h1 { color:#2e268a !important; }

.testimonial-slider .slick-next { background-color: #2e268a !important; }

/* // Blue Color */



/* Orange Color */

.heading.heading-border h2:after, .btn-primary { background: #fb6f65 !important; }

/* // Orange Color */



/* // Color Theme */





.hero-bg:before { position: absolute; content: ""; bottom: -55px; width: 100%; height: 145px; background: url(images/shape-2.png) no-repeat center center; background-size: cover; z-index: 1; }

.hero-bg:after {position: absolute;content: "";bottom: 0;right: 0;width: 100%;height: 170px;background: url(images/shape-1.png) no-repeat right bottom;background-size: contain;opacity: 0.10;}

.header-in { display: flex; justify-content: space-between; align-items: center; }

.btn-git { display: inline-block; background: #fff; text-transform: uppercase; padding: 7px 26px 6px 27px; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 900; border-radius: 50px; border: 2px solid transparent;}

.btn-git:hover { background: transparent; color: #fff !important; border: 2px solid; }

.hero-bg { position: relative; padding: 178px 0; overflow: hidden;color: #ffffff;}

.hero-bg .container { height: 100%; }

.hero-bg .row { align-items: center; }

.hero-content { margin:3.8rem 0 0 0; position: relative; z-index: 1;}

.hero-content h1 { color: #fff; font-family: 'Lato', sans-serif; font-weight: 300; margin: 0 0 30px;}

.hero-content h1 strong { font-family: 'Lato', sans-serif; font-weight: 900;display: block; }



.hero-content p { padding-right: 50px; }

.hero-content .btn { margin: 10px 0 0 0;}

.btn { position: relative; border: 1px solid #2e268a; color: #2e268a; font-family: 'Open Sans', sans-serif; font-weight: bold; display: inline-block; padding: 7px 33px 8px 15px; text-transform: uppercase; font-size: 20px;line-height: normal; }

.btn:after { content: "";  position: absolute; right: -12px; top: 50%; transform: translateY(-50%); display: inline-block;     background: url(./images/arrow-right.svg) no-repeat right center; width: 24px; height: 12px; background-size: contain; transition:all .3s ease; }

.btn:hover { border-color: transparent; background: #2e268a; color: #ffffff; }

.btn:hover:after {  right: -24px; }

.white-btn{border-color: #ffffff; color: #ffffff;}

.white-btn:hover{color: #2e268a; background: #ffffff;}

.white-btn::after{background: url(./images/arrow-right-white.svg) no-repeat right center;background-size: contain;}

.hero-img { margin-top: 22px; }



.sec-about { width: 100%; position: relative; padding:60px 0; }

.sec-counter{padding: 60px 0;}

.sec-callout{padding: 20px 0 80px 0;}

.heading h3 { font-weight: 700; font-size: 23px; line-height: normal; margin-bottom:1.6rem; text-transform: uppercase; }





.heading.heading-border h2 { padding-bottom: 35px; position: relative; margin: 0 0 35px;}

.heading.heading-border h2:before { content: ""; position: absolute; bottom: 0; left: 0px; background: #31279c; width: 74px; height: 8px; display: inline-block; }

.heading.heading-border h2:after { content: ""; position: absolute; bottom: 0; left: 82px; background: #fb6f65; width: 74px; height: 8px; display: inline-block; }





.about-detail {margin: 0 -10px;}

.about-detail .col-3 { padding: 0 10px; }

.about-detail .about-detail-block { height: 100%; text-align: center;border: 1px solid #adadd8;padding: 1.78rem 3rem 2.07rem 2.6rem;}

.about-detail .about-detail-block h1 {font-size: 100px;line-height: normal;font-family: 'Open Sans', sans-serif;font-weight: 800;margin-bottom: 20px;}

.about-detail .about-detail-block p { font-size: 20px; line-height:normal; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #171717; margin: 0; text-transform: capitalize; }



.sec-service { padding: 50px 0 100px 0; }

.services-col-main{margin: 0 -7px;}

.servicesCl{padding: 0 7px; margin: 0 0 15px !important; width: 50%;position: relative;}

.service-img {padding: 48px 30px;text-align: center;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.service-img h4 { color: #fff; margin: 2rem 0 0 0; font-size: 23px; font-weight: bold; }

.margin { margin-top: 35px; }

.bg-white { border: solid 1px #adadd8;  }

.servicesCl:nth-child(2n+2) { top: 40px; }

.wrap { display: flex; flex-wrap: wrap; }

.about_callouts .about-detail-block p { font-size: 17px !important; }

 



.testimonial-slider { max-width: 641px; }



.sec-testimonial{padding: 180px 0 270px 0;background-repeat: no-repeat; background-position: center; background-size: cover;}

.sec-testimonial .row { align-items: center; }

.testimonial-box { background: #fff; padding: 46px 45px 40px 45px; box-shadow: 3px 2px 25px rgba(0,0,0,0.08); border-radius: 20px; margin: 21px; max-width: 100%; }

.testimonial-text { margin-left: 6.6rem; }

.testimonial-text h1 { margin-bottom: 15px; text-align: left; }

.testimonial-text p {font-size: 18px;font-family: 'Lato', sans-serif; font-weight: 600;color: #56555a;}



.sec-testimonial .col-8 { padding-left: 51px; }

.user { display: flex; flex-direction: row; align-items: center; }

.user-img { width: 57px; height: 57px; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 50%; margin-right: 16px; }

.user-name { font-size: 18px; }

.user-name p {  font-weight: 700; margin: 0; line-height: normal; }

  

.arrow-right img { width: 24px; }

.sec-testimonial .testimonial-slider .slick-prev{display: none !important;}

.testimonial-slider .slick-next { right: -45px; align-items: center; justify-content: center; display: flex; width: 46px; height: 45px; background-image: url(./images/arrow-right-white.svg); background-repeat: no-repeat; background-position: center center; font-size: 0; background-size: 62%; border: none; cursor: pointer; position: absolute; top: 45%; transform: translateY(-50%); }

.testimonial-slider .slick-next:hover { background-color: #16105c !important; }

.together {padding: 46px 20px 54px 20px;text-align: center;position: relative;}



.together:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color:#2e268a; opacity: 0.8; }

.together-inner { position: relative; z-index: 1;}



.together h2 { color: #fff !important;margin: 0;}

.together p { color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; }



.together .btn-primary {

    position: absolute;

    bottom: -40px;

    margin: 0 auto;

    z-index: 1;

    left: 0;

    right: 0;

    max-width: 440px;

}



.btn-primary { display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #fb6f65; padding: 24px 26px 24px 35px; font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 28px; box-shadow: 0 16px 18px 2px #00000017;font-weight: 700; }

.btn-primary:hover{background: #2e268a ;}

.btn-primary img { width: 59px; margin-left: 14px; }



.sec-get-in-touch { width: 100%; padding:55px 0 54px 0; background: #f1f6fc; }

.get-in-touch-content .row { margin: 0 -5px;}

.get-in-touch-content .col-6,.get-in-touch-content .col-12 { padding: 0 5px; margin-bottom: 15px; }

.sec-get-in-touch .heading h2 { margin-bottom: 1.4rem; }

.sec-get-in-touch .heading p { padding-right: 0; margin-bottom: 1.7rem; }

.order { order: 1;}

 



footer { width: 100%; }

.f-top { width: 100%; padding:62px 0 36px 0; }

.footer .heading h3 { color: #fff !important; position: relative; padding-bottom: 22px; text-transform: capitalize; font-weight: 700; font-size: 22px; }

footer .heading h3:after { content: ""; display: inline-block; width: 35px; height: 2px; background: #fff; left: 0; bottom: 0; position: absolute; }

.footer-menu ul { display: flex;  }

.footer-menu ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; }

.footer-menu ul li { width: 50%; list-style: none; padding: 0 0 8px 0; margin: 0; line-height: normal; }

.footer-menu.full ul li { width: 100%; }

.footer-menu ul li a { color: #fff; display: inline-block; line-height: normal; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 400; }

.footer-menu ul li a:hover{color: #fb6f65;}

.two-col { width: 50%; }

.social-icon ul { padding: 0; margin: 0; }

.social-icon ul li { list-style: none; padding: 0 0 38px 0; margin: 0; font-size: 16px; }

.social-icon ul a { display: inline-flex; align-items: center; flex-wrap: wrap; }

.icon { margin-right: 27px; width: 56px; text-align: center; }

.social-icon ul a:hover p,.social-icon ul a:hover span{color: #fff; opacity: 0.8;}

.social-text span { color: #fff; font-family: 'Circular Air'; font-weight: 300; display: inline-block; font-size: 20px; line-height: normal; }

.social-text p { color: #fff; margin: -6px 0 0 0; font-family: 'Circular Air'; font-weight: bold; }

.f-bottom { text-align: center; padding: 22px 0; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 20px; line-height: normal;  color: #000; }

.slick-dots {display: flex;list-style-type: none;justify-content: center;padding: 30px 0 0 0;}

.slick-dots li{margin: 0 4px;}

.slick-dots li button{width: 15px; height: 15px; border-radius: 50%;border: 2px solid #2e268a; background: transparent; font-size: 0; padding: 0; display: block;}

.slick-dots li.slick-active button{background: #2e268a;}

.flex_icon { display: inline-block; width: 100%; margin-bottom: 20px; }



.work_detail_box { text-align: center; }

.bg_section { padding: 60px 0; }

.section_title { text-align: center; margin-bottom: 40px; }

.align-center { align-items: center; }

.lets_zoom_section { margin-bottom: 35px; }



.service_list_grid { display: flex; flex-wrap: wrap; justify-content: space-between; }

.service_list { width: 49%; position: relative; padding: 2rem 2rem 1rem 2rem; margin-bottom: 30px; border-radius: 0.25rem; border: 1px solid #e2e8f0; transition: 0.4s all;}

.service_list:hover { border: 1px solid #2e268a; }

.service_list:hover .fill-current { fill: #2e268a; }

.fill-current { fill: #ccc; width: 70px; height: 70px; transition: 0.4s all; }

.service_icon { margin-bottom: 10px; }

.overlay_link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }



.blue_color_bg { background-color: #f1f6fc; }

.technologies_col_grid { display: flex; flex-wrap: wrap; }

.technologies_col { width: 20%; }

.technologies_col ul { list-style-type: none; padding: 0; margin: 0; }

.technologies_col ul li { padding-bottom: 20px; display: flex; align-items: center; }

.technologies_col ul li img { margin-right: 15px; }

.technologies_col h4 { margin-bottom: 30px; }

.contact_callout { padding: 35px 0; }



.work-listing { padding: 75px 0;}

.blog-detail li { padding-bottom: 15px; }

.blog-detail h1, .blog-detail h2, .blog-detail h3, .blog-detail h4, .blog-detail h5, .blog-detail h6 { margin-top: 2em;  margin-bottom: 1em;}



.work_grid { display: flex; flex-wrap: wrap; gap: 35px; }

.work_repeater { width: 31%; position: relative; font-size: 16px; font-weight: 400; }

.work_thumbnail { margin-bottom: 20px; position: relative; }

.work_thumbnail img { height: 300px; width: 100%; border-radius: 5px; object-fit: cover; }

.work_repeater:hover .work-hover { opacity: 1; }

.work-hover { transition: 0.4s all; opacity: 0; background: #332588ba; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.work-hover a { display: inline-block; background: #fff; text-transform: uppercase; padding: 7px 26px 6px 27px; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 900;   border-radius: 50px; border: 2px solid transparent; }

.work_info p { margin-bottom: 15px; }

.cms_info { display: flex; flex-wrap: wrap; gap: 8px; }

.cms_info span, .cms_info a { padding: 5px 21px; border-radius: 15px; border: 1px solid #e2e8f0; font-size: 13px; line-height: normal; }



.text-center { text-align: center; }

.work-sample { text-align: center; margin-bottom: 35px; margin-top: -232px; position: relative; z-index: 1; }

.work-sample img { max-width: 900px;  width: 100%; }

.project-detais { padding: 45px; background: #f9f9f9; }

.font-16 { font-size: 17px; }

.feature-list ul { list-style-type: none; padding-left: 0; }

.feature-list ul li { background: url(images/checkmark.png) left 10px no-repeat; padding-left: 30px;  }



.project_language { margin-top: 65px; }

.project_language span { margin-right: 20px; }

.project_language span svg { width: 50px; height: 50px; }

.related_blog { padding: 0 0 65px 0; }



.testimonial_block h3 { margin-bottom: 0; }

.testimonial_block .service_title { margin-bottom: 15px; }

.service_title label { font-size: 15px; }

.work_detail_box .service_icon img { max-height: 270px; }

.hire h2 {

    color: #fff;

    margin-bottom: 0;

}

.hire {

    background: #ee3636;

    padding: 34px;

    border-radius: 10px;

    max-width: 600px;

    text-align: center;

    margin: 0 auto;

    color: #fff;

}

.contact_section .git-img img {

    width: 100%;

}

.bg_section.contact_section {

    padding: 100px 0;

}

.contact_map {

    width: 100%;

}

.contact_map iframe {

    width: 100%;

    height: 350px;

}

.contact_section .social-text span,

.contact_section .social-text p {

    color: #2e268a !important;

}

.contact_section .icon {

    margin-right: 27px;

    width: 56px;

    text-align: center;

    background: #2e268a;

    padding: 13px 5px;

    border-radius: 9px;

}

.contact_section .icon img {

    height: 35px;

    width: 34px;

}

.contact_section .social-icon ul a { display: flex; }

.contact_section .social-text {

    width: 73%;

}

.contact_section .two-col {

    width: 100%;

    padding-left: 0;

    margin-top: 0 !important;

}

.contact_section .two-col h3 {

    font-weight: 700;

    font-size: 23px;

    line-height: normal;

    margin-bottom: 1.6rem;

    text-transform: uppercase;

}

header.sticky.fixed {

    position: fixed;

    padding: 24px 0;

    background: #332588;

}



#button {

    display: inline-block;

    background-color: #22116a;

    width: 50px;

    height: 50px;

    text-align: center;

    border-radius: 4px;

    position: fixed;

    bottom: 30px;

    right: 30px;

    transition: background-color .3s, 

      opacity .5s, visibility .5s;

    opacity: 0;

    visibility: hidden;

    z-index: 1000;

  }

  #button::after {

    content: "";

    background: url(images/arrow-bottom.svg) no-repeat;

    width: 20px;

    height: 12px;

    color: #fff;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    margin: auto;

    transform: rotate(180deg);

} 

  #button:hover {

    cursor: pointer;

    background-color: #fb6f65;

  }

  #button.show {

    opacity: 1;

    visibility: visible;

  }

  .thankyou-msg {

    background: #439543;

    color: #fff;

    text-align: center;

    padding: 10px;

    margin-top: 14px;

}


.social_link ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.social_link ul img {
    width: 22px;
    vertical-align: middle;
}
.social_link ul li {
    padding-right: 9px;
}




@media only screen and (max-width:1600px){

.hero-bg:before {background-size: contain;}

}

@media only screen and (max-width:1365px){

.container{width:1280px;}

.hero-content h1 { font-size: 45px; line-height: 50px; margin-bottom: 1.2rem; }

.sec-about .col-6 {width: 50%; }

.about-img { margin:1.5rem 2rem 0 0; }

.heading h1 { font-size: 45px; }

.heading h2 { font-size: 36px; }

.heading.heading-border h2 { padding-bottom: 2.4rem; }

.heading h3 { margin-bottom: 1rem; }

.about-detail .about-detail-block h1 { font-size: 6rem; margin-bottom: 0.6rem; }

.about-detail .about-detail-block p { font-size: 19px; }

.testimonial-text {margin-left: 5.5rem; }

.testimonial-box { padding: 30px 30px 30px 30px;  max-width: 588px; }

.sec-service h2 { padding-right: 0; }

.margin { margin-top: 25px; }

.sec-testimonial{padding: 180px 0;}

.btn-primary { font-size: 24px; padding: 20px 16px 20px 25px; max-width: 410px;}

.together p { margin-bottom: 0; }

}

@media only screen and (max-width:1279px){

.container{width:1024px;} 

.logo { width: 210px; }

#cssmenu > ul > li { padding: 0px 18px; }

#cssmenu > ul > li > a { font-size: 17px;}

.heading h2 , .sec-get-in-touch .heading h2 {font-size: 32px;}

.heading.heading-border h2 { padding-bottom: 2rem; }

.btn-git { padding: 5px 20px; font-size: 15px; }

.hero-content h1 { font-size: 40px; line-height: 45px; margin-bottom: 1rem; }

.btn { padding: 7px 21px 7px 12px; font-size: 18px; }

.heading-border .btn { padding: 6px 28px 7px 10px; }

.sec-about {  padding:6rem 0 3rem 0; }

.testimonial-text { margin-left: 3.5rem; }

.testimonial-box { padding: 30px 30px 30px 30px; max-width: 450px; }

input[type="text"], input[type="email"], input[type="password"], input[type="tel"] { padding: 0 15px;height: 45px; font-size: 16px; }

textarea { padding: 12px 16px; height: 89px; font-size: 16px;}

input[type="submit"] { padding: 12px 28px; margin-top: 5px; font-size: 18px; }

.about-detail .about-detail-block { padding: 30px 20px; }

.about-detail .about-detail-block h1 { font-size: 5rem; margin-bottom: 0.6rem; }



.btn-primary { padding: 16px 20px; font-size: 24px; bottom: -13px; }

.heading h1 { font-size: 40px; }

.service-img h4 {margin: 1.5rem 0 0 0;font-size: 21px; }

.sec-get-in-touch .heading h2 { margin-bottom: 1rem; }

.icon { margin-right: 7px; width: 45px;  }

body { font-size: 18px; }

.work_repeater { width: 48%; margin-bottom: 35px; }

.work_grid { gap: 0; justify-content: space-between; }

}

@media only screen and (max-width:1023px){

.container{width:768px;}

.sec-counter {padding: 40px 0;}

.btn-git { display: none; }

p {margin: 0 0 20px;}

/* Menu */

nav{width:100%;}

#cssmenu{width:auto;}

#cssmenu ul{width:100%;display:none;position: absolute;top: 100%;left: 0;right: 0;background-color: #ffffff;}

#cssmenu ul li{width:100%;border-top:1px solid #e5e5e5;border-right: 0px;}

#cssmenu > ul > li{padding: 0;position: relative;}

#cssmenu > ul > li > a { color: #2e268a; padding: 0;padding: 15px;}

#cssmenu > ul > li:first-child{padding-left: 0;}

#cssmenu > ul > li:last-child{border-top: 1px solid #e5e5e5;}

#cssmenu ul li:hover{background: #ffffff;}

#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}

#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}

#cssmenu > ul > li{float:none}

#cssmenu ul ul li a{padding-left:25px;color:#ffffff;background:none;padding: 16px 15px 16px 25px;font-size: 15px;}

#cssmenu ul ul li{background:#2e268a!important;}

#cssmenu ul ul ul li a{padding-left:35px}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}

#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}

#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}

#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}

.button{width: 37px;height: 17px;cursor:pointer;z-index: 12399994;position: relative;}

.button:after { position: absolute; top: 8px; margin: auto; right: 0px; display: block; height: 6px; width: 30px; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; content: ''; }

.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:0px;right:0px;display:block;height:2px;width:30px;background:#ffffff;content:''}

.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:5px;border:0;height:2px;width:30px;background:#ffffff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.button.menu-opened:before{top:5px;background:#ffffff;width:30px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #d2d2d2;height:48px;width:48px;cursor:pointer}

#cssmenu .submenu-button.submenu-opened{background:#2e268a;}

#cssmenu ul ul .submenu-button{border-left: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}

#cssmenu ul ul .submenu-button::before,#cssmenu ul ul .submenu-button::after{background: #ffffff;}

#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#2e268a;content:''}

#cssmenu .submenu-button.submenu-opened:after{background:#fff; }

#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#2e268a;content:''}

#cssmenu .submenu-button.submenu-opened:before{display:none}

#cssmenu ul ul ul li.active a{border-left:none}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none;}

/* Menu */

header { padding: 25px 0;}

.hero-content {margin: 0; }

.hero-img { margin-top: 0; }

.hero-content h1 { font-size: 30px; line-height: normal; margin-bottom: 1rem; }

.btn {font-size: 16px;}

body {font-size: 16px;}

.heading h2, .sec-get-in-touch .heading h2 {  font-size: 24px; }

.heading.heading-border h2 { padding-bottom: 1.5rem; }

.heading.heading-border h2:before , .heading.heading-border h2:after { height: 5px; }

.heading h2 { margin-bottom: 1rem; }

.sec-about { padding: 60px 0 40px; }

.about-detail .about-detail-block h1 { font-size: 50px; }

.heading h3 { font-size: 20px; }

.about-detail .about-detail-block{padding: 20px;}

.about-detail .about-detail-block p{font-size: 16px;}

.sec-service { padding: 50px 0 50px 0;}

.service-img { padding: 25px 20px; }

.service-img img { max-width: 70px; }

.service-img h4{font-size: 18px;}

.sec-callout {padding: 20px 0 50px 0;}

.together-inner h2{margin: 0; font-size: 28px;}

.btn-primary img {width: 40px;margin-left: 10px;}

.btn-primary { padding: 13px 16px; font-size: 20px; bottom: -27px;}

.testimonial-text { margin-left: 0; }

.heading h1 { font-size: 36px; } 

.sec-testimonial .col-8 { padding: 0 0 0 20px; }

.testimonial-box {max-width: 400px; }

.testimonial-slider .slick-next { width: 36px; height: 36px; right: 30px; }

.f-bottom { font-size: 17px; }

footer .col-6 { width: 100%; margin-bottom: 40px; }

.f-top { padding: 40px 0 30px 0; }

.sec-testimonial {padding: 80px 0;}

.user-name {font-size: 14px;}



[data-aos=fade-right], [data-aos=fade-left] {

    transform: translate3d(0,100px,0) !important;

}

[data-aos^=fade][data-aos^=fade].aos-animate {

    transform: translate3d(0,0,0) !important;

}

.about-detail .about-detail-block { min-height: 159px; padding: 26px 11px; }

.about-detail .about-detail-block h1 { line-height: 1; }

.about-detail .about-detail-block p { min-height: 46px; display: flex; align-items: center; justify-content: center; }

.together { padding: 36px 20px 44px 20px; }

.service_list { width: 100%; }

.technologies_col { width: 33%; margin-bottom: 35px; }



.work_thumbnail img { height: 200px; }

h3 { font-size: 21px; }

h2 { font-size: 29px; }

.col-7 { width: 100%; }

.col-5 { width: 100%;}

.feature-list { margin-top: 45px; }

.client-logo-col {
        max-width: 50% !important;
}


}

@media only screen and (max-width:767px){

.container{width:640px;}

header { padding: 40px 0; background: #2e268a; }

.hero-bg{padding: 139px 0 115px 0;}

.hero-bg .row {flex-direction: column;}

.hero-content { padding: 40px 0 0 0; }

.page-title .hero-content { padding: 0; }



.hero-content p { padding: 0; margin-bottom: 1.5rem; }

.btn-git { display: none; }

.sec-about .col-6 { width: 100%; }

.about-content{padding: 40px 0 0 0;}

.col-6 { width: 100%;  }

.col-4 { width: 100%;}

.col-8 {width: 100%;}

.sec-get-in-touch .col-6.heading { width:100%; }

.order {order: initial;}

.about-img { margin: 0; }

.sec-about { padding: 2rem 0; }

.services-col-main{padding: 40px 0 0 0;}

.sec-service { padding: 30px 0 50px 0;}

.sec-testimonial .container { flex-direction: column; justify-content: center; }

.testimonial-box { max-width: 100%; }

.sec-testimonial .col-8 { padding: 0 15px; }

.sec-get-in-touch { padding: 40px 0 45px 0; }

.heading-border .btn , .btn { padding: 5px 24px 5px 10px; font-size: 16px; }

.about-detail .about-detail-block h1 { font-size: 3.5rem; }

.about-detail .about-detail-block {padding: 1rem 1rem; }

.about-detail .about-detail-block p { font-size: 18px; }

.heading h2, .sec-get-in-touch .heading h2 { font-size: 26px; }

.heading h3 { font-size: 19px; }

.heading.heading-border h2 { padding-bottom: 1.2rem;margin: 0 0 25px;}

.heading.heading-border h2 br{display: none;}

.hero-content h1 , .heading h1 { font-size: 32px; line-height: 38px; }

.testimonial-text p { margin: 0; }

.testimonial-text h1 { margin-bottom: 5px; }

footer .col-6 { margin-bottom: 0;}

.slick-dots {display: flex !important;}

.testimonial-slider .slick-list {margin:0;}

.testimonial-slider .slide-content {padding: 20px;}

.col-3 {width: 50%;}

.about-detail .col-3, .about-detail .col-4{margin-bottom: 20px;}

.get-in-touch-content{padding-top: 40px;}

.together .btn-primary { max-width: 290px; }

.flex_icon img { max-width: 90px; }

h2 { font-size: 29px; }

.technologies_col { width: 100%; }

.work_repeater { width: 100%; font-size: 14px; }

.work-sample { margin-top: -140px; }

.project-detais { padding: 30px; }

.project_language { margin-top: 45px; }

.work-listing { padding: 45px 0; }

.bg_section.contact_section { padding: 40px 0; }

.service-img img { max-width: 56px; } 

}

@media only screen and (max-width:639px){

.container{width:480px;}

.logo { width: 190px; }

.footer-menu ul li { width: 100%; padding: 5px 0; }

.two-col { width: 100%; margin-top: 40px;}

.d-flex { flex-wrap: wrap; }

.col-6 { width: 100%;}

.social-icon ul li{padding: 0 0 20px;}

.icon { margin-right: 15px;width: 35px; }

.icon img {max-height: 30px;max-width: 30px;}

.col-3 { width: 50%; }

.hero-content h1, .heading h1 { font-size: 28px; line-height: 36px; }

.heading h2, .sec-get-in-touch .heading h2 { font-size: 24px; }

.heading h3 { font-size: 18px; }

.sec-get-in-touch .heading h2 { margin-bottom: 0.5rem; }

select, input[type="text"], input[type="email"], input[type="password"], input[type="tel"] { max-width: 100%;}

.form .col-6 {width: 100%; }

.footer-menu ul li a,.social-text span{font-size: 16px;}

.f-bottom {font-size: 14px;}

.sec-testimonial {padding: 50px 0;}

.slick-dots{padding: 20px 0 0 0;}



.technologies_col { width: 100%; max-width: 210px; margin: 0 auto 30px auto; }

.contact_callout .col-8 { order: 2; }

.contact_callout .col-4 { order: 1; margin-bottom: 30PX;}

.lets_zoom_text { order: 2; }

.lets_zoom_img { order: 1; margin-bottom: 20px; }

.lets_zoom_section { margin-bottom: 0;  border-bottom: 1px solid #efefef; padding: 35px 0; }

.sec-callout { margin-bottom: 30px; }

h2 { font-size: 25px; }



}

@media only screen and (max-width:479px){

.container{width:100%;}

header { padding: 30px 0; }

.logo { width: 160px; }

.hero-content h1, .heading h1 { font-size: 26px; line-height: 32px; }

.heading h2, .sec-get-in-touch .heading h2 { font-size: 21px; }

.together h2 { margin-bottom: 8px; }

.servicesCl:nth-child(2n+2) { top: 0; }

.servicesCl{width: 49%;}

.servicesCl:last-child{margin-bottom: 0;}

.testimonial-box { max-width: 100%; }

select, input[type="text"], input[type="email"], input[type="password"], input[type="tel"] { font-size: 14px; padding: 10px 10px; }

textarea {  padding: 10px 10px; font-size: 14px; }

::-webkit-input-placeholder { font-size: 14px; }

::-moz-placeholder { font-size: 14px; }

:-ms-input-placeholder { font-size: 14px; }

:-moz-placeholder { font-size: 14px; }

input[type="submit"] { padding: 8px 24px; margin-top: 0; font-size: 15px; }

.footer .heading h3 { padding-bottom: 18px; font-size: 20px; }

.col-3{width: 100%;}

.about-detail .col-3:last-child{margin-bottom: 0;}



.hero-bg:before {

    position: absolute;

    content: "";

    bottom: -8px;

    width: 100%;

    height: 40px;

}



}

 
 
 section.our-client {
    padding: 20px 0 60px 0;
    background: #f7f7f7;
}
.client-logo {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.client-logo-col {
    width: 100%;
    padding: 20px;
    border: 1px solid #e7e7e7;
    margin-bottom: -1px;
    margin-right: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    max-width: 254px;
}
.client-logo-col img {
    max-width: 140px;
    max-height: 50px;
}
.client-logo-col h2 {
    padding-bottom: 35px;
    position: relative;
    margin: 0 0 35px;
    color: #2e268a;
    font-size: 39px;
}