/*

 * 01 Genral style 
 **  1.1 SVG default css	
 **  1.2 Button style
 **  1.3 Form style
 **  1.4 mCustom Scrollbar style
 **  1.5 Slick slider navigators style

 * 02 Header style 
 * 03 Homepage content part
 * 04 Footer Style
 * 05 Model Popups
 * 06 CMS Content Style
 * 07 Inner Pages

font-family: 'Poppins', sans-serif;

*/


/* 01 Genral style */
*{padding:0; margin:0; border:none; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong, b{font-weight:bold}
em, i{font-style:italic;}
u{text-decoration:underline}
a{text-decoration: none;}
*:focus{outline: none;}
a:hover, a:focus {text-decoration: none; outline: none !important;}
button[type="button"]:focus{outline: none;}
p{line-height:1.6;font-size: 1rem;color:#666666;font-weight:400;margin-bottom:1rem;}
p:last-child{margin-bottom:0;}
a{color: #ed2024;}  
a:hover{color: #282562;}
ul>li, ol>li{margin: 0;}

button:not(.primary){box-shadow: none; border: none;}

a:visited, .alink:visited, a:hover, a:focus, a:hover, .alink:hover{color: #212529;} 
.dropdown-item{font-size: 0.875rem; padding: .25rem 1rem} 
.dropdown-item.active, .dropdown-item:active{background: #ff9636;}

/* 1.1 SVG default css*/
svg:not(:root).svgIcon { overflow: visible }
.svgIcon{display: inline-block; font-size: inherit; width:1em; height: 1em; overflow: visible; vertical-align: middle; }
.svg-icons{ display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em }
/*SVG default css*/
.mCS_no_scrollbar_y{margin-right: 0 !important;}
.container{width: 100%; max-width: 1366px;}
img{display: block; max-width:100%; max-height:100%; width:auto; height:auto}
.imgMain{position: relative;}
.absoImg{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.wrapper{display:block; width:100%; overflow:hidden; min-height: 100vh; position: relative;}
html{font-size:16px;}
body{display:block; width:100%; padding:0; margin:0; font-family: 'Poppins', sans-serif; font-weight:400; line-height:1.4; color:#000000; background-color:#fff;}
body.homePage{background-color:#fff;}
.d-none{display:none;}
.d-display{  display:block;}
.bodyFixed{overflow: hidden;}
.trans{-moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}

.btn{display: inline-block; min-width: 108px; width: auto; padding: 8px 15px; font-size: 14px; line-height: 1.4; font-weight: 400; letter-spacing: 0; text-align: center; color: #333; border-radius: 3px; transition: all 0.4s ease-in-out;} 
.btn:hover{transform: translateY(-1px); box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);}
.btn.btn-border{border: 2px solid #333;}
/*.btn.btn-white{color: #fff;}*/
.btn.btn-white.btn.btn-border{border-color: #fff; color: #fff; background-color: transparent; } 
.btn.btn-white.btn.btn-border:hover{background: #fff; color: #083863}

.btn-red{background: #D76670; color: #fff; box-shadow: 0px 3px 4px #00000029;}
.btn-red:hover{background-color: #333; color: #fff;}
.btn-blue{background: #49A4E3; color: #fff; box-shadow: 0px 3px 4px #00000029;}
.btn-blue:hover{background-color: #F2AC5C; color: #fff;} 
.btn-gray{background: #A8A8A8; color: #fff; box-shadow: 0px 3px 4px #00000029;}
.btn-gray:hover{background-color: #333; color: #fff;}
.btn-white{background: #fff; color: #000000; box-shadow: 0px 3px 4px #00000029;} 
.btn-white:hover{background-color: #333; color: #fff;}

.pull-left{float: left;} 
.pull-right{float: right;}

.modal-backdrop.show {opacity: .8;}

.topContact{display: block;}
.topContact a{color: #fff;font-size: 16px;font-weight: normal;line-height: normal;margin:0;transition: all 0.4s ease-in-out;}
.topContact a .icon{margin-right: 5px; vertical-align: middle;}
.topContact a + a{margin-left: 10px;}
.topContact a + a:before{content: "|"; display: inline-block; margin-right: 15px;}

.headerMain .logo img{width: 200px;}
.headerMain.dark a{color: #333;}


/*--slider-----*/
.bannerSec{width: 100%;display: block; position: relative;overflow: hidden;}

.item{position: relative;width: 100%;display: block;z-index: 1;}
.item .slimg{max-width: 100%; object-fit: cover; margin: 0 auto; /*height: 751px;background-position: center;background-size: cover;*/display: block;}
.item .slimg2{display: none;}
.slidtitle{color: #000;font-size: 40px;font-weight: 600;line-height: 45px;margin-bottom: 20px;}
.titlecolor{color: #317d9f;}
.slidedec{color: #232323;font-size: 16px;line-height: 25px;font-weight: normal;margin: 0;margin-bottom: 25px;}

.bannermain{position: absolute;z-index: 12;top: 0;max-width: 1366px;}
.logomain{width: 100%;padding: 30px 15px 60px 15px;display: inline-block;max-width: 1366px;}
.logomain .leftlogo{float: left;}
.logomain .leftlogo .logoimg{display: inline-block;}

.logomain .rightmail{float: right;}
.logomain .rightmail .mail{color: #fff;font-size: 16px;font-weight: normal;line-height: normal;margin:0;transition: all 0.4s ease-in-out;}
.logomain .rightmail .mail:hover{color: #ed4b23;}
.maketitlemain{padding-left: 380px;}
.maketitlemain .maketitleone{color: #fff;font-size: 34px;line-height: normal;margin: 0;display: block;}
.maketitlemain .maketiltetwo{color: #fff;font-size: 38px;font-weight: 700;line-height: 50px;display: inline-block;
	margin: 0;padding: 8px 15px;background: #ed4b23;}
.maketitlemain .maketiltethree{color: #fff;font-size: 38px;font-weight: 700;line-height: 50px;margin: 0;
	margin-bottom: 15px;}
.maketitlemain .makedec{color:#fff;font-size: 20px;line-height: 29px;font-weight: normal;margin: 0;}

/*.bannerSec .slick-slide img{height: 90vh;}*/
.homeSlider{position: relative; max-width: 1920px; margin: auto; }
.bannerSec .slick-dots{margin: 0;list-style: none;bottom: 30px;justify-content: center;display: flex;
position: absolute;width: 100%;}
.bannerSec .slick-dots li{margin: 0 0.25rem;border-radius: 50%;}
.bannerSec .slick-dots button{display: block;padding: 5px;border: none;border-radius: 50%;background: transparent;font-size: 0;
	border:2px solid #fff;}
.bannerSec .slick-dots li.slick-active button{background-color: #9cbbd6;padding: 5px;border:2px solid #fff;}
/*-- / end slider-----*/
.bannerSec .bannermain .makecol{display: inline-block;max-width: 73%;}
.bannerSec .bannermain .formcol{display: inline-block;max-width: 25.7%;}

/*---contact sec----*/
 .formsec{padding: 25px 20px 30px 20px; background-image: linear-gradient(to bottom, #133d5b, #004b62, #00575a, #006145, #386729);border-radius: 5px;}
 .formsec .formtitle{font-size: 20px;line-height: normal;font-weight: 400;
text-align: center;margin-bottom: 15px;color: #fff539;}
 .formsec .formtitle .forti{font-weight: 600;}
 .contactsec .contacleft .contact .field.halfLayout{width: 100%;}
 .contactsec .contacleft .contact .field.halfLayout{padding-right: 0;margin-bottom: 10px;}
 /*.contactsec .contacleft .contact .field{padding-right: 10px!important;}*/

 .contactsec .contacleft .contact .fieldset{margin-bottom: 30px;}
 .contactsec .contacleft .contact .input-text.textarea{height: auto;}
 .actions-toolbar .primary .btn{width: 100%;}

 .custom-select{padding: 10px;height: 46px;background: #fff url("../images/down.png") no-repeat right 0.75rem center;width: 100%;}
 .custom-select{}
/*---contact sec----*/

/*---form contact-----*/
.contactsec{padding: 0 0px;}
.contactsec .contacleft .contact .input-text::placeholder {color:#666;}
.contactsec .contacleft .contact .input-text:-ms-input-placeholder {color:#666;}
.contactsec .contacleft .contact .input-text::-ms-input-placeholder {color:#666;}
.contactsec .contacleft .contact .fieldset {margin-bottom:10px;}
.contactsec .contacleft .contact .field.comment {margin-bottom:12px;}
.contactsec .contacleft .contact .field.comment:last-child{margin-bottom:0px;}
.contactsec .contacleft {border-radius:4px;}
.contactsec .contacleft .contact .field {margin:0 0 10px;text-align:left;display:inline-block;width:100%;padding:0;}
.contactsec .contacleft .contact .field.halfLayout1{width:100%;float:left;padding: 0; padding-right: 0px;}
.contactsec .contacleft .contact .field.halfLayout1.halfLayout2{width:100%;float:left;padding: 0;}
.contactsec .contacleft .contact .field.halfLayout1:last-child{padding-right: 0;}
.contactsec .contacleft .contact .input-text {width:100%;height:52px;font-size:16px;border-bottom:1px solid #cdcdcd;color:#000;box-shadow:none;border-radius:0px;
font-weight: normal;line-height: 1.4;}
.contactsec .contacleft .contact .actions-toolbar {margin:0;text-align: center;}
.contactsec .contacleft .contact .control{position: relative;}
.contactsec .contacleft .contact .control:after{position: absolute;color: #ff0000;content: "*";right: 8px;top: 7px;font: 14px/18px"Gotham";}

.contactsec .contacleft .contact .field>.label {margin:0 0 3px;}
.contactsec .contacleft .contact .input-text {width:100%;height:46px;padding:10px 12px;font-size:14px;color:#000;
line-height:1.4;resize:none;border-radius: 3px;font-weight: 500;}
.contactsec .contacleft .contact .input-text1{color: #999;cursor: pointer;}
.actions-toolbar .primary .btn {background:#1664a8;color:#fff;display:inline-block;width:100%;padding:12px 25px;font-size:18px;line-height:1.4;font-weight:600;letter-spacing:0;text-align:center;
outline:none !important;transition: all 0.4s ease-in-out;border-radius: 3px;}
.actions-toolbar .primary .btn:hover {color:#1664a8;background: #fff;transform: inherit;}
/*---form contact-----*/


/*----Web Design sec----*/
.webdemain{padding: 95px 0;padding-bottom: 35px;}
.webdemain .webdessec{}
.webdemain .webdessec .flex-column-reverse{display: -webkit-box;}
.webdemain .webdessec .webdetail{padding-top: 95px;padding-right: 60px;}
.webdemain .webdessec .destitle{/* color-image: linear-gradient(to right, #ef373e, #e33f8b, #af65bf, #687fce, #368cbb);*/font-size: 38px;
font-weight: 700;line-height: 46px;margin: 0;
background: linear-gradient(to right, #ef373e, #368cbb);
background: -webkit-linear-gradient(to right, #ef373e, #e33f8b, #af65bf, #687fce, #368cbb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;margin-bottom: 35px;}
.webdemain .webdessec .aboutSecTitle{font-weight: 700;font-size: 22px;color: #000;line-height: 24px;margin: 0;margin-bottom: 15px;}
.webdemain .webdessec .desdec{font-weight: normal;font-size: 18px;color: #000;line-height: 24px;margin: 0;margin-bottom: 25px;}
.webdemain .webdessec .desdec:last-child{margin-bottom: 0;}
.webdemain .webdessec .webdesimg{width: 100%;position: relative;padding-bottom: 95%;padding-top: 130px;}
.webdemain .webdessec .webdesimg img{max-height: 100%;max-width: 100%;position: absolute;left: 0;top: 0px;right:55px;bottom: 0;
margin: auto;display: block;}
.webdemain .webdessec .webdesimg:before{content: "";background: url("../images/dots.png") no-repeat left;right: 0;top: 0;
position: absolute;bottom: inherit;margin: auto;width: 158px;height: 328px;}
/*----Web Design sec----*/

/*------our services-----*/
.servicemain{padding: 95px 0;padding-top: 0;}
.servicemain .servicesec{background: #fafafa;}

.servicemain .servicesec .sertitlemain{padding-left: 45px;/*width: 41.66%;*/}
.servicemain .servicesec .sertitlemain .servicetitle{font-size: 60px;line-height: 80px;color: #e1e1e1;font-weight: 900;margin:0;}
.servicemain .servicesec .sertitlemain .servicedec{font-size: 18px;line-height: 32px;font-weight: 500;color: #000;margin: 0;
position: relative;padding-bottom: 35px;padding-top: 20px;}
.servicemain .servicesec .sertitlemain .servicedec:before{content: "";width: 88px;height: 3px;left: -45px;bottom: 0;
background-image: linear-gradient(to right, #ef373e, #368cbb);position: absolute;}

.servicemain .servicesec .digimain{padding-top: 45px;}
.servicemain .servicesec .digimain .digiser{padding-left: 65px;}
.servicemain .servicesec .digimain .digititlemain{padding-left: 45px;padding-top: 50px;}
.servicemain .servicesec .digimain .digititlemain .digititle{font-size: 28px;line-height: 38px;font-weight: 700;color: #000;margin: 0;}
.servicemain .servicesec .digimain .digititlemain .digidec{font-size: 18px;line-height: 28px;font-weight: 500;color: #000;margin: 0;}
.servicemain .servicesec .digimain .digititlemain .digibtn{margin-top: 45px;width: 130px;}
.servicemain .servicesec .digimain .digititlemain .digibtn .btn{color: #000;font-size: 14px;font-weight: 600;border:2px solid #000;
border-radius: 50px;background: transparent;line-height: normal;padding: 8px 23px;transition: all .4s ease-in-out;min-width: 0;}
.servicemain .servicesec .digimain .digititlemain .digibtn .btn .icon{margin-left: 3px;color: #000;vertical-align: middle;font-size: 14px;
transition: all .4s ease-in-out;}
.servicemain .servicesec .digimain .digititlemain .digibtn:hover .btn{transform: none;box-shadow: none;color: #fff;
	background-image: linear-gradient(to right, #ef373e, #368cbb);border:2px solid transparent;}
	.servicemain .servicesec .digimain .digititlemain .digibtn:hover .icon{color: #fff;}
.servicemain .digimain .digiimgsec{padding-top: 130px;}
.servicemain .digimain .digiimgsec .digiimg{width: 100%;position: relative;padding-bottom: 52%;}
.servicemain .digimain .digiimgsec .digiimg img{max-height: 100%;max-width: 100%;position: absolute;left: 0;top: 0px;bottom: 0;
margin: auto;display: block;}

.servicemain .sercategory{padding-top: 95px;}
.servicemain .sercategory .catemain{margin: auto;white-space: nowrap;overflow: auto;max-width: 100%;border-bottom: 2px solid #eee;
display: inline-block;}
.servicemain .sercategory .catemain .sercet{margin: auto;display: inline-block;text-align: center;padding: 0 0px;}
.servicemain .sercategory .catemain .sercet .serbtn{color: #666;transition: all 0.4s ease-in-out;font-size: 18px;line-height: normal;
font-weight: 600;padding-bottom: 20px;padding-left: 62px;padding-right: 62px;display: inline-block;}
/*.servicemain .sercategory .catemain .sercet .serbtn.nav-link{border:0;}*/
.servicemain .sercategory .nav-tabs .nav-link{border: 0px solid transparent;border-top-left-radius: 0;border-top-right-radius: 0;}
.servicemain .sercategory .catemain .sercet .serbtn:hover{color: #000;border:0;
border-bottom: 12px solid;border-image: linear-gradient(to right, #ef373e, #368cbb)1;background: transparent;}
.servicemain .sercategory .catemain .sercet .active{color: #000;border:0;
border-bottom: 12px solid;border-image: linear-gradient(to right, #ef373e, #368cbb)1;background: transparent;}

/*------our services-----*/

/*-----Enquire now-----*/
.freeconssec{background-image: linear-gradient(to left, #ef373e, #368cbb);padding: 45px 0;}
.freeconssec .freecon{text-align: center;}
.freeconssec .freecon .getfree{position: relative;display: inline-block;vertical-align: middle;padding-left: 95px;}
.freeconssec .freecon .getfree img{left: 0;position: absolute;content: "";top: 13px;}
.freeconssec .freecon .getfree .gettilte{font-size: 38px;line-height: normal;font-weight: 700;color: #fff;margin: 0;text-align: left;}
.freeconssec .freecon .getfree .getdec{font-size: 26px;line-height: normal;color: #fff;font-weight:normal;margin: 0;text-align: left;}
.freeconssec .freecon .getbtn{display: inline-block;vertical-align: middle;padding-left: 90px;}
.freeconssec .freecon .getbtn .btn{text-align: center;font-size: 21px;line-height: 21px;font-weight: 600;color: #fff;
background: #0072bc;transition: all 0.4s ease-in-out;padding: 14px 25px;border:0;}
.freeconssec .freecon .getbtn .btn .icon{margin-left: 3px;font-size: 25px;line-height: 21px;vertical-align: middle;color: #fff;
transition: all 0.4s ease-in-out;}
.freeconssec .freecon .getbtn .btn:hover{color:#0072bc;background: #fff;transform: inherit;box-shadow: none;}
.freeconssec .freecon .getbtn .btn:hover .icon{color: #0072bc;}
/*-----Enquire now-----*/

/*-----digital marketing----*/
.digitalmarmain{width: 100%;position: relative;}
.digitalmarmain:before{content: "";background: url("../images/digitalmarimg.png") no-repeat left;right: 0;top: inherit;position: absolute;
bottom: 0;margin: auto;width: 100%;height: 355px;left: 0;background-position: center;z-index: -2;}

.digitalmarmain .digitalmarsec{padding-top: 85px;padding-bottom: 135px;}
.digitalmarmain .digitalmarsec .digimartitmain{}
.digitalmarmain .digitalmarsec .digimartitmain .digimartitle{font-size: 38px;font-weight: 700;line-height: 46px;
margin: 0;background: linear-gradient(to right, #ef373e, #368cbb);-webkit-background-clip: text;text-align: center;
-webkit-text-fill-color: transparent;margin-bottom: 10px;}
.digitalmarmain .digitalmarsec .digimartitmain .digimardec{font-weight: 500;font-size: 18px;color: #000;
line-height: 24px;margin: 0;margin-bottom: 80px;text-align: center;}


.digitalmarmain .digitalmarsec .packlist{display: block;margin: auto;max-width: 1055px;width: 100%;}
.digitalmarmain .digitalmarsec .packlist .packbox{display: inline-block;vertical-align: top;text-align: center;
width: 33.33%;background: #fff;margin: 0 -3px;padding: 55px 40px 40px 53px;box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.12);}
.digitalmarmain .digitalmarsec .packlist .packbox:nth-child(2){width: calc(33.33% + 40px);margin: -30px -20px;
position: relative;z-index: 2;padding: 46px 65px 80px 64px;border: 2px solid;
border-image: linear-gradient(#368cbb, #ef373e)1;}


.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle{margin-bottom: 25px;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle .dimarpopul{color: #ef373e;font-weight: 800;font-size: 16px;
line-height: 38px;margin:0;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle .dimartitle{font-size: 30px;line-height: 38px;font-weight: 600;text-align: center;
color: #000;margin: 0;margin-bottom: 12px;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle .dimarstar{font-size: 18px;font-weight: normal;text-align: center;
	background: linear-gradient(to right, #ef373e, #368cbb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
	line-height: normal;margin-bottom: 2px;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle .dimarpac{font-size: 40px;line-height: 48px;text-align: center;
	font-weight: 800;background: linear-gradient(to right, #ef373e, #368cbb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.digitalmarmain .packlist .packbox .digimarpacstar{}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac{margin-bottom: 40px;min-height: 418px;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpacdetail{font-size: 14px;font-weight: 600;line-height: 34px;text-align: left;position: relative;padding-left: 35px;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpacdetail1{font-size: 14px;font-weight: 600;line-height: 34px;text-align: left;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpsmall1{text-align: left;font-size: 14px;font-weight:normal;position: relative;padding-left: 35px;line-height: 34px;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpsmall{text-align: left;font-size: 14px;font-weight:normal;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpacdetail .dimarpsmall1{font-weight: normal;font-size: 14px;
color: #000;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpacdetail .dimarpsmall{font-weight: normal;font-size: 14px;
color: #000;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpacdetail .icon{color: #999;vertical-align: middle;
font-size: 21px;position: absolute;top: 0;left: 0;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpsmall1 .icon{color: #999;vertical-align: middle;
font-size: 21px;position: absolute;top: 0;left: 0;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpsmall .icon{color: #999;margin-right: 13px;vertical-align: middle;
font-size: 21px;}
.digitalmarmain .packlist .packbox .getbtn{display: inline-block;vertical-align: middle;}
.digitalmarmain .packlist .packbox .getbtn .btn{text-align: center;font-size: 18px;line-height: 18px;font-weight: 600;color: #fff;
background: #0072bc;transition: all 0.4s ease-in-out;padding: 15px 25px;border:2px solid transparent;}
.digitalmarmain .packlist .packbox .getbtn .btn .icon{margin-left: 10px;font-size: 18px;line-height: 18px;vertical-align: middle;
color: #fff;transition: all 0.4s ease-in-out;}
.digitalmarmain .packlist .packbox .getbtn .btn:hover{color: #0072bc;background: #fff;transform: inherit;box-shadow: none;
border:2px solid #0072bc;}
.digitalmarmain .packlist .packbox .getbtn .btn:hover .icon{color: #0072bc;}


.digitalmarmain .collapse:not(.show){display: block;}
/*-----digital marketing----*/

/*---our clients say----*/
.clientmain{padding: 80px 0;}
.testimonials{position: relative;}
.testimonials::before{content: '';width: 9.625rem;height: 8.125rem;position: absolute;left: -103px;top: 30px;
background: url(https://www.makemyfirm.ae/wp-content/themes/makemyfirm/css/../img/svg/quote.svg) no-repeat left top;
background-size: auto;z-index: -1;opacity: .05;background-size: 100% 100%;}
.secHead{display: block;margin-bottom: 22px;position: relative;}
.secHead .secTitle{font-size: 30px;color: #0072bc;font-weight: 600;margin-bottom: 1.5rem;
line-height: 1.4;}
.testimonials .testimonialSlider{width: 100%;display: block;}
.testimonials .testimonialSlider .testimonialBox{display: inline-block;width: auto;padding: 10px;}
.testimonials .testimonialSlider .testimonialBox .testimonialBoxInner{display: block;padding: 28px;background: #fff;border-radius: 20px;
box-shadow: -1.798px -.877px 9.1px 3.9px rgba(150,149,119,.08);text-align: center;}
.testimonials .testimonialSlider .testimonialBox .testimonialBoxInner p{display: block;font-size: 16px;line-height: 1.4;color: #000;}
.testimonials .testimonialSlider .testimonialBox .testimonialBoxInner .clientName{display: block;font-size: 18px;line-height: 1.4;
color: #000;font-weight: 600;margin-bottom: 5px;}
.testimonials .testimonialSlider .testimonialBox .testimonialBoxInner .startIcon{display: inline-block;vertical-align: top;width: 81px;height: 15px;
background: url(../images/reting-star.png) left bottom repeat-x;}
.testimonials .testimonialSlider .testimonialBox .testimonialBoxInner .startIcon span{display: block;width: auto;height: 15px;
background: url(../images/reting-star.png) left top repeat-x;}

.testimonials .slick-dots{display: block;width: 100%;text-align: center;list-style: none;margin: 1.5rem 0 0 0;}
.testimonials .testimonialSlider .slick-dots li{border: 2px solid #0072bc;background: #fff;border-radius: 50%;opacity: 1;}
.testimonials .slick-dots li{display: inline-block;vertical-align: top;margin: 0 4px;font-size: 0;width: .875rem;height: .875rem;
background-color: #fff;border-radius: 50%;cursor: pointer;font-size: 0;opacity: .4;}
.testimonials .testimonialSlider .slick-dots li.slick-active{background: rgba(0,114,188,.4);}


/*---our clients say----*/

/*----Footer sec---*/

.footerMain .col-lg-4{flex: 0 0 28.57143%;max-width: 28.57143%;}
.footerMain .col-lg-3{flex: 0 0 21.42857%;max-width: 21.42857%;}
.footerMain{display: block;background: linear-gradient(to bottom,#117cc0 0,#005b95 100%);padding: 70px 0;}
.d-lg-block{display: block !important;}
.footerMain .footBox{display: block;width: 100%;color: #fff;}
.footerMain .footBox .footTitle{display: block;width: 100%;font-size: 1.25rem;color: #fff;margin-bottom: 1.25rem;}
.footerMain .footBox .footCon{display: block;width: 100%;}
.footerMain .footBox .footCon p{color: #fff;font-size: .875rem;line-height: 1.57;font-weight: 400;}
.footerMain .footBox .footCon .footCertificat{display: block;}
.footerMain .footBox .footCon .footCertificat img{display: inline-block;}
.footerMain .footBox .footCon .footCertificat img ~ img{margin-left: 15px;}
.footerMain .footBox .footCon ul{list-style: none;}
.footerMain .footBox .footCon ul li{display: block;font-size: .875rem;line-height: 1.4;margin-bottom: 10px;}
.footerMain .footBox .footCon ul li a{display: block;color: #fff;padding-left: 14px;position: relative;transition: all .4s ease-in-out;}
.footerMain .footBox .footCon ul li a::before{content: '';position: absolute;width: 6px;height: 6px;
border-right: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
left: 0;top: 0;bottom: 2px;margin: auto;transition: all .4s ease-in-out;}
.footerMain .footBox .footCon .footContact{display: block;width: 100%;margin-bottom: 20px;}
.footerMain .footBox .footCon .footContact p{display: block;font-size: .875rem;}
.footerMain .footBox .footCon .footContact p a{color: #fff;margin-top: 5px;display: block;font-weight: 700;}
.svgImg{display: inline-block;font-size: inherit;width: 1em;height: 1em;overflow: visible;vertical-align: -.125em;}
.footerMain .footBox .footCon ul li a:hover::before{left: 10px;}
.footerMain .footBox .footCon ul li a:hover{padding-left: 24px;font-weight: 700;}


.copyRight{display: inline-block;vertical-align: top;width: 100%;background: #004673;padding: 15px 0;}
.copyRight p{color: #fff;font-size: .875rem;line-height: 1.4;margin: 0;}
.pull-left{float: left;}
.pull-right{float: right;}
.copyRight p.powerdBy a{display: inline-block;margin: -4px 0;width: 38px;}
.copyRight p a{color: #fff;}



/*----Footer sec---*/

/*-----The Modal -----*/
/*Popup Design start*/

.popupMain,
.viewpopupMain {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
  text-align: center;
  overflow: auto;
  opacity: 1;
  visibility: visible;
  transition: 300ms all;
  -webkit-transition: 300ms all;
  padding: 15px;
  margin: auto;
}
.popupMain {
  z-index: 999999;
}
.popupMain:before,
.viewpopupMain:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: -5px;
  height: 100%;
}
/*.popVisible {
  opacity: 1;
  visibility: visible;
}*/
.overlayer {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: 300ms all;
  -webkit-transition: 300ms all;
}
.popVisible .overlayer {
  opacity: 1;
  visibility: visible;
}
.popBody {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  position: relative;
  z-index: 99;
  transition: 600ms all;
  -webkit-transition: 600ms all;
  background: #fff;
  max-width: 500px;
  width: 100%;
  height: auto;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
  border-radius: 7px;
  border:0;
}
.popBody:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 50px;
  background-color: #fff;
  content: '';
  z-index: -1;
}
.popVisible .popBody {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.closePopup {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  transition: all 0.4s ease-in-out;
  z-index: 2;
}
.inputBox .inputFils::placeholder {color:#000;}
.inputBox .inputFils:-ms-input-placeholder {color:#000;}
.inputBox .inputFils::-ms-input-placeholder {color:#000;}
.closePopup:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 77%;
  height: 2px;
  background: #fff;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: 600ms all;
  -webkit-transition: 600ms all;
}
.closePopup:after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 77%;
  height: 2px;
  background: #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 600ms all;
  -webkit-transition: 600ms all;
}
.popTGreen {
  background: #1664a8;
}
.poptitle {
  display: block;
  padding: 7px 19px;
  position: relative;
}
.poptitle:after {
  content: '';
  background: url(../images/search-shedo.png) no-repeat right top;
  width: 85px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(180deg);
}
.poptitle:before {
  content: '';
  background: url(../images/search-shedo.png) no-repeat left top;
  width: 85px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
}
.poptitle .dircTitle {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  padding: 6px;
}
.popDetails {
  padding: 15px;
  float: left;
  width: 100%;
}
.inputTextarea {
  height: 100px;
}
.stepsBtn.inputBox {
  text-align: right;
}
.bodyFixed {
  overflow: hidden;
}
.closePopup:hover {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.closePopup:hover:before,
.closePopup:hover:after {
  background: #FF0000;
}
.popBody .fieldCol3,
.popBody .fieldCol2 {
  padding: 0 10px;
  margin-top: 0;
  margin-bottom: 20px;
}
.popBody .formfield {
  border: 1px solid #e1e1e1;
  background: transparent;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
}
.popBody .formfield.messageBx {
  height: 100px;
  border-radius: 10px;
  padding: 10px 25px;
}
.popBody .formField.cptcha {
  width: 100%;
  padding-left: 0;
}
.popBody .cptcha {
  margin-top: 5px;
}
.popBody .captchaBox label.error {
  left: 0;
  min-width: 136px;
  top: -10px;
}
.popBody .formField.submitBtn {
  width: 100%;
  margin-top: 10px;
}
.popBody .submit-btn {
  height: 45px;
  line-height: 45px;
  max-width: 223px;
}
.popBody .formfield::-webkit-input-placeholder,
.popBody .formfield::-moz-placeholder,
.popBody .formfield::-ms-input-placeholder {
  font-size: 16px;
}
.inputFils {
    display: block;
    width: 100%;
    height: 55px;
    border: 0;
    padding: 20px;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    border-radius: 0;
}
.star::after{color: #ff0000;
content: "*";position: absolute;
right: 8px;
top: 7px;font: 14px/18px"Gotham";}
.inputFils.inputTextarea {
    resize: none;
    min-height: 110px;
}
.popupMain .inputFils {
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 15px;
  height: 45px;
}
.captchaBox {
    display: inline-block;
    padding: 20px 15px 0;
    position: relative;
    vertical-align: middle;
}
.bg {
    background: #fff url("../images/sprite-steps.png") repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 5px;
    float: left;
    height: 30px;
    width: 32px;
}

.enqFrmBtn {
    font-size: 16px;
    margin-top: 0;
    border-radius: 5px;
    width: 100%;
    background: #1664a8;
    border: 3px solid #1664a8;
        border-top-width: 3px;
        border-right-width: 3px;
        border-bottom-width: 3px;
        border-left-width: 3px;
    color: #fff;
    text-align: center;
    border-width: 2px;
    padding: 10px;
    max-width: 240px;
}

.captchaText {
    color: #fff;
    float: left;
    font-size: 14px;
    line-height: 29px;
    margin-left: 40px;
    white-space: nowrap;
}
.captchaBox label.error {
    left: 15px;
    right: inherit;
    top: 0px;
}
label.error {
    position: absolute;
    right: 0;
    top: -20px;
    width: auto;
    height: auto;
    margin: 0;
    font-size: 12px !important;
    line-height: 11px !important;
    background: #fb0101;
    padding: 5px 5px 4px !important;
    color: #fff;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    min-width: 106px;
}
.popupMain .captchaText {
  color: #000;
}
.popupMain .bg {
  border: 1px solid #000;
}
.popupMain .captchaBox {
  padding: 10px 0 0;
}
.popDetails .btn {
  margin-top: 10px;
  background: #1664a8;
  font-weight: 600;
  font-size: 16px;
}
.popDetails .btn:hover {
    background: #fff;
    color: #eb1d2f;
    transform: none;
    box-shadow: none;
}
.enqFrmBtn:hover {
    background: #fff;
    color: #1664a8;
    border-color: #1664a8;
}
.popDetails .enquiryFormUl li {
float: left;
width: 100%;
  margin: 0;
}
.popDetails .enquiryFormUl li .inputBox {
  margin: 15px 0 0;
}
.inputBox {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 20px 0 0;
    vertical-align: top;
}
.popDetails .enquiryFormUl li:first-child .inputBox {
  margin: 0;
}

.field.choice.newsletter.checkboxdiv {
    display: inline-block;
}
.checkboxdiv input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.checkbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.field.newsletter > .label {
    display: inline-block;
    margin: 0;
        margin-top: 0px;
}
.checkboxdiv span {
    font-size: 14px;
    line-height: 31px;
    padding: 0 0px 0 40px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    display: inline-block;
    color: #000;
}
.checkboxdiv span::before {
    content: "";
    border: 1px solid #000;
    background: #fff;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0px;
    display: inline-block;
}
.checkboxdiv input:checked ~ label span::before {
    content: "";
    border: 1px solid #000;
    background: #fff url(../images/sprite-steps.png) no-repeat center center;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0px;
    display: inline-block;
}

.formcol {position: absolute; right:0; top:0; z-index: 99; max-width: 380px !important; z-index: 12;}
 
.headerMain {display: block;
    padding: 20px 0;
    position: absolute;
    left: 00;
    right: 0;
    top: 0;
    z-index: 999;}
.headerMain .logo { 
    display: inline-block;
    vertical-align: top;
    max-width: 130px;
    width: 100%;
    padding:0px 0;
    float: left;
}
.headerMain .rightmail{color: #fff; transition: all 0.4s ease-in-out;}
.headerMain .rightmail:hover{color: #fff539;}
.page_thankyou {
    padding: 6rem 0;
    min-height: calc(100vh - 280px);
    display: table;
    width: 100%;
}
.page_thankyou .page_thankyouInner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}

.page_thankyou .page_thankyouInner img {display: inline-block;}

.top_form {position: absolute; right: 0; left: 0; width: 100%; top: 80px;}
.top_form .container {position: relative;}


/*Popup Design end*/
/*-----The Modal -----*/
@media only screen and (min-width:767px){
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle{pointer-events: none;}
}
@media only screen and (max-width:1440px){
/*.digitalmarmain .digitalmarsec .packlist{max-width: 1366px;}*/
/*.formcol {right: 20px; max-width: 26% !important;}*/
}


@media only screen and (min-width:1200px){
.homeSlider  .item .slimg{max-width: inherit; position: relative; left: 50%; transform: translateX(-50%);}
.top_form{top: 50%;margin-top: -220px;}
}


@media only screen and (max-width:1290px){
	/*--slider-----*/
.maketitlemain{padding-left:404px; padding-right: 26px;}
.bannerSec .bannermain .makecol{display: inline-block;max-width: 73%;}
.bannerSec .bannermain .formcol{display: inline-block;max-width: 26.6%;}
.maketitlemain .maketiltetwo{font-size: 34px;}
/*--slider-----*/

/*----Web Design sec----*/
.webdemain{padding: 95px 0;}
/*----Web Design sec----*/

/*------our services-----*/
.servicemain .sercategory .catemain .sercet .serbtn{padding-left: 55px;padding-right: 55px;}
/*------our services-----*/

.formcol {top: 20%;}
}
@media only screen and (max-width:1199px) {
	

/*--slider-----*/
.homeSlider .item .slimg {
    max-width: 1600px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -100px;
}
.bannerSec .bannermain .makecol{float: left;}
.contactsec .contacleft .contact .field.halfLayout{margin-bottom: 7px;}
.contactsec .contacleft .contact .input-text{height: 40px;}
/*.item .slimg{height: 100%;}*/
/*.bannerSec .overlay{height: 100%;width: 100%;background: rgba(0,0,0,0.4);}*/
.bannermain{height: 100%;width: 100%;background: rgba(0,0,0,0.5);}

.logomain{padding: 30px 15px 30px 15px;}
.maketitlemain{padding-left: 0; padding-top: 30px;}
.bannerSec .bannermain .makecol{max-width: 68%;}
.bannerSec .bannermain .formcol{max-width: 31.5%;}
.formsec .formtitle{font-size: 18px;}
.actions-toolbar .primary .btn{font-size: 16px;}
.maketitlemain .maketitleone{font-size: 30px;}
.maketitlemain .maketiltetwo{font-size: 32px;}
.maketitlemain .maketiltethree{font-size: 32px;}
.maketitlemain .makedec{font-size: 16px;}
.logomain{padding: 20px 15px 20px 15px;}
/*--slider-----*/

/*----Web Design sec----*/
.webdemain{padding: 50px 0;}
.webdemain .webdessec .webdetail{padding-top: 55px;padding-right: 0;}
.webdemain .webdessec .destitle{font-size: 28px;line-height: 38px;margin-bottom: 20px;}
.webdemain .webdessec .desdec{font-size: 16px;margin-bottom: 15px;}
.webdemain .webdessec .desimgcol{padding-top: 40px;}
.webdemain .webdessec .webdesimg{padding-top: 0;}
.webdemain .webdessec .webdesimg::before{top: -30px;width: 141px;height: 234px;}
.webdemain .webdessec .webdesimg{padding-bottom: 102%;}
/*----Web Design sec----*/

/*------our services-----*/
.servicemain .servicesec .digimain{padding-top: 50px;}
.servicemain{padding-bottom: 50px;}
.servicemain .servicesec .digimain .digiser{padding-left: 15px;}
.servicemain .servicesec .sertitlemain{padding-left: 20px;}
.servicemain .servicesec .sertitlemain .servicedec::before{width: 65px;left: -20px;}
.servicemain .servicesec .sertitlemain .servicetitle{font-size: 50px;line-height: 50px;}
.servicemain .servicesec .sertitlemain .servicedec{font-size: 16px;line-height: 28px;padding-top: 15px;padding-bottom: 25px;}
.servicemain .servicesec .digimain .digititlemain{padding-left: 20px;padding-top: 30px;}
.servicemain .servicesec .digimain .digititlemain .digibtn{margin-top: 30px;width: auto;}
.servicemain .servicesec .digimain .digititlemain .digititle{font-size: 24px;line-height: 34px;}
.servicemain .servicesec .digimain .digititlemain .digidec{font-size: 16px;line-height: 26px;}
.servicemain .digimain .digiimgsec{padding-top: 35px;}
.servicemain .digimain .digiimgsec .digiimg img{right: 0;}
.servicemain .sercategory .catemain .sercet .serbtn{font-size: 16px;padding-left: 37px;padding-right: 37px;}
.servicemain .sercategory{padding-top: 50px;}
/*------our services-----*/

/*-----Enquire now-----*/
.freeconssec{padding: 25px 0;}
.freeconssec .freecon .getfree img{width: 50px;}
.freeconssec .freecon .getfree{padding-left: 70px;}
.freeconssec .freecon .getfree .gettilte{font-size: 30px;}
.freeconssec .freecon .getfree .getdec{font-size: 20px;}
.freeconssec .freecon .getbtn .btn{font-size: 16px;line-height: 16px;}
.freeconssec .freecon .getbtn .btn .icon{font-size: 21px;line-height: 18px;}
/*-----Enquire now-----*/

/*-----digital marketing----*/
.digitalmarmain .digitalmarsec{padding-top: 50px;padding-bottom: 100px;}
.digitalmarmain .digitalmarsec .digimartitmain .digimartitle{font-size: 30px;line-height: 36px;}
.digitalmarmain .digitalmarsec .digimartitmain .digimardec{font-size: 16px;line-height: 22px;margin-bottom: 60px;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle .dimartitle{font-size: 24px;line-height: 34px;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle .dimarpopul{font-size: 14px;line-height: 36px;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle .dimarpac{font-size: 34px;line-height: 42px;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle{margin-bottom: 15px;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpacdetail .icon{font-size: 18px;margin-right: 10px;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpsmall1 .icon{font-size: 18px;margin-right: 10px;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpsmall .icon{font-size: 18px;margin-right: 10px;}
.digitalmarmain .digitalmarsec .packlist .packbox{padding: 55px 35px 40px 50px;}
.digitalmarmain .digitalmarsec .packlist .packbox:nth-child(2){padding: 46px 65px 80px 65px;}
.digitalmarmain .packlist .packbox .getbtn .btn{font-size: 16px;line-height: 16px;}
.digitalmarmain .packlist .packbox .getbtn .btn .icon{font-size: 16px;line-height: 16px;margin-left: 5px;}
/*-----digital marketing----*/

/*---our clients say----*/
.clientmain{padding: 50px 0;}
/*---our clients say----*/

/*.formcol {right:0px; max-width: 36% !important; top: 55px;}*/
.headerMain{padding: 10px 0}
.top_form {top: 95px;}

}

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

/*--slider-----*/
.logomain .leftlogo .logoimg{width: 100px;}
.logomain .rightmail .mail{font-size: 14px;}
.maketitlemain .maketitleone{font-size: 24px;}
.maketitlemain .maketiltetwo{font-size: 26px;line-height: 35px;}
.maketitlemain .maketiltethree{font-size: 26px;line-height: 35px;margin-bottom: 10px;}
.maketitlemain .makedec{font-size: 14px;}
.bannerSec .bannermain .makecol{max-width: 60%;}
.bannerSec .bannermain .formcol{max-width: 39.4%;}
.actions-toolbar .primary .btn{font-size: 14px; max-width: 320px;}
.logomain{padding: 15px;}

.homeSlider .item .slimg {
    max-width: 990px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
     margin-left: 0; 
}

.top_form{position: static;}
.top_form .container{padding: 0;}
.top_form .formcol{position: static; padding: 0; max-width: 100% !important;}
.formsec{border-radius: 0;}
.contactsec .contacleft .contact .field{float: left; padding: 0 5px; margin-bottom: 7px;}
.contactsec .contacleft .contact .field.halfLayout, .contactsec .contacleft .contact .field.halfLayout1.halfLayout2, .contactsec .contacleft .contact .field.halfLayout1{width: 50%; padding: 0 5px;}
#captch_element1{display: inline-block; width: 100%; padding: 0 5px;}

/*--slider-----*/

/*----Web Design sec----*/
.webdemain{padding: 30px 0;}
.webdemain .webdessec .webdetail{padding-top: 30px;}
.webdemain .webdessec .destitle{font-size: 20px;line-height: 28px;margin-bottom: 10px;}
.webdemain .webdessec .desdec{font-size: 14px;margin-bottom: 10px;line-height: 22px;}
.webdemain .webdessec .webdesimg{padding-bottom: 100%;}
/*----Web Design sec----*/
	
/*------our services-----*/
.servicemain .servicesec .digimain{padding-top: 30px;}
.servicemain{padding-bottom: 30px;}
.servicemain .servicesec .sertitlemain .servicetitle{font-size: 36px;line-height: 36px;}
.servicemain .servicesec .sertitlemain .servicedec{font-size: 14px;line-height: 22px;padding-top: 10px;padding-bottom: 20px;}
.servicemain .servicesec .digimain .digititlemain{padding-top: 20px;}
.servicemain .servicesec .digimain .digititlemain .digititle{font-size: 20px;line-height: 30px;}
.servicemain .servicesec .digimain .digititlemain .digidec{font-size: 14px;line-height: 22px;}
.servicemain .servicesec .digimain .digititlemain .digibtn{margin-top: 20px;}
.servicemain .sercategory{padding-top: 30px;}
.servicemain .sercategory .catemain .sercet .serbtn{font-size: 14px;padding-left: 20px;padding-right: 20px;padding-bottom: 10px;}
.servicemain .sercategory .catemain .sercet .active{border-bottom: 6px solid;}
.servicemain .sercategory .catemain .sercet .serbtn:hover{border-bottom: 6px solid;}
/*------our services-----*/

/*-----Enquire now-----*/
.freeconssec .freecon .getfree .gettilte{font-size: 24px;}
.freeconssec .freecon .getfree .getdec{font-size: 16px;}
.freeconssec .freecon .getfree img{width: 40px;}
.freeconssec .freecon .getfree{padding-left: 55px;}
.freeconssec .freecon .getbtn .btn{font-size: 14px;padding: 10px 25px;line-height: normal;}
.freeconssec .freecon .getbtn .btn .icon{font-size: 16px;line-height: normal;}
.freeconssec .freecon .getbtn{padding-left: 50px;}
/*-----Enquire now-----*/

/*-----digital marketing----*/
.digitalmarmain .digitalmarsec{padding-top: 30px;padding-bottom: 80px;}
.digitalmarmain .digitalmarsec .digimartitmain .digimartitle{font-size: 24px;line-height: 32px;}
.digitalmarmain .digitalmarsec .digimartitmain .digimardec{font-size: 14px;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle .dimartitle{font-size: 20px;line-height: 30px;margin-bottom: 5px;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle .dimarstar{font-size: 16px;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle .dimarpac{font-size: 28px;line-height: 38px;}

.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle{margin-bottom: 10px;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpacdetail .icon{font-size: 16px;margin-right: 5px;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpsmall1 .icon{font-size: 16px;margin-right: 5px;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpsmall .icon{font-size: 16px;margin-right: 5px;}
.digitalmarmain .packlist .packbox .getbtn .btn{font-size: 14px;padding: 12px 15px;}
.digitalmarmain .packlist .packbox .getbtn .btn .icon{font-size: 14px;line-height: 14px;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpacdetail{position: relative;padding-left: 25px;line-height: 22px;
margin-bottom: 10px;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpacdetail:last-child{margin-bottom: 0;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpacdetail .icon{position: absolute;left: 0;top: 0;}

.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpsmall1{position: relative;padding-left: 25px;line-height: 22px;
margin-bottom: 10px;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpacdetail1{line-height: 22px;}

.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpsmall:last-child{margin-bottom: 0;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpsmall1 .icon{position: absolute;left: 0;top: 0;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac .dimarpsmall .icon{position: absolute;left: 0;top: 0;}

.digitalmarmain .digitalmarsec .packlist{max-width: 100%;width: 100%;overflow: scroll;white-space: nowrap;}
.digitalmarmain .digitalmarsec .packlist .packbox{padding: 20px;width: auto;}
.digitalmarmain .digitalmarsec .packlist .packbox:nth-child(2){padding: 20px;width: auto;margin: 0;}

/*---our clients say----*/

.testimonials .testimonialSlider .testimonialBox .testimonialBoxInner{padding: 20px;}
.testimonials .slick-dots{height: 8px;}
.testimonials .slick-dots li{width: 8px;height: 8px;}
.secHead .secTitle{font-size: 20px;}
.testimonials .testimonialSlider .testimonialBox .testimonialBoxInner p{font-size: 14px;}
.testimonials .testimonialSlider .testimonialBox .testimonialBoxInner .clientName{font-size: 16px;}
/*---our clients say----*/
/*----Footer sec---*/
.footerMain{padding: 20px 0;}
.footerMain .col-sm-12{flex: 0 0 85.71429%;max-width: 85.71429%;}
.footerMain .footBox .footCon{width: auto;min-width: 100%;}
.footerMain .footBox .footCon .footContact{display: inline-block;vertical-align: top;width: 50%;margin: 0px;}
.footerMain .footBox .footTitle{font-size: 16px;margin-bottom: 10px;}
.footerMain .d-none{display: none!important;}s
.copyRight p{font-size: 14px;line-height: 1.4;margin: 0;}
/*----Footer sec---*/


}
@media only screen and (max-width:767px) {
.headerMain.dark a{color: #fff;}
.headerMain.dark{background: #fff}
/*--slider-----*/

.item .slimg{display: none;}
.item .slimg2{display: block;width: 100%;}
.bannermain{position: static;}
/*.item .slimg{height: 300px;}*/
.logomain .leftlogo .logoimg{width: 100px;}
.bannerSec .bannermain .makecol{max-width: 100%;position: absolute;z-index: 12;top: 13%;}
.bannerSec .bannermain .formcol{max-width: 100%;}
.formsec{margin-left: -15px;margin-right: -15px;border-radius: 0;}
.logomain{position: absolute;z-index: 12;top: 0;}
.maketitlemain{text-align: center;}
.maketitlemain .maketitleone{font-size: 18px;}
.maketitlemain .maketiltetwo{font-size: 20px;line-height: 28px;}
.maketitlemain .maketiltethree{font-size: 20px;line-height: 28px;margin-bottom: 5px;}
.maketitlemain .makedec{line-height: normal;}
.bannerSec .slick-dots{top: 37%;bottom: inherit;}
.bannerSec .slick-dots li.slick-active button{padding: 4px;border:1px solid #fff;}
.bannerSec .slick-dots button{padding: 4px;border:1px solid #fff;}
/*--slider-----*/

/*----Web Design sec----*/
.webdemain{padding: 20px 0;}
.webdemain .webdessec .webdetail{padding-top: 0;}
.webdemain .webdessec .destitle{font-size: 16px;line-height: normal;margin-top: 15px;}
.webdemain .webdessec .flex-column-reverse{display: flex;}
/*----Web Design sec----*/


/*------our services-----*/
.servicemain .servicesec .digimain{padding-top: 20px;}
.servicemain .servicesec .sertitlemain{padding-left: 10px;}
.servicemain .servicesec .sertitlemain .servicedec::before{left: -10px;}
.servicemain .servicesec .sertitlemain .servicetitle{font-size: 30px;line-height: 34px;}
.servicemain .servicesec .sertitlemain .servicetitle{padding-top: 5px;padding-bottom: 15px;}
.servicemain .servicesec .digimain .digititlemain{padding-left: 10px;padding-top: 15px;}
.servicemain .servicesec .digimain .digititlemain .digititle{font-size: 18px;line-height: 28px;}
.servicemain .servicesec .digimain .digititlemain .digibtn{margin-top: 15px;}
.servicemain .servicesec .digimain .digititlemain .digibtn .btn{padding: 6px 20px;}
.servicemain .servicesec .digimain .digititlemain .digidec{padding-right: 5px;}
/*------our services-----*/

/*-----Enquire now-----*/
.freeconssec{padding: 20px 0;}
.freeconssec .freecon .getfree img{top: 7px;}
.freeconssec .freecon .getfree .gettilte{font-size: 20px;}
.freeconssec .freecon .getfree .getdec{font-size: 14px;}
.freeconssec .freecon .getbtn{padding-left: 0;padding-top: 15px;}
.freeconssec .freecon .getbtn .btn{padding: 8px 25px;}
/*-----Enquire now-----*/

/*-----digital marketing----*/
.digitalmarmain .digitalmarsec{padding-top: 20px;padding-bottom: 20px;}
.digitalmarmain .digitalmarsec .digimartitmain .digimartitle{font-size: 20px;line-height: 30px;}
.digitalmarmain .digitalmarsec .digimartitmain .digimardec{margin-bottom: 30px;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac{margin-bottom: 20px;min-height: 374px;}

.digitalmarmain .collapse:not(.show){display: none;}
.digitalmarmain .digitalmarsec .packlist{overflow: hidden;white-space: inherit;}
.digitalmarmain .digitalmarsec .packlist .packbox{padding: 10px;width: 100%;margin-bottom: 15px;}
.digitalmarmain .digitalmarsec .packlist .packbox:last-child{margin-bottom: 0;}
.digitalmarmain .digitalmarsec .packlist .packbox:nth-child(2){padding: 10px;width: 100%;margin-bottom: 15px;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle{margin-bottom: 10px;}
.digitalmarmain .digitalmarsec .packlist .packbox > .collapsed{position: relative;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle{position: relative;}
.digitalmarmain .packlist .packbox .digimarpacstar .dimarpac{min-height: 0;display: inline-block;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle .dimarpopul{line-height: 22px;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle .dimarpac{font-size: 24px;line-height: 28px;}
.digitalmarmain .digitalmarsec .packlist .packbox .digiboxtitle::before{position: absolute;content: '';
display: block;top: 0;border-top: 2px solid #000;width: 12px;margin-top: 50px;bottom: 0;right: 10px;}
.digitalmarmain .digitalmarsec .packlist .packbox > .collapsed:before{position: absolute;content: '';display: block;
left: inherit;top: 0;border-top: 2px solid #000;width: 12px;margin-top: 50px;}
.digitalmarmain .digitalmarsec .packlist .packbox > .collapsed:after{position: absolute;content: '';display: block;left: inherit;top: 0;
border-left: 2px solid #000;width: 2PX;margin-top: 45px;height: 12px;right: 15px;}
/*-----digital marketing----*/

/*---our clients say----*/
.clientmain{padding: 20px 0;}
.secHead{margin-bottom: 0;}
.secHead .secTitle{margin-bottom: 10px;}
.testimonials::before{display: none;}
.testimonials{padding: 0;}
.testimonials .testimonialSlider .testimonialBox{padding: 10px 5px;}
.testimonials .testimonialSlider .testimonialBox .testimonialBoxInner{padding: 15px;}
.testimonials .testimonialSlider .slick-dots{margin: 5px 0 0 0;}
.testimonials .testimonialSlider .slick-dots li{border-width: 1px;}
/*---our clients say----*/
/*----Footer sec---*/
.footerMain{display: none;}
.copyRight p{text-align: center;}
.copyRight .pull-right{float: none;}
.copyRight p.powerdBy a{width: 32px;vertical-align: middle;}
/*----Footer sec---*/
.poptitle .dircTitle{font-size: 16px;}
 .closePopup {
    width: 30px;
    height: 30px;
    right: 5px;
  }
  .closePopup:after,
  .closePopup:before {
    width: 50%;
    height: 3px;
  }
  .poptitle {
    font-size: 25px;
    line-height: 27px;
    padding: 7px 15px;
  }
  .inputFils,
  .sortDown span,
  .sortDown select {
    height: 44px;
    padding: 15px;
    line-height: 16px;
  }
  .sortDown span::after {
    top: 16px;
  }
  #enquiryForm {
    float: left;
    padding-bottom: 15px;
  }
  .formNote {
    text-align: center;
    padding-left: 15px;
    margin-bottom: 10px;
  }
  .inputFils.inputTextarea {
    min-height: 80px;
  }
  .inputBox {
    margin-top: 10px;
  }
  .custmCol,
  .cusmBigCol {
    width: 100%;
  }
  .sortDown {
    margin-top: 10px;
  }
  .custmCol .captchaBox {
    margin-top: 10px;
  }
  .bannerIcons {
    display: none;
  }
  .inusdSpan {
    font-size: 20px;
  }

  .formcol {
    right: 0px;
    max-width: 100% !important;
    position: relative;
    top: inherit;
}
.bannerSec .bannermain .makecol {top: 25%;}
.bannerSec .slick-dots {top: inherit; bottom: 15px;}
.maketitlemain {padding-right: 0;}

.page_thankyou .page_thankyouInner img {
    display: inline-block;
    max-width: 70%;
}

.top_form {position: relative; top: inherit;}
.top_form .container {padding: 0;}

}

@media only screen and (min-width: 568px) and (max-width: 767px) {
.freeconssec .freecon .getbtn{padding-left: 30px;padding-top: 0px;}
.webdemain .webdessec .webdesimg{padding-bottom: 94%;}
.webdemain .webdessec .webdesimg img{right: -20px;}
}

@media only screen and (max-width:568px) {
.headerMain{background-image: linear-gradient(to left, #ef373e, #368cbb); position: static;}	
.headerMain .logo{max-width: 80px;}
.headerMain .rightmail{font-size: 14px;}
.homeSlider  .item .slimg2{position: relative; max-width: 500px; left: 50%; transform: translateX(-50%); width: auto; margin-left: -40px;}
.contactsec .contacleft .contact .input-text{font-size: 12px;}

.topContact a{display: inline-block; font-size: 0 !important ; width: 32px; height: 32px; line-height: 34px; border-radius: 50%; background: #3063a4; text-align: center;}
.topContact a .icon{font-size: 16px; margin: 0; line-height: 1; vertical-align: middle;}
.topContact a + a:before{display: none;}
}


@media only screen and (max-width:479px) {
.header .logo {max-width: 105px;}
.header .rightmail a{font-size: 14px;}
}
@media only screen and (max-width:350px){
	.homeSlider  .item .slimg2{position: relative; max-width: 400px; left: 50%; transform: translateX(-50%); width: auto; margin-left: -40px;}
}