html {font-size: 16px;}

body { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-size: 14px; }

* { margin: 0; padding: 0; }

a:hover{text-decoration: none;}

.btn:focus{outline: none;}

button {outline: none;}

.fixed_btn a {box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);

       background-image: linear-gradient(-225deg, #2CD8D5 0%, #FFBAC3 56%, #ba4ece 100%);

    display: inline-block;

    color: #222;

    padding: 10px 20px;

    border-radius: 21px;

    font-size: 14px;

    font-weight: bold;

   }

   .thank_you p { font-size: 20px; color: #222; }

   .fixed_btn.animated {    animation-duration: 5s;}

    .fixed_btn { position: fixed; bottom: 120px; right: 30px; z-index: 99; }

.main_banner { background-image: linear-gradient(-225deg, #2CD8D5 0%, #FFBAC3 56%, #ba4ece 100%); position: relative; margin-top: -100px; width: 100%; padding: 80px 0; /*height: calc(100vh - 50px)*/} 

.top_header {position: relative; z-index: 1;  padding: 20px 0; }

.top_header .logo { float: left; }

.phone_number { float: right; margin-top: 10px; }

.phone_number a { font-size: 16px;color: #fff; text-decoration: none; background: #fe6b0b;padding: 12px 30px; border-radius: 20px; }

.main_banner .banner_content { max-width: 900px; margin: 0 auto; text-align: center; margin: 80px auto 0 auto; }

.main_banner .banner_content h1 { font-size: 40px; line-height: 48px; font-weight: 600; }

.main_banner .banner_content span { font-weight: 400; }

.main_banner  .search_box { margin-top: 60px;  margin-bottom: 60px; }

.main_banner  .search_box input { height: 60px;  border-radius: 50px;}

.main_banner  .search_box .btn { width: 100%; height: 60px;border-radius: 50px; background: #fe6b0b; font-size: 1rem; color: #fff; font-weight: 600;}

.slider_logo img  { margin: 0 auto; display: block; }    

.common_padding { padding: 40px 0; width: 100%; float: left; }

.heading { font-size: 38px; font-weight: 550;        background: linear-gradient(to right, #4285fa 19%, #fe6b0b 79%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.about_home { text-align: center; }

.about_home  .text_xs  { margin-bottom: 40px; }

.text_xs { font-size: 16px; font-weight: 300; }

.text_md { font-size: 22px; font-weight: 600; }

.about_home .text_md  { margin-bottom: 20px; }

.about_home ul li{ font-weight: 600; font-size: 16px; margin-bottom: 8px; }

.about_home ul li:before {content: "\f192"; font-family: 'fontAwesome'; margin-right:8px; color: #fe6b0b; }

.counter_sec { background-image: url(../images/counter-bg.jpg); background-size: cover; color: #fff; background-attachment: fixed; padding: 20px 0; }

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

.counter_sec .counter-value {font-size: 40px; font-weight: 600; display: inline-block;}

.counter_box small {font-size: 40px; position: absolute; top: -1px; font-weight: normal;}

.counter_sec .fact {font-size: 18px; text-transform: uppercase; font-weight: 300;}

.content_area {    height: 380px; color: #fff;}

.content_area .heading {  background: none;      font-size: 25px;  -webkit-text-fill-color: inherit; margin-bottom: 15px; }

.content_area img { width: 100%;  }

.content_area .left_section { width: 50%;float: left; background: #002c73 url(../images/targeted-traffic.jpg); height: 100%; background-size: cover;}

.content_area .right_section { width: 50%;height: 100%; background: #002c73; float: right; display: flex;     align-items: center;}

.content_area  .show_content { width: 630px; padding: 0px 0px 0 90px;}

.content_area_wrap { width: 100%; float: left; overflow:  hidden; }

.content_area .text_xs { opacity: 0.7;     line-height: 24px;

    font-size: 14px;}

.content_area_wrap .content_area:nth-child(even) .right_section {background: #fe6b0b;    } 

.content_area_wrap .content_area:nth-child(even) .left_section {background: #002c73 url(../images/digital-markting.jpg); background-size: cover;}

.features-listing .heading, .our-clients .heading {	margin-bottom: 45px;}

.features-listing .box-icon-item {margin-bottom: 23px;

    padding: 30px 25px;

    background: #fff;

    box-shadow: 0 0 25px #cfcfcf;

    min-height: 285px;

    text-align: center;}

.features-listing .box-icon-img {min-height: 70px;}

.feature-content-box {padding-top: 25px; color: #232323;}

.features-listing .box-icon-title {font-size: 18px; font-weight: 700; color: #232323; line-height: 30px; margin-bottom: 8px; margin-top: 0;}

.feature-content-box p {margin-bottom: 10px;}

.feature-content-box p:last-child {margin-bottom: 0;}

.our-clients .box-icon-img { background: #fff; padding: 10px; border: 1px solid #ddd;text-align: center; margin-bottom: 10px; margin-top: 10px; box-shadow: 0 0 25px #cfcfcf;}

.our-clients .box-icon-img img {width: 150px;}

.testimonial_area {padding: 40px 0px 0px; width: 100%; float: left;}

.right_section{width: 100%; background: #fe6b0b; padding: 40px 0; float: right;}

.right_section .show_testimonial{max-width: 570px; margin: 0 auto; display: block; text-align: center;}

.right_section .show_testimonial .heading { color: #fff; background: none; -webkit-text-fill-color: inherit; margin-bottom: 15px; font-size: 40px; font-weight: 600;}

.right_section .show_testimonial .testimonial-slider p {color: #fff; font-size: 16px; font-weight: 300; opacity: 0.7; line-height: 30px;}

.right_section .show_testimonial .client_name{color: #fff; font-size: 18px; margin-top: 25px;}

.contact_us{text-align: center;}

.contact_us .heading{margin-bottom: 15px;}

.contact_us p {line-height: 30px; text-align: center; color: #000; opacity: 0.8; font-size: 16px; margin-bottom: 30px;}

.contact_us .call_us{color: #232323; font-size: 20px; margin-bottom: 40px;}

.contact_us .call_us a{color: #fe6b0b;}

.contact_us .call_us a:hover{text-decoration: none;}

.get_tounc{margin: 30px 0px;}

.contact_us .contact_btn{ padding: 10px 44px; border-radius: 50px; background: #fe6b0b; font-size: 20px; color: #fff; font-weight: 600; border: 2px solid #fe6b0b; transition: 1.1s;}

.contact_us .contact_btn:hover{background: #fff; color: #fe6b0b; border: 1px solid #fe6b0b; border: 2px solid #fe6b0b; transition: 1.1s;}

.copyright_area{background: #002c73; color: #fff; padding: 15px 0; width: 100%; float: left; text-align: center; font-size: 14px;}

.why_choose{width: 100%; float: left; background: #f2f2f2; padding: 40px 0;}

.why_choose .contant_area{margin-top: 20px; padding-right: 40px;}

.why_choose .contant_area .heading{margin-bottom: 20px;}

.why_choose .contant_area p{line-height: 1.857; font-size: 16px ; font-weight: 300;}

.why_choose .contant_area h3{font-size: 36px ; font-weight: 300;}

.why_choose .contant_area .list-ul {list-style: none; width: 100%; float: left; padding: 0px; margin: 10px 0px 0px 0px; }

.why_choose .contant_area .list-ul li { font-size: 16px; font-weight: 400; font-family: 'Poppins', sans-serif; margin: 0px 0px 13px 0px; list-style: none;

 position: relative; padding-left: 30px; display: inline-block; width: 49%;}

.why_choose .contant_area .list-ul li:before { display: block; position: absolute; width: 14px; height: 8px; border-left: 2px solid #f46b25; border-bottom: 2px solid #f46b25; content: ''; left: 0; top: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

.why_choose .right_side {width: 100%; float: right; margin: 20px 0px;}

.why_choose .right_side ul {list-style: none;}

.why_choose .right_side li {width: 46%; float: left; background: #fe6b0b; padding: 20px; min-height: 142px; max-height: 142px; margin: 2%; display: flex; align-items: center;}

.why_choose .right_side .images {float: left; margin-right: 15px; width: 50px;}

.why_choose .right_side .text {float: left; width: calc(100% - 65px);}

.why_choose .right_side .text .text_md {font-size: 30px; line-height: 36px; color: #fff; font-weight: 500;}

.why_choose .right_side .text .text_xs {font-size: 16px; color: #fff; opacity: 0.9; font-weight: 300;}

.why_choose .row{display: flex; justify-content: center; align-items: center;}

.contact_form{border: 1px solid #ddd; padding: 10px 30px; border-radius: 8px;     margin-top: 72px;}

.contact_form .size-small{margin-bottom: 10px; font-size: 24px; font-weight:600;}

.contact_form .text_input{margin-bottom: 15px;}

.contact_form .text_input .form-control{height: 40px;}

.contact_form .text_input label{font-size: 12px;}

.contact_form .text_input .seo_dudit{box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); background-color: #fe6b0b; color: #fff; padding: 0 20px; height: 42px; border-radius: 21px; font-size: 14px; font-weight: bold; border: 2px solid #fe6b0b;}

.contact_form .text_input .seo_dudit:hover{background-color: #fff; color: #fe6b0b; transition: 0.6s; text-decoration: none;}

.common_button{text-align: center; margin: 30px 0px 20px 0px;}

.common_button a{box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); background-color: #fe6b0b; color: #fff; padding: 10px 20px; border-radius: 21px; font-size: 14px; font-weight: bold; border: 2px solid #fe6b0b;}

.common_button a:hover{background-color: #fff; color: #fe6b0b; transition: 0.6s; text-decoration: none;}

.why_choose .common_button{text-align: center; margin: 20px 0px; display: inline-block;}

.common_button a{box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); background-color: #fe6b0b;     display: inline-block; color: #fff; padding: 10px 20px; border-radius: 21px; font-size: 14px; font-weight: bold; border: 2px solid #fe6b0b;}

.common_button a:hover{background-color: #fff; color: #fe6b0b; transition: 0.6s; text-decoration: none;}

.counter_sec .common_button{text-align: center; margin: 30px 0px 0px 0px;}

.right_section .common_button{text-align: center; margin: 20px 0px 0 0;}

.right_section .common_button a{box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); background-color: #fff; color: #fe6b0b; padding: 10px 20px; border-radius: 21px; font-size: 14px; font-weight: bold; border: none;}

.right_section .common_button a:hover{background-color: #fe6b0b; color: #fff; transition: 0.6s; text-decoration: none;}

.mobile_view { display: none; }

.whatsapplink.mobile { display: none;}

.first_tell{max-width: 900px; margin: 0 auto; text-align: center; margin: 80px auto 0 auto; }

.first_tell h1 { font-size: 40px; line-height: 48px; font-weight: 600; }

.first_tell span { font-weight: 400; }

.first_tell .form_top{ margin-top: 30px;  margin-bottom: 0px; }

.first_tell .form_top input { height: 50px;  border-radius: 5px; margin: 10px 0px;}

.first_tell .form_top select{ height: 50px;  border-radius: 5px; margin: 10px 0px; color: #999; font-size: 14px;}

.first_tell .form_top .btn { width: 30%; height: 50px;border-radius: 50px; background: #fe6b0b; font-size: 20px; color: #fff; font-weight: 600; cursor: pointer; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.20); margin: 30px 0px 0px 0px;}

/* .first_tell .form_top .btn:hover{background-color: #fff; color: #fe6b0b; transition: 0.6s; text-decoration: none;} */

.thank_you{max-width: 900px; margin: 0 auto; color: #fff; text-align: center;position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.thank_you h1 { font-size: 100px !important;     text-shadow: 2px 2px 3px #fe6b0b; line-height: 100px !important; font-weight: 800 !important;  color: #002c73;}

.logodiv {

    float: right;

    width: 100%;

    text-align: center;

    margin-bottom: 50px;

}

.logof3 {

    width: 160px;

    display: inline-block;

    margin: 10px 20px;

}

.logof3 img{

    width: 100%;

 

}

.logof2 {

    width: 170px;

    display: inline-block;

    margin: 10px 20px;

    background: #17313b;

    text-align: center;

    padding: 40px 20px;

    vertical-align: middle;

    border-radius: 50%;

}



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

.about_home_wrap .about_home_img {width: 45%;}

.about_home_wrap .about_home_text {width: 50%;}



.about_home_text {   text-align: left;}

.about_home ul  {list-style: none;}

.about_home ul li {font-weight: 400; }



.main_banner { background-image: url(../images/background.jpg); background-size: cover; }

.main_banner .search_box .btn { font-weight: 500;}

.main_banner .form-control  { box-shadow: none;   padding: 6px 1.563rem;}

.slider_logo img { height: 4.438rem;}

.about_home .text_md { margin-bottom: 1rem;}



.why_choose_bg { background: #F9FAFB;}

.why_choose_box { background: #FFFFFF;

border: 1px solid #E5E7EB;

border-radius: 10px; padding: 1.5rem 1.5rem;}

.choose_box_data {display: flex;}

.choose_box_data .text { margin-left: 1.2rem; }

ul.why_choose_list {display: flex;flex-wrap: wrap; gap: 1rem; padding: 0; margin-top: 3rem; list-style: none;}

.choose_box_data .title { margin-bottom: 0.5rem; }

ul.why_choose_list .icon { min-width: 2.5rem;}

ul.why_choose_list li {     flex: 1 1 calc(33.333% - 1rem);}



.counter_sec { background-image: url(../images/background-sm.jpg); background-attachment: scroll;}

.counter_sec .counter_box {color: #222;}

.features-listing .box-icon-item  {min-height: 320px;}

.common_button a {font-weight: 500;}

.content_area {height: auto; display: flex; flex-wrap: wrap;}

.content_area .left_section {height: initial;}

.row_rev {     flex-direction: row-reverse;}

.contact_form .text_input .seo_dudit { font-weight: 500;}

.form_bottom_sec {max-width: 34.688rem; margin: 0 auto;}

.logodiv {float: none; margin-bottom: 0;}

.bottom_form_wrap {background-image: url(../images/background.jpg); background-size: cover;}

.contact_form { background-color: #fff;  margin-top: 0;  padding: 2rem;}



.call_us { background-color: #FED9C0; width: max-content; padding: 1rem 3rem; font-size: 1.25rem; border-radius: 500px; margin: 3rem auto 0 auto; color: #000;

}

.our-clients .box-icon-img img { margin: 0 auto ;}

.phone_number a {background-color: #D9F6F4; color: #002C73; border:solid 1px #002C73; border-radius: 50px;}

p {font-size: 1rem;}

.fixed_btn a { background-image: none; background-color: #002C73; color: #fff !important; font-weight: 500; }

.common_padding {padding-block: 5rem;}

.our-clients .box-icon-img {     border-radius: 4px;

    border: 1px solid #DDD;

    background: #FFF;

    box-shadow: 0 1px 4px 0 rgba(29, 29, 29, 0.10), 0 1px 3px 0 rgba(29, 29, 29, 0.06);

   }

.features-listing .box-icon-item {

 border-radius: 4px;

    border: 1px solid #DDD;

    background: #FFF;

    box-shadow: 0 1px 4px 0 rgba(29, 29, 29, 0.10), 0 1px 3px 0 rgba(29, 29, 29, 0.06);   

}



.main_banner { margin-top: 0;     padding-top: 2rem;}

.counter_sec .common_button { margin-top: 3rem;}

.common_button a { box-shadow: none;}

.right_section .common_button a { font-weight: 500; box-shadow: none;}

.first_tell .form_top .btn { box-shadow: none; font-weight: 500; width: auto; font-size: 1rem;     padding-inline: 3rem;}

.first_tell .form_top { margin-top: 0;}

.search_domain  { margin-bottom: 0.5rem;}

.search_domain span { color: #fe6b0b;}



.font10{font-size:.625rem}

.font11{font-size:.688rem}

.font12{font-size:.75rem}

.font13{font-size:.813rem}

.font14{font-size:.875rem}

.font15{font-size:.938rem}

.font16{font-size:1rem}

.font17{font-size:1.063rem}

.font18{font-size:1.125rem}

.font19{font-size:1.188rem}

.font20{font-size:1.25rem}

.font21{font-size:1.313rem}

.font22{font-size:1.375rem}

.font23{font-size:1.438rem}

.font24{font-size:1.5rem}

.font25{font-size:1.563rem}

.font26{font-size:1.625rem}

.font27{font-size:1.688rem}

.font28{font-size:1.75rem}

.font29{font-size:1.813rem}

.font30{font-size:1.875rem}

.fw100{font-weight:100!important}

.fw200{font-weight:200!important}

.fw300{font-weight:300!important}

.fw400{font-weight:400!important}

.fw500{font-weight:500!important}

.fw600{font-weight:600!important}

.fw700{font-weight:700!important}

.fw800{font-weight:800!important}

.fw900{font-weight:900!important}

.font24 { font-size: 1.5rem;}

.fixed_btn_whatsapp {    position: fixed; bottom: 40px; right: 25px; z-index: 99; height: 60px; width: 60px; display: block; background: #4dc247; display: flex ; align-items: center; justify-content: center; border-radius: 100%; }
.fixed_btn_whatsapp i {font-size: 2.5rem;color: #fff;}

.contact_form  {    padding: 1.5rem; }
.contact_form  h3 { margin-top: 0;}
.banner_inner_text {
    display: flex;
    width: 100%;
    align-items: center;
}
.banner_inner_left {
    width: 60%;
    padding-right: 3rem;
}
.banner_inner_right {
    width: 40%;
}
.banner_inner_left h1 span {
    font-weight: 400;
}
.banner_inner_left  h1 {
    font-size:42px;
    line-height: 48px;
    font-weight: 600;
    margin-top: 0;
}

.banner_inner_left h1 { line-height: 1.4;     margin-bottom:4rem;}
@media screen and (max-width:1199px) {

    .thank_you {

        width: 100%;

        max-width: 520px;

        padding-top: 40px;

    }

    .thank_you h1 { 

        font-size: 75px;

    }

}

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

    .thank_you h1 {

        font-size: 70px;

    }

}

@media(max-width: 767px){

	body { overflow-x: hidden; }
    .first_tell h1 {     font-size: 28px;    line-height: 32px;}
    .banner_inner_left  h1 {     font-size: 28px;    line-height: 32px;}
.first_tell {         margin-bottom: 3rem;
        margin-top: 2rem;}
.main_banner {margin-top: 0;     padding:0px 0;}

.top_header {width: 100%; float: left; }

.banner_inner_text {
flex-wrap: wrap;
}
.banner_inner_left {
    width: 100%;
    padding-right: 0rem;
            text-align: center;
}
.banner_inner_right {
     width: 100%; 
}

.top_header .logo {width: 57%; }

.top_header .logo img { width: 80%; }

.phone_number a { font-size: 12px; padding: 9px 8px; }

.phone_number a img {width: 16px;}

.main_banner .banner_content h1 { font-size: 26px;     line-height: 32px; }

.main_banner .search_box {margin-bottom: 30px; margin-top: 30px;}

.main_banner .search_box .btn { width: 70%;height: 40px; font-size: 15px; margin-top: 15px; }

.main_banner .search_box input { height: 50px; }

.heading{ font-size: 26px; }

.common_padding { padding: 25px 0; }

.why_choose {padding: 25px 0;}

.about_home .text_xs { font-size: 14px; }

.text_md { font-size: 18px; }

.about_home ul li { display: flex; font-size: 14px; float: left; text-align: left; }

.about_home ul { margin-top: 30px; }

.counter_sec .fact { font-size: 14px; }

.counter_sec .counter-value { font-size: 30px; }

.counter_sec .counter_box { margin-bottom: 20px; }

.counter_sec .common_button {    margin: 22px 0px 0px 0px; }

.counter_sec .common_button a {display: inline-block;}

.features-listing .heading, .our-clients .heading { margin-bottom: 20px; }

.why_choose .row { display: block; }

.why_choose .contant_area h3 { font-size: 22px; }

.why_choose .contant_area .list-ul li {width: 100%;     font-size: 14px;}

.content_area_wrap {width: 100%; float: left;}

.content_area .right_section { width: 100%; display: block; }

.content_area .left_section { width: 100%; background-position: center center; height: 250px; }

.content_area .show_content { width: 100%; padding: 0 15px; }

.right_section .show_testimonial .heading {font-size: 26px;}

.content_area .text_xs { font-size: 12px; line-height: 24px; }

.features-listing .box-icon-item { min-height: auto; padding: 22px 20px;     margin-bottom: 15px; }

.features-listing .box-icon-title { font-size: 16px; line-height: 15px; }

.desktop_view { display: none; }

.mobile_view { display: block; }

.whatsapplink.mobile {font-size: 15px;display: block; position: fixed; z-index: 9999; left: 0; bottom: 0;        background-image: linear-gradient(-225deg, #2CD8D5 0%, #FFBAC3 56%, #ba4ece 100%); color: #222;

    width: 100%; padding: 10px;text-align: center;}

.content_area {    height: 100%;}  

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

.thank_you h1 {font-size: 55px;}  

.slider_logo img {height: auto;}



.about_home_wrap .about_home_img {width: 100%;}

.about_home_wrap .about_home_text {width: 100%;}

.about_home_wrap_top {    flex-direction: column-reverse;}

.about_home_wrap_top  .about_home_text { margin-top: 2rem;}

.about_home_wrap_bottom .about_home_text { margin-top: 2rem;}

.call_us {     position: relative;

    z-index: 99;     font-size: 1rem;    width: inherit;}

.thank_you h1 {
    font-size: 60px !important;
    text-shadow: 2px 2px 3px #fe6b0b;
    line-height: 60px !important;
    font-weight: 800 !important;
    color: #002c73;
}

.copyright_area { padding-bottom: 3.5rem;}
.fixed_btn_whatsapp {display: none;}

}





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

    .thank_you {max-width: 400px;}

    .thank_you h1 {font-size: 40px; line-height: 45px;}

    .thank_you p {font-size: 16px;} 

}

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

    .thank_you {max-width: 320px;}

    .top_header .logo {

        width: 55%;

    }

    .thank_you p {font-size: 15px;}

}