@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@100;300;400;500;700;900&display=swap');

/*..............embedded fonts..............*/

/*..............custom fonts..............*/

/*..............custom fonts..............*/

/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size:16px; font-weight: 400; color:#292929;}
h1, h2, h3, h4, h5, h6 { font-family: 'Bebas Neue', sans-serif; margin:0 0 15px; padding:0; color: #33135C;}
h1{ font-size:64px;}
h2{ font-size:64px;}
h3{ font-size:36px;}
h4{ font-size:24px;}
h5{ font-size:20px;}
h6{ font-size:16px;}
p { margin:0 0 20px; padding:0; line-height: 1.7;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #4BDE9A; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

.form-group { margin: 0 0 15px; }
textarea, select, .form-control { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; outline: none; height: 48px; padding: 12px; box-shadow: 4px 8px 20px rgba(0, 0, 0, 0.1); border: 0;}
input[type="submit"]{ font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; transition:all 0.3s ease 0s; outline: none;}
.form-group label { margin: 0 0 5px; color: #33135C; }
.form-group label span { color: #f00; }

select { background-image: url(../images/icon-down.svg); background-repeat: no-repeat; background-position: 95% center; }


/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
.btn, a.btn { border: 0; display: inline-block; vertical-align: top; background: #33135C; color: #fff; padding: 16px 25px; text-transform: uppercase; border-radius: 4px; font-size: 16px; font-weight: 600; min-width: 160px; }
.btn:hover, a.btn:hover { background: #4BDE9A; }

.btn.border, a.btn.border { background:none; color: #33135C; border: 2px solid #33135C; }

.btn.rounded { border-radius: 5px;}
/* .btn.medium-size { Your custom Styles } */
/* .btn.large-size { Your custom Styles} */
/* --- Button Styles --- */


/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

.common-padding { padding-top: 200px; padding-bottom: 200px; }
.common-padding-small { padding-top: 30px; padding-bottom: 30px; }
.common-padding-lt-rt { padding-left: 55px; padding-right: 55px; } 

strong { font-weight: 700;}

/*..............common styles..............*/


.click { display:none;}


/*for header css*/
.main-header { position: relative; padding-top: 20px; padding-bottom: 20px; z-index: 999; left: 0; right: 0; top: 0; background: #fff; }
.header-row { display: flex; flex-wrap: wrap; align-items: center; position: relative; justify-content: space-between;}

body.home .main-header { position: absolute; background: none;}

.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.main-menu ul li { font-size: 20px; font-family: 'Bebas Neue', cursive; margin: 0 20px;}
.main-menu ul li a { display: block; color: #33135C; padding: 6px 0; position: relative; border-bottom: 3px solid transparent; }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a { border-bottom: 3px solid #4BDE9A; }
.main-menu ul li.current-menu-item.anchore a{border-bottom: 3px solid transparent;}
.main-menu ul li.current-menu-item.anchore:hover a{border-bottom: 3px solid #4BDE9A !important;}



@keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
}

/*for header css*/

.banner-section { position: relative; }
.bnr-img img, .img-box img { width: 100%; }
.banner-cont { position: absolute; top: 50%; transform: translateY(-50%); right: 0; left: 0; z-index: 3; }


/*for main sections css*/

.homepage-top-blocks { background-position: bottom center; padding-bottom: 150px; margin-bottom: -160px; position: relative; z-index: 2;}

.top-icon-block-wrap { padding-top: 0; }
.top-icon-block-wrap .col-lg { width: 20%; }
.top-icon-block-wrap .icon-block { margin: 0 0 24px; display: flex; }
.top-icon-block-wrap .icon-block .icon-box { width: 40px; }
.top-icon-block-wrap .icon-block .icon-box img { width: 32px;}
.top-icon-block-wrap .icon-block .icon-info { width: calc(100% - 40px); }
.top-icon-block-wrap .icon-block .icon-info h4 { margin: 0 0 10px; }
.top-icon-block-wrap .icon-block .icon-info p { font-size: 12px; line-height: 1.5; color: #828282;}


.Succeeded-Companion { background: #EFEFEF; padding-top: 200px; padding-bottom: 200px; }
.Succeeded-Companion ul.partners-logo { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.Succeeded-Companion ul.partners-logo li { width: 20%; padding: 0 15px; margin: 20px 0; text-align: center; }


.blog-list { margin: 0 0 24px; }
.home .blog-img {position: relative;padding-bottom: 50%;}
.home .blog-list .blog-img img { object-fit: cover;position: absolute;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.blog-list .blog-img img{width: 100%;}
.blog-full-wrapper .blog-list .blog-img img { width: 100%; height: 400px;object-fit: cover;}
.blog-list .blog-info { padding-top: 25px; }
.blog-list .blog-info ul { margin: 0 0 15px; padding: 0; list-style: none; display: flex; align-items: center; color: #33135C;}
.blog-list .blog-info ul li { padding: 0 8px; font-size: 12px; line-height: 1; border-left: 2px solid #4bde9a; }
.blog-list .blog-info ul li:first-child { border-left: 0; padding-left: 0; }
.blog-list .blog-info h5 { margin: 0 0 15px; font-family: 'Roboto', sans-serif; }
.blog-list .blog-info h5 a { color: #33135C; }
.blog-list .blog-info p { font-size: 12px; line-height: 1.5; color: #828282;}


.blog-list.horrzntl { display: flex; align-items: center; }
.home .blog-list.horrzntl .blog-img { width: 165px; padding-bottom: 30%;}
.blog-list.horrzntl .blog-info { padding-top: 0; padding-left: 15px; width: calc(100% - 165px); }
.blog-list.horrzntl .blog-info h5 { font-size: 16px; margin: 0; }
.blog-list.horrzntl .blog-info p { display: none; }


.home-blog-wrap { background-position: top center; padding-top: 300px; padding-bottom: 200px; margin-top: -200px; position: relative; z-index: 2; }

/*for main sections css*/


/*for footer sections css*/
.footer-main {  padding-top: 200px; padding-bottom: 200px; }
.ftr-top .container { max-width: 840px; }
.ftr-top .heading-block { padding: 0 0 20px; }
.ftr-top .heading-block h2, .ftr-top .heading-block p { color: #4BDE9A; margin: 0 0 10px; }

.ftr-top .form-wrap { background: #fff; padding: 60px; }
.form-group ul { margin: 0 -10px 15px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.form-group ul li { width: 33%; padding: 0 10px; margin-bottom: 10px; position: relative; }
.form-group ul li input[type=checkbox] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; cursor: pointer; }
.form-group ul li input[type=checkbox] ~ label { margin: 0; padding: 0 0 0 25px; position: relative; font-size: 15px; color: #33135C; }
.form-group ul li input[type=checkbox]:empty ~ label:before { content: ''; width: 16px; height: 16px; border: 2px solid #33135C; position: absolute; left: 0; top: 3px; }
.form-group ul li input[type=checkbox]:checked ~ label:after { content: ''; background: url(../images/green-tick.svg) no-repeat; width: 9px; height: 7px; position: absolute; left: 4px;
    top: 7px; background-size: 100%; }


.ftr-logo { margin: 0 0 20px; }
.ftr-info { margin: 0 auto 40px; max-width: 400px; color: #fff; }
.social { margin: 0 0 20px; }
.social ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; }
.social ul li { margin: 0 10px; font-size: 45px; line-height: 1; }

/*for footer sections css*/



/*inner pages*/

.blog-top-hdng { margin-bottom: 50px; }
.blog-top-hdng h1 { padding: 0 0 25px; position: relative; }
.blog-top-hdng h1:after { content: ''; background: #4BDE9A; width: 80px; height: 10px; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; }

.blog-list.blog-big-horrizontal { display: flex; flex-wrap: wrap; }
.blog-list.blog-big-horrizontal .blog-img { width: 65%; }
.blog-list.blog-big-horrizontal .blog-info { width: 35%; padding-left: 30px; padding-top: 0; }
.blog-list.blog-big-horrizontal .blog-info h2 { margin: 0 0 10px; }
.blog-list.blog-big-horrizontal .blog-info h2 a { color: #33135C; }
.blog-list.blog-big-horrizontal .blog-info p { font-size: 16px; color: #292929;}

.blog-all { padding-top: 60px; }
.blog-all .nav { justify-content: center; padding: 0 0 35px; }
.blog-all .nav li { margin: 0 15px 15px; }
.blog-all .nav li .nav-link { border: 1px solid #33135C; text-transform: uppercase; color: #33135C; font-weight: bold;}
.blog-all .nav li .nav-link.active { background: #33135C; color: #fff; }


.blog-info.dtls p { font-size: 16px; }

.btn-set .btn { margin-right: 20px; }

/* design fixing css */
.footer-main .form-group .ser_wrap label span {color: #33135C;font-size: 15px;}
.footer-main .form-group .ser_wrap .wpcf7-list-item{margin: 0;width: 33%;padding: 0 10px 0 0;}
.footer-main .form-group label{display: flex;align-items: baseline;}
.footer-main .form-group label input[type="checkbox"]{margin-right: 8px;}
.footer-main input[type=checkbox] {position: relative;top: 3px; cursor: pointer;width: 16px;height: 16px;border: 2px solid #33135C;flex: 0 0 16px;}
.wpcf7-not-valid:not(.wpcf7-checkbox){border: 1px solid #dc3232;}
.wpcf7-not-valid-tip{display: none;}
.ser_wrap .wpcf7-not-valid-tip{display: block !important;}
.wpcf7 form.sent .wpcf7-response-output {color: #fff;text-align: center;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{color: #fff;text-align: center;}
.icon-info h5 {font-size: 16px;letter-spacing: 0.5px;}
span.wpcf7-spinner {position: absolute;}
/* design fixing css */


/*Media Query css*/

@media only screen and ( min-width:1300px ) {
    .container { width: 1120px; }
}

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


    

}

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

    h1{ font-size:55px;}
    h2{ font-size:55px;}
    h3{ font-size:32px;}


    .social ul li { font-size: 40px; }
    

}

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

}

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

}

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

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

    h1{ font-size:36px;}
    h2{ font-size:36px;}
    h3{ font-size:28px;}

    .nav_btn { width: 30px; height: 30px; position: absolute; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; right: 12px; top: 5px; z-index: 9999; }
    .nav_btn span { display: block; position: absolute; height: 2px; width: 100%; background: #000; border-radius: 0; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }
    .nav_btn span:nth-child(1) { top: 4px; }
    .nav_btn span:nth-child(2) { top: 14px;}
    .nav_btn span:nth-child(3) { top: 24px; }
    .nav_btn.open span:nth-child(1) { top: 14px; transform: rotate(135deg); }
    .nav_btn.open span:nth-child(2) { opacity: 0; left: -30px; }
    .nav_btn.open span:nth-child(3) {  top: 14px; transform: rotate(-135deg); }


    .main-menu { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; max-width: 100%; background-color: rgba(233,236,239,0.96); padding: 0; margin:0; height: 100vh; overflow-y: auto;}

    .main-menu ul { margin: 0; padding: 0; list-style: none; position: absolute; top: 50%; transform: translateY(-50%); right: 0; bottom: 0; left: 0; text-align: center; display: inherit; flex-wrap: wrap;}
    .main-menu ul li { width: 100%; height: auto; font-size: 40px; font-family: 'Bebas Neue', cursive; margin: 0;}
    .main-menu ul li a { display: inline-flex; align-items: center; justify-content: center; padding: 10px; color: #33135C; }
    /*.main-menu ul li:nth-child(even) a { background: url(../images/menu-bg-purple.svg) no-repeat; background-size: cover; color: #fff; }*/

    .main-header.fixed, body.home .main-header.fixed { padding-top: 15px; background: rgba(255,255,255,1); padding-bottom: 15px; left: 0; position: fixed; top: 0; width:100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); }

    .common-padding { padding-top: 80px; padding-bottom: 80px; }

    .top-icon-block-wrap .col-lg { width: 25%; }
    .home-blog-wrap { margin-top: -120px; padding-top: 200px; padding-bottom: 100px;}
    .blog-list.horrzntl .blog-img {width: 150px;}
    .blog-list.horrzntl .blog-info h5 {font-size: 12px;}
    .btn, a.btn{font-size: 14px;}
    .home .blog-list.horrzntl .blog-img{width: 130px;}
    .blog-list.horrzntl .blog-info{padding-left: 12px;width: calc(100% - 140px);}
    .homepage-top-blocks{margin-bottom: -100px;}

    .banner-section .bnr-img { height: 100vh; }
    .banner-section .bnr-img img { height: 100%; object-fit: cover; }
    
}

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

    .top-about .row { flex-direction: column-reverse; }

    .top-icon-block-wrap .col-lg { width: 33.3333%; }

    .homepage-top-blocks { margin-bottom: -90px; }
    .Succeeded-Companion ul.partners-logo li {width: 33.33%;}
    .footer-main {padding-top: 60px;padding-bottom: 60px;}
    .common-padding {padding-top: 60px;padding-bottom: 60px;}
    .top-icon-block-wrap {padding-top: 0;}
    .blog-list.blog-big-horrizontal .blog-img {width: 55%;}
    .blog-list.blog-big-horrizontal .blog-info {width: 45%;}
    .blog-all .nav li .nav-link{font-size: 12px;}
    h2 {font-size: 30px;}
    .blog-info.dtls p {font-size: 15px;}
    .main-menu ul li{font-size: 22px;}
    .homepage-top-blocks .img-box {padding-bottom: 20px;}

    .Succeeded-Companion { padding-top: 110px; padding-bottom: 110px; }

}
@media only screen and ( max-width: 767px ) {
    body.home .main-header { position: relative; }

    .top-icon-block-wrap .col-lg {width: 100%;}
    .Succeeded-Companion ul.partners-logo li {width: 50%;}
    .form-group ul{display: block;}
    .form-group ul li{width: 100%;}
    .ftr-top .form-wrap{padding: 40px 30px;}
    .homepage-top-blocks {margin-bottom: -110px;}
    .home-blog-wrap{padding-bottom: 60px;}
    .blog-list.blog-big-horrizontal .blog-img{width: 100%;}
    .blog-list.blog-big-horrizontal .blog-info{width: 100%;margin-top: 40px;padding-left: 0;}
    .btn, a.btn{padding: 12px 18px;}
    .blog-top-hdng {margin-bottom: 30px;}
    .blog-full-wrapper .blog-list .blog-img img{height: 300px;}
    .home .blog-img{padding-bottom: 60%;}
    .home .blog-list.horrzntl .blog-img {width: 150px;}
    .footer-main .form-group .ser_wrap .wpcf7-list-item{width: 100%;}
}
@media only screen and ( max-width: 550px ) {
    .btn-set a {display: block;margin-bottom: 10px;}
    .btn-set .btn {margin-right: 0;}
    .home-blog-wrap {margin-top: -210px; padding-top: 200px;}
    body{font-size: 14px;}
}
@media only screen and ( max-width: 380px ) {
    .blog-list.horrzntl{display: block;}
    .blog-list.horrzntl .blog-img {width: 100%;}
    .home .blog-list.horrzntl .blog-img {width: 100%;padding-bottom: 60%;}
    .blog-list.horrzntl .blog-info {padding-top: 15px;padding-left: 0;width: 100%;}
    .homepage-top-blocks {margin-bottom: -130px;}
    .banner-section .bnr-img {height: 110vh;}
    .ftr-top .form-wrap {padding: 40px 20px;}

}

/*Media Query css*/